body{margin:0; font:12px Verdana,Arial,Helvetica,sans-serif; background:#CCC}
h1, h2, h3, h4, h5, ul, p{margin:0}
ul{padding:0; margin:0}
ul li{list-style:none}
a{text-decoration:none}
p a{text-decoration:underline; color:#03f}
p a:hover{color:#f33}
a:focus{outline:none}
a{text-decoration:none}

#container{width:964px; padding:0; background-image:url(../images/main_background.gif); background-repeat:repeat-y; background-position:center; margin-top:0; margin-right:auto; margin-bottom:0; margin-left:auto;}


/* start header */
#header{position:relative; z-index:3; height:69px; background-image:url(../images/logo1.gif); background-repeat:no-repeat; background-position:center top; width:952px; margin-right:auto; margin-left:auto}
#header ul{float:right; padding-top:25px; padding-right:30px; padding-bottom:0; padding-left:0}
#header li{display:inline; padding:0 0 0 16px; margin:0 0 0 13px; background-image:url(../images/separator_top.gif); background-repeat:no-repeat; background-position:0px; color:#C93}
#header li.first{background:none}
#header li a{color:#f90}
#header li a:hover{color:#FFF}
.logoHome{float:left; width:279px; height:66px; margin-top:3px; margin-right:auto; margin-bottom:0; margin-left:auto}
.logo{float:left; margin:3px 0 0 31px; width:279px; height:64px}
.logo a, .logoHome a{display:block; height:100%; text-indent:-5600px; overflow:hidden}
/* end header */

/* start top navigation */
#menu{position:relative; margin-left:6px; height:28px; width:952px; background-color:#404f72; left: auto; right: auto; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; padding: 0px;}
#menu li{float:left}
#menu li a{height:26px; background:url(../images/link-r.gif) no-repeat 100% 0; float:left; color:#FFF; position:relative; cursor:pointer; margin-left:-2px}
#menu a span{float:left; height:21px; background:url(../images/link-l.gif) no-repeat; padding-top:5px; padding-right:15px; padding-bottom:0; padding-left:14px}
#menu a .firstmenu{float:left; height:21px; padding-top:5px; padding-right:18px; padding-bottom:0; padding-left:18px; background-image:url(../images/link-l-first.gif); background-repeat:no-repeat}
#menu li a:hover, 
#menu li:hover a, 
#menu li.hover a{color:#0D2847; background-color:#e8eaf0; background-image:url(../images/link-r.gif); background-repeat:no-repeat; background-position:100% -26px}
#menu li a:hover span, 
#menu li:hover a span, 
#menu li.hover a span{background:url(../images/link-l.gif) no-repeat 0 -26px}
#menu li.hover, 
#menu li:hover{position:relative}
#menu li.hover .sub-first, 
#menu li:hover .sub-first, 
#menu li.hover .sub-first-short, 
#menu li:hover .sub-first-short{display:block}
#menu li.hover .sub-first div, 
#menu li:hover .sub-first div, 
#menu li.hover .sub-first-short div, 
#menu li:hover .sub-first-short div{display:none}
#menu .sub-first li.hover .sub-second, 
#menu .sub-first li:hover .sub-second{display:block}
#menu li.hover .sub-second div, 
#menu li:hover .sub-second div{display:none}
#menu .sub-second li.hover div, 
#menu .sub-second li:hover div{display:block}
#menu .sub-first, 
#menu .sub-second{width:190px; position:absolute; left:-3px; top:25px; padding-top:1px; z-index:2; display:none}
#menu .sub-first-short{width:170px; position:absolute; left:-3px; top:25px; padding-top:1px; z-index:2; display:none}
#menu .sub-second{left:178px; top:0; padding:0 0 0 2px}
.top, 
.bottom{float:left; width:193px; height:5px; font-size:0px; overflow:hidden; background-image:url(../images/top2.png); background-repeat:no-repeat}
.bottom{height:9px; background-image:url(../images/bottom.png); background-repeat:no-repeat}
.top-short, 
.bottom-short{background:url(/images/top-short.png) no-repeat; float:left; width:173px; height:5px; font-size:0px; overflow:hidden}
.bottom-short{background:url(/images/bottom-short.png) no-repeat; height:9px}
#menu .sub-first ul{background:url(../images/cont.png) repeat-y; width:185px; position:relative; padding:0 1px 0 7px; float:left}
#menu .sub-first-short ul{background:url(../images/cont-short.png) repeat-y; width:165px; position:relative; padding:0 1px 0 7px; float:left}
#menu .sub-first ul, 
#menu .sub-first-short ul{position:static}
#menu ul li{padding:0}
#menu .sub-first ul li a{display:block; margin-top:-1px; font:12px Arial,Helvetica,sans-serif; width:157px; color:#999; background:url(../images/bullet1.gif) no-repeat 7px 7px; border:1px solid #dad6be; padding:5px 0 5px 23px; height:14px}
#menu .sub-first-short ul li a{display:block; margin-top:-1px; font:12px Arial,Helvetica,sans-serif; width:137px; color:#999; background:url(../images/bullet1.gif) no-repeat 7px 7px; border:1px solid #dad6be; padding:5px 0 5px 23px; height:14px}
#menu .sub-first ul a em{position:absolute; background:url(/images/arrow-sub.gif) no-repeat; width:3px; height:6px; top:9px; right:5px; font-size:0px}
#menu .sub-first ul li a:hover, 
#menu .sub-first ul li:hover a, 
#menu .sub-first ul li.hover a, 
#menu .sub-first-short ul li a:hover, 
#menu .sub-first ul-short li:hover a, 
#menu .sub-first ul-short li.hover a{color:#f90; font-weight:normal; background-image:url(../images/bullet2.gif); background-repeat:no-repeat; background-position:7px 7px}
#menu .sub-second ul li a{color:#999 !important; font-weight:normal  !important; background:url(/images/arrow1.gif) no-repeat 5px 7px !important}
#menu .sub-second ul li a:hover, 
#menu .sub-second ul li:hover a, 
#menu .sub-second ul li.hover a{font-weight:bold !important; color:#0c419a !important; background:url(/images/arrow2.gif) no-repeat 5px 7px !important}
/* end top navigation */

/* start homepage category banners */
#mainBanner{width:952px; margin-right:auto; margin-left:auto}
.homeAds{width:952px; margin-right:auto; margin-left:auto}
.bottomAds{text-align:center; width:952px; margin-right:auto; margin-left:auto}
.homeAdsleft{float:left; padding-left:22px; padding-top:20px}
.homeAdsmiddle{float:left; margin-left:22px; padding-top:20px}
.homeAdsright{float:right; padding-right:20px; padding-top:20px}
.spaceClean{padding:0px; margin:0px; width:964px}
.spaceClean2{
	padding:0px;
	width:964px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/* end homepage category banners */

/*Start Main Content Area */
#mainContent{padding:0px; width: 952px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; display: inline}





/* start sidenavigation */

#navcontainer{float:left; width: 178px; background-color: #efefef; margin-left: 6px; padding-top: 20px}
#navcontainer ul{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}

#navcontainer li { margin: 0 0 1px 0;}

#navcontainer a{
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left:20px;
	width: 158px;
	background-color: #999999;
	border-bottom: 1px solid #FFFFFF;
	font-weight:bold;
}

#navcontainer a:link, #navlist a:visited{
	color: #003366;
	text-decoration: none;
}

#navcontainer a:hover{color: #003366; background-image: url(../images/sidenav_arrow_on.gif); background-repeat: no-repeat; background-position: 163px center; background-color: #cccccc}

#navcontainer ul ul li { margin: 0 0 1px 0; }

#navcontainer ul ul a {
	display: block;
	width: 133px;
	color: #003366;
	background-color: #efefef;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 35px;
}

#navcontainer ul ul a:hover{
	color: #003366;
	background-color: #cccccc;
	text-decoration: none;
}
#navcontainer .sideTop-sel{
	background-color: #efefef;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	line-height: 16px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF6600;
}
#container #mainContent #navcontainer #navlist .sideTop-sel .sel-page a {
	background-color: #cccccc;
	background-image: url(../images/sidenav_arrow_on.gif);
	background-repeat: no-repeat;
	background-position: 163px center;
}
#sidenav{float:left; width: 178px; background-color: #efefef; margin-left: 6px}
#sidenav ul{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 26px; padding-left: 0px; padding-top: 20px; display: block}
#sidenav li{
	background-color: #efefef;
	padding-left: 35px;
	background-repeat: no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	color: #FF0000;
	text-decoration: none;
	line-height: 13px;
	padding-top: 8px;
	padding-bottom: 8px;
}
#sidenav li.sel-page{
	background-color: #CCCCCC;
	padding-left: 35px;
	background-image: url(../images/sidenav_arrow_on.gif);
	background-repeat: no-repeat;
	background-position: 165px center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	color: #FF0000;
	text-decoration: none;
	line-height: 13px;
	padding-top: 8px;
	padding-bottom: 8px;
}
#sidenav li.sideTop{
	padding-left: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	line-height: 16px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF6600;
}
#sidenav li.sideTop-sel{
	padding-left: 20px;
	background-color: #CCCCCC;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	line-height: 16px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF6600;
}
#sidenav li a{color: #003366; display:block; width: 143px}
#sidenav li a:hover{color: #003366; background-image: url(../images/sidenav_arrow_on.gif); background-repeat: no-repeat; background-position: 130px center; background-color: #cccccc}
#sidenav li:hover{background-color: #cccccc}
#sidenav li.sideTop-sel a{color: #003366; display:block; width: 100px}
#sidenav li.sideTop-sel a:hover{color: #003366; background-image: url(../images/sidenav_arrow_on.gif); background-repeat: no-repeat; background-position: 145px center}
#sidenav li.sideTop-sel:hover{background-color: #cccccc}
.newProduct {color:#FF0000; font-style: italic; text-decoration: none}
/* end sidenavigation */

/* start right channel */
#rightChannel{float:right; width: 200px}
.emailprint{margin-top:20px; margin-right: 24px; margin-bottom: 20px; margin-left: 3px}
.centerText{padding-bottom:15px}
.retail {
	padding-bottom: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 12px;
}
.retailLinks {
	padding-bottom: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-right: 5px;
	padding-left: 10px;
	padding-top: 12px;
}
#onlineRetails{padding-left:0px; margin-right: 10px; padding-top:20px;}
#onlineRetails ul{padding-left:10px; padding-top: 10px}
#onlineRetails li, #retailLocations li {padding-left:10px; color: #666666; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: 24px; font-weight: normal}
#onlineRetails li a, #retailLocations li a{color: #666666}
#onlineRetails li a:hover{color: #f90; text-decoration:underline}
#onlineRetails li{background-image: url(../images/retail_locations_arrow.gif); background-repeat: no-repeat; background-position: left center}
#retailLocations{
	padding-left:0px;
	margin-top: 20px;
	margin-right: 10px;
}
#retailLocations ul{padding-left:10px; padding-top: 10px}
#retailLocations li{background-image: url(../images/retail_arrow.gif); background-repeat: no-repeat; background-position: left center}
#retailLocations li a:hover{color: #3366cc; text-decoration:underline}
/* end right channel */

/* start product container */
#mainContent #productContainer {width:568px; float: left; border-right-width: 1px; border-right-style: solid; border-right-color: #CCCCCC; min-height:500px}
#productDescriptions{
	float:right;
	width: 235px;
	margin-top: 18px;
	margin-left: 0px;
	margin-right: 10px;
	height: 390px;
}
#productDescriptions ul{margin-bottom: 30px}
#productDescriptions h1{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: bold; color: #000000; text-decoration: none; padding-bottom: 10px}
#productDescriptions li{line-height: 20px; text-decoration: none; background-image: url(../images/product_list_dot.gif); background-position: left 8px; background-repeat: no-repeat; padding-left: 12px}
#productDescriptions h2{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: 16px; font-weight: normal; color: #0033FF; text-decoration: none; padding-bottom: 10px}
.center {text-align: center; margin-top: 3px; margin-bottom: 15px}
#lgpContainer {
	width:568px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	min-height:500px;
}
.lgpCenter {
	margin:0px;
	padding: 0px;
}
.lgpCenter-new {
	margin:0px;
	padding: 0px;
	clear:both;
}

.lgpThumbs{
	float:left;
	padding-left: 20px;
	padding-top: 20px;
}
.lgpThumbsR{
	float:right;
	padding-right: 20px;
	padding-top: 20px;
}
.lgpThumbs2{
	float:left;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.lgpThumbsR2{
	float:right;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#downloadIcon{
	margin-top:45px;
	text-align: center;
}
#productImages{width: 280px; float: left; border-right:none}
#productImages li{display:inline; padding-left:11px}
#productImages li.first {padding-left:2px}
#productImages .mainImage{margin-left: 15px; margin-top: 18px; margin-right: 5px; margin-bottom: 20px; width: 290px}
#productImages .mainImage ul{margin-bottom: 11px}
#contactUs{
	margin-top:5px;
	margin-left:50px;
	width:90%;
	background-image: url(../images/h_logo_big.gif);
	background-position: right center;
	background-repeat: no-repeat;
}

#contactUs ul{
	margin-top:15px;
	margin-bottom:15px;
}

#contactUs li{
	line-height:24px;
	padding-left: 18px;
	background-image:url(../images/bullet2.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#contactUs p{
	line-height:18px;
}

#contactUs h3{
	line-height:18px;
	color: #FF9900;
	margin-bottom:10px;
}

#contactUs img{
	margin-top:25px;
}
/* end product container */

/*End Main Content Area */

/* start footer */
#h_footer{width:964px; padding:0; background-image:url(../images/h_footer.gif); background-position:center top; margin-top:0; margin-right:auto; margin-bottom:0; margin-left:auto; background-repeat:no-repeat}
#h_footer ul{padding-top:15px; padding-right:0px; padding-bottom:60px; padding-left:0; text-align:center}
#h_footer li{display:inline; padding:0 0 0 15px; margin:0 0 0 10px; color:#FFF; background-image:url(../images/separator.gif); background-repeat:no-repeat; background-position:0 2px}
#h_footer li.first{background:none}
#h_footer li a{color:#FFF}
#h_footer li a:hover{color:#F90}
/* end footer */
#container #header #off-the-map a {
	color: #f90;
	float: right;
	margin:2px 30px 0 300px;
	position:relative; z-index:3;
	top: -45px;
}
#container #header #off-the-map a:hover{color:#FFF}

.pdf-icon {
	background-image: url(../images/pdf_icon_16.png);
	background-repeat: no-repeat;
	background-position: left;
	margin-left: 1px;
	padding-left: 25px;	
	padding-top: 1px;
	padding-bottom:1px;
}
.l-title {
	text-align:center;	
}
.new {
	font-style: italic;
	font-weight: bold;
	color: #fd0000;	
}
#lgpContainer .lgpCenter-new a:link {
	color: #000000;	
}
#lgpContainer .lgpCenter-new a:visited {
	color: #000000;	
}
#lgpContainer .lgpCenter-new a:hover {
	color: #000000;
	text-decoration: underline;	
}
.img-border { border: 1px solid #999; }

.spacer-20 {
	clear: both;
	height:20px;	
}
.video-wide {
	padding-top: 55px;
	padding-bottom:20px;
	padding-left: 12px;
	clear:both;
}