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

/* new 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-refinements.gif) no-repeat top left;width:184px; margin: 0px;text-align:left; border-bottom:solid 1px #8D8B85;}
.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 #8D8B85; border-top:none; border-bottom:none; padding-bottom:6px;}
.selections .remove {color:#8d8b85;}
.refinements-left-nav {float:left;background:url(/images/backgrounds/bkgrd-refinements.gif) no-repeat top left;width:184px; margin: 0px;text-align:left;}
.refinements-left-nav .refinements-list {clear:both;float:left;width:158px;padding:0px 12px; border:solid 1px #8D8B85; 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 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;}

.leftnav {background:none; 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;}

.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:#ebe7de url(/images/backgrounds/bkgrd-chart-header.gif) repeat-x;}
.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;}
.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;}
#sortByLink a{font-weight:normal;}

/* 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;}
}

.compareheader img {margin-top:3px;}