/*
----------------------------------------------------------------------------------------- HOME PAGE
*/

/*
.xmas {background:#680001 url(/images/xmas-home-masthead.jpg) no-repeat scroll center center;}
.sale {background:#ca0f05 url(/images/sale-home-masthead.jpg) no-repeat scroll center center !important; position:relative;}
.spring {background:#AAE4FA url(/images/spring-home-masthead.jpg) no-repeat scroll center center !important; position:relative;}
.easter {background:#AAE4FA url(/images/spring-home-masthead.jpg) no-repeat scroll center center !important; position:relative;}
.blomberg {background:#1d1e20 url(/images/blomberg-masthead.png) no-repeat scroll center center !important; position:relative;}

#headerWrap.xmas #header {background:none;}
#headerWrap.sale #header {background:none;}
#headerWrap.spring #header {background:none;}
#headerWrap.easter #header {background:none;}
#headerWrap.blomberg #header {background:none;}
*/
#header {
	height:264px;
  background:url('/images/masthead-bg.png') center center no-repeat;
	clear:both;
  width:auto !important;
}
#headerWrap {
	height:234px;
	clear:both;
	border-top: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
}
#headerWrap .offerWrap{
	width:992px;
	margin:0 auto;
	position:relative;
}
#image {
	background:url(/images/masthead-bkgnd-home.jpg) no-repeat;
	width:430px;
	height:264px;
	float:right;
	margin:0 -32px 0 0;
}
#mastheadImgs{
	height:264px;
}
#flashIntro{ 
	height:165px; 
	width:588px;
	z-index:3;
	position:absolute;
	top:0;
	left:0;
}
#navBlock{
	height:160px;
	background:#fff;
	margin:-100px auto 0 auto;
	position:relative;
	width:992px;
	text-align:left;
	z-index: 1;
}
#storeSearch{
	width:495px;
	height:160px;
	/*padding:15px;*/
	background:#f6f7f7 url(/images/storeSearch.gif) no-repeat 98% 0;
	border-right:1px solid #dcdddd;
	position:absolute;
	bottom:0;
	left:0;
	z-index:4;
}
	
#storeSearch h2 {
	font-weight:normal;
    font-size:21px;
    color:#0064B6;}
	
#storeSearch p {
	font-size:.85em;
	width:204px;}
	
#navBlockTxt{
	width:300px;
	padding:10px 0 10px 15px;}

#productPromo{
	width:496px;
	height:160px;
	background:#f6f7f7;
	position:absolute;
	bottom:0;
	right:0;
	z-index:4;
}
	
/*	
#productPromo .title{
	font-size:1.3em;
	line-height:1.15;
	padding:5px 0 0 0;
	color:#333;}
	
#productPromo .title strong{
	color:#013893;	
}
	
#productPromoImg,
.productPromoImg{
	float:right;
	margin:10px;
}
	
#productPromoTxt .readMore{
	font-size:.85em;}

#productPromo ul{
	background:#013893;
	width:496px;
	position:absolute;
	margin:0;
	padding:0;
	list-style:none;
	bottom:0;
	left:0;
	height:34px;}
	
#productPromo ul li{
	float:left;
	text-align:center;
	border-left:1px solid #f7f8f8;
	padding:0;
	margin:0;}
	
#productPromo ul li.first{
	border-left:none;}
	
#productPromo ul li span{
	background:#013893;
	display:block;
	width:123px;
	color:#fff;
	text-decoration:none;
	font-size:1.4em;
	height:34px;
	line-height:34px;
	cursor: pointer;}
	
#productPromo ul li span:hover{
	background:#022a6b;}
	
#productPromo ul li.jFlowSelected span{
	background:#022a6b url(/images/jFlowSelected.gif) no-repeat top center;}
	
#slides {
	width:496px;
	height:160px;
	overflow:hidden;}
*/	
	
	
	
	
	
#storeSearch form{
	width:480px;
	padding:0 0 0 15px;
	margin:0;
	background:#86929C;
	position:absolute;
	bottom:0;
	left:0;
	height:34px;
}
#storeSearch label{
	color:#fff;
	font-size:1.2em;
	margin:0 60px 0 0;
	display:block;
	float:left;
	height:30px;
	padding-top:4px;
}
#storeSearch input.textInput {
	background:#f6f7f7 url(/images/search-input.gif) no-repeat;
	border:none;
	height:17px;
	color:#999;
	font-size:0.9em;
	padding:2px 0 0 8px;
	margin-top:7px;
	float:left;
	outline:none;
}
#storeSearch input.formSubmit{
	background: url(/images/search-submit.gif) no-repeat left;
	border:none;
	color:#fff;
	height:19px;
	width:61px;
	cursor:pointer;
	padding-bottom:2px;
	margin-top:7px;
	float:left;
}

#masthead-shadowL{
	background:url(/images/masthead-shadowL.png) no-repeat;
	width:7px;
	height:161px;
	position:absolute;
	bottom:0;
	left:-7px;
}
#masthead-shadowR{
	background:url(/images/masthead-shadowR.png) no-repeat;
	width:7px;
	height:161px;
	position:absolute;
	bottom:0;
	right:-7px;
}
#navBlockTxt p.title{font-size:1.1em;}
#navBlockTxt p.smallText{font-size:.85em; line-height:1.5;}

/* Remodel CSS - MT 10/10/2011
-------------------------------------------------------------- */
#headerWrap div.innerPanel{
	position: relative;
	width: 992px;
	height: 234px;
	margin: 0 auto;
}

#findRetailer{
	position: absolute;
	width: 206px;
	height: 193px;
	padding: 20px 20px 0 20px;
	bottom: 0;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	border-radius: 8px 8px 0px 0px;
	background: url('/images/mastheads/backbg.png');
	z-index: 1;
	
}

#findRetailer h2{
	color: #fff !important;
	font-size: 16px;
}

#findRetailer p{
	color: #fff;
	line-height: 19px;
	font-size: 12px;
}

#findRetailer legend{
	display: none;
}

#findRetailer input[type=text]{
	border: 1px solid #a6a6a6;
	height: 33px;
	padding: 0 10px;
	-webkit-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, .5);
	-moz-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, .5);
	box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, .5);
}

#findRetailer input[type=submit]{
	border: none;
	/*color: #0066b8;*/
	color: #fff;
	line-height: 24px;
	background: transparent;
	font-size: 16px;
	padding: 0 3px;
	margin-top:7px;
}

#slider {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	width: 725px;
	height: 234px;
	list-style: none;
}

#bulletPointWrapper{
	height: 52px;
	line-height: 52px;
	border-bottom: 1px solid #c9c9c9;
	background: #f7f7f7;
}

#bulletPointWrapper ul{
	list-style: none;
	width: 992px; 
	margin: 0 auto;
}

#bulletPointWrapper ul li{
	display: inline-block;
	padding-right: 52px;float:left;
	color: #606060;
	font-size: 14px;
}

#bulletPointWrapper ul li.last{
	padding-right: 0;
	text-align: right;
	margin-left: 40px;
}

#bottomPanelWrapper{
	overflow: hidden;
	padding: 0 10px;
	margin-top: 20px;
}
#bottomPanelWrapper h3{
	color: #0066b8;
}

#bottomPanelWrapper div{
	width: 227px;
}

#bottomPanelWrapper div.advicePanel{
	height: 310px;
	margin: 0;
	padding: 0;
	float: left;
}

#bottomPanelWrapper div.middle{
	border: 1px solid #c9c9c9;
	border-top: none;
	border-bottom: none;
	margin: 0 10px;
	padding : 0 10px;
}


/* Masthead - Cycle (with wrapper background color change)
  --------------------------------------------------------------------------- */

#cycleWrap {
	position: absolute;
	right: 0px;
	z-index: 0;
}

ul#slides {
	margin: 0;
	list-style: none;
}

ul#slides > li {
	width: 992px;
	height: 234px;
	position: relative;
}
	
ul#slides > li div {
	width: auto;
}

div#slidenav{
	position: absolute;
	bottom: 0;
	left: 259px;
	/*z-index: 5;*/
	z-index: 6;
	height: 30px;
	padding-left: 5px;
}

div#slidenav a{
	font-size: 12px;
	line-height: 18px;
	padding: 4px 14px;
	color: #555;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #555;
	background: rgba(255,255,255,.3);
	margin: 0 3px;
}

div#slidenav a.activeSlide{
	background: #333;
	background: rgba(255,255,255,.6);
	color: #0068BB;
}

ul#slides div.buttons{
	position: absolute;
	/*left: 282px;*/
	left: 267px;
	/*bottom: 42px;*/
	bottom: 36px;
	width: 600px;
	height: 35px;
}

ul#slides a.gradientButton, ul#slides a.greyButton{
	float: left;
	margin-right: 10px;
}


/* change here to control backgrounds for each slide. For additional slides use
   class of the same 'ID' of the <ul id="slides"><li> eg., <li id="test"> class
   will be '.test'
  --------------------------------------------------------------------------- */
.slide1{
	background:#a6b0b9;
}

.slide2{
	background: #d6dbdf;
}

.slide3{
	background: #e7e7e7;
}

.slide4{
	background: #d6dbdf;
}

.cycleWrap{
	background: #d6dbdf;
}

/* end
  --------------------------------------------------------------------------- */

.hotpanelslider {
	width:746px;height:350px;background:#f7f7f7 url("/images/HotPicks-BG.jpg") no-repeat;position:relative;
/*margin-left:10px;*/
}
#hotpanelwrapper { list-style:none;padding:10px 0 0; }
.hotpanel-product-container { float:left;overflow:hidden; }
.product-1 { width:202px;padding:0 25px 0 0;margin:10px 0 0 0; }
.product-2 {
	  border-left: 1px solid #C9C9C9;
    border-right: 1px solid #C9C9C9;
    margin: 10px 1px 0;
    padding: 0 25px;
    width: 197px;
	/*width:200px;padding:0 25px;margin:10px 0 0 0;border-left:1px solid #c9c9c9;border-right:1px solid #c9c9c9;*/
	}
.product-3 { width:202px;padding:0 0 0 25px;margin:10px 0 0 0; }
#hotpanelwrapper li { width:725px;margin:0 auto; }
.hotpanelslider ul { float:left; }

.hotpanelslider a:hover { background-color:#C5DAEB; }
.hotpanelslider .nav-link { display:block;height:100%;opacity:0.5;filter: alpha(opacity = 50);width:25px;text-indent:-9999px;position:absolute; }
.hotpanelslider .nav-link-right { background:url('http://e-staging.oneagency.co/images/right-arrow.png') 9px 160px no-repeat;right:0;z-index:99; }
.hotpanelslider .nav-link-left { background:url('http://e-staging.oneagency.co/images/left-arrow.png') 5px 160px no-repeat;left:0;z-index:99; }

.product-title-model { height:46px;overflow:hidden; }
.product-title, .product-model-number { width:206px;color:#0f72c0;font-size:13px;text-align:center; }
.product-model-number { width:206px;color:#0f72c0;font-size:13px;text-align:center;padding:0 0 10px; }

.product-view-details { text-align:center;font-size:12px;font-weight:normal;width:100%; }
.product-view-details a { text-decoration:none;color:#7f7f7f; }
.product-view-details a:hover { background:#f7f7f7;text-decoration:underline; }

.product-image img { padding:0px;margin:0 auto;height:135px;width:180px;background:#fff; }
.product-image { background:#fff;border:1px solid #c9c9c9;margin:0;text-align:center;overflow:hidden;height:155px;width:200px;padding:20px 0 0;background:#fff; }
.product-image a:hover, .product-image a img, .product-image a { border:none;background:#fff; }

.product-save-price { height:22px;width:100%;font-size:14px;padding:4px 0 0; }
.product-was-price { float:left;color:#AFB7BD;width:48%;text-align:right;padding-right:2% }
.product-price-diff { float:left;color:#E88986;width:48%;text-align:left;padding-left:2% }

.product-price { color:#004ca4;font-size:22px;padding:0 0 15px;text-align:center;height:20px; }
.product-add-to-cart { text-align:center; }
.product-add-to-cart input { background:url('/images/addToBasket.png') no-repeat;text-align:center;display:block;height:28px;width:117px;text-indent:-9999px;margin:0 auto;border:none;cursor:pointer; }

.clearfix:after { content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0; }
.clearfix {display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix {	height: 1%; }