html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
  font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:72.5%;
	color:#000000;
	background-color:#ffffff;
} 
h2{
padding-top:0px;
margin-top:0px;

}
 
 #pagewidth{ 
 width:1034px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
 border-left: #000000 thin solid;
  border-right: #000000 thin solid;
   border-bottom: #000000 thin solid;
  }
  
  #header{
 height:110px;
padding-top:5px;
 width:100%;
 margin-bottom:0px;
 margin-left:10px;
 margin-right:10px;

} 
#header-logo{
float:left;
}

#links-block{
float:left;
width:760px;
background-color:#FF0000;
margin-left:20px;
}

#before-main-section{
width:100%;
background-color:#FF0000;
margin-bottom:10px;
margin-top:5px;
}

#after-main-section{
width:100%;
background-color:#FF0000;
margin-top:5px;
margin-bottom:10px;
}



#footer{
width:100%;
height:auto;
vertical-align:middle;
text-align:center;
margin-bottom:5px;

/*
padding:10px;
border-top:#000000 thin solid;
*/
}
#footer-address{
width:220px;
float:left;
font-size:1.25em;
text-align:left;
padding:5px;
background-color:#EFF8FF;
border:#666666 1px solid;

/* margin-bottom:10px; */

}
#footer-right-side{
float:left;
margin-left:15px;
font-size:2.3em;
margin-top:0px;
padding-top:0px;
position:relative;
top:-7px;



}

#rightcol {
float:right;
width:180px;
position:relative;
background-color:#ffffff;
text-align:center;
margin:auto;
padding-right:10px;
}

#leftcol{
/*this was 25% */
 width:230px; 
 float:left; 
 height:auto;
 vertical-align:top;
 padding-left:0px;
 	font-size:180%;
	line-height:160%;

	
 }
 
 #leftcol, #footer{
 	margin-left:10px;
 }
	 #footer-in-left-col-only{
	 width:100%;
	 background-color:#CCCCCC;
	 font-size:0.75em;
	 
	 
	 }
	 
	 #maincol{

 float:left; 
 display:inline; 

 top:0px;
width:63%;
/* adding this to limit centre column width */
min-width:398px;
max-width:572px;
/* adding this ie6 max-wdith hack 
width: expression(document.body.clientWidth < 602? "600px" : document.body.clientWidth > 602? "600px" : "auto");
*/
width: expression(document.body.clientWidth < 400? "398px" : document.body.clientWidth > 572? "574px" : "auto");
 /*   ADDDING THIS ////////////////////////////////////////////// */
 font-size:145%;
  line-height:200%;
  /*
padding-left:10px;
*/
padding:0px;
padding-top:0px;
padding-bottom:20px;
padding-right:16px;
padding-left:16px

 }
 html>body #maincol {
/*left:-42px;
 top:4px;
*/
 }
  #maincol h4{
 font-size:200%;
 }
 thead{
background-color:#FF3300;
color:#FFFFFF;
text-transform:capitalize;
 }
 tbody td.feature{width:50%;border:1px #CC3300 thin; font-weight:bold:}
 tbody tr{border-top:#00FF00 thin solid;}


  /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

.float-left{
float:left;
}
.float-right{
float:right;
}

.left-col-box, {

}
.box-spacers{
height:5px;
}
.left-col-box{
border:#666666 1px solid;
font-size:0.8em;
/*margin-bottom:5px;*/
padding:5px;
background-color:#EFF8FF;

}

.right-col-box{
border:#666666 1px solid;
font-size:0.8em;
/*margin-bottom:5px;*/
padding:5px;
background-color:#EFF8FF;

}

.capitalize_first_letter{
text-transform:capitalize;
}
.img_class_space_on_right{
padding-right:5px;
}
.alt_bg{
background-color:#EFF8FF;

}
.regular_bg{
background-color:#fffff;
width:100%;
}
.alt_bg, .regular_bg{
padding:7px;

}

a:hover{
/*
background-color:#0000CC;
*/
color:#0000CC;
}
.back-link{
float:right;
background-color:#EFF8FF;
padding:4px;
border:#003399 1px solid;
}

#maincol li {
margin-left:15px;
}
/*
.product-info B {
font-size:140%;
}
*/

.image_navigation_container{
width:98%;
background-color:#EFF8FF;
/*border:#666666 1px solid; */
padding-right:4px;
padding-left: 4px;
}

.align-center{text-align:center; margin:auto;background-color:#EFF8FF;border:#666666 1px solid; }