/* v2.0 Bad Robot Oct 08 */

body{
   background-color:#363636;
}

#centre{
   width:960px;
   margin:0px auto;
   }

#wrapper {
   width: 960px;
   margin: 0px auto;
   vertical-align: top;   
   padding:20px 20px 0px 20px;
   background-color: #FFFFFF;
   float:left;
}


#header{
   margin:0px;
   padding:0px;
   background-color:#FFFFFF;
   }
/* IE6 Only */
* html #header {
   margin-bottom: -3px;
}

#header-middle-right{
   width:640px;
   float:right;
   }

#header-middle{
   width:320px;
   float:left;
   text-align:center;
   }
   
#header-right{
   width:320px;
   float:right;
   }
   
#header-left{
   width:320px;
   float:left;
   }
   
#header-middle h1.strapline{
   color:#999999;
   margin:0px;
   padding:0px;
   font-weight:normal;
   padding-top:5px;
   font-size:2em;
   }
   
#header-right h1.telephone{
   float:right;
   color:#339933;
   padding:0px;
   margin:0px;
   font-size:3.7em;
   }


#navigation{
   width:960px;
   background-color:#f2f2f2;
   margin-top:20px;
   float:left;
   }
   
#navigation ul{
   margin:0px;
   padding:3px 0px 3px 40px;
   float:left;
   list-style:none;
   }
   
#navigation li{
   float:left;
   font-size:1.2em;
   color:#999999;
   font-weight:500;  
   }
   
#navigation li a{
   text-decoration:none;
   color:#999999;
   }
   
#navigation li a.selected{
   color:#339933;
   }
   
#navigation li a:hover{
   text-decoration:underline;
   color: #339900;
   }


#search {
   float:right;
   vertical-align:text-top;
}


#content-inner{
   width:960px;
   float:left;
   margin-top:20px;
   }

#left {
   width: 194px;
   float: left;
   padding: 0px;
   margin: 0px;
   clear: both;
}

#right {
   width: 194px;
   float: right;
   padding: 0px;
   margin: 0px;
   z-index: 100;
}

#checkout{
   width:184px;
   background-image:url(box-top-checkout.gif);
   background-repeat:no-repeat;
   background-position:top;
   margin-left:10px;
   text-align:center;
   }
   
#checkout h1{
   width:184px;
   color:#339933;
   text-align:center;
   font-size:1.5em;
   margin:0px;
   padding:5px 0px;
   }
   
#checkout p.basket{
   width:184px;
   color:#333333;
   background-position:bottom;
   background-image:url(box-bottom-checkout.gif);
   background-repeat:no-repeat;
   text-align:center;
   }
img.cards{ 
   margin-top:20px;
   margin-left:10px;
   }
   
img.trial{
   margin-left:10px;
   margin-bottom:10px;
   }
div.box{
   width:184px;
   background-image:url(box-bottom.gif);
   background-repeat:no-repeat;
   background-position:bottom;
   margin-bottom:10px;
   }

div.box_Product{
   width:184px;
   background-image:url(box-bottom.gif);
   background-repeat:no-repeat;
   background-position:bottom;
   margin-bottom:10px;
   height:310px;
   }

h1.box{
   width:184px;
   background-image:url(box-top.gif);
   background-repeat:no-repeat;
   background-position:top;
   color:#339933;
   text-align:center;
   font-size:1.2em;
   margin:0px;
   padding:5px 0px;
   }

img.box {
   width: 75%;
   padding-left:20px;
   padding-top:10px;
}

ul.box{
   list-style:none;
   padding:0px 0px 10px 10px;
   margin:0px;
   line-height:1.2em;
   }

#footer2 img{
   float:right;
   margin:3px 0px;
   }

   li.box{
   background-image:url(bullet_point.gif);
   background-position:left centre top;
   padding:0px;
   margin:0px;
   background-repeat:no-repeat;
   padding-left:9px;
   margin-bottom:5px;
   }



h1.boxsub{
   width:184px;
   border-top:1px solid #999999;
   color:#339933;
   text-align:center;
   font-size:1.2em;
   margin:0px;
   padding:5px 0px;
   }

#content-middle{
   width:572px;
   float:left;
   }

#products-middle-right{
   float:right;
   width:378px;
   }

#products-right{
   float:right;
   }


.mainSection:link, .mainSection:visited {
   display: block;
   background-color: #00a0c6;
   color: #FFFFFF;
   padding: 4px 0px 4px 3px;
   text-decoration: none;
   border-top: 1px solid #FFFFFF;
   border-left: 5px solid #00a0c6;
}
.mainSection:hover, .mainSection:active {
   display: block;
   background-color: #ce2e78;
   padding: 4px 0px 4px 3px;
   text-decoration: none;
   border-left: 5px solid #363636;
   color: #ffffff;
}
#custInfo {
   padding: 6px 0px 5px 0px;
   margin: 20px 0px 0px 0px;
   font-weight: bold;
   font-size: 130%;
   color: #ffffff;
   text-align: center;
}
#bestSellersHeader {
   padding: 6px 0px 5px 0px;
   text-align: center;
   color: #FFFFFF;
   font-weight: bold;
   margin: 20px 0px 0px 0px;
   font-size: 130%;
}
#bestSellersContainer {
   border: 1px solid #999999;
   border-top: none;
   padding: 6px;
   margin: 0px 0px 20px 0px;
   text-align: center;
}
#bestSellersContainer br {
   clear: both;
}
#bestSellersContainer a:link, #bestSellersContainer a:visited {
   text-decoration: none;
}
#bestSellersContainer a:hover, #bestSellersContainer a:active {
   text-decoration: underline;
}
#newProductsHeader {
   padding: 6px 0px 5px 0px;
   text-align: center;
   color: #FFFFFF;
   font-weight: bold;
   margin: 20px 0px 0px 0px;
   font-size: 130%;
}
#newProductsContainer {
   border: 1px solid #999999;
   border-top: none;
   padding: 4px;
   margin: 0px 0px 25px 0px;
   text-align: center;
}
#newProductsContainer br {
   clear: both;
}
#newProductsContainer a:link, #newProductsContainer a:visited {
   text-decoration: none;
}
#newProductsContainer a:hover, #newProductsContainer a:active {
   text-decoration: underline;
}
#main {
   float: left; 
   z-index: -100;
   padding: 20px 0px 20px 0px;
   margin: 0px;
   width: 572px;
}
/*#slideshow {
   margin: 0px 0px 20px 0px;
   padding: 0px;
}*/

#footer2{
   width:1000px;
   margin: 0px;
   background-color:#f2f2f2;
   border-top:#339933 solid 2px;
   clear:both;
   float:left;
   }
   
#footer2 p{
   padding:10px 0px 10px 30px;
   margin:0px;
   }



.terms {
   padding: 15px 0px 10px 0px;
   color: #363636;
}
.terms H2 {
   color: #363636;
   border-bottom: 3px solid #363636;
   margin: 0px 0px 8px 0px;
   padding: 0px 0px 4px 0px;
}
hr {
   color: #cccccc;
   margin: 6px 0px;
   padding: 0px;
   clear: both;
   height: 1px;
}
.clear {
   clear: both;
}
.highlight {
   color: #0066CC;
}
.ColContainer {
   margin: 10px auto 0px auto;
   padding: 0px;
   width: 160px;
   border: 1px solid #999999;
}
.ColTitle {
   margin: 0px auto;
   padding: 3px;
   text-align: center;
   background: #00a0c6;
   font-weight: bold;
}
.ColTitle a {
   background: #00a0c6;
   display: block;
   padding: 1px 0px;
   color: #FFFFFF;
}
.ColTitle a:hover {
   background: #363636;
   display: block;
   color: #FFFFFF;
   text-decoration: none;
}
.ColImage {
   margin: 0px auto;
   padding: 3px;
   text-align: center;
   border-top: 1px solid #999999;
}
.ColText {
   margin: 0px auto;
   padding: 5px;
   text-align: center;
   border-top: 1px solid #999999;
}
.relatedTable {
   border: 1px solid #999999;
   border-top: none;
   border-right: none;
   border-collapse: collapse;
   width: 100%;
}
.relatedTable td {
   border-right: 1px solid #999999;
}
.prodRef {
   margin: 10px 0px;
   font-weight: bold;
}
.thumbsTD {
   border-right: 1px solid #CCCCCC;
}
.productDescription {
   margin: 10px 0px;
   padding: 0px;
   clear: both;
}

.box a:link{
   text-decoration:none;
   color:#333333; 
   }
.box a:visited{
   text-decoration:none; 
   color:#333333;
   }
.box a:hover{
   text-decoration:underline;
   color: #339900;
   }
.box a:active{
   text-decoration:underline;
   color: #339900;   
   }

.limit-width {
   width: 500px;
}