body{

  font-family:Verdana,Arial,Helvetica,sans-serif;  
  font-weight: normal;
  background-color: #adc2de;
  color:#333333;
  font-size:10px;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:13px;
  text-decoration:none;
  text-transform:none;  
  
}

h1{
  margin:0px;
  margin-top:5px;
  margin-bottom:10px;
  padding:0px;
  border:0px;
  font-size:185%;  
  color: #0E4CA1;
}
h2{
  color: #0E4CA1;
  margin:0px;
  margin-bottom:10px;
  padding:0px;
  border:0px;
  font-size: 130%;
}
h3{
  color: #0E4CA1;
  text-align: center;

}
h4{
  color: #0E4CA1;
  margin:0px;
  padding:0px;
  border:0px;
  font-size: 110%;  
  margin-bottom:10px;
  text-align: center;
}

hr{
  color: #0E4CA1;
  border: 2px solid #8DAAD2;
  margin-top: 25px;
  margin-bottom: 25px;
  

}

.green{
  color: #78A330;
  color: #76BD00;
  
}

.content{

  background-color:#ffffff;
  left:50%;
  margin-left:-400px;
  position:absolute;
  width:800px;
  

}

img{
  border:none;
  clear:none;
  margin: 0px;
  padding:0px;
  
}

a{
  margin: 0px;
  padding:0px;
  border: none;
  height: 0px;
  width: 0px;
  clear:both;  
  top:0px;
  text-decoration:none;
  
}
a:hover{
  text-decoration: underline;
}

.small-italic{

  font-size: 90%;
  font-weight: normal;
  font-style: italic;
  
}

.blue-line-header-top{

  background-color: #0E4CA1;
  width: 800px;
  height: 14px;
  clear:none;

}
.blue-line-header-bottom{
  
  margin-top:-5px;  
  background-color: #094097;
  width: 800px;
  height: 30px;
  margin-bottom: 10px;

}

.blue-line-header-bottom div.subnav{  
  
  height: 20px;
  padding: 5px;  
}

.blue-line-header-bottom div.subnav div.subnav-space{  
  float:left;
  margin: 5px;  
  color: #ffffff;  
}
.blue-line-header-bottom div.subnav div.subnav-item{
  
  float:left;
  margin: 5px;
  margin-right: 10px;
  margin-left: 10px;
}

.blue-line-header-bottom div.subnav div.subnav-item a{

  color: #ffffff;

}
.blue-line-header-bottom div.subnav div.subnav-item a.on{
 font-weight: bold;
}


p{
  
  margin-top:0px;
}




/*image box*/

.image-box .image{  float:right; width: 220px;}
.image-box .text{  float:left; width: 330px; }


.image-box-left .image{  float:left; width: 300px;}
.image-box-left .text{  float:right; width:  250px;}



.clear { clear: both; line-height: 1px; font-size: 1px; height: 1px; visibility: hidden; }

/**small rounded corners**/

#lefthand-container{
  margin: 0px;
  padding:0;  
  width:185px; 
  float:left; 
}


.small-content {

  margin-left: 10px; 
  margin-top: 1px; 
  width:170px; 
  float: left; 
  margin-right:5px; 
  margin-bottom: 10px  
  
 }

.small-content .top-centre{  

  width:150px;  
  height:2px;   
  margin-bottom:6px;  
  background-image: url(../images/skin/thin_round_centre.png);  
  float:left;
  background-repeat: repeat-x;
  
}

/**/               
.small-content .bottom-centre{  width:150px;  height:2px;  margin-top:6px;  background-image: url(../images/skin/thin_round_centre.png);    float:left; background-repeat: repeat-x;}


/**large rounded corners**/

#main-content {  
  
  width: 600px;
  margin-left:5px;  
  margin-top: 1px; 
  float: left;
  border: 0px solid red;

}

.small-content .top-left, #main-content .top-left{  

  padding:0px; 
  width: 9px;
  height: 8px;
  background-image: url(../images/skin/thin_round_top_left.png);  
  float:left;
  background-repeat: no-repeat;
  
}
               
#main-content .top-centre{  width:580px;  height:2px;    margin-bottom:6px;  background-image: url(../images/skin/thin_round_centre.png);  float:left; background-repeat: repeat-x;}

.small-content .top-right, #main-content .top-right{ background-repeat: no-repeat; width: 9px;  height: 8px;  background-image: url(../images/skin/thin_round_top_right.png);  float:left;  }

/**/
#main-content .bottom-left, .small-content .bottom-left{ width: 9px; height: 8px;  background-image: url(../images/skin/thin_round_bottom_left.png);  float:left;  background-repeat: no-repeat}
               
#main-content .bottom-centre{  width:580px;  height:2px;  margin-top:6px;  background-image: url(../images/skin/thin_round_centre.png);    float:left; background-repeat: repeat-x;}

#main-content .bottom-right, .small-content .bottom-right{  width: 9px;  height: 9px;  background-image: url(../images/skin/thin_round_bottom_right.png);  float:left;  background-repeat: no-repeat}

#main-content .inner-content, .small-content .inner-content{  padding:10px;padding-top:2px;padding-bottom:5px; margin-left: 0px;  margin-right: 0px;    clear:both;  border-left: 2px solid #8DAAD2;  border-right: 2px solid #8DAAD2;}

#main-content .inner-content{width:574px;}
.small-content .inner-content{width:144px;}



/********thin blue footer*************/
#blue-footer  .tb-top{  width:800px;   margin-top: 15px;}

#blue-footer  .tb-top .tb-left{  width: 15px;  height: 6px;  background-image: url(../images/skin/thin_blue_top_left.png);  float:left; background-repeat: no-repeat;}

#blue-footer  .tb-top .tb-centre{  width: 770px;  height: 6px;  background-image: url(../images/skin/thin_blue_top_center.png);  float:left; background-repeat: repeat-x;}
#blue-footer  .tb-top .tb-right{  width: 15px;  height: 6px;  background-image: url(../images/skin/thin_blue_top_right.png);  float:left; background-repeat: no-repeat;}


/*********thin blue footer************/
#blue-footer  .tb-bottom{ width:800px;}


#blue-footer  .tb-bottom .tb-left{ width: 15px;  height: 6px;  background-image: url(../images/skin/thin_blue_bottom_left.png);  float:left; background-repeat: no-repeat;}
#blue-footer  .tb-bottom .tb-centre{  width: 770px;  height: 6px;  background-image: url(../images/skin/thin_blue_bottom_center.png);  float:left; background-repeat: repeat-x;}
#blue-footer  .tb-bottom .tb-right{  width: 15px;  height: 6px;  background-image: url(../images/skin/thin_blue_bottom_right.png);  float:left; background-repeat: no-repeat;}

/*******************/

#blue-footer .strength{  margin-left:10px;  float:left;}

#blue-footer .durability{  margin-left:50px;  float:left;  }

#blue-footer .performance{  float:right;  margin-right: 10px;}


#bottom-links{  text-align: center; margin-left: 5px;margin-right: 5px;}
#bottom-links a{  font-size: 100%;}



/*navigation*/
.menu {
  position:absolute; 
  margin-top:-22px;
  font-weight: bold;
  width:800px;
  text-decoration:none;

}
.menu div.menupoint-on, .menu div.menupoint-off{

  margin-left:4px;  
  margin-right:0px;
  height:19px;
  border: 0px solid blue;
  float: left;
}

/******* Menu On ********/
.menu div.menupoint-on .top-left{width: 3px; height:19px; background-image: url(../images/skin/menu_on_left.png); float: left; background-color: #06358E;}

.menu div.menupoint-on .top-centre{
  line-height: 20px;
  height:19px;  
  font-size: 130%;
  width:auto;
  padding-right:6px;
  padding-left:6px;  
  background-image: url(../images/skin/menu_on_top.png);
  float: left;
  background-repeat: repeat-x;
  background-color: #06358E;
}

.menu div.menupoint-on .top-centre a{
  text-decoration: none;
  color: #ffffff;  
}

.menu div.menupoint-on .top-right{width: 3px;  height:19px;  background-image: url(../images/skin/menu_on_right.png);  float: left;}

.menu div.menupoint-on { background-color: #06358E;}


/******* Menu Off ********/


.menu div.menupoint-off .top-left{  
  width: 3px;
  height:19px;  
  background-image: url(../images/skin/menu_off_left.png);
  float: left;
}

.menu div.menupoint-off .top-centre{  
  width: 3px;
  height:19px;  
  font-size: 100%;
  line-height: 20px;
  width:auto;
  padding-right:6px;
  padding-left:6px;  
  background-image: url(../images/skin/menu_off_top.png);
  float: left;
}

.menu div.menupoint-off .top-right{
  width: 3px;  
  height:19px;  
  background-image: url(../images/skin/menu_off_right.png);  
  float: left;
 }


.menu div.menupoint-off .top-centre a{
  text-decoration: none;
  color: #000000;
}
.menu div.menupoint-off {  background-color: #ffffff;}


/******Forms*********/

.form{
  
  
}


.form .form-row{
  
  margin-bottom: 10px;
  border: 0px solid pink;    
  
}

.form .form-row .left{

  width:30%;
  border: 0px solid red;
  float:left;
  font-weight: bold;

}

.form .form-row .right{
  width:65%;
  border: 0px solid blue;
  float:left;
  
}


/* form validation */

.error-box{

  margin-bottom: 15px;
  margin-top: 15px;
  border: 1px solid red;
  color: red;
  padding:5px;
  font-size: 90%;
  
}


/* Product sections */

#product-categories{
  
  width: 500px;
  margin-left:65px;
  
  
}

#product-categories .category-row{
  width: 500px;
  
}

#product-categories .category-row .category{

  width: 220px;
  float: left;
  border: 1px solid #8DAAD2;
  height: 280px;

}


#product-categories .category-row .category .product{
  cursor: pointer; 
  height:200px;  
  width:220px; 
  background-repeat: no-repeat; 
  background-position: bottom center; 
}

#product-categories .category-row .category .product .clear-product{
  height:200px;    
  width:220px; 
}



#product-categories .category-row .category .footer{
  margin-top: 10px;
  text-align: center;
  font-size: 100%;

}

#product-display{

  border: 0px solid red;

}

#product-display .product-row{
  
  margin-top: 5px;
  border: 1px solid #8DAAD2;
  height: 100px;
}

#product-display .product-row .image-box{
  float:left;
  border: 0px solid green;
  height: 100px;
  width: 100px;
}

#product-display .product-row .product-info h4{
  text-align: left;
  font-size: 150%;
}

#product-display .product-row .product-info{
  
  float:left;
  height: 80px;
  border: 0px solid red;
  padding: 10px;
}


table tr th{
  
  padding-left:5px;
  padding-right:5px;
  background-color: #adc2de;

}

table tr {

  text-align: center;

}



#product-display .more-information{


}

#product-display .more-information .image-link{ 

  float: left;

}
#product-display .more-information .text-link{ 

  float: left;
  margin-top:8px;
  margin-left: 5px;

}



/* Product Display */

#product{

}

#product .image{
  float: left;
}
#product .details{
  padding-top:40px;
  padding-left:40px;
  float: left;
}

#product .contact-us{  
  
  text-align: center;
  
  
}
#product .contact-us a{
  font-size: 200%;
  line-height: 120%;
  
  
}

#product table{
  
  width: 230px;
}
#product table th, #product table td{
  width: 50%;
}

#product tr th{
  background-color: #ffffff;  
  text-align: right;
}


#product .price{
  margin-top: 30px;
  font-size: 140%;
  
}
#product .price span{
  font-weight: bold;
}
#product .description{
  
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 120%;
}
 
#similar-products{

  margin-top: 40px;
}

#similar-products .product-row .image{
  float: left;
  width: 150px;
  height: 150px;
}
#similar-products .product-row .title{
  padding-top: 35px;
  text-transform: uppercase;
  font-size: 170%;
  float: left;
  line-height: 150%;
  
}


.additional_thumb{

  border: 1px solid #8DAAD2;
}

span.deal{
  color: #3399CC;
  font-size: 200%;
  
}



.back-to-top{
  margin-bottom: 20px;
  font-weight: bold;
  
}

.back-to-top .text{
  float: left;
  margin-top: 2px;
  margin-right: 3px;
}

.back-to-top .icon{
  float: left;
}