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

@import url("img.css");

iframe#aspiframe{
        width:961px;
        height:700px;
        padding:0px;
        margin:0px;
        overflow:auto;
    }
    
html{
	padding:0px;
	margin:0px;
	background-color:#F0F0F0;
	scrollbar-face-color:#CFCED2;
	scrollbar-shadow-color:#CFCED2;
	scrollbar-highlight-color:#F6F6F7;
	scrollbar-3dlight-color:#E9E9E9;
	scrollbar-darkshadow-color:#919194;
	scrollbar-track-color:#E4E4E4;
	scrollbar-arrow-color:#000000;
}

body{
	padding: 0px;
	margin: 0px;
	text-align:center;
}

p, li {
	text-align:left;
	padding: 0;
	margin: 0 0 20px 0;
	font-family: Verdana, "Lucida Sans", Tahoma, "Trebuchet MS", Arial, Geneva, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height:165%;
	max-width: 625px;
}

li {
	line-height:165%;
	list-style-image:url(../images/bullet.gif);
	max-width:none;
}

a:link, a:active {
	color: #0077B3;
	text-decoration:underline;
}

a:visited {
	color: #6D63A6;
	text-decoration:underline;
}

a:hover {
	color: #0077B3;
	text-decoration:none;
}

h1{	
	display:block;
	font-family:Helvetica, Arial, serif;
	font-weight:bold;
	color:#FFC800;
	font-size:24px;
	padding:0 0 10px 0;
	margin:0;
	letter-spacing: -1px;
	word-spacing: 2px;
	background:url(../images/icon_h1.gif) no-repeat;
	padding-left: 23px;
}

h2{
	color: #566473;
	width: 100%;
	font-family: Georgia, Times, "Times New Roman", "Trebuchet MS", serif;
	font-size: 20px;
	font-weight: normal;
	clear:both;
	padding: 2px 0;
  	border-bottom: 3px double #DEDEDE;
}

h3{
	color: #4D6680;
	max-width: 600px;
	margin: 0 0 15px 0;
	font-family: Georgia, Times, "Times New Roman", "Trebuchet MS", serif;
	font-size: 16px;
	line-height:125%;
	font-weight: normal;
}

.pdf, .pdf p {
	display:block;
	background:url(../images/ico_pdf.gif) no-repeat;
	height: 20px;
	padding:0 0 5px 25px;
	margin: -5px 0;
 }
 
.pdf2, .pdf2 p {
	display:block;
	background:url(../images/ico_pdf.gif) no-repeat;
	background-position: 1% 50%;
	height:20px;
	padding:10px 25px;
	max-width:600px;
	border: 1px solid #cccccc;
}

div#container{
	display: table;
	margin:0 auto;
	width:995px;
	text-align:left;
	background-color: #ffffff;
}

div#header{
	width:995px;
	height: 155px;
	padding:0px;
	margin:0px;
	background:url(../images/header_tp_home.jpg) no-repeat;
	clear: both;
}

div#tpid {
	width: 400px;
	height: 125px;	
	float:left;
}

div#content{
	width:995px;
	display: table;
	min-height:450px;
  	height:auto !important;
 	height:450px;
	padding:0px;
	margin:0px;
	overflow:auto;
	background:url(../images/bkg_fill_01.gif) repeat-y;
	clear: both;
}

div#wrapper{  
	display: table;
	min-height:400px;
  	height:auto !important;
 	height:auto;
	margin:10px 15px;
	border:1px solid #DEDEDE;
	background-color: #F7F7F7;
 }

div#nav{
	width:957px;
	height: 28px;
	margin:7px 15px 5px 15px;
	border: 3px double #737780;
	background-color: #737780;
  }

.navedge {
	height: 1px;
	background-color: #383B40;
	border-bottom: 5px solid #383B40;
}

div#comparea{
	width:942px;
	height:280px;
	margin: auto 25px;
	padding:0px;
}

div#comp01{
	width:288px;
	height:243px;
	float:left;
	margin: 15px 3px 0 2px;
	padding:10px;
}

div#comp01 p, div#comp02 p, div#comp03 p,, div#comp04 p{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	line-height: 11px;
}

div#comp02, div#comp03, div#comp04 {
	width:288px;
	height:243px;
	float:left;
	margin: 15px 3px 0 0px;
	padding:10px;
}

div#footer{
	background:url(../images/bkg_footer.jpg) no-repeat;
	clear:both;
	width:995;
	height:147px;
	padding: 25px;
	margin: 0;
}

div#footer p {
	color: #000000;
 	font-size:11px;
	line-height:15px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;

}

div#footer a: active, div#footer a:link, div#footer a:visited{
	text-decoration:underline;
	color: #000000;
}

div#footer a:hover{
	text-decoration:none;
	color:#000000;
}

div#cr01{
	float: left;
	width:75%;
}

div#cr02{
	float: left;
	width:25%;
}


.mousetxt {
	display:table;
	margin-left: 20px;
	font-size:9px;
}

.mousetxt2 {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 11px;
}


div#productbox {
  	border: 3px double #DEDEDE;
	width: 328px;
	height: 335px;
	padding: 11px;
	float: left;
	margin: 0 6px 10px 0;
	background:url(../images/bkg_grad_btm01.jpg) repeat-x bottom;
}

div#productbox p{
	font-size:11px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height:150%;
	margin: 0 10px;
}

div#productbox h1{
	font-size:16px;
	font-family: Georgia, Times, "Times New Toman", serif;
	font-weight:normal;
	color:#566473;
	margin-left: 7px;
	letter-spacing:normal;
	word-spacing:normal;
	background-image:none;
	padding: 0 0 7px 0;
}

div#locatebox{
	border: 1px solid #cccccc;
	width: 375px;
	height: 400px;
	padding: 12px;
	float: left;
	margin: 0 14px 7px 0;
}

div#bottom{
	width:992px;
	height: 40px; 
	padding:0px;
	margin:0px;
	margin-bottom: 25px;
}

div#leftnav{
	width:180px;
	height:auto;
	float:left;
	padding:0;
	margin:0;
}

div#maintxt{
	display: block;
	width:727px;
	min-height:400px;
  	height:auto !important;
 	height:400px;
	overflow:auto;
	float:right;
	padding:15px 25px;
	margin:0;
	border-left: 1px solid #dedede;
	background-color:#ffffff;
}

div#plainbox {
	border: 7px solid #dedede;
	padding: 0 15px;
	margin: 0 0 10px 0;
	background: url(../images/bkg_grad_btm01.jpg) repeat-x bottom;
}

div#plainbox2 {
	width: 275px;
	height: 170px;
	float:left;
	border: 7px solid #dedede;
	padding: 7px;
	margin: 0 4px 5px 0;
	background: url(../images/bkg_grad_btm01.jpg) repeat-x bottom;
}

div#plainbox2 p, div#plainbox2 li{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 135%;
}

div#plainbox3 {
	width: 80%;
	border: 1px dotted #A6A6A6;
	padding: 12px;
	margin: 5px 4px 10px 0;
	background-color: #ffffff;
	background: url(../images/bkg_grad_btm01.jpg) repeat-x bottom;
}

div#plainbox4 {
	width: 275px;
	float:right;
	border: 7px solid #EDEDED;
	padding: 10px;
	margin: 10px 0 0 20px;
	background-color:#f5f5f5;
	background: url(../images/bkg_ghosted_01.jpg) bottom no-repeat;
}

div#plainbox4 p{
	color: #566473;
	font-family: Georgia, Times, "Times New Roman", "Trebuchet MS", serif;
	font-size: 14px;
	line-height:14px;
	font-weight: normal;
}

div#plainbox5 {
	display: table;
	width: 650px;
	border: 5px solid #EDEDED;
	padding: 3px 10px;
	margin: 15px 0;
	background: url(../images/bkg_grad_btm01.jpg) repeat-x bottom;
}

/* left side navigation */

#navcontainer {
	background: transparent;
	width: 180px;
}

ul#navlist {
	text-align: left;
	list-style: none;
	padding: 0;
	margin: 0;
	width: inherit;
}

ul#navlist li {
	list-style-image:url(../images/arowmarker.gif);
	list-style-position:inside;
	background:url(../images/bkg_sidebtn_01.gif) repeat-x;
	font-family: Tahoma, Arial, Verdana, Arial, Helvetica, sans;
	font-weight: bold;
	text-decoration:none;
	font-size: 9px;
	line-height: 20px;
	display: block;
	margin: 0;
	padding: 0;
}

ul#navlist li a {
	display: block;
	padding: 3px 7px 4px 7px;
	margin: 0px;
	color: #000000;
	text-decoration: none;
	background: transparent;
}

#navcontainer>ul#navlist li a { width: inherit; }

ul#navlist li#active a {
	list-style-image:url(../images/arowmarkeron.gif);
	background:url(../images/bkg_sidebtn_02.gif) repeat-x;
	list-style-position:inside;
	background-color: transparent;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
}

ul#navlist li a:hover, ul#navlist {
	color: #0077B3;
	background:url(../images/bkg_sidebtn_03.gif) repeat-x;
	background-color: #DEDEDE;
}

li#active a:hover {
	color: #0077B3;
	background:url(../images/bkg_sidebtn_03.gif) repeat-x;
	background-color: #DEDEDE;
}

 
div#component p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	line-height: 12px;
	font-size:10px;
	margin: 10px 10px 10px 10px;
}

div#mainbody {
	float: right;
	max-width: 100%;
	width: 535px;
	height: 100%;
	min-height: 350px;
	overflow:visible;
	padding: 10px;
	margin: auto;
	background-color:#FFFFFF;
}

div#mainbody2 {
	float: right;
	width: 100%;
	height: 100%;
	min-height: 350px;
	overflow:visible;
	padding: 10px;
	margin: auto;
	background-color:#FFFFFF;
}

div#quote {
	width: 550px;
	clear:both;
	min-height: 100px;
	overflow:visible;
	padding: 10px 10px 10px 65px;
	margin: 0 0 10px 0;
	border: 5px solid #DEDEDE;
}

#tablemain {
	width: 500px;
	vertical-align:top;
}

.float_lt01 {
	display:block;
	float: left;
	margin: 0px 7px 0px 3px;
	padding: 3px;
	border: 1px solid #cccccc;
}

.float_rt01 {
	display:block;
	float: right;
	margin: 0px 3px 0px 7px;
	padding: 3px;
	border: 1px solid #cccccc;
}

div#greybox {
	background-color: #f5f5f5;
	border: 2px solid #cccccc;
	padding: 10px;
}

div#greybox p {
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}


div#flashhome {
	width: 925px;
	height: 275px;
	background-color: #ffffff;
	margin: 10px 15px 13px 15px;
	padding: 0px;
	border: 1px solid #DEDEDE;
}

div#rowprods {
	width: 925px;
	height: 20px;
	border: 2px solid #cccccc;
	background-color: #ffffff;
	margin: 0px;
}

div#component01, div#component02, div#component03, div#component04 {
	width: 273px;
	height: 300px;
	float: left;
	background-color: #ffffff;
	border: 1px solid #dedede;
 	margin: 5px 5px 0px 0px;
	padding: 7px 15px 7px 15px;
	background:url(../images/bkg_grad_btm02.jpg) repeat-x bottom;
}

div#component01 {
	margin-left: 15px;
}


div#component01 p, div#component02 p, div#component03 p, div#component04 p{
	font-family:Tahoma, Verdana, Georgia, Times, "Times New Roman", serif;
	color:#44484D;
	line-height: 16px;
	font-size:11px;
}

div#compthumb01, div#compthumb02, div#compthumb03, div#compthumb04{
	width: 297px;
	height: 72px;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	margin: -6px 0 7px -14px;
	border: 2px solid #E5E5E5;
}

.ptitle {
	display: table;
	width: 730px;
	height: 30px;
	font-size: 1px;
	color: transparent;
	border-bottom: 1px solid #ccc;
 	background:url(../images/ptitle_products_overview.gif) no-repeat;
	margin: 0 0 10px 0;
}

div#globe {
	display: table;
	width: 600px;
	border: 7px solid #EDEDED;
	margin: 0 0 15px 0;
}

div#video {
	display: table;
	width: 500px;
	height: 375px;
	border: 15px solid #DEDEDE;
	background-color: #DEDEDE;
	margin: 0;
}

div#dealer_locator {
	display: table;
	width: auto;
	height:700px !important;
	margin: 7px 0 0 0;
	padding: 0 25px;
}

div#hh_dealer_locator { 
	display: none;
}

div#googlemap {
	display: table;
	width: 850px;
	height: 500px;
	border: 7px solid #f5f5f5;
	margin: 7px 0;
}

div#rsfbutn {
	display: table;
	float:right;
	width: 188px;
	height: 168px;
	background: url(../images/download_rsform.jpg) no-repeat;
}

div#hh_product_info { 
	display: none;
}

div#categorybar {
	background: url(../images/bkg_category_bar.jpg) no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 32px;
	width: auto;
	font-size:12px;
	font-weight: bold;
	color: #333333;
	padding: 7px 0 0 15px;
}

div#profile {display: table; clear:both; width: 705px; background-color:#CCCCCC; border: 1px solid #cccccc;}

div#profile p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

#divider {
	display: block;
	width: auto;
	height: 1px;
	padding: 0;
	margin: 7px 0;
	background: #cccccc;
}