﻿/*#############################################################
© 2007
Author:Igor Jovic
URL:http://spinz.se
#############################################################*/
/* default elements */
html{background:#191718}
*{margin:0px;padding:0px}

h1{font-family:arial,verdana,helvetica,sans-serif;font-size:1.9em;font-weight:bold;color:#333333;line-height:1.6em}
h2{font-family:arial,verdana,helvetica,sans-serif;font-size:1em;font-weight:bold;color:#333333}
p{font-family:Verdana,Arial,helvetica,sans-serif;font-size:0.8em;font-weight:normal;color:#333333;padding-left:5px;line-height:1.6em}
.quote{font-family:Verdana,Arial,helvetica,sans-serif;font-style:italic;margin-left:0px;padding-left:0px;padding-top:0px;line-height:1.6em;float:left}
.right{background-color:black;float:right}
a{color:#000080;font-size:0.9em;font-weight:normal;font-style:normal;text-decoration:none}
a:link{color:#000080;font-weight:normal;font-style:normal;text-decoration:none}
a:visited{color:#467aa7;font-style:normal;font-weight:normal;text-decoration:none}
a:hover{color:#ff6600;font-style:normal;text-decoration:none}

/* Layout */
body{margin:0;padding:0;font-family:Verdana,'Lucida Grande',Verdana,Helvetica,sans-serif;background-image: url("../Img/bg.jpg");background-repeat:repeat-x;background-color:#ffffff;list-style:none}
#wrapper{max-width:1100px;width:expression(document.body.clientWidth>1102?"1100px":"auto");margin:0 auto;padding:0;/*width:1011px;*/background:transparent}
#header{height:173px;/*width:950px;*/}
#header .logo{float:left;padding-top:0px;padding-left:0px;border:none}
#nav ul{display:block;float:right;list-style:none;margin-top:80px;margin-right:20px}
#nav li{float:left;margin-bottom:0px;padding-bottom:0px;padding-right:19px}
#nav ul li a{float:left;border-left:4px solid #858383;display:block;margin-right:1px;padding-right:5px;padding-left:5px;padding-top:10px;padding-bottom:10px;color:#ffffff;font-weight:normal;font-size:0.9em;text-decoration:none;font-family:Arial,Helvetica,sans-serif}
#nav  li a:hover{color:#ffffff;border-left:4px solid #facd00}
#nav .selected{color:#ffffff;border-left:4px solid #facd00}
#content{float:left;background-color:transparent;margin-top:0px;margin-bottom:0px;padding:10px;width:1100px;border-bottom:1px solid #eaeaea}
#col1{float:left;background-color:transparent;margin-top:5px;margin-bottom:5px;padding:5px;width:700px}
#col1 p{font-size:0.8em;padding:0 10px 10px 0;color:#555555}
#col1 h1{font-family:Arial,verdana,helvetica,sans-serif;font-size:1.4em;color:#6d6d6d;font-weight:normal;padding-bottom:10px}

#col2{float:right;background-color:transparent;margin-top:3px;margin-bottom:5px;padding:10px 0 10px 15px;width:350px}
#col2 p{font-size:0.8em;padding:0 20px 20px 0;color:#555555}
#col2 h1{font-family:Arial,verdana,helvetica,sans-serif;font-size:1.4em;color:#6d6d6d;font-weight:normal;padding-bottom:10px}

#boxcontainer{float:left;clear:both;background-color:transaprent;margin-top:0px;margin-bottom:15px;padding:10px;width:920px}
.box1{width:167px;float:left;margin-left:0px;padding-right:5px;margin-top:8px;padding-left:20px;padding-top:0px;padding-bottom:8px;border-right:1px dotted #dadada}
.box1 p{font-size:0.7em;padding-top:10px;padding-left:10px;padding-right:10px;color:#555555}
.box1 h1{background-image:url("Img/one.gif");background-repeat:no-repeat;background-position:top left;display:block;font-family:'Trebuchet MS';font-size:1em;padding-top:0px;padding-left:30px;color:#619fde}

.box2{width:167px;float:left;margin-left:25px;margin-top:8px;padding-right:5px;padding-left:20px;padding-top:0px;padding-bottom:8px;border-right:1px dotted #dadada}
.box2 p{padding-top:10px;padding-left:4px;padding-right:10px;color:#555555;font-size:0.7em}
.box2 h1{background-image:url("Img/two.gif");background-repeat:no-repeat;background-position:top left;display:block;font-family:'Trebuchet MS';font-size:1em;padding-top:0px;padding-left:30px;color:#619fde}

.box3{width:167px;float:none;margin-top:8px;padding-left:20px;margin-left:25px;padding-top:0px;padding-bottom:8px}
.box3 p{font-size:0.7em;padding-top:10px;padding-left:4px;padding-right:10px;color:#555555}
.box3 h1{background-image:url("Img/three.gif");background-repeat:no-repeat;background-position:top left;font-family:'Trebuchet MS';font-size:1em;padding-top:0px;color:#619fde;padding-left:30px}

#footer{clear:both;margin-right:0px;margin-bottom:0px;margin-left:0px;padding:8px;background-color:#191718;text-align:center}
#footer p{font-size:0.7em;line-height:3em;font-family:arial;font-weight:normal;color:#5b5b5b;padding-top:10px;padding-right:0px;padding-bottom:10px;padding-left:10px;text-align:center}
#footer a{font-size:1em;font-weight:normal;color:#5b5b5b;text-align:center}
#footer a:hover{text-decoration:underline;font-weight:normal;color:#5b5b5b;text-align:center}

/*	Additional	*/
.pricetable{font-size:x-small;/*	font-family:Georgia,"Times New Roman",Times,serif;*/
	width:100%;/*	background-color:#DADADA;border:solid #000000 2px;*/}
.pricetable thead{
	margin:5px;/*background-color:#EEDA4F;*/
	text-align:center}
.pricespread{background-color:#EEDA4F}
.pricespread15{background-color:#FFDF00}
.averagetable{font-size:small;text-align:center;font-weight:bold;margin-bottom:10px}

/*	FEATURES */
.features{margin-bottom:10px}
.fheader,.fcontent,.fcontent-nh{border-left:1px solid #ccc;border-right:2px solid #bbb}
.fheader h1,.fheader h2,.fheader h3,.fheader h4,.fheader h5,.fheader h6{margin:0;padding:0}
.fheader{padding:0 6px}
.fcontent,.fcontent-nh{padding:5px 10px;line-height:1.3;border-top:1px solid #ddd}
.fcontent-nh{padding-top:5px;border-top:0}
.fbotspacer{clear:both;font-size:1px;line-height:1px;margin:0;padding:0}

.ftop,.ftop-nh,.fbot{display:block;background:transparent;font-size:1px}
.f0,.f1,.f2,.f3,.f4{display:block;overflow:hidden;height:1px;font-size:1px;background:#f7f7f7;border:1px solid #ccc;border-width:0 1px}
html>body b.ftop b,html>body b.ftop-nh b,html>body b.fbot b{overflow:visible}
.f0,.f1{margin:0 5px}
.f2,.fbot .f1{margin:0 3px}
.f3,.fbot .f2{margin:0 2px}
.f4,.fbot .f3{margin:0 1px}
.ftop .f4,.ftop-nh .f4{height:2px}
.f2{border-width:0 2px}
.f3{border-width:0 2px 0 1px}
.fbot .f3{border-width:0 2px}
.fbot .f2{border-width:0 3px}
.f4,.f5,.f6{border-right:2px solid #bbb}
.fbot .f0,.fbot .f1{background:#bbb}
.ftop .f1,.ftop-nh .f1{background:#ccc}
.fbot .f0,.fbot .f1,.fbot .f2,.fbot .f3{border-color:#bbb}

.features h1,.features h2,.features h3,.features h4,.features h5,.features h6{color:#840000;border-bottom:0 solid #840000}
.fheader h1,.fheader h2,.fheader h3,.fheader h4,.fheader h5,.fheader h6{color:#c62914;margin-left:5px}
/*.fheader{color:#f7f7f7;background:#ddd;padding-bottom:4px}*/
.fheader{color:#c62914;padding-bottom:4px}
.fcontent,.fcontent-nh{background:#ddd}
.fcontent{border-top:0}
.features th{color:#f7f7f7;background:#840000}
.features p{line-height:normal}
.features td,.features th{padding:3px}
.features tr.altcolor,.features td.altcolor{color:#000;background:#eee}

.f2,.f3,.f4,.f5,.f6{background:#FFEFD6}
.ftop b{background:#C6BA8C}
.ftop-nh b,.fbot b{background:#ddd}
.fbot b.f0,.fbot b.f1{background:#bbb}

/*	gradients */
.bg_gradient_green{color:#fff;background:#588668 url('../Img/gradient_green.gif') repeat-x bottom;padding:2px}
.bg_gradient_yellow{color:#000;background:#FEE03C url('../Img/gradient_yellow.gif') repeat-x bottom;padding:2px}
.bg_gradient_gray{color:#fff;background:#869679 url('../Img/gradient_gray.gif') repeat-x bottom;padding:2px}
td.bg_gradient_green,td.bg_gradient_yellow,td.bg_gradient_gray{padding:5px}

/*  description   */
div.picture{font-size:.7em;margin-bottom:1em}

/*  title   */
div.picture h5{font-size:1em;margin-bottom:.5em}

/* sorttable heading */
#sortable th,.sortable th{font-weight:normal;color:#fff;background:#C62914 url('../Img/gradient_red.gif') repeat-x bottom;padding:2px}
#sortable th a,#sortable th a:link,#sortable th a,#sortable th a:visited{color:#fff}
#sortable th a:hover,#sortable th a:active,.sortable th:hover{color:#fff;text-decoration:underline;cursor:pointer}

#cpmcalc td,#cpmcalc th{font-size:.7em}
small{font-size:.55em}