/* HH CSS Document common */

/*
red  #DD0026
blue  #0D5BD6
*/

/*html tags*/
html {margin:0px;padding:0px;}
body {
	font-size: 80%;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	color: #eee;
	margin: 0px auto;
	padding: 0px;
	background:url(/commonimages/bodybg.gif) 0px 0px repeat-x #000033;
	}
h1 {
	font-size: 26px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom:10px;
	}
h2 {
	font-size: 23px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	margin:20px 0;
	}
h3 {
	font-size: 17px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	margin: 5px 0px;
	}
h4 {
	font-size: 16px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;
	margin: 7px 0px;
	}
h5 {
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin:10px 0;
	}
h6 {
	font-size: 10px;
	font-weight:normal;
	margin:0px;
	}
/*ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	}*/
a {
	color: #eee;
	text-decoration: underline;
	outline:none;
	}
a:hover {
	/*color: #ccc;*/
	text-decoration: none;
	}
table,td{margin:0px;border:0px;padding:0px;vertical-align:top;}

p {
	margin: 10px 0px;
	}
img {
	border: 0px none;
	margin: 0px;
	padding: 0px;
	}
/*end html tags*/
/* remember to define focus styles! */
:focus {
	outline: 0;
}

.seasonopening{text-indent:-9999px;display:block;position:absolute;top:120px;left:0px;width:30px;height:100px;z-index:9000}

/*wrapper*/
#wrapper {
	width: 960px;
	height: auto;
	margin: 0px auto;
	background: url("../commonimages/spacer.gif") no-repeat; /*can use to stop cursor being text selector all the time in ie.  or set the cursor to default.. this bug only ie7 something to do with haslayout, ok if lose haslayout with float*/
	/*cursor:default;*/
	}
/*end wrapper*/

/*header*/
#header {
	width: 960px;border:0px solid #ccc;overflow:hidden;
	font-size:13px;
	height: 110px;
	margin: 5px 0px 5px 0px;
	background: url("../commonimages/web-logo-header.jpg") 0 0 no-repeat; 
	}
.header-title{text-indent:-9999px;display:block;width:160px;height:100px;outline:none;}
.header-rightbox{
	width:auto;
	float:right;
	margin:0 10px;
	background:transparent;
	}
/*end header*/



	

/*common*/
.clear{clear:both;}
.textbox{
	width:auto;
	padding:15px 15px 25px 15px;
	
	}	
.box1 {
	background:url(/commonimages/boxbg.gif) repeat-x 0 0;
	padding:1px 1px 0 1px;
	}
.box1Short {
	background:url(/commonimages/boxbg-short.gif) repeat-x 0 0;
	padding:1px 1px 0 1px;
	}
.boxInner1 {
	background:url(/commonimages/boxinnerbg.gif) repeat-x 0 0;
	}
.boxInner2 {
	background:#000 url(/commonimages/boxinnerbg2.gif) repeat-x 0 0;
	}

#leftcol {
	width: 240px;
	height:auto;
	float:left;
	/*background: #000033;*/
	margin: 0 0px 20px;
	}
#rightcol {
	width:720px;
	height:auto;
	float:right;
	/*background: #000033;*/
	margin: 0 0px 20px;position:relative;
	}
	
	
	
	

.leftbox {
	width:218px;
	height:auto;
	border:0px solid #fff;
	margin: 0px 10px 20px;
	}

.rightbox{
	width:700px;
	height:auto;
	margin: 0px 10px 20px;
	}

/*.rightbox {
	width:720px;
	}
.rightboxInner {
	width:700px;
	height:auto;
	margin: 10px;
	}*/
.boxlight {
	background:#fff url(/commonimages/lightbg.gif) repeat-x 0 bottom;
	color:#333;
	}
.boxlight a{
	color:#333;
	}

.leftnav .textbox{padding-bottom:5px;}
.leftnav ul {
	list-style:none;
	margin: 0px 0px 0px 0px;
	/*line-height:20px;*/
	padding: 0px;
	}
.leftnav li {
	margin:5px 0px;
	}
.leftnav a {
	color: #fff;
	text-decoration:none;
	}
.leftnav a:hover {
	color: #ccc;
	text-decoration:none;
	}





/*index
#topbox{margin: 0px 10px 20px;background:url(/commonimages/boxbg.gif) repeat-x 0 0;padding:1px;}
#topbox a{
	width: 938px;
	height: 248px;
	background: #000 url("/commonimages/worldcup-title2.jpg") no-repeat 0 0;
	display:block;text-indent:-9999px;
	}
*/
	
.fullContent {
	width: 940px;
	height: auto;
	margin: 0px 10px 20px;position:relative;
	}
	
	/*
.featurebox {
	width:200px;
	height:200px;
	margin: 0px 10px 20px;
	float:left;
	background:#fff url(/commonimages/lightbg.gif) repeat-x 0 bottom;
	padding:10px;
	position:relative;
	color:#333;
	overflow:hidden;
	}
.featureboxInner {
	width:200px;
	height:100px;
	padding-top:100px;
	}
	
.featurebox img{max-width:200px;}
	
.featurebox ul, .featurebox p {
	font-size:11px;
	margin:2px 0 0;
	}
.featurebox h3{margin:0px 0 0;padding-top:2px;}
.featurebox a {color:#333;}
.featurebox .linkarrow{position:absolute;bottom:1px;right:1px;width:20px;height:10px;background: url(/commonimages/linkarrow.gif) no-repeat 0 0;overflow:hidden;text-indent:-9999px;}

.featurebox .infoLink {position:absolute;bottom:5px;right:7px;font-size:11px;font-weight:bold;}
*/


/*promo boxes
.promowrap {
	width:210px;
	height:210px;
	margin: 0px 10px 20px;
	float:left;
	background:#fff url(/commonimages/lightbg.gif) repeat-x 0 bottom;
	padding:5px;
	color:#333;
	overflow:hidden;
	}
.promo {
	width:210px;
	height:210px;
	position:relative;font-size:11px;
	}
.promoinfo{
	background:url(/commonimages/lightbg.gif) repeat-x 0 bottom;
	position:absolute;bottom:0px;width:210px;padding-top:3px;
	}
.promo h3{margin:0px 0;}
.promo h3 a{text-decoration:none;}
.promo p {
	margin:0px;padding:0px;
	}
.promo a {color:#333;}
.promo .infoLink {text-align:right;font-weight:bold;}
*/

.promowrap {
	width:218px;
	height:218px;
	margin: 0px 10px 20px;
	float:left;
	background:url(/commonimages/boxbg.gif) repeat-x 0 0;
	color:#fff;
	padding:1px;
	position:relative;
	}
.promoinner {
	width:210px;
	height:210px;
	padding:4px;
	background: url(/commonimages/boxinnerbg3.png) repeat-x 0 bottom;
	}
.promo {
	width:210px;
	height:210px;
	font-size:11px;overflow:hidden;
	}
.promoinfo{
	background: #000 url(/commonimages/boxinnerbg3.png) repeat-x 0 bottom;
	position:absolute;bottom:0px;width:210px;padding-top:3px;padding-bottom:3px;
	}
.promo h3{margin:0px 0;}
.promo h3 a{text-decoration:none;}
.promo p {
	margin:0px;padding:0px;
	}
.promo a{color:#fff;text-decoration:underline;}
.promo a:hover{text-decoration:none;}
.promo .infoLink a{color:#fff;display:inline-block;}
 /*old blue 7582F9 new blue 92A1F4*/
.promo .infoLink {text-align:right;font-weight:normal;}




/*place specific promos*/
.catpromos .promowrap{margin:0px 7px 7px 0px;}
.catpromos .promowrap{background:#ccc;color:#333;}
.catpromos .promoinner {background:#fff url(/commonimages/lightbg.gif) repeat-x 0 bottom;}
.catpromos .promoinfo{background:#fff url(/commonimages/lightbg.gif) repeat-x 0 bottom;}
.catpromos  a{color:#000;}
.catpromos .infoLink a{color:#000;}

.leftpromos .promowrap{background:#000 url(/commonimages/darkbg.png) repeat-x 0 0;color:#fff;float:none;}
.leftpromos .promoinner {background:#000 url(/commonimages/darkbg.png) repeat-x 0 bottom;}
.leftpromos .promoinfo{background:#000;}
.leftpromos  a{color:#fff;}

/***
top promos
***/
.promoboxtopwrap{width:938px;height:248px;margin: 0px 10px 20px;background:url(/commonimages/boxbg.gif) repeat-x 0 0;padding:1px;}
.promoboxtop{width: 938px;height: 248px;position:relative;}
.promoboxtopinner{width:250px;position:absolute;bottom:0px;right:0px;padding:5px;z-index:800;}
.promoboxtopinner h1{margin:5px 0px 10px; font-size:24px;color:#fff;}
.promoboxtopinner p{margin:5px 0px 12px;font-size:12px;color:#fff;}
.promoboxtopinner a {text-decoration:none;color:#fff;text-align:center;display:block;padding:4px;background:url(/commonimages/roundbutton.png) no-repeat 50% 0px;font-size:12px;}
.promoboxtopinner a:hover {color:#ADC1F7;}
.boxwithcontent{/*height:240px;*/background:url(/commonimages/boxbg.gif) repeat-x 0 bottom;padding:4px 10px;}
.fullboxlink{display:block;position:absolute;left:0px;top:0px;width:938px;height:248px;text-indent:-9999px;z-index:900;background:url(/commonimages/boxbg.gif) no-repeat -9999px -9999px;}


.catTitle{border-bottom:1px solid #333;padding-bottom:5px;}
.Title{border-bottom:1px solid #333;padding-bottom:5px;}

.fullproductbox{
	border-bottom:1px solid #666;
	margin:0px;
	padding:25px 15px 15px 15px;
	width:880px;
	height:auto;
	/*overflow:hidden;*/
	background:#fff url(/commonimages/lightbg.gif) repeat-x 0 bottom;
	/*position:relative; causes problems with js tags and css margins moving randomly*/
	}
.productTechWrap{
	padding:10px 0px;background:transparent;border:0px solid #333;overflow:hidden;
	/*need overflow for haslayout-floated anchors inside  have margins*/
	}
.productTechWrap span{
	/*margin:0 4px 4px 0;padding:0px;background:#fff;border:1px solid #ccc;display:inline-block;width:98px;height:58px;overflow:hidden;text-align:center;*/
	}
.productTechWrap img{
	/*border:5px solid #fff;*/
	}

.contact-for-price{width:300px;height:60px;text-indent:-9999px;display:block;margin-top:10px;
background:url(/commonimages/contact-for-price.png) no-repeat 0 0;}


/* prod lists

*/
.productbox{
	border-bottom:1px solid #666;
	margin:0px;
	padding:25px 15px 15px 15px;
	width:640px;
	height:auto;
	/*overflow:hidden;*/
	background:#fff url(/commonimages/lightbg.gif) repeat-x 0 bottom;
	/*position:relative; causes problems with js tags and css margins moving randomly*/
	}
.productbox .imagebox {width:120px;height:auto;text-align:center;padding:2px;background:#fff;border:1px solid #ccc;float:left;margin:0 15px 15px 0px;overflow:hidden;}
.productbox .imagebox a{text-decoration:none;}
.productbox .imagebox img{width:100px;}
.productbox .noimage{margin:30px 0px;}
.productbox .productinfobox{float:right;width:490px;border:0px solid red;}
.productbox h2 a{text-decoration:none;}

.productbox h2{margin:0px 0px 3px 0px;}
.productbox p{margin:3px 0px 0px 0px;}
	

.listproductbox{overflow:hidden;border-bottom:1px solid #ccc;position:relative;}
.listproductbox .imagebox {float:left;margin-right:20px;}
.listproductbox .imagebox a{text-decoration:none;}
.listproductbox .imagebox img{width:60px;}
.listproductbox .noimage{width:60px;text-align:center;margin:10px 0px;}
.listproductbox h5{margin:15px 0 0 0px}
.listproductbox h5 a{text-decoration:none;}

/* tags 

*/	
.tags-in-image{position:absolute;top:0px;left:0px;text-align:left;font-size:5px;}
.tags-in-image .new{width:50px;height:50px;background:url(/commonimages/tag-new1.png) no-repeat 0 0;text-indent:-9999px;}
.tags-in-image .fiveyr{width:70px;height:70px;background:url(/commonimages/tag-5yrwarranty1.png) no-repeat 0 0;margin:0px 0 0 -27px;text-indent:-9999px;}
.tags-in-image .sale{width:70px;height:70px;background:url(/commonimages/tag-onsale1.png) no-repeat 0 0;margin:0px 0 0 -27px;text-indent:-9999px;}
	
	
.tags-in-content{text-align:left;font-size:5px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ccc;overflow:hidden;}
.tags-in-content .tag{float:left;margin-right:5px;}
.tags-in-content .new{width:90px;height:30px;background:url(/commonimages/tag-new2.png) no-repeat 0 0;text-indent:-9999px;}
.tags-in-content .fiveyr{width:110px;height:30px;background:url(/commonimages/tag-5yrwarranty2.png) no-repeat 0 0;margin:0 0 0 0;text-indent:-9999px;}
.tags-in-content .sale{width:70px;height:30px;background:url(/commonimages/tag-onsale2.png) no-repeat 0 0;margin:0 0 0 0;text-indent:-9999px;}
	
.tags-in-list{text-align:left;font-size:5px;position:absolute;top:5px;right:0px;}
.tags-in-list .tag{float:left;margin-right:0px;}
.tags-in-list .new{width:90px;height:30px;background:url(/commonimages/tag-new2.png) no-repeat 0 0;text-indent:-9999px;}
.tags-in-list .fiveyr{width:105px;height:30px;background:url(/commonimages/tag-5yrwarranty2.png) no-repeat 0 0;margin:0 0 0 0;text-indent:-9999px;}
.tags-in-list .sale{width:60px;height:30px;background:url(/commonimages/tag-onsale2.png) no-repeat 0 0;margin:0 0 0 0;text-indent:-9999px;}
	
.productbox .tags-in-list{text-align:left;font-size:5px;position:relative;margin:0px;padding:0px;border:0px solid #ccc;}


.tags-in-promo{text-align:left;font-size:5px;position:absolute;top:1px;left:1px;width:218px;}
.promowrap .tag{}
.promowrap .new{float:left;width:50px;height:50px;background:url(/commonimages/tag-new1.png) no-repeat 0 0;text-indent:-9999px;}
.promowrap .sale{float:right;width:70px;height:70px;margin:-8px -15px 0 0;background:url(/commonimages/tag-onsale1.png) no-repeat 0 0;text-indent:-9999px;}
.promowrap .fiveyr{float:right;width:70px;height:70px;margin:-8px -15px 0 0;background:url(/commonimages/tag-5yrwarranty1.png) no-repeat 0 0;text-indent:-9999px;}
	/*
	
	
	
		
.commonright p {
	margin:5px 0px 10px 0px;
	}
.commonright ul {
	font-size: 1.1em;
	margin:0px 15px 10px 0px;
	list-style-type:disc;
	padding:0px;
	}
.commonright ul li {
	margin:0px 0px 6px 15px;
	padding: 0px;
	}
.highlight {
	color: #DD0026;
	}
	
.commonrightinfomenu {
	width:auto;
	height:auto;
	border: 3px solid #ccc;
	margin: 0px 0px 10px 0px;
	padding:10px;
	clear:both;
	overflow:hidden;
	}
.commonrightinfomenu img {
	float:left;
	margin: 0 13px 1px 0;
	display:inline;
	}
.infotext {
	float:left;
	width:390px;
	margin:0px;
	vertical-align:top;
	display:inline;
	border:0px solid red;
	}
.infotext h2{
	margin-top:0px;
	}
	
.commonrightinfo {
	width:auto;
	height:auto;
	border: 0px solid #ccc;
	margin: 0px 0px 00px 0px;
	padding:0px;
	clear:both;
	overflow:hidden;
	}
.commonrightinfo img {
	float:none;
	margin: 0 3px 3px 0;
	}
.commonrightinfo p {
	margin:5px 0px 5px 0px;
	vertical-align:top;
	}
div.infodivide {
	height:3px;
	border-bottom: 1px dashed #DD0026;
	margin: 10px 0px 10px 0px;
	text-size:1px;
	line-height:1px;
	}
.FloatControl {
	clear:both;
	height:1px;
	width:100%;
	line-height:0px;
	font-size:0px;
	}

.prod {
	width:auto;
	height:auto;
	margin: 0px 5px 10px 5px;
	padding-bottom:15px;
	border-bottom:1px solid #DD0026;
	}
.prodtext {
	width:300px;
	margin-right:15px;
	float:left;
	}
.prodimg {
	float:right;
	width:260px;
	}
	
.prod ul {
	font-size: 1.1em;
	margin:0px 0px 10px 0px;
	list-style:disc;
	padding:0px;
	}
.prod ul li {
	margin:0px 0px 6px 15px;
	padding: 0px;
	}
img.logo {
	margin:5px 3px 5px 0px;
	}
	
	
end product pages*/

/*footer*/
#footer{
	/*background:  #000 url(/commonimages/footerbg.gif) no-repeat 0 0;*/
	width:940px;
	height:auto;
	margin:10px 10px 0px 10px;
	/*clear:both;*/
	}
/*.footerbox {
	background:  #999;
	width:940px;
	border-top: solid 1px blue;
	margin:0px;
	
	}*/
#footer ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	}
	
#CallUs {
	margin: 0px;
	float:left;
	width:840px;
	background:transparent;
	}
#CallUs p{margin-bottom:0px;}
#backtotop {
	margin: 10px;
	text-align:right;
	float:right;
	width:30px;
	background:transparent;
	}
#backtotop a {
	text-decoration:none;
	display:block;
	width:25px;
	height:40px;
	/*line-height:20px;*/
	background: url("/commonimages/toparrow.png") no-repeat 0 2px;
	}
#backtotop a:hover {
	background-position: 0 0px;
	}
	
	
#xmasopen {
	padding-left:110px;
	padding-bottom:10px;
	background: url("../commonimages/xmasopen.gif") no-repeat 0 0;
	}
/*.footerNav{width:938px;}*/
.footerNav ul{
	float:left;
	/*background:#666;*/
	width:153px;
	height:auto;
	margin:0 8px;
	font-size:11px;
	color:#fff;
	}
.footerNav li{
	margin:0 15px 5px;
	}
.footerNav a{
	text-decoration:none;
	}
.footerNav a:hover{
	text-decoration:underline;
	}

.DividerHoriz{background:transparent url(/commonimages/horizbg.gif) no-repeat 50% 0;border-bottom:1px solid #000;width:900px;height:1px;clear:both;margin:20px auto;line-height:1px;}

.DividerVert{background:#7582F9 url(/commonimages/vertbg.gif) no-repeat 0 50%;border-right:1px solid #000;width:1px;height:100px;float:left;}

.brandLogos img{height:40px;width:100px;margin:3px 16px;}


#copyright {
	clear:both;
	font-size:10px;
	float:right;
	border:0px solid red;
	margin:0px 15px 10px 0px;
	padding-bottom:0px;
	width:300px;
	text-align:right;
	color:#eee;
	}
	
	
/*end footer*/
.clear{clear:both;width:2px;height:0px;}
.blue{color:#7582F9;}

.phoneNo{height:30px;background:url(/commonimages/phone.png) no-repeat 0 0;margin:10px 0;padding-left:40px;}


.socialbar{text-align:left;border-top:1px solid #7582F9;padding:10px 3px 0px;margin:0px 10px 0px;color:#fff;/*background:#04043D;*/}
.socialbarseg{float:left;width:260px;padding-bottom:5px;}
.socialbar .twitter{width:260px;}
.socialbar .like{width:90px;margin-right:5px;}
.socialbar .tweet{width:100px;margin-right:5px;}
.socialbar .gplus{width:90px;}
.socialbar img{float:left;margin-bottom:4px;}


/*testimonials*/
.slideshowwrap{width:802px;height:auto;border:0px solid red;position:relative;padding-bottom:10px;}

#s1 {background:transparent;}
#s1 > div{width:900px;/*was 820 if going to use nav*/padding:5px 10px;border:0px solid #fff;position:relative;display:none;}
#s1 > div.slide_1{display:block;}
.s1nav{width:900px;border:0px solid yellow;z-index:999;position:relative;display:none;}
.s1nav #prev{position:absolute;top:-30px;left:0px;display:block;width:30px;height:30px;text-indent:-9999px;background:#ccc;}
.s1nav #next{position:absolute;top:-30px;right:0px;display:block;width:30px;height:30px;text-indent:-9999px;background:#ccc;}
.slideshowwrap h2{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-indent:20px;font-size:18px;color:#ccc;margin:0;max-width:700px;float:left;border:1px solid #b2b2b2;background:url(/commonimages/speechmark.png) 3px 2px no-repeat #000033;padding:10px 15px;}
.slideshowwrap .commentname{max-width:145px;min-height:20px;margin-top:10px;float:left;background:url(/commonimages/speecharrow.png) 0 0 no-repeat;padding-left:20px;position:relative;left:-1px;}