﻿*{margin:0; padding:0;}
a img{border:none;}
body{font-family:tahoma, verdana, sans-serif;font-size:0.8em;min-width:1036px;width:auto;margin:10px;}

/*------ IE6 min-width */
* html #IERoot{padding-left:1500px;}
* html form{margin-left:-1500px;height:1%;}

.red{color:#FF0000;}
ul{list-style:none;}
p{margin:5px 0;}
textarea{font-family:tahoma, verdana, sans-serif;font-size:1em;}
input[type=text]:focus{background-color:#ECECEC;border:2px solid #C00000;}
h1{font-size:1.3em;}
h2{font-size:1.2em;}

h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#0047B6;}
a:link, a:visited{text-decoration:none;}
a:hover, a:active{text-decoration:underline;}
ul.arrow{list-style-image: url(/uk/images/layout/menuarrow.gif?s=15783657a7f67a323c7f2d9d770b6fd91407b67d);list-style-type:disc;}

.top{vertical-align:top;}

#featuredPanel{text-align:center;}
div.featured{width:48%;float:left;}
div.featured.full{width:96%;margin:2px 0;}
div.middle{margin:0 auto;text-align:center;}
div.featured.full .boxcontent{overflow:auto;}
div.featured.full .info{width:45%;float:left;}
div.featured.full .spec{float:right;width:45%;text-align:left;}
div.featured .title{height:3em;}
#outer{position:relative;width:100%;}
#headerImg{text-align:center;}

#menuTop{position:relative;padding:10px;}
#menuTop li{float:left;/*text-transform:lowercase;*/padding:0 1px ;font-size:1.5em;border-right:2px solid #FFF;
            text-align:center;overflow:hidden;}

#menuTop li#home,#menuTop li#news{width:8%;}
#menuTop li#tools, #menuTop li#pricelist, #menuTop li#contact{width:11%;}
#menuTop li#comparison{width:22%;}
#menuTop li#eco, #menuTop li#reseller{width:13%;}

#menuTop li.last{border-right:none;}
#menuTop li a{color:#FFF;}
#menuTop li a:link, #menuTop li a:visited{text-decoration:none;}
#menuTop li a:over{text-decoration:underline;}
#menuTop li a:active{text-decoration:none;}

#menuLeft{padding:10px 5px;float:left;height:100%;width:130px;}
#menuLeft li{height:70px;width:120px;position:relative;}
#menuLeft li a{text-indent:-10000px;float:left;height:95%;width:100%;}
#liCases{background:url(images/case.png?s=be5d0b8c91dd87454a32adbc6224f649d575693d) #FFFFFF no-repeat scroll top left;}
#liPsus{background:url(images/psu.png?s=c1bbc6cd0a3223f42a89d48a4788bb8fd8443707) #FFFFFF no-repeat scroll top left;}
#liCoolers{background:url(images/coolers.png?s=ce4442e6a0e3a0b9cfebfd1f80a3d4fb519f3bf2) #FFFFFF no-repeat scroll top left;}
#liStorage{background:url(images/storage.png?s=9917f6e9a0794bdc39b96b69181908a4f69adfd9) #FFFFFF no-repeat scroll top left;}
#liOthers{background:url(images/others.png?s=2a4bb6ba9f0450c361f6292657b10510d85d27fe) #FFFFFF no-repeat scroll top left;}

#main{position:relative;min-height:600px; height:auto !important; height:600px;}
#content{padding:20px 10px;height:1%;margin:0 0 0 130px;} /* right margin 125px if including banners */

#rightBanners{height:100%;width:120px;}

#footer{clear:both;}
#footer span{padding:0 10px;}
#footer a{color:#FFF;}


.cleared{overflow:auto;}
.fl{float:left;}
.fr{float:right;}
.b{font-weight:bold;}
.centre{text-align:center;}

.curved {background: transparent; width:auto;margin:2px;position:relative;}
.curved h2, .curved p {margin:0 10px;}
.curved p {padding-bottom:0.5em;}

.curved .top, .curved .bottom {display:block; background:transparent; font-size:1px;}
.curved .b1, .curved .b2, .curved .b3, .curved .b4 {display:block; overflow:hidden;}
.curved .b1, .curved .b2, .curved .b3{height:1px;}
.curved .b2, .curved .b3,.curved .b4{background:transparent; border:1px solid #000; border-width:0 1px;}  

.curved .b1 {margin:0 5px; background:#000;}
.curved .b2 {margin:0 3px; border-width:0 2px;}
.curved .b3 {margin:0 2px;}
.curved .b4 {height:2px; margin:0 1px;}
.curved .boxcontent {display:block;background:transparent; border:1px solid #000000; border-width:0 1px;}

.curved .left .b1, .curved .left .b2, .curved .left .b3, .curved .left .b4 {margin-left:0;border-left-width:1px;}
.curved .right .b1, .curved .right .b2, .curved .right .b3, .curved .right .b4 {margin-right:0;border-right-width:1px;}

.bgRed .b2, .bgRed .b3, .bgRed .b4, .bgRed .boxcontent{background-color:#C00000;color:#FFFFFF;}
.brdNone .b2, .brdNone .b3, .brdNone .b4, .brdNone .boxcontent{border:none;}
.brdNone .b1{background:transparent;}
.bgRed.brdNone .b1{background:#C00000;}

.bgBlack .b2, .bgBlack .b3, .bgBlack .b4, .bgBlack .boxcontent{background-color:#000000;color:#FFFFFF;}

.fullwidth{width:100%;}
.quarterwidth{width:25%}
.halfwidth{width:50%;}

label{width:10em;display:inline-block;}

* html .curved .boxcontent{height:0.5px;}

#caseCompare{background:#CCC;}
#caseCompare td, #caseCompare th{margin:1px;background:#FFF;padding:2px 5px;}