/* @charset "utf-8";
CSS Document */

body{background-color: #FFF; margin-top: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
#wrapper{width: 750px; margin-left: auto; margin-right: auto; padding: 5px; background-color: #FFF; border: 0px #6699ff solid;}
#header{float: left; width: 750px; margin-top: 0px;}
#header #image{float: left; width: 750px;}
#header #mainnav{float: left; width: 750px; height: 44px;}

#main{float: left; width: 750px; font-size: 11px;}
#main a{color: blue; text-decoration: none; font-weight: bold;}
#main p{color: #333366; text-align: justify; line-height: 18px;}
#main ul{color: #333366; text-align: justify; font-size: 12px; line-height: 18px;}
.main li {font-size: 12px;}
#main h1{font-size: 16px; color: #333366; font-family: Verdana, Arial, Helvetica, sans-serif;}
#main img{border: 0px;}
#main a{text-decoration: none;}
#main a:hover{text-decoration: underline;}
h2{font-size: 16px; font-weight: bold; padding-top: 10px;}
p{color: #333366; text-align: justify; line-height: 18px; width: 100%; font-size: 12px; padding-top: 3px; padding-bottom: 3px;}
ul{color: #333366;}
ol{color: #333366;}
sup {font-size: 9px;}
#hcs_product{float: left; width: 750px; border-bottom: 0px #999 solid; min-height: 200px; padding-bottom: 10px; background-image: url(images/bar.jpg); background-repeat: repeat-x; background-position: bottom;}
#hcs_product2{float: left; width: 750px;background-image: url(images/bar.jpg); background-repeat: repeat-x; background-position: bottom; border-bottom: 0px #999 solid;  min-height: 200px; padding-bottom: 10px;}
#hcs_product_img{float: left; width: 270px; text-align: center; padding:10px; padding-top: 20px;}
#hcs_product_text{float: left; width: 385px; margin-right: 50px;padding-top: 50px; _clear: right; _margin-right: -20px;}

.hcs_product_price{font-size: 14px;font-weight: bold;}

#bcs_product{float: left; width: 740px; border-bottom: 0px #999 solid; min-height: 200px; padding-bottom: 10px;}
#bcs_product2{float: left; width: 750px; /*background-image: url(images/blue_fade.jpg); background-repeat: repeat-x; background-position:bottom;*/ border-bottom: 0px #999 solid;  min-height: 200px; padding-bottom: 10px;}
#bcs_product_img{float: left; width: 270px; text-align: center; padding:10px; padding-top: 20px;}
#bcs_product_text{float: left; width: 450px; _width: 420px; padding-top: 20px; _clear: right;}
.bcs_product_price{font-size: 14px;font-weight: bold;}

#footer{float: left; width: 750px; margin-bottom: 0px;}

#copyright{width: 750px; text-align:center; margin-left: auto; margin-right: auto; font-size: 9px; font-weight: bold; margin-top: 10px;}
#spacer {clear: both; line-height: 0px;}
#bar{float: left; width: 100%; background-image: url(images/bar.jpg); background-repeat: repeat-x; height: 6px;}

#testimony{float: left; width: 750px; padding-top: 20px; padding-bottom: 20px;}
#testimony_fade{float: left; width: 750px; background-image: url(images/bottom_fade.jpg); background-repeat: repeat-x; background-position: bottom; padding-top: 20px; padding-bottom: 20px;}
#testimony_text{float: left; width: 410px; margin-left: 0px; margin-right: 30px; _clear: right; _margin-right:-50px;}
#testimony_img{float: left; width: 250px; margin-left: 30px; margin-right: 30px; text-align: center;}
#testimony_quotes{float: left; width: 690px; margin-left: 30px; margin-right: 30px; _margin-right: -50px;}

#pacesetter_quote{float: left; width: 240px; _width: 240px; margin-left: 20px; margin-right: 15px; _margin-right: 10px; _clear: right;}
#pacesetter_thumb{float: left; width: 200px;_width: 120px; margin-left: 0px; margin-right: 0px; text-align: center; padding-top: 55px;}













/***********NAVIGATION***************/
.chromestyle{
width: 749px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

/*.chromestyle ul{
border: 1px solid #BBB;
width: 100%;
background: url(images/nav-bar.jpg) center center repeat-x;
padding: 14px 0;
margin: 0;
text-align: left;
}*/

.chromestyle ul{
border: 1px solid #BBB;
width: 100%;
background: url(images/nav-bar2.jpg) center center repeat-x; /*THEME CHANGE HERE*/
padding: 12px 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #FFF;
/*padding: 14px 5px;*/
padding-left: 9px;
padding-right: 9px;
padding-top: 13px;
padding-bottom: 12px;

margin: 0;
text-decoration: none;
border-right: 1px solid #33cccc;
margin-left: -2px;
margin-bottom: -1px;
margin-top: 2px;
}

.chromestyle ul li a:hover{
background: url(images/nav-bar-hover2.jpg) center center repeat-x;
}

.chromestyle ul li a[rel]:after{ 
content: "";
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: -1;
font:normal 11px Arial;
color: #FFF;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
background-image: url(images/trans_bk.png); background-repeat: repeat; color:#000; 
line-height:18px; 
border-color: #33cccc; 
border-width:1px 1px 1px 1px;
border-style: solid;
filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
text-align: left;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
padding: 0px 0px;
color: #FFF;
text-decoration: none;
font-weight: bold;
_font-weight: normal;
text-align: left;
color: black;
border-color: #33cccc; 
border-width:0px 0px 1px 0px;
border-style: solid;
filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-image: url(images/nav-bar-hover2.jpg); background-repeat: repeat-x; background-position: center; color: #FFF;
border-width:0px 0px 1px 0px;
font-weight: bold;filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;}
	
	
	
	.BG_Body {
	background-image: url(images/Body.jpg);
	background-repeat: repeat-y;
}
.BG_Horiz {
	background-image: url(images/Horiz.jpg);
	background-repeat: repeat-x;
}
.BG_Border_Left {
	background-image: url(images/Left_Border.jpg);
	background-repeat: repeat-y;
}
.BG_Border_Right {
	background-image: url(images/Right_Border.jpg);
	background-repeat: repeat-y;
}
.BG_Horiz_Bottom {
	background-image: url(images/Horiz_Bottom.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

dt, dd {line-height: 20px; font-size: 12px;}

#top_mainnav{float: left; width: 100%; background-image: url(images/nav_top.jpg); background-repeat: repeat-x; line-height: 3px;}
#bottom_mainnav{float: left; width: 100%; background-image: url(images/nav_bot.jpg); background-repeat: repeat-x; line-height: 2px; margin-top: -6px;}
#top_subnav{float: left; width: 100%; background-image: url(images/nav_top.jpg); background-repeat: repeat-x; line-height: 3px; margin-top: -3px;}
#bottom_subnav{float: left; width: 100%; background-image: url(images/nav_bot.jpg); background-repeat: repeat-x; line-height: 2px; margin-top: 0px;}