/*  home page html area */
.regions {
	width:890px;
	margin:0 auto;
	height:50px;
	padding-left:60px;
}

.regions p {
	font-size:14px;
	font-weight:bold;
	float:left;
	width:150px;
	padding-top:3px;
}

.regions ul li {
	float:left;
	width:200px;
	padding:5px 0 5px 40px;
}

.regions ul li:first-child {
	background-repeat: no-repeat;
	font-weight:bold;
	width: 180px;
}

.regions ul li:nth-child(2), .regions ul li:last-child {
	background-repeat: no-repeat;
}

.regions ul li:nth-child(2) a, .regions li:last-child a {
    text-decoration: underline;	
}

/*  config items */
.config .prod_sel, .configTop  .prod_sel {
   width: 50px;
   height: 50px;
   float: left;
   margin: -10px 0 0 40px;
}

.config .hdr, .configTop .hdr {
   font-size: 15px;
   color: #454545;
   margin: 3px 0;	
}

.config img  {
   width: 50px;
   height: 50px;
}

.config ul li div img {
   width: 35px;
   height: 35px;
}

.config ul li div  {
	width:40px;
	float:left;
}

#details .config ul li p {
	float:left;
	width:285px;
	padding-bottom:0;
	line-height:normal;
	color:#333;
}

.config ul li  {
	height:auto;
	display:table;
	clear:both;
	margin-bottom:10px;
	margin-left:5px;
	border-bottom:1px solid #999
}

.config ul li:first-child {
	margin-top:5px;
}

.config ul li:last-child {
	border-bottom:none;
	margin-bottom:5px;
}

.config {
	margin-top: 20px;
	clear: both;
	width: 400px;
	height: 50px;
	margin-bottom:30px;
}

.config .listBox {
	border: 1px solid #999; 
	height: 25px;
	float: left;
	width: 260px; 
	display: inline-block;  
	clear: both; 
}

.config .listBox span.selectedItem, .config .listBox span.selectedItem   {
	cursor: pointer; 
	padding: 7px 5px 0;
	width: 250px;
	color: #333;
	float:left;
}

.configArrow {
	background: -275px -90px no-repeat ;
	width: 30px;
	height: 15px;
	cursor: pointer;
	margin:-10px 0 0 265px;
	float:left;
}


div.config ul  {
	clear: both;
	margin-top:25px;
	width: 360px; 
	border: 1px solid #ccc;  
	background: #f6f6f6; 
	padding-top: 2px; 
	display: none; 
	text-align: left; 
	cursor: pointer;
	position: absolute; 
	border-bottom: 1px solid #ccc; 
	height:350px;
	overflow:auto; 
	z-index: 1000;
	/*margin: -3px 0 0 -1px;*/
}

.configList ul li, .configTopList ul li {
	display: block; 
	line-height:14px; 
	padding: 2px 10px; 
	cursor: pointer;
	height: 50px;
	clear: both;
	border-bottom: 1px solid #aaa;
}

.configList ul li:hover, .configTopList ul li:hover { 
   color: #f6f6f6; 
   background: #0081b0; 
	cursor: pointer;
}	

.configList ul li div, .configList ul li p, .configTopList ul li div, .configTopList ul li p {
	float: left;
}

.configList ul li p, .configTopList ul li p {
	line-height:normal; 
	font-size:11.5px;
	margin: 5px 0 0 10px;
	width: 160px;
	color: #333;
}

.config .price_sel, .configTop .price_sel {
    color: #c00;
	font-size: 11px;
	float: left;
	margin: 5px 0 0 5px;	
}


/* home page promos*/
#home_body .promos {
    width: 1000px;
	display:table
}

#home_body .mainpromo,#home_body .placeHolderImg  {
   float: left;
   width: 700px;
   height: 350px;
   margin-right: 10px;	
}

#home_body .mainpromo ul li img {
   width: 700px;
   height: 350px;
}

/* thumbnail images */
#home_body .promos .jcarousel-control img {
	width:45px;
	height:45px;
	border:4px solid #999;
	display:block;
	margin-bottom:10px;
	opacity: .85
}


#home_body .mainpromo .jcarousel-control {
	position:absolute;
	z-index:100;
	margin-left:620px;
	margin-top:40px;
	cursor:pointer;
	
}

#home_body .mainpromo .jcarousel-skin-tango .jcarousel-clip-vertical {
    height: 350px;
    width: 700px;
}

#home_body .mainpromo .jcarousel-skin-tango .jcarousel-container {
    background: none;
    border: 0;
    border-radius: 0;
}

#home_body .mainpromo .jcarousel-skin-tango .jcarousel-item {
    height: 350px;
    width: 700px;
}

#home_body .mainpromo .jcarousel-skin-tango .jcarousel-container-vertical {
    height: 350px;
    width: 700px;
}

#home_body .dealalert {
   float: left;
   width: 285px;
   height: 350px;
   margin-right: 5px;	
}

#home_body .dealalert img, #home_body .dealalert_ext img {
   width: 285px;
   height: 175px;
}

@media screen and (max-width: 1300px)  {
	#home_body .dealalert_ext {display: none;}

}

@media screen and (min-width: 1300px)  { /* max size design 1300px */
	#home_body .promos {width: 1300px;	}
	#home_body .dealalert_ext {
	   float: left;
	   width: 285px;
	   height: 350px;
	   margin: 0 10px 0 5px;	
	}
}

/* --------------------------------------- HOME PAGE - BRANDS --------------------------------------- */

.brands {
	float:left;
	font-weight:bold;
	font-size:15px;
	color:#00516c;
	margin: 5px 0 0 15px;
}

.brand_alpha  {
	float:left;
	margin-left: 25px;
	width: 850px;
	margin-bottom: 20px;
}

.brand_alpha a{
	float: left;
	font-weight:bold;
	font-size:12px;
	color:#fff;
	text-decoration:none;
	border-left: 2px solid #0177a4;
	padding: 5px 10px;
	margin: 0;
	FILTER:  progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#0177a4, endColorstr=#035b81); 
    background: -webkit-gradient(linear, left top, left bottom, from(#0177a4), to(#035b81)); /* for webkit browsers  */
    background: -moz-linear-gradient(top,  #0177a4,  #035b81); /* for firefox 3.6  */
	background: -o-linear-gradient(top,  #0177a4,  #035b81);
	background:#035b81;
	cursor: pointer;
	display: block;
}


.brand_name {
	padding:0 10px 25px 0; /* DEV: added padding bottom */
	margin:15px 0;
	border-bottom: 1px solid #007098; /* DEV: added */
	clear: both;
}

.brand_col {
	float:left;
	width:225px;
}

.brand_col a h5{  /* DEV: added styles */  
	color:#414141;
	line-height:15px;
	text-decoration:none;
	cursor: pointer;
	padding: 2px 0 2px 30px;
}

.search_results { 
    font-weight:bold; 
	margin: 10px; 
	padding-bottom: 5px;
	border-bottom: 1px dotted #999;

}
.search_Found { font-size: 16px; font-weight:bold;}
.not_found a{ color:#990000; font-size: 13px; text-decoration:underline; }

/* category search results */
#search_body_cat {width:1000px;margin:0 auto}


/*Search Category*/
.search_results_category{font-size:14px;padding:10px 0 0}
.search_results_category .search_Found{color:#f04a24;font-size:14px}
.searchWrapper{width:100%;max-width:1000px;position:relative}
.search-cat-wrap{width:100%;position:relative;border-top:2px solid #fff3bd;margin:10px 0 0}
.search-cat-wrap:first-child{border-top:none;margin:0}
.searchWrapper .view-more-cat{position:absolute;bottom:17px;left:18%;background-color:#fff;padding:5px;display:inline-block;color:#737373;font-weight:bold;font-weight:700}
.searchWrapper .view-more-cat.hide{display:none}
.searchWrapper .lft-panel{width:150px;float:left;}
.searchWrapper .lft-panel .search-cat{margin:45px 0 0}
.searchWrapper .lft-panel .search-cat-head{font-size:24px;font-weight:700}
.searchWrapper .lft-panel .search-cat-count{font-size:11px;color:#696969;margin-bottom: 30px}
.searchWrapper .lft-panel .search-lnkbtn{color:#727272;font-size:12px;font-weight:700;padding:10px;display:inline-block;border:1px solid #d0cfcf;border-radius:5%;-webkit-border-radius:5%;-moz-border-radius:5%;
background:rgb(255,255,255);/*Old browsers*/
background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background:-moz-linear-gradient(top,rgba(255,255,255,1) 0%, rgba(234,233,233,1) 100%);/*FF3.6+*/
background:-webkit-gradient(linear,left top, left bottom, color-stop(0%,rgba(255,255,255,1)),color-stop(100%,rgba(234,233,233,1)));/*Chrome,Safari4+*/
background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(234,233,233,1) 100%);/*Chrome10+,Safari5.1+*/
background:-o-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(234,233,233,1) 100%);/*Opera 11.10+*/
background:-ms-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(234,233,233,1) 100%);/*IE10+*/
background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(234,233,233,1) 100%);/*W3C*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#eae9e9',GradientType=0);/*IE6-8*/}
.searchWrapper ul{float:left;border-bottom:8px solid #e3e3e3;margin:0 0 25px 10px;padding:0 0 25px;overflow:hidden;width: 840px}
.searchWrapper ul li:nth-child(5n+6) {clear:left}
.searchWrapper ul li{float:left;width:20%;text-align:center;margin:0 auto;position:relative;min-height:182px;padding:10px 0}
.searchWrapper ul li .pop-result-wrap{position:absolute;z-index:-1;border:6px solid #f04a24;width:133px;height:154px;color:#fff;text-align:center;font-size:14px;font-weight:700; margin:0 0 0 -72px;left:50%}
.searchWrapper ul li .pop-result-wrap strong{display:block;padding:5px;background:#f04a24;line-height:normal;margin:-5px 0 0}
.searchWrapper ul li .search-img-wrap{margin:33px 0 0;z-index:2}
.searchWrapper ul li .search-img-wrap img{position:relative;vertical-align:middle}
.searchWrapper ul li a{display:block;}
.searchWrapper ul li span{display:block;width:117px;height:117px;margin:0 auto 20px;border:2px solid #eee;overflow:hidden}
.searchWrapper ul.ht-min{height:428px}
.searchWrapper ul.ht-max{height:640px}

/*Search Category - Filter section*/
#search_body_cat #searchFilterContainer{background-color:#fff;width:1000px;position:relative;margin:10px 0 30px}
#searchFilterContainer .selectSearchFilter {width:795px;border:0 none;margin:10px 0;background-color:#fff3bd;position:relative;padding:20px 185px 20px 10px}
#searchFilterContainer .showfilters{margin:0}
#search_body_cat #searchFilterContainer .selectBox{margin:0 0 0 10px;float:left}
#search_body_cat #searchFilterContainer .selectBox:first-child{margin:0}
#searchFilterContainer .selectBox div{display:table;height:30px;padding-right:10px}
#searchFilterContainer .selectBox ul li:first-child{display:none}
#searchFilterContainer .selectBox span{margin-left:10px;margin-top:10px;float:left;cursor:pointer}
#searchFilterContainer .selectBox span:first-child{width:150px}
#search_body_cat #searchFilterContainer .selectBox.sbCat{margin:0}
#searchFilterContainer ul,#searchFilterContainer .selectBox div{background-color:#fff;border:1px solid #e6ddb3;margin:0;padding:0}
#searchFilterContainer ul{position:absolute;display:none;min-width:75px;min-height:150px;width:auto;z-index:100;max-height:350px;margin-top:-1px;overflow-y:scroll;overflow-x:hidden;width:185px}
#searchFilterContainer ul li{color:#333;overflow:hidden;cursor:pointer;display:block;line-height:normal;border-bottom:1px dotted #515151;outline:medium none;padding:7px;margin:5px 0;min-width:84px}
#searchFilterContainer ul li a:link{color:#666;text-decoration:none}
#searchFilterContainer ul li:last-child a{border-bottom:none}
#searchFilterContainer ul li.disabled a{color:#D3D3D3;cursor:default}
#searchFilterContainer #price_range{position:absolute;right:0;top:0}
#searchFilterContainer #price_range label{display:block;padding:8px 5px 0 9px;font-weight:700}
#searchFilterContainer #price_range input.range{margin:0 0 0 5px}