



#wrap {width:960px; margin:0 auto; background:transparent; padding:0; border:0; overflow:visible;}
#content {width:960px;}
#sidebar {display:none;}
#searchResults {width:760px; float:right; background:#fff; border:1px solid #e8e8e8; border-width:0 1px; background:#fff 0 -83px; background-repeat:repeat-x !important;}

#searchResults .product {width:170px; margin-bottom:35px; padding:15px 10px 0 10px;}
/* #searchResults .product {width:170px;padding:15px 10px 0 10px;} */

#searchHeader p {padding:10px 0 20px; font-size:15px; font-family:Verdana, Arial, sans; font-style:normal;}

#searchHeader p {padding:10px 0 20px; font-size:15px; font-family:Verdana, Arial, sans; font-style:normal;}

h1.hc {float:left; margin:0 0 10px 0;}
h1.hc strong {width:156px; height:22px; background-position:0 -14px;}
 
.searchPage {width:100%;}
.searchPage .sort {width:760px; float:right;}
 
/* SAVESEARCH */
#saveSearchPop {width:250px; position:absolute;}
#saveSearchPop div {clear:both; padding:6px; margin-top:30px; background:#fff; border:1px solid #e8e8e8; -moz-border-radius:5px; -webkit-border-radius:5px;}
#saveSearchPop label {display:block; margin-bottom:5px; font-weight:bold; color:#464646;}
#saveSearchPop input {font-size:14px; width:150px;}
#saveSearchPop input.error {border:3px solid #ff5300; -moz-border-radius:5px; -webkit-border-radius:5px;}
#saveSearchPop .errorMsg {margin-top:0; color:#ff5300; font-weight:bold;}
.saveSearch {float:right; margin:0;}
 
#content .redirect,
#content .seo {float:right; margin:0 0 15px; font-size:11px; width:79%;}
div.seo {border-bottom:1px solid #fff;}
.seo p {border-bottom:1px solid #dadada; padding:0 0 15px 0;}

/* Hybrid Landing Page Styles */
#hybrid {overflow:hidden; width:960px; margin:-10px 0 10px; background:#fff; border-radius:0 0 8px 8px; box-shadow:0px 1px 2px #ccc; display:none;}
#hybrid h1 {width:500px; margin:10px 0 0 10px; float:left;}
#hybrid p {width:500px; margin:10px 0 10px 10px; float:left;}
#hybrid img {float:right;}

h1.hc strong,
#searchResults,
.flag,
#naviCenter h4 span {background-image:url(/imgs/spSearch.20120203103711.png) !important; background-repeat:no-repeat;}

/* PRODUCT */
.product {display:block; width:136px; padding:0 10px 0 11px; float:left; text-align:center; font-size:11px; line-height:14px; position:relative;}
.product:hover {text-decoration:none;}

br.clear {clear:both; display:block;}
.product img {text-decoration:none; display:block;}
.product span {display:block; text-decoration:underline;}

.product .brandName {margin-top:10px; font-weight:bold;}
.product .price {text-decoration:none; color:#585a5d; font-weight:bold;}
.product .salePrice {text-decoration:none;}

.product:hover .price {text-decoration:none;}

.productImage {width:170px; height:198px; overflow:hidden; display:block;}

.salePrice {color:#ff5300; font-weight:bold;}
.salePrice span {display:inline; text-decoration:line-through; font-weight:normal; color:#585a5d;}

.product .flag {position:absolute; top:0; left:0;}
.flag {padding-left:28px; width:75px; background-position:0 -36px;}
.first .flag, * html .flag {background:none !important;}
.flag .sale {display:block; float:left; margin-right:2px; width:19px; height:41px; background:-114px -267px no-repeat;}
.flag .new {display:block; float:left; margin-right:2px; width:20px; height:46px; background:-93px -267px no-repeat;}
.product .stars {margin:0 auto;}

.product-result-wrapper {float:left;margin-bottom:35px;}
.visual-search-link {float:left;text-align:center;width:100%;padding-top:10px;}/* SORT & PAGINATION */
.sort {width:100%; height:100%; float:left; background:#f3f3f3; border:1px solid #ddd;}
.sort.top {-moz-border-radius:5px 5px 0 0; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;}
.sort.bottom {margin:0 0 15px 0; -moz-border-radius:0 0 5px 5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;}
.sort div {text-transform:uppercase;}
.sortby {font-size:.8em;}
.sortby a, .sortby h5 {padding:10px 8px; display:block; float:left; font-weight:normal;}
.sortby a {font-weight:bold;}
.sortby .select {background:#fff; border:1px solid #e8e8e8; border-width:0 1px; color:#585a5d;}

.pagination {float:right; display:block; padding:10px 6px 0 0; height:23px; font-size:.9em;}
.pagination a {text-decoration:underline; margin:0 3px; vertical-align:top; margin-top:-12px !important;}
.pagination .btn {text-decoration:none; margin-top:-5px !important; font-size:11px;}/* Narrow Facet Styles */
.navCont {float:left; clear:left; width:184px;}
#content h3 {text-indent:0; background-color:#a4b344;}
#content .nosh {margin:0 0 13px; width:166px;}
#naviCenter {width:184px; margin:0 0 15px; background:#fff; border:1px solid #ddd;}
#naviCenter h4 {width:164px; margin:0; padding:5px 10px; font-size:10px; line-height:1.75em; border:solid #ccc; border-width:0 0 1px; color:#2C5987; text-transform:uppercase; cursor:pointer; -moz-border-radius:0px; -webkit-border-radius:0px;}
#naviCenter h4.similarTo {text-align:center; width:164px; margin:0; padding:5px 10px; font-size:10px; line-height:1.75em; border:solid #ccc; border-width:0 0 1px; color:#2C5987; text-transform:uppercase; cursor:pointer; -moz-border-radius:0px; -webkit-border-radius:0px;}
#naviCenter h4 span {display:block; height:13px; width:13px; float:left; margin:2px 7px 0 0;}
.navOpen span {background-position:-143px -70px;}
.navClosed span {background-position:-130px -70px;}
#naviCenter div {overflow-x:hidden; overflow-y:auto; -height:120px; max-height:175px; min-height:50px; width:184px; margin:0; padding:7px 0; border-bottom:1px solid #ddd;}
#naviCenter div.similarTo {overflow-x:hidden; overflow-y:none; -height:200px; max-height:220px;}
#naviCenter .last {border-width:0;}
#naviCenter a,
.nwDisabled {display:block; padding-bottom:2px; padding-left:10px; font-size:12px;}
#naviCenter a.current,
#naviCenter a:hover,
#naviCenter a:active
.facetRow.current,
.emphasisRow.current {background:#d9eefa; text-decoration:none; color:#2c5987;}
#naviCenter span {color:#808080;}

#naviCenter .nwMulti a {padding-left:25px; background:url(/imgs/tmp-nv-checkbox.20120203103711.png) no-repeat 10px 1px;}
#naviCenter .nwMulti a:hover {background-color:#d9eefa; text-decoration:none; color:#2c5987;}
#naviCenter .nwMulti a:hover {background-position:10px -83px;}
#naviCenter .nwMulti .nwSelected {background-position:10px -83px;}

#naviCenter .symbolic {padding:8px 0;}
#naviCenter .symbolic a, 
#naviCenter .symbolic a:hover {display:block; float:left; width:26px; margin:0 0 8px 7px; padding:3px 0; border:1px solid #ccc; text-align:center; font-size:10px; background:#FAFAFA; border-radius:3px; -moz-border-radius:3px;}
#naviCenter .symbolic a:hover {border-color:#2C5987;}
#naviCenter .symbolic .nwSelected,
#naviCenter .symbolic .nwSelected:hover {background:#2C5987; color:#fafafa; border-color:#2C5987; text-shadow:1px 1px 0 black;}

/* BREADCRUMBS */
#breadCrumbs {position:relative; overflow:hidden; width:745px; float:right; padding:10px 8px; margin-bottom:9px; color:#666; border:1px solid #eee; background:#fff; -moz-border-radius:8px; -webkit-border-radius:8px;}
* html #breadCrumbs {float:left;}
#breadCrumbs h4 {float:left; margin:1px 15px 0 14px; font-size:.85em; color:#777; text-transform:uppercase;}
#breadCrumbs .remove {height:12px; margin:0 12px 0 0; padding:0 15px 3px 0; display:-moz-inline-box; display:inline-block; font-size:.85em; color:#2c5987; font-weight:bold; text-transform:uppercase; background:#fff no-repeat right -943px;}
.crumbList {float:right; width:590px;}
* html #breadCrumbs {float:right;}


#naviCenter .nwDisabled,
#naviCenter .nwDisabled span {color:#CBC8C5;}

/* New Feature Link */
#nwFeature {clear:both; display:none; width:148px; height:21px; margin:0 0 8px; padding:6px 0 0 36px; font-size:11px; background:url(/imgs/navwow_feedback.20120203103710.png) no-repeat left top;}

/* visual search */
.facetRow,.emphasisRow {cursor:pointer;padding:3px 5px;display:block;color:#2C5987 !important;}
.facetRow > input {float:left;margin-right:5px;margin-top:2px;}
#applyRow {min-height:0px !important;padding-right:10px;}
.vsearchApply {float:right;margin-right:10px;}

/*
 * iOS Styles ================================================================
 *
 * iPad doesn't clear the "hover" effect properly when "scrolling". These
 * styles fake out the iPad so that it doesn't apply hover classes where it
 * shouldn't. Also includes tyles for Scroll Bars on iOS4 and lower
 */
.iPad #naviCenter a:hover,
.iPad #naviCenter .nwMulti a:hover {background-color:#FFF; background-position:10px 1px;}
.iPad #naviCenter .nwMulti .nwSelected:hover {background-color:#FFF; background-position:10px -83px;}

/*
 * "Scrolling" styles
 */
.iPad #naviCenter > div {position:relative;}
.iPad #naviCenter div.touchScrollBar {position:absolute; width:5px; min-height:30px; padding:0; top:0; right:1px; background-color:#000; border:1px solid #FFF; -webkit-border-radius:3px; -webkit-background-clip:padding-box; opacity:.5;}

/* iOS 5 allows us to use native touch "scrolling" instead of JavaScript! Hooray! */
.nativeScroll #naviCenter > div {-webkit-overflow-scrolling:touch;}

