@import url('common.css');
@import url('buyers-guides.css');

/* new hero page styles */
.gsubhead{height:30px;}
.gtitle{padding:6px;font:bold 13px Arial, Helvetica, sans-serif;}
#gbreadcrumb{font-weight:normal;list-style:none;margin:0; height:30px;}
#gbreadcrumb li{float:left;display:inline;padding:7px 18px 7px 6px;margin-right:4px;background:url(/images/backgrounds/breadcrumb-divider.gif) top right no-repeat;font-size:11px;}
#gbreadcrumb a{text-decoration:none;}
#gbreadcrumb li.current, #gbreadcrumb li.current h1{font-weight:bold;font-size:13px;background:none;padding:6px;padding-right:0;margin:0;display:inline;}
#gbreadcrumb li.current .northerngray2x{font-weight:normal;font-size:12px;}
#gbreadcrumb li.remove-icon {height:15px;}
.col1 .gsubhead{background:#ebe7de url(/images/backgrounds/bkgrd-subhead-col1.gif) 0 0 no-repeat;}
.col4 .gsubhead{background:#ebe7de url(/images/backgrounds/bkgrd-subhead-col4.gif) 0 0 no-repeat;}
.col4 .gsubhead-tiled{min-height:30px;height:auto !important; background:#fff url(/images/backgrounds/bkgrd-subhead-col4-tiled.gif) 0 0 no-repeat;}
.subcat .thumb, .brand .thumb{display:block;border-bottom:none;}
.subcat{font-size:12px;text-align:center;background:url(/images/backgrounds/subcat-bg.gif) 0 0 no-repeat;padding:6px 12px;width:160px !important; height:160px;cursor:pointer;}
.brand{font-size:11px;text-align:center;background:url(/images/backgrounds/brand-bg.gif) 0 0 no-repeat;padding:6px 12px;width:160px !important; height:84px; cursor:pointer;}
.subcat a, .brand a{text-decoration:none;line-height:12px;}
.subcat2{background-image:url(/images/backgrounds/subcat-bg-over.gif);}
.subcat2 a{color:#000;}
.brand2{background-image:url(/images/backgrounds/brand-bg-over.gif);}
.brand-logo {margin-top:3px;}
.product-tab-nav{font:normal 11px Arial, Helvetica, sans-serif;margin:0 0 0 44px;padding:6px 0 0;float:left;display:inline;}
.product-tab-nav li{float:left;display:inline;text-align:center;margin-right:6px;}
.product-tab-nav li a{text-decoration:none;display:block;width:90px;padding:5px 5px 4px 5px;}
.product-tab-nav li.active a, .product-tab-nav li a:hover{background:#fff;border:1px solid #53514c;border-bottom:none;width:88px;}
a.gshop-link{padding-left:20px;background:url(/images/icons/icon-arrow-black.gif) no-repeat !important;text-decoration:none;}
.prod-thumb{float:left;display:inline;margin:0 20px 40px 0;}
a.prod-title{text-decoration:none;}
.rating-short{padding:5px 0;}
#hero{background:#fff;height:246px;overflow:hidden;position:relative;}
#hero img, .offer img{display:block;}

#hero-promo-on-sale {background:url(/images/backgrounds/bkgrd-hero-promo-on-sale.gif) no-repeat;height:120px;width:378px;}
#hero-promo-free-shipping {background:url(/images/backgrounds/bkgrd-hero-promo-free-shipping.gif) no-repeat;height:120px;width:378px;}
#hero-promo-rebate {background:url(/images/backgrounds/bkgrd-hero-promo-rebate.gif) no-repeat;height:120px;width:378px;}
#hero-promo-clearance {background:url(/images/backgrounds/bkgrd-hero-promo-clearance.gif) no-repeat;height:120px;width:378px;}
#hero-promo-top-sellers {background:url(/images/backgrounds/bkgrd-hero-promo-top-sellers.gif) no-repeat;height:120px;width:378px;}
#hero-promo-top-rated {background:url(/images/backgrounds/bkgrd-hero-promo-top-rated.gif) no-repeat;height:120px;width:378px;}
#hero-promo-parent {background:url(/images/backgrounds/bkgrd-hero-promo-parent.gif) no-repeat;height:120px;width:378px;}
#hero-promo-core-offer {background:url(/images/backgrounds/bkgrd-hero-promo-core-offer.gif) no-repeat;height:120px;width:378px;}
.hero-promo {display:block; width:378px; height:120px; cursor:pointer;} /*div containing hero promo*/
.hero-promo-core {display:block; width:378px; height:120px; cursor:pointer;} /*div containing hero promo ore offer*/
.hero-promo a.hero-promo-shop-link {display:inline; float:left; margin:60px 0 0 21px; border:0; width:175px; padding:0 0 0 20px; background:url(/images/icons/icon-arrow-red.gif) no-repeat !important; text-decoration:none;}
.hero-promo .hero-promo-image {display:inline; float:right; margin:3px 12px 3px 12px; padding:0;}
.hero-promo .hero-promo-stars {margin-top:6px;}
.hero-promo2 {background:url(/images/backgrounds/bkgrd-hero-promo2.gif) no-repeat;} /*hero promo hover*/
.hero-subcat-shop-link a {display:inline; float:left; margin:0 0 0 21px; border:0; padding:0 0 0 20px; background:url(/images/icons/icon-arrow-black.gif) no-repeat !important; text-decoration:none;} /*div containing subcat shop link*/
.hero-offer {background:url(/images/backgrounds/bkgrd-hero-offer.gif) no-repeat;}
.hero-offer img {margin:1px 0 0 1px;}
.hero-promo-brand {height:126px;}

/*old hero page styles */
#heroImg {border-bottom:1px solid #000;}
p.lead-in-hero{font:normal 14px/17px Arial,Helvetica,sans-serif; float:left; margin:10px 0 10px 10px; width: 620px;}
#cat99 .onSaletotalrecordsblock {background:none;}
.onSaletotalrecordsparent {font: bold 16px Arial,Helvetica,sans-serif; color: #fff; display: none;}
#onSaleText {float: left; display: inline; margin-top: 3px;}

.catBodyCopy {position: absolute; left: -999em;}
.categoryXsell {margin: 6px 0;}
#seeAllOnSaleLink {position:absolute; top:-22px; left:0px; width:100%; text-align:right;}
#seeAllOnSaleLinkContainer {position:relative; top:0; left:0;}
#seeAllOnSaleLinkBottom {width:100%; text-align:right; margin-top:12px;}
#seeAllOnSaleLink .shop-link {float:right; margin:0 6px 0 0; border:0; padding:0 0 0 20px; background:url(/images/icons/icon-arrow-black.gif) no-repeat !important; text-decoration:underline; font:bold 12px/18px Arial, sans-serif;color:#000;}
#seeAllOnSaleLinkBottom .shop-link {float:right; margin:0 6px 0 0; border:0; padding:0 0 0 20px; background:url(/images/icons/icon-arrow-black.gif) no-repeat !important; text-decoration:underline; font:bold 12px/18px Arial, sans-serif;color:#000;}

td.subcats {background:url(/images/backgrounds/bkgrd-subcats153.gif) no-repeat scroll 0 0; height:194px;width:153px;}
td.subcats2 {background:url(/images/backgrounds/bkgrd-subcats153-over.gif) no-repeat scroll 0 0;}

.subcatimagecontainer {width:766px;}
.subcatImageButtons {float:left; width:184px; margin-left:10px;height:100px;background:#000;}

.marketingSpot {background:url(/images/backgrounds/bkgrd-right-column-top.gif) no-repeat top left; margin-bottom:6px;}
.marketingSpotTitle {height:40px; padding:6px 10px 3px; font: bold 12px arial, sans-serif;}
.marketingSpot table.marketingContent {background:url(/images/backgrounds/bkgrd-right-column-bottom.gif) no-repeat bottom left;}

.refinements {float:left;background:url(/images/backgrounds/bkgrd-right-column-top.gif) no-repeat top left;width:184px; margin: 0px;text-align:left;}
.refinementsTitle {float:left;padding:6px 10px 3px; font: bold 12px arial, sans-serif;}
.refinements .refinementsList {clear:both;float:left;width:158px;padding:0px 12px; border:solid 1px #cfcac0; border-top:none; padding-bottom:6px;}
.refinements a.shop-link{}

/* New Dim Display Classes */
.selections {float:left;background:url(/images/backgrounds/bkgrd-left-nav-refinements.gif) no-repeat top left;width:184px; margin: 0px;text-align:left; border-bottom:solid 1px #cfcac0;}
.selections-title {float:left;padding:6px 10px 3px; font: bold 12px arial, sans-serif;}
.selections .selections-list {clear:both;float:left;width:158px;padding:0px 12px; border:solid 1px #cfcac0; border-top:none; border-bottom:none; padding-bottom:6px;}
.selections .remove {color:#8d8b85;}
.refinements-left-nav {float:left;background:url(/images/backgrounds/bkgrd-left-nav-refinements.gif) no-repeat top left;width:184px; padding:0; margin:0; text-align:left;}
.refinements-left-nav .refinements-list {clear:both;float:left;width:158px;padding:0px 12px; border:solid 1px #cfcac0; border-top:none; padding-bottom:6px;}
.refinements-none {float:left;width:184px; margin: 0px;text-align:left;}
.refinements-title {display:block; float:left;padding:6px 10px 3px; font: bold 12px arial, sans-serif;}
.refinements-list ul li {display:none;}
.refinements-list a {text-decoration:none;}
.refinements-list ul li.visible {display:block;}
.refinements-list ul li.more-link {font-weight:bold;display:block;}

.grid160 {width:160px;padding:0;margin:0;border:0;border-collapse:collapse;border-bottom:solid 1px #ebe7de;}
.grid160 .column{width:160px;text-align:left;margin:0;border:0;}

.bkgrd-left-nav-header {position:relative; padding:0; margin:0;}
.bkgrd-left-nav-header2 {position:absolute; top:0px; left:0px; padding:0; margin:0; width:184px; height:auto; background:url(/images/backgrounds/bkgrd-left-nav-header.gif) no-repeat top center;}

.leftnav {line-height:0px;}
.leftnav ul {margin:0px; padding-left:2px;}
.leftnav ul li {font:11px Arial,Helvetica,sans-serif; margin:0; padding:0; list-style-type:none;}
.leftnav ul li a {display:block; text-decoration:none; width:140px; border-bottom: solid 1px #ebe7de; padding:4px 8px 4px 8px;}
.leftnav ul li a:visited {text-decoration:none;}
.leftnav ul li a:hover {background:#faebbf;border-color:#f5b100;text-decoration:none;color:#000;}

.rightnav2 {line-height:0px;}
.rightnav2 ul {margin:0px; padding-left:2px;}
.rightnav2 ul li {font:11px Arial,Helvetica,sans-serif; margin:0; padding:0; list-style-type:none;}
.rightnav2 ul li a {display:block; text-decoration:none; width:140px; border-bottom: solid 1px #ebe7de; padding:4px 8px 4px 8px;}
.rightnav2 ul li a:visited {text-decoration:none;}
.rightnav2 ul li a:hover {background:#faebbf;border-color:#f5b100;text-decoration:none;}

.comparecheckbox {width:184px;}

#rvcButton {}

.grid960_5 .middlecolumn {width:582px; margin:0px 0px; font:normal 12px arial, sans-serif; }
.grid960_5 .navHeader {float:left; padding:0px;background:#faebbf;}
.grid960_5 .viewheader {float:left; padding:0px; repeat-x;}
.topcolumn {padding: 6px 0px;}

.totalitems {float:left; display:inline; padding: 6px 0px 0px; font:11px Arial,Helvetica,sans-serif;}
.total-items {display:inline; float:left; width:188px; padding:6px 0px 0px 6px; font:11px Arial,Helvetica,sans-serif;}



.sortby {display:inline; height:auto; padding: 4px 0px;}
.sortby-padded{display:inline; height:auto; padding:6px;}
.sortby-text {display:inline; position:relative; margin-top:-6px;font:bold 12px Arial,Helvetica,sans-serif;}
#sortby-text {display:inline; position:relative; margin-top:-6px;font:bold 12px Arial,Helvetica,sans-serif;}
#sortByLink a{font-weight:normal;}

#sort-search-container {display:inline;float:left; width:572px; height:28px;}

#sort-by-container {display:inline; float:left; margin-top:4px;}
#sort-by-text {font-weight:bold; padding-right:6px;}

#search-within-container {display:inline; float:left; margin:4px 0 0 20px;}
#search-within-text {font-weight:bold; padding-right:6px;}
#searchWithinTxt {width:213px; height:auto; color:#53514c; padding-left:2px;}
#search-within-button {display:inline; float:right; padding:2px 2px 0 6px;}

/* pagination on search results 
.pagination{font:11px Arial,Helvetica,sans-serif;background-color:#ebe7de;padding:4px;}
.paging{font:11px Arial,Helvetica,sans-serif;}*/

/* pagination styles */
#resultSet{height:30px;}
#resultSet img {float:right; margin:5px}
ul#pagination{float:left;border:0; margin:0; padding:5px 0 0; font:11px/12px Arial,Helvetica,sans-serif;}
#pagination li{border:0; margin:0; padding:0; font-size:11px; list-style:none; margin:5px 2px 5px 0; float:left; display:inline; background-color:#fff;}
#pagination a{border:solid 1px #8D8B85;}
#pagination a:link,
#pagination a:visited {color:#000; display:block; padding:3px 0 3px 1px; text-decoration:none; width:20px; text-align:center;}
#pagination .active{background:#8D8B85; border:solid 1px #000; color:#fff; font-weight:bold; display:block; float:left; padding:3px 0 3px 1px; width:20px; text-align:center;}
#pagination a:hover{border:solid 1px #8D8B85; background-color:#8D8B85; color:#fff;}
#pagination .previous-off,
#pagination .next-off {border:solid 1px #cfcac0; color:#8D8B85; display:inline; float:left; font-weight:normal; margin-right:2px; padding:3px 0 3px 1px; width:34px; text-align:center;}
#pagination .next a,
#pagination .previous a {font-weight:bold; width:34px; text-align:center;}

/*no longer used: remove after jan 15th: eckman*/
#pagination .ellipsis { border:none; color:#000; display:inline; float:left; font-weight:normal; padding:3px 4px; background:none;}
#pagination .next span,
#pagination .next-off span,
#pagination .previous span,
#pagination .previous-off span {font-size:14px; line-height:0; height:0; margin-top:-2px;}

/* tooltip styles nav_records.jsp (for sub category and search results pages)*/
.tooltipNRContainer{cursor:pointer;}
.tooltipNR{position:absolute;z-index:100;display:none;background:#fff;padding:12px 12px 0 12px;border:1px solid #000;}
.tooltipNR-inner{position:relative;top:0;width:370px;text-align:left;background:#fff;padding:0;}
.tooltipNR-img{display:inline;float:left;width:126px;}
.tooltipNR-summary{display:inline;float:right;width:244px;}
.tooltipNR-img-lg{display:inline;float:left;width:212px;}
.tooltipNR-summary-lg{display:inline;float:right;width:158px;}
.tooltipNR-lgImg{border:1px solid #ebe7de;}
#tooltipNR-details{padding-top:10px;}
.tooltipNR-inner .arrow{position:absolute;left:-82px;top:0;width:70px;height:70px;background:url('/images/icons/tool-tip-arrow.gif') top right no-repeat;}
.tooltipNR-inner .arrow-left{position:absolute;left:382px;top:0;width:70px;height:70px;background:url('/images/icons/tool-tip-arrow-left.gif') top left no-repeat;}
.tooltipNR-inner .tooltipNR-footer{}
.tooltipNR-inner .tooltipNR-footer-noarrow{}

.tooltipNRContainerList{cursor: pointer;}
.tooltipNRList{position:absolute;z-index:100;display:none;background:#fff;padding:12px 12px 0 12px;border:1px solid #000;}
.tooltipNR-innerList{position:relative;top:0;width:370px;text-align:left;background:#fff;padding:0;}
.tooltipNR-innerList .arrow{position:absolute;left:-82px;top:0;width:70px;height:70px;background:url('/images/icons/tool-tip-arrow.gif') top right no-repeat;}
.tooltipNR-innerList .arrow-left{position:absolute;left:382px;top:0;width:70px;height:70px;background:url('/images/icons/tool-tip-arrow-left.gif') top left no-repeat;}

/* tooltip styles dimlayout.jsp (for parent category pages) */
.tooltipDLContainer {cursor:pointer;}
.tooltipDL{position:absolute; z-index:100; display:none; background: #fff; padding-top:12px; padding-left:12px; padding-right:12px; padding-bottom:0; border: 1px solid #000;}
.tooltipDL-inner{position:relative; top:0; width:448px; text-align:left; background: #fff; padding:0;}
.tooltipDL-inner .arrow{position:absolute; left: -82px; top:150px; width:70px; height:70px; background:url('/images/icons/tool-tip-arrow.gif') top right no-repeat;}
.tooltipDL-inner .arrow-left{position:absolute; left:460px; top:150px; width:70px; height:70px; background:url('/images/icons/tool-tip-arrow-left.gif') top left no-repeat;}

/* big deals */
#bigDealsContainer h4{margin-bottom:5px;}
#bigDealsContainer h4 a{text-decoration:none;}
#bigDealsTab {display:none;}
.catBigDealsHeaderDesc {width:662px; background:#ebe7de url(/images/backgrounds/bkgrd-chart-header.gif) repeat-x; height:28px; margin:0 0 6px; padding:0 6px; border-right:1px solid #fff;}
.catBigDealsHeaderDate {width:100px; font-weight:bold; background:#ebe7de url(/images/backgrounds/bkgrd-chart-header.gif) repeat-x; height:28px; margin:0 0 6px; padding:0 6px;}
.catBigDealsBrand {}
.catBigDealsDesc {width:563px;}
.catBigDealsDate {width:100px;}
.hr2{background:#fff url(/images/backgrounds/hr2.gif) repeat-x center;height:12px;margin:2px;}

/* Hero Image */
.hero-image-container {display:inline; float:left; width:810px;height:201px;}/*div containing the hero image*/
.hero-image-buttons {background:#000; float:left; height:177px; width:176px; padding:12px 5px;}

.grid960_12 .tab-container {display:block; position:relative !important;height:0px; width:948px;}
.grid960_12 .tab-container-inner {position:absolute; top:-29px;}
.chart-headers {background:transparent url(/images/backgrounds/bkgrd-chart-header.gif) repeat-x scroll 0 0; display:block; float:left; padding: 6px 0px;}

.subcatimagecontainer {height:109px; margin-bottom:3px; float:left; display:inline; background:url(/images/backgrounds/bkgrd-sub-cat-image.gif) no-repeat;}/*div containing the sub cat image*/
#brandHeroimagecontainer, #brandHeroImageContainer {display:inline; float:left;width:810px;height:201px;}/*div containing the brand hero image*/
#brandImageContainer {border-bottom:solid 1px #000; width:810px; height:200px; position:relative; display:inline; float:left; top:0; left:0; background:url(/images/brands/brand-image-hero.jpg) no-repeat;}/*div containing the brand image*/
#brandImageContainerLogo {width:100px; text-align:center; position:absolute; top:60px; left:61px;}
.dimlayoutcontainer {width: 100%;}/*div container for dimLayout.jsp which contains everything below the hero image*/
.topcontainer {width: 100%; background: #fff; margin-bottom: 6px;}/*outside div container for breadcrumb and rvc button*/
table.bodycopyparentcategory {width: 100%; margin-top: 6px; margin-bottom: 6px;}/*outside div container for breadcrumb and total records*/
.heroBannerBtn {border:none; text-align:left; top:152px; left:-370px; position:absolute;}

.hero-image-buttons-container .button{display:inline;}

.tab-container .tab {margin:0 2px;}

.open .subcats .saleCornerBurstWrapper {float:left; position:relative; top:0; width:100%; height:0; display:block;}
.open .subcats .saleCornerBurstWrapper .saleCornerBurst {position:absolute; top:120px; left:1px; float:left; display:block;}
.subcats .saleCornerBurstWrapper, .subcats .saleCornerBurstWrapper .saleCornerBurst {display: none;}

.open .subcats .clearanceCornerBurstWrapper {float:left; position:relative; top:0; width:100%; height:0; display:block;}
.open .subcats .clearanceCornerBurstWrapper .clearanceCornerBurst {position:absolute; top:120px; left:1px; float:left; display:block;}
.subcats .clearanceCornerBurstWrapper, .subcats .clearanceCornerBurstWrapper .clearanceCornerBurst {display: none;}

.open .col, .col3 .col {position:static !important}

.rightnav2 .inCart65{width:160px;margin:0;height:65px;position:absolute;display:block;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
   /* Safari 3.0 and Opera 9 rules here */
   .hero-image-buttons {display:block;}
}

#compHeader {display:inline; float:left;}
#compare-button {display:inline; float:left; margin-top:3px;}
#compare-thumb-container {display:inline; float:left; text-align:right; width:184px; height:33px; background:url(/images/backgrounds/bkgrd-compare-thumbs.gif) no-repeat top left;}
.compare-thumb-image-container {display:inline; float:left; position:relative;}
.compare-thumb-image {display:inline; float:left; margin:1px 0px 0 6px}
.compare-thumb-image-remove {display:inline; float:left; margin:1px 0px 0 6px; position:absolute; top:0; left:0;}

.compare-thumb-image-container .compare-large-image {display:none;}
.compare-thumb-image-container:hover .compare-large-image {display:block; position:absolute; top:-72px; left:-36px; width:65px; height:65px; background-color:#fff; border:1px solid #cfcac0; padding:3px;}

.hero-image-icon {position:absolute; top:6px; left:447px; width:119px; height:89px; background: url(/images/icons/glp-icon-119x89-gold.png) no-repeat;}

.lg-brand {height:126px;}