body { border:0px; margin:0px; font: 10px Helvetica, Arial, sans-serif; color:#333;} body, body.wide, body.addingBackground{background:#000000 none center top no-repeat; } body.wide.addingBackground{background-position:center top; } img { border:0px; } a { text-decoration:none; color:#666; } a.storeName { text-decoration:underline; } a:hover { text-decoration:underline; } form { padding:0; margin:0; display:inline; } #mainFrame { margin:0 auto; width:900px; z-index:1 !important; } #mainContent, #mainContent_category, #mainContent_family { z-index:1 !important; overflow:hidden; } #mainContent, #mainContent_category { width:897px; background-color:#fff;} #mainContent_family { width:896px;background-color:#fff; } * html #mainContent_family { width:897px; } #homeContent, #homeContent img { display:block; } #breadCrumbs { font-size:10px; padding-left:7px; padding-top:15px; width:891px; _width:900px; height:27px; color:#333; position:relative; text-transform:uppercase; } #breadCrumbs a { text-decoration:underline; color:#333; margin: 0 0 5px 10px; } #breadCrumbs h2 { display:inline; margin:0px; padding:0px; font: normal 10px Helvetica, Arial, sans-serif; color:#333; } #recentlyViewedOff { float:right; position:absolute; right:10px; top:14px; z-index:0 !important; cursor:pointer; text-decoration:none; text-transform: uppercase; padding-left: 15px; background: transparent url(../images/btn-arrow.gif) no-repeat 0 0; } /*Recently viewed container Styles */ #recentlyViewed { right:0px; position:absolute; top:-1px; visibility:hidden; width:552px; display:block; background-color:#fff; border:1px solid #aaa; height:408px; z-index:500; font-size:11px; } #rvSuppressDD { right:2px; position:absolute; top:-1px; visibility:hidden; width:552px; height:380px; z-index:5; } #rvClose { float:right; position:relative; top:8px; right:8px; cursor:pointer; } #recentlyViewed ul { padding:0; margin:0; list-style:none; } #recentlyViewed ul li { padding:0; margin:0; list-style:none; background:#fff; } #rvScrollArea { height:234px; width:552px; top:56px !important; /*background-color:#fff; /*OV*/position:absolute !important; } li #rvMoreLink { top:155px; position:absolute; left:95px; font-size:11px; } li #rvMoreLink a { color:#cd5a13; } li#rvTitle_on { background:transparent none repeat scroll 0%; padding:0px; cursor:pointer; float:left; margin:26px 0 19px 35px!important; } #rvViewAll { width:337px; float:right; text-align:right; padding-top:8px !important; } #rvViewAll a { color:#8f0e16; margin-right:5px; } #rvViewAll img { width:61px; height:10px; float:left; } #rvNav .rvSeparator { display:block; border-top:1px solid #eed3d4; width:327px; height:1px; float:left; position:relative; left:7px; top:3px; } #rvNav .rvSeparator img { width:1px; height:1px; } ul#rvNav ul { background:#fff none repeat scroll 0%; height:175px; left:0px; padding:0; position:absolute; width:342px; z-index:400 !important; } #rvContent { float:left; clear:both; } #rvNav { overflow:hidden; } #rvTitle { height:275px; width:480px; float:left; } #rvNav a.pagelink { font:10px Arial, Helvetica, sans-serif; color:#8f0e16; } #rvNav a:hover.pagelink { text-decoration:underline; } #rvNav .rvSepar { margin:0 3px; color:#ccc; } #rvNav .rvSeparatorColor { height:6px; width:342px; display:block; float:left; border-right:1px solid #E25861; border-left:1px solid #E25861; } #rvScrollArea #title { width:148px; font-size:10px; text-transform:uppercase; color:#333; float:left; margin-top:13px; } #rvScrollArea #title a { color:#333 !important; text-decoration:none; } #rvScrollArea #price { width:148px; float:left; } #rvScrollArea #price .promoMsgRV { margin-top:10px; } #rvScrollArea #price .promoMsgRV a { color:#ff0000; text-decoration:none; text-transform:uppercase; font-size:9px !important; } /*#rvNav .line { border-top:1px solid #eed3d4; background-color:#fff; }*/ /********Box Shading*******/ #rvRightShade { width:5px; height:175px; display:block; float:left; /*background:transparent url(/images/rvRightShadeLong.png) no-repeat; */} #rvRightShade img { width:5px; height:175px; float:left; } #rvRightShadeCats { width:3px; height:16px; display:block; float:left; } #rvRightShadeCats img { width:3px; height:16px; float:left; } #rvRightShadeSearch { width:3px; height:18px; display:block; float:left; } #rvRightShadeSearch img { width:3px; height:23px; float:left; } #rvRightShadeSeparatorColor { width:3px; height:6px; display:block; float:left; } #rvRightShadeSeparatorColor img { width:3px; height:13px; float:left; } #rvNoProducts { color:#8f0e16; float:left; margin-left:5px; } /****Category section*****/ #rvCategories { background:#fff; width:342px; height:12px; float:left; overflow:hidden; padding-bottom:0px !important; position:absolute; bottom:15px; left:35px; } #subHeadCategories { background:transparent url(/images/rvCategories.gif) no-repeat; height:10px; width:125px; margin:0px; font:bold 10px Helvetica; } #rvCategories a.pagelink { color:#333; line-height:13px; text-decoration:underline; text-transform:lowercase; font-family:Helvetica; } /*****Search section*****/ #rvSearch { background:#fff; width:342px; height:12px; float:left; overflow:hidden; padding-bottom:0px !important; position:absolute; bottom:35px; left:35px; /*GUMBY hidden to cut off extra link*/padding:5px 0px !important; } #subHeadSearches { background:transparent url(/images/rvSearch.gif) no-repeat; height:10px; width:47px; margin:0 5px 0 5px; width:125px; margin:0px; font-weight:bold; font-size:10px !important; } .rvKeywords a.pagelink { color:#333; line-height:13px; text-decoration:underline; font-size:10px; text-transform:lowercase; } /********Footer ************/ li#rvFooter { margin-bottom:0px; margin-left:0px; margin-right:0px; padding:0px; width:347px; height:10px; float:left; background:none !important; } li#rvFooter img { float:left; height:10px; width:347px; } /*ShopRunner Button Allignment*/ #sr_payRunnerCartDiv{margin-right: 45px;} .orDiv{ color: #444; font: 11px arial,helvetica; right: 8px; position: relative; top: -37px; width: 26px;} body ._SRD .srd_iconline .srd_msg { width: 100% !important; } .footer-link.lastWidth{width: 170px;margin-right:0px;} .footer-social-icons ul li { background-repeat: no-repeat; display: inline-block; margin-right: 6px; } /* SLIDER CSS */ #rvScrollArea { position:absolute; top:0px; left:0px; } .family #recentlyViewedOff { position: relative; float: left; margin: 0 0 30px 18px; } .family #rvSuppressDD { display: none; float: left; position: relative; } .family #recentlyViewed { display: none; float: left; position: relative; } .prevBase { position:absolute; width:20px; height:234px; left:0px; top:-30px; background-repeat:no-repeat; background-position:center; } .prevOn { cursor:pointer; background-image:url("../images/rvArrowLeftOn.gif"); } .prevOff { cursor:pointer; background-image:url("../images/rvArrowLeft.gif"); } .prevDisable { cursor:auto; } .nextBase { position:absolute; width:20px; height:234px; left:532px; top:-30px; background-repeat:no-repeat; background-position:center; } .nextOn { cursor:pointer; background-image:url("../images/rvArrowRightOn.gif"); } .nextOff { cursor:auto; background-image:url("../images/rvArrowRight.gif"); } .nextDisable { cursor:auto; } #rvScrollArea .mask { overflow:hidden; position:absolute; width:480px; height:295px; top:0px; left:37px; background:white; } #rvScrollArea td { background:white; } #rvScrollArea td.blankRVtd { background:none; } #rvScrollArea .mask .slider { position:absolute; top:0; left:0; height:234px; } #rvScrollArea img { padding-left:0px; padding-right:26px; } html>body #rvScrollArea img { padding-left:0px; padding-right:22px; } #rvScrollArea img.lastImg { padding-right:0px !important; } #rvScrollArea img.firstImg { padding-left:0px !important; } #rvScrollArea img.oneRV { padding-left:110px; } #rvScrollArea img.twoRV { padding-left:60px; } .linkList a { margin-left:5px} #promoOAS {overflow:hidden;clear:both; } /*ie 6 iframe*/ ul#mainNav li iframe.oDiv { display:block; left:-1px; position:absolute; top:23px; } * html ul#mainNav li iframe.oDiv { display:block; left:1; position:absolute; top:23px; } ul#rvNav li iframe.oDiv { display:block; left:1; position:absolute; top:23px; } /* FOOTER STYLES */ #utilNav { text-align:right; } #utilNav li.footerAwear a { color:#000; } #utilNav .awearText { color:#ff0000; } ul#footerNav { text-transform:uppercase; margin:0; padding:0; font: 11px Tahoma, arial, helvectica; float:right; _overflow:hidden; } ul#footerNav li { position:relative; float:left; margin:0; padding:0; list-style-type:none; background-repeat:no-repeat; padding-top:13px; font: bold 9px Helvetica; text-transform:uppercase; margin-left:20px; color:#666; } ul#footerNav li a { text-decoration:none; color:#666; text-transform: uppercase;} ul#footerNav li a:hover { text-decoration:underline; } /*ie 6 ifame*/ ul#footerNav li iframe.oDiv { display:block; left:0px; position:absolute; top:30px; } /*syle ul for items*/ ul#footerNav ul#footerAboutUs, ul#footerNav ul#footerLocator, ul#footerNav ul#footerAwear, ul#footerNav ul#footerLatest { position:absolute; display:none; padding:9px 0 2px 0; background-color: transparent; margin-left:-2px; z-index:400 !important; height:25px; overflow:hidden; top:26px; } ul#footerNav ul#footerAboutUs { left:-573px; width:700px; } ul#footerNav ul#footerLocator { left:-299px; width:500px; } ul#footerNav ul#footerAwear { left:-52px; width:335px; } ul#footerNav ul#footerLatest { left:-228px; width:580px; } * html ul#footerNav ul#footerAboutUs { left:-589px; } * html ul#footerNav ul#footerLocator { left:-315px; } * html ul#footerNav ul#footerAwear { left:-70px; } * html ul#footerNav ul#footerLatest { left:-244px; } #footer-awearness, #footer-blog a, #footer-product a, #footer-about a, #footer-corp-info, #footer-advertising a, #footer-ad-archive a, #footer-press a, #footer-celebs a, #footer-about-us, #footer-contact a, #footer-our-story a, #footer-footnotes a, #footer-just-causes a, #footer-corporate-gifts a, #footer-site-map a, #footer-investors a, #footer-careers a, #footer-privacy a, #footer-press a, #footer-our-story a, #footer-find-a-store, #footer-kenneth-cole-international a, #footer-kenneth-cole-reaction a, #footer-kenneth-cole-new-york a, #footer-security a, #footer-celebrities a, #footer-gift { cursor: pointer; text-align: left; float: left; display: block; text-indent: -9999px; overflow: hidden; background: transparent url(../images/footer/kcp-footernav-sprite.gif) no-repeat 0 0; height: 7px; outline:none; } #footer-celebrities a { width: 42px; background-position: 0 -56px; } #footer-awearness { width: 57px; background-position: 0 0; } #footer-blog a { width: 27px; background-position: 0 -7px; } #footer-product a { width: 44px; background-position: 0 -14px; } #footer-about a { width: 33px; background-position: 0 -21px; } #footer-corp-info { width: 75px; background-position: 0 -28px; } #footer-advertising a { width: 64px; background-position: 0 -35px; } #footer-ad-archive a { width: 58px; background-position: 0 -42px; } #footer-press a { width: 32px; background-position: 0 -49px; } #footer-celebs a { width: 37px; background-position: 0 -56px; } #footer-about-us { width: 48px; background-position: 0 -63px; } #footer-contact a { width: 43px; background-position: 0 -70px; } #footer-our-story a { width: 52px; background-position: 0 -77px; } #footer-footnotes a { width: 55px; background-position: 0 -84px; } #footer-just-causes a { width: 62px; background-position: 0 -91px; } #footer-corporate-gifts a { width: 82px; background-position: 0 -98px; } #footer-site-map a { width: 44px; background-position: 0 -105px; } #footer-investors a { width: 52px; background-position: 0 -112px; } #footer-careers a { width: 42px; background-position: 0 -119px; } #footer-privacy a { width: 39px; background-position: 0 -126px; } #footer-find-a-store { width: 64px; background-position: 0 -133px; } #footer-kenneth-cole-international a { width: 73px; background-position: 0 -140px; } #footer-kenneth-cole-reaction a { width: 119px; background-position: 0 -147px; } #footer-kenneth-cole-new-york a { width: 121px; background-position: 0 -154px; } #footer-gift { width: 128px; background-position: 0 -161px; } #footer-security a { width: 44px; background-position: 0 -168px; } #footer-press a{ width: 39px; background-position: 0 -49px;} /*style each item*/ ul#footerNav ul li { position:relative; float:left; height:1px; padding:0px 0px; text-align:left; margin:0px; margin-left:17px; } html>body ul#footerNav ul li { height:auto; z-index:400 !important; } html>body ul#footerNav ul li a { /*height:auto;*/ } ul#footerNav ul li a:hover { /*text-decoration:underline; color:#666;*/ } /**************HEADER**************/ #header { width:888px; height:97px; position:relative; z-index:10; background-color:transparent; padding: 0 8px 0 0px; height: 99px; margin-bottom: 1px; } /*added this one for SMP:10256*/ body.family #header { padding-right:8px;_padding-right:8px; } #headerContainer { width:900px; position:relative; z-index:30000 !important; } #personalText {position: relative;right:0px;top: 0px;font-size: 10px;text-transform: uppercase;font-weight: bold;height: 20px;clear: both; text-align: right; width:898px; display: inline-block; z-index: 9999999; } .wide #personalText {width:1018px;} div.oasExists { color:#fff !important; } div.oasExists a { color:#fff; } #personalText .parens { text-transform:lowercase; } #personalText a { text-decoration:underline; } /******************TEMPLATE.CSS***********************/ /* left nav styles */ #leftNav { width:164px; _width:143px; float:left; height:100%; padding-bottom:20px; overflow:visible !important; font: 7pt !important; font-family: Helvetica,sans-serif; } #categoryContent { width:733px; float:left; position:relative; left:0px; overflow:hidden; } #categoryContent #categorySlot { } #categoryContent #categorySlot #kcp_category_1 { width: 734px !important; overflow: hidden; } #categoryContent #categorySlot2 {float:left;} #leftNav h1 { margin:0px; padding:0px; text-transform:uppercase; color:#333; font-size:13px; margin-top:12px; padding-left:14px; width:161px; _width:143px; } #mainContent_family #leftNav h1 {width:auto;} /* pagination */ #pagination { font-weight:bold; } #pagination .inactiveLink { text-decoration:underline; } #pagination .activeLink { text-decoration:none; } /* left nav styles */ #breadCrumbList { list-style-type:none; padding:0px; margin:0px; } #breadCrumbList li { display:inline; } .breadCumbsShorter { width:565px; } #breadCrumbs.catBC { width:891px; } #bodyContent #breadCrumbs.catBC { width:728px; _width:730px; } #bodyContent #breadCrumbs { width:724px; _width:708px; } #bodyContent #breadCrumbs span.BCgtSign, #bodyContent #breadCrumbs b { margin-left:3px; margin-right:3px; } #categoryContent #breadCrumbs.catBC { width:728px; _width:726px; } #bodyContent .catBC, #categoryContent .catBC { margin-bottom:0px; } .family #breadCrumbs { display: none; } #leftNav h2 { margin:0px; padding:0px; text-transform:uppercase; color:#333; font-size:13px; margin-top:12px; padding-left:14px; width:163px; _width:145px; } #leftNav #catLeftNav { padding:0; margin:0; list-style:none; font-weight:bold; color:#333; text-transform:uppercase; } #leftNav #catLeftNav a:hover { background-color:#dedede; } #leftNav #catLeftNav li { width:143px; margin-top:16px; font-size:11px; } #leftNav #catLeftNav ul li { width:143px; } #leftNav #catLeftNav .navTitle { padding:2px 0px 2px 16px; color:#333; width:163px; _width:147px; display:block; font-weight:bold; } #leftNav #catLeftNav .navTitle { width:147px;font-size: 11px;margin: 0; } #leftNav #catSubLeftNav { padding:0; margin:0; list-style:none; color:#333; text-transform:uppercase; margin-top:3px; width:143px; font-weight:normal; } #leftNav #catSubLeftNav li { padding:0px; font-size:7pt; margin-top:0px; } #leftNav #catLeftNav a.navSubTitle { padding-left:16px; color:#333; width:143px; display:block; padding-top:3px; padding-bottom:2px; text-transform: capitalize; font-size: 10px; } #leftNav #catSubLeftNav a.navSubTitle { width:147px; } #leftNav .chosenLeftNav { background-color:#dedede; } /* pagination */ #pagination { font-weight:bold; } #pagination .inactiveLink { text-decoration:underline; } #pagination .activeLink { text-decoration:none; } #pagination a.activeLink:hover { text-decoration:underline; } /* MORE... div box styles */ .parametricMore { background:white !important; position:relative !important; border:1px solid #999; top:0 !important; left:8px !important; } /**********FAMILY STYLES**************/ /* CSS Document */ #bodyContent { float:left; width:732px; height:auto; _width:733px !important; position:relative; left:0px; overflow:hidden; } #bodyContent #top { width:732px; _width:734px; height:45px; clear:both; float:left; clear:both; } #bodyContent #top #filter { float:left; width:290px; height:20px; margin-top:12px; margin-left:10px; _margin-left:5px; font-size:11px; } #bodyContent #top #filter fieldset { border:none; padding:5px 0 0 10px; } #bodyContent #top #filter fieldset input, select { padding:0; margin:0; font-size:10px; } #bodyContent #top #pagination { float:right; font-size:11px; font-weight:normal; text-align:right; _width:420px; color:#666; height:18px; } #bodyContent #top #pagination .topPagination { margin-right:0px; margin-top:14px; height:18px; } #bodyContent #top #noResults { float:left; width:732px; _width:734px; height:auto; } #bodyContent #Body { float:left; height:auto; text-align:left; } #bodyContent #Body ul { clear: both; width:742px; /* to allow for cropping of images due to margin space */ padding: 0; margin: 0; } #bodyContent #Body .colProds { list-style: none; clear: both; vertical-align: top; display: inline-block; *display: inline; /*ie7*/ _display: inline; /*ie6*/ *zoom: 1; padding: 0; margin:0 4px 16px 0; *margin:0 7px 16px 0; width:239px; } #bodyContent #Body .colProds .pic { width:239px; padding:0; margin: 0; overflow:hidden; background:url(/images/dropshadow.png) no-repeat scroll bottom; height:252px;} #bodyContent #Body .colProds .pic a, #bodyContent #Body .colProds .pic img { padding:0; margin: 0; border: 0; } #bodyContent #Body .colProds .title { width: 220px; display: block; clear: both; margin: 5px 0 0 8px; padding:0; text-align:left; text-transform:capitalize; } #bodyContent #Body .colProds .title a { display: block; text-decoration:none; font-size:11px; color:#000; } #bodyContent #Body .colProds .title a span { display: block; color:#666; margin-right: 4px; } #bodyContent #Body .colProds .title a:hover { text-decoration:underline; } #bodyContent #Body .colProds .price { width: 220px; height display: block; float: left; font-weight: bold; margin:0 0 0 8px; _margin:0 0 0 4px; padding:0; } #bodyContent #Body .colProds .price span { display: block; float: left; margin: 3px 4px 0 0; padding: 0; } #bodyContent #Body .colProds .price span.ourprice, #bodyContent #Body .colProds .price .ourprice2 { line-height:13px; font-size:11px; color:#000; font-weight: bold; } #bodyContent #Body .colProds .price .ourprice2 { display: block; float: left; color: #FF2A06; font-weight: bold; } #bodyContent #Body .colProds .price .listprice2 { display: block; float: left; line-height:13px; font-size:10px; color:#666; text-decoration: line-through; font-weight: normal; } #bodyContent #Body .colProds .color { display: block; margin:9px 0 9px 8px; _margin:8px 0 9px 4px; width: 220px; clear: both; float: left; text-transform:capitalize; font-size:9px; font-weight:normal; padding: 1px 0 0 15px; background: transparent url(../images/btn-plus.gif) no-repeat 0 0; } #bodyContent #Body .colProds .color a { color: #000; font-weight: normal; } #bodyContent #bottom { width:733px; height:auto; position: relative; margin-bottom: 6px; } .family #bodyContent #bottom { float: left; } #bodyContent #Body .colProds span.promo { display: block; clear: left; font-size:11px; text-transform: capitalize; font-weight: bold; } #bodyContent #bottom #pagination { float:right; width:auto; line-height:30px; text-align:right; font-size:11px; font-weight:normal; color: #666; margin-top: 6px; } .rightSpacing { margin-right:10px; } .marginSpacing { margin:0 10px; } #leftNav { _width:163px; } #bodyContent #Body .promoMsg { display: block; float: left; font-weight: bold; color: #000; margin: 1px 0 0 8px; _margin:1px 0 0 4px; } .promoMsg a { color:#000; text-decoration:none; text-transform:capitalize; font-size:9px; margin: 0; } .parametricAttribHeader { font: bold 11px Helvetica,sans-serif; text-transform:uppercase; padding-left:6px; } .parametricAttribValueCell, .parametricAttribMoreCell { padding-left:6px; } a.parametricAttribValueLink { text-transform:capitalize; font: 10px Helvetica,sans-serif; text-decoration:none; color:#333; } a.parametricAttribValueLink:hover { text-decoration:underline; } a.parametricAttribMoreLink { font:9px Helvetica,sans-serif; text-transform:uppercase; color:#333; } .parametricHeaderCell { display:none; } .parametricAttribSeparator { height:0px !important; overflow:hidden; padding-bottom:9px; } #filterContainer_ProductAge td.parametricAttribHeader, #filterContainer_OnSale td.parametricAttribHeader, #filterContainer_OutletStatus td.parametricAttribHeader { display:none; } #filterContainer_OnSale td.parametricAttribValueCell a, #filterContainer_ProductAge td.parametricAttribValueCell a, #filterContainer_OutletStatus td.parametricAttribValueCell a { font-size:8pt; font-weight:bold; text-transform:uppercase; padding-left:1px; overflow:hidden; } img#men_overall { width: 734px !important; } #footer-facebook {float: left; margin: 5px 0 0 1px;} #footer-twitter {float: left; margin: 5px 0 0 8px;} /* center iFrame contents if smaller than 900px */ #contentContent { text-align: center; margin: 0 auto; } #contentContent iframe { margin: 0 auto; padding: 0; text-align: center; z-index: 1; } /* SMP 6797 :: 1024px width updates ***********************/ body.wide #header { width:990px; } body.wide #mainContent { width:1021px; position: relative;} body.wide #headerContainer, body.wide #mainFrame, body.wide #footerHackerSafe, body.wide #footer { width:1024px; } /*GSI TRANSITION PAGE*/ #paypalInterstit div * {margin: 24px 0;} #paypalInterstit p {font-size:11px;} #paypalInterstit h2 {color: #424242;font-size:18px;} #paypalInterstit {width:auto; margin:40px 60px;} #paypalInterstit input.continue{background:transparent url("../images/checkout/cart_continuecheckout.gif") -24px 0 no-repeat; width:139px;height:26px;text-indent:-9999px;border:none;cursor:pointer;display:block; line-height: 0; font-size: 0;margin:20px 0 250px 0;} /*SMP 10767*/ #categoryContent div#hero1_rr{background:#000 url("../images/certona_background.jpg") no-repeat;padding-top:60px; padding-bottom:231px; *padding-bottom:250px;} #categoryContent div#hero2_rr{background:#000 url("../images/certona_background.jpg") no-repeat; padding-top:60px; padding-bottom:420px;*padding-bottom:230px; zoom:0;} #categoryContent div#hero1_rr #titleHeading,div#hero2_rr #titleHeading {display:none;} #categoryContent div#hero2_rr a,#categoryContent div#hero1_rr a{color:#fff;} /*Footer FaceBook Like*/ .def_class{font-style:italic;color:#aaa;} .fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {display: none !important;} #mainContent.career-content {min-height: 652px; height: 652px; height: auto !important; background-color: #000;} #cms-slot-2 { height: 245px; overflow: hidden; } .js-cms-one #cms-slot-2 { width: 239px; } .js-cms-two #cms-slot-2 { width: 485px !important; } /******SMP 13151******/ /**************FOOTER*******************/ body.addingBackground #footer {background-color: transparent;} #footer { width:900px; position:relative; margin: 0 auto; padding-bottom: 25px; overflow: hidden; } #footer .footer-top { padding: 20px 0px; overflow: hidden; display:inline-block; float:left; } body.wide .footer-link { margin-right: 45px; } .footer-link { float: left; text-transform: uppercase; font-family: Arial, Helvetica,sans-serif; margin-right: 25px; width: 105px; } .footer-link.gift-cards-certificates { margin-right: 0px; width: 170px; } .footer-link .heading { width:113px;font-weight: bold; font-size: 11px; font-family:Arial, Helvetica,sans-serif;color: #858585; padding-bottom:8px; text-align: left;} .footer-link .heading.gc {width:173px;display:block} .footer-link ul {list-style: none; float: left; margin: 0px; padding: 0; text-align: left;} .footer-link ul li {padding-bottom: 2px;} .footer-link ul li a {font-size: 11px; color: #858585; text-transform:capitalize; line-height:16px;} .footer-link ul li a:hover{text-decoration:none;color:#fff; font-weight:bold;} body.wide .footer-right-logo { margin-right: 47px; } .footer-right-logo { height: 85px; float: right; margin-right: 0px; margin-top: 32px; width: 154px; } .footer-right-logo a.look-good { background-image: url(/images/Look_Good_Life_logo.png); background-repeat: no-repeat; display: block; text-indent:-9999px; text-align: center; width: 154px; height: 85px; } #footer .gifts {padding-bottom:25px;} #footer .footer-bottom { margin-top: 20px; width: 100%; float: left;} #footerCopyright {text-align:center;text-transform: uppercase; color: #858585;padding-left:39px;} .wide #footerCopyright {padding-left:0px;} #footerCopyright span {padding-right: 10px;} #footerCopyright a {color:#858585;} .footer-signup {float: left; position: relative;} .footer-signup input.signup-email {width: 142px; height:17px;background-color: #fff; padding: 2px 8px 4px 8px; *padding: 4px 8px 2px 8px; font: 11px Arial,Helvetica,sans-serif; color: #666; float: left; border: none; margin-right: 2px;} .footer-social-icons {float: left; margin-right: 35px; margin-top: 6px; display: inline; *margin-top:10px;} /*.footer-social-icons ul {list-style: none; padding: 0px; margin-left:0px;} .footer-social-icons ul li {float: left; margin-right:11px; display: inline;} .footer-social-icons ul li.last {margin: 0px;} .footer-social-icons ul li.LikeCount {margin-right:5px;}*/ .International li{background: url(../images/top-nav-sep.gif) no-repeat right 5px; float:left; padding-right:6px; padding-left:2px; width:40px;} .International li.last{background: none;padding-right:0; width:30px;} .International li.first{padding-left:0;width:45px;} .International li a{padding-left:5px;}.International li.first a{padding-left:0px;} #emailSubmit {background:#fff; color:#000;font-family:Arial, Helvetica,sans-serif;border:none;height:23px; font-size:10px; cursor:pointer;} .clear-fix {clear: both; font-size:0px; line-height: 0px; height: 1px;} #footerHackerSafe { width:900px; margin-bottom:20px; } #footerHackerSafeContent { float:right; } .footer-link #International{padding-top:0px;float:left;width:173px;} .footer-link .gift{padding-bottom:20px;} #EmailSignup{clear:both;float:left;width:200px;color: #858585;text-transform:uppercase;font-size:11px;margin:0;margin-bottom:5px;text-align:left; font-weight:bold;} body.wide #signupfooter{width:294px;} #signupfooter{width:274px;padding-top:20px;float:left;display:inline-block;margin-left:9px;} /************content area*****************************/ body.wide #mainContent{border:none;} /****************************************************/ /****************header********************************/ #topLogo { width:287px; height:44px; float: left;} #topLogo a { display: block; width:287px; height:45px; overflow: hidden; text-indent: -9999px; background: url(../images/kc_logo.png) no-repeat 0 0;} .header-right { position: relative; clear:left;width:898px;} body.wide .header-right { width: 1024px;clear:left;} ul#mainNav { text-transform:uppercase; margin:0; padding:0; font: 9px/14px Helvetica, arial, helvectica; padding-left:15px;float:left; position:absolute;} #header { margin-bottom: 5px; } body.wide #header { width:1024px;padding-right:0px; clear:both; } #topNav {float:left;display:inline-block; width:695px; margin-top: 13px;height:42px; position:relative;} body.wide #topNav{width:781px;} #infoNav {margin-left: 0; display: inline; position: relative; float:right; width:200px; top: 2px; } .wide #infoNav { top: 1px; } body.wide #infoNav {margin-top: 0; margin-left: 0;} #infoNav ul { padding:0; margin:0; list-style:none; margin-right:0px;} #infoNav li { position:relative; float:right; padding-right: 6px; margin-right: 0px;margin-left:0px; text-transform: uppercase; } #infoNav li a { color:#999; text-decoration:none; font: bold 10px Arial,Helvetica,sans-serif;} #infoNav li.lastBdr {background: transparent url(/images/shopping_bag.png) no-repeat 0px 0px; padding-left:16px; } .wide #infoNav li.lastBdr {padding-left:17px; } #topSearch {width: 190px; float: right; margin-top: 10px;} #topSearch input.headerSearch { width:153px; font: 9px Arial,Helvetica,sans-serif; color: #666; background-color: #fff; padding:4px; border: none; float: left; height:12px;} #topSearch input.search_bl { margin:0px 0 0 1px;background: white;color: black;font-family: Arial, Helvetica,sans-serif;border: none;height: 18px;font-size: 10px;width:25px;height:20px; cursor:pointer; padding:0px;} /************************************************************/ /*******navigation***********************/ #mainNav li a { display:block; color:#999; text-indent:1px; outline:none; font-size:12px; font-family:Arial, Helvetica,sans-serif; font-weight:bold; } /* header sprite */ #mainNav1 a, #mainNav2 a, #mainNav3 a, #mainNav4 a, #mainNav5 a, #mainNav6 a, #mainNav7 a, #mainNav8 a, #mainNav9 a, #mainNav10 a, { float: left; display: block; overflow: hidden; margin-top: 3px; outline:none;} #mainNav1 a.nav:hover,#mainNav1 a.nav.current, #mainNav2 a.nav:hover,#mainNav2 a.nav.current , #mainNav7 a.nav.current ,#mainNav1 a.nav.On, #mainNav2 a.nav.On,#mainNav7 a.nav.On{font-style:italic;color:#fff;} #mainNav a.nav.On {color:#fff; } ul#mainNav li { position:relative; float:left; margin:0 0 0 0px; padding:0; list-style-type:none; background-repeat:no-repeat; text-align:center;display:block; } ul#mainNav a.nav.current{color:#fff;font-weight:bold; } ul#mainNav li.headnav {display:block;margin-top:19px;padding-bottom:12px;} ul#mainNav li#mainNav1{width:56px;} ul#mainNav li#mainNav2{width:42px;padding-left:2px;*padding-left:5px; } ul#mainNav li#mainNav3{width:52px;} ul#mainNav li#mainNav4{width:43px;padding-left:2px;*padding-left:3px;} ul#mainNav li#mainNav5{width:67px;padding-left:4px;} ul#mainNav li#mainNav6{width:40px;padding-left:5px;margin-right:5px;} /*Added for navigation*/ ul#mainNav li#mainNav7 {background-image: url("/images/nav_sprite.png");background-position: 15px 0;margin-left: 11px;width: 107px;} ul#mainNav li#mainNav7, ul#mainNav li#mainNav8 {background-repeat: no-repeat;height: 30px;margin-top: 10px;padding-bottom: 0;} ul#mainNav li#mainNav8 a.nav {width: 119px;} ul#mainNav li#mainNav7 a.nav {width: 107px;} ul#mainNav li#mainNav7 a.nav, ul#mainNav li#mainNav8 a.nav {background: url("/images/nav_separator_line.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);display: block;height: 30px;text-indent: -9999px;} ul#mainNav li#mainNav8 { background-image: url("/images/nav_sprite.png");background-position: -107px -5px; width: 113px;} /*End */ ul#mainNav li#mainNav8 { background-image: url(/images/nav_sprite.png); background-position: -107px -5px; width: 119px; } ul#mainNav li#mainNav8:hover { background-image: url(/images/nav_sprite.png); background-position: -107px -34px; } ul#mainNav li#mainNav7 a.nav, ul#mainNav li#mainNav8 a.nav { background:url(/images/nav_separator_line.png) no-repeat 0px 0px; *background-position-y: 2px; text-indent:-9999px; display: block; height: 30px; } ul#mainNav li#mainNav7 a.nav { width: 107px; } ul#mainNav li#mainNav8 a.nav { width: 119px; } ul#mainNav li#mainNav8 .subnav li.sublist{ padding-left: 15px;} ul#mainNav li#mainNav8 .subnav li.firstlist.sublist{ padding-left: 15px;} #Checkout #footer .footer-link {padding-right:20px;}#Checkout .footer-top .footer-right-logo{margin-right:0px;} #mainNav ul.subsubcat li a {clear:both; float:none!important; font-weight:normal;} #mainNav ul.subsubcat li a:hover{font-weight:bold;} #mainNav ul.subsubcat {padding-left:0px; float:left; margin-left:0px;} #mainNav ul.subsubcat li a {text-transform:none;} #mainNav ul.subsubcat.second{padding-left:12px; } ul#mainNav .mainNav1Menu li{padding-left:10px;} #mainNav .mainNav1Menu ul.subsubcat li {text-align:left; padding:0 0 7px 0; clear:left; width:145px; *padding-bottom:4px;} #mainNav .mainNav1Menu .features ul.subsubcat li { width:162px;} #mainNav .mainNav1Menu ul.subsubcat li a{text-indent:0px;} li.firstCol {padding-right:0px;} #mainNav .subnav h3 {color:#ccc; font-size:12px; text-transform: uppercase; font-weight:bold; text-align:left;margin:0px; padding:10px 0px 10px 1px; *padding-left:0px;} #mainNav .subnav h3 a {color:#ccc; float:none;} #mainNav .subnav h3 a:hover {color:#fff;} #mainNav .subsubcat li a {color:#ccc;} #mainNav .subsubcat li a:hover {color:#fff; text-decoration:none;} #mainNav .subnav li { padding-right:0px; text-align:left; } #mainNav .subnav li.sublist { padding-left:30px;} #mainNav7 ul li {display:block; clear:both;float:none;padding:10px 0 0 10px;} .subsubcat .hide{display:none;} body.wide ul#mainNav ul.subnav{ display:none; width:1010px; padding:3px 11px 8px 0; background-color:#000; z-index:400 !important; opacity:0.8; filter: alpha(opacity = 80); } ul#mainNav ul.subnav { left:0px; display:none; width:886px; padding:3px 11px 8px 0; background-color:#000; opacity: 1;margin-left:0px; z-index:99999 !important; filter: alpha(opacity = 80); height:150px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, .8); } ul#mainNav li.activeNav ul.subnav{ margin-top:10px;*margin-top:7px; left:0px; display:block; overflow:hidden;} #mainNav1.activeNav ul.subnav {margin-left:-15px;} #mainNav2.activeNav ul.subnav {margin-left:-73px;*margin-left:-76px;} #mainNav2.activeNav ul.subnav li.firstlist{margin-left:72px; *margin-left:66px;} .wide #mainNav2.activeNav ul.subnav {margin-left:-73px;*margin-left:-76px; } .wide #mainNav2.activeNav ul.subnav li.firstlist{margin-left:73px;*margin-left:66px;} #mainNav3.activeNav ul.subnav {margin-left:-115px;*margin-left:-118px;} #mainNav3.activeNav ul.subnav li.firstlist {margin-left:99px; padding-left:23px;} .wide #mainNav3.activeNav ul.subnav {margin-left:-115px; *margin-left:-118px;} .wide #mainNav3.activeNav ul.subnav li.firstlist {margin-left:99px; padding-left:23px;} #mainNav4.activeNav ul.subnav {margin-left:-169px;*margin-left:-173px;} .wide #mainNav4.activeNav ul.subnav {margin-left:-169px;*margin-left:-173px;} #mainNav4.activeNav ul.subnav li.firstlist{margin-left:144px;} #mainNav5.activeNav ul.subnav {margin-left:-216px; *margin-left:-220px;} .wide #mainNav5.activeNav ul.subnav {*margin-left:-220px;} #mainNav5.activeNav ul.subnav li.firstlist{margin-left:192px;} #mainNav6.activeNav ul.subnav {margin-left:-288px; *margin-left:-292px; /* SMP 15523 fix */ width: 950px;} .wide #mainNav6.activeNav ul.subnav {margin-left:-288px;*margin-left:-292px;} #mainNav6.activeNav ul.subnav li.firstlist{margin-left:268px;padding-left:26px;} #mainNav6.activeNav ul.subnav li.firstlist + li ul.subsubcat li { width: 147px; } /* SMP 15523 fix */ #mainNav7.activeNav ul.subnav {margin-left:-333px;*margin-left:-337px;} #mainNav7.activeNav ul.subnav li{margin-left:326px;} #mainNav9.activeNav ul.subnav {margin-left:-537px; *margin-left:-541px;} .wide #mainNav9.activeNav ul.subnav {margin-left:-537px; *margin-left:-541px; } #mainNav9.activeNav ul.subnav li.firstlist{margin-left:552px; } .wide #mainNav9.activeNav ul.subnav li.firstlist{margin-left:552px;} ul#mainNav li#mainNav9.activeNav ul.subnav{margin-top:5px;} ul#mainNav li#mainNav1 .firstlist {padding-left:18px;} div#checkoutaddress table {z-index:7;} #checkoutPanelsHolder {z-index:7;} @media screen and (-webkit-min-device-pixel-ratio:0) { #mainNav2.activeNav ul.subnav {margin-left:-73px;} .wide #mainNav6.activeNav ul.subnav {margin-left:-288px;} #mainNav3.activeNav ul.subnav {margin-left:-115px;} #mainNav4.activeNav ul.subnav {margin-left:-169px;} #mainNav5.activeNav ul.subnav{margin-left:-216px;} .wide #mainNav5.activeNav ul.subnav{margin-left:-216px;} #mainNav6.activeNav ul.subnav{margin-left:-288px;} #mainNav9.activeNav ul.subnav{margin-left:-537px;} } ul#mainNav a:hover{text-decoration:none; } #mainNav6 h3 a:hover{color:#fff;} li#mainNav3 a.nav:hover, li#mainNav4 a.nav:hover, li#mainNav5 a.nav:hover, li#mainNav6 a.nav:hover{cursor:default;color:#fff;} #shopping-bag a ,#my-account a{vertical-align:baseline;} /*SMP 13152 Changes*/ #left-naver {margin-left: 15px;} #left-naver h4{font-family: Arial, Helvetica,sans-serif; font-size: 12px; font-weight: bold; margin-top:19px; margin-bottom:5px;} #left-naver .firstH4{color: #990000; margin-top:17px; margin-bottom:5px;} #left-naver .primefeatures{margin-top:4px;} #left-naver .selectedLNav{font-weight: bold; color:#000;} #left-naver a{font-family: Arial, Helvetica,sans-serif; font-size: 11px; color: rgb(51, 51, 51); display:block; margin-top:6px;} #left-naver a:hover{font-weight: bold; color:#333;} #left-naver ul { list-style-type: none; padding-left:15px; margin:0;} #left-naver ul li{ margin-top:2px; } #left-naver ul li a{ margin:0;} #left-naver .fathercat{ color:#000000; font-weight:bold;} body.scaled-cms #kcp_slot_2, body.scaled-cms #kcp_slot_1 { display: none; } body.regular-scale-cms #mainContent { width:1021px; } body.large-scale-cms #mainContent { width:1400px; margin-left: -190px; z-index: 10; } body.regular-scale-cms #kcp_slot_2, body.large-scale-cms #kcp_slot_1 { display: none; } body.regular-scale-cms #kcp_slot_1, body.large-scale-cms #kcp_slot_2 { display: block; } ul#mainNav li#mainNav9 ul.subsubcat li { width: 120px; } /* input{ -webkit-appearance: none; border-radius: 0;} Removing for PS:16768 */ /* SMP 16832 */ #mainNav ul.subsubcat li a[title="30YearsBold"] { text-transform: uppercase; } #mainNav ul.subsubcat li a[title="30YearsBold"] span.lighter { color: #e0e0e0; font-weight: bold; } #mainNav ul.subsubcat li a:hover[title="30YearsBold"] span.lighter, #mainNav ul.subsubcat li:hover a[title="30YearsBold"] span.lighter { color: #fff; /* would use "inherit" but IE7 balks */ } /*#mainNav li#mainNav8 { margin-left: -3px; padding-left: 0; padding-right: 13px; text-align: left; min-width: 114px; }*/ .ie.stds-mode #mainNav li#mainNav8 { min-width: 117px; width: auto; } .ie7.stds-mode #mainNav li#mainNav8, .ie.emulate-ie7 #mainNav li#mainNav8 { width: 117px; } /* SMP 16905 - revert SMP 16832 */ ul#mainNav li#mainNav9 a.nav { margin-left: 32px; } li.headnav ul.subnav li span.brightbold { color: #fff; font-weight: bold; } #insparq-header { display: inline-block; float: right; position: relative; top: 10px; } #insparq-header #flicker { float: right; position: relative; margin-right: 8px; top: 5px; } body.sr_IE7 #insparq-header #flicker { top: 8px; } #insparq-header #socialIcons { /* background: url("/images/socialIcon-seperator.png") no-repeat 0 0 rgba(0, 0, 0, 0);*/ background-image: url("/images/socialIcon-seperator.png"); background-repeat: no-repeat; float: right; list-style: none; padding: 0 0 0 4px; } .footer-social-icons #socialIcons { padding: 0; } #socialIcons { display: inline-block; list-style: none; height: 30px; margin: 0px; } #insparq-header #socialIcons li { padding-left: 8px; } .footer-social-icons #socialIcons li { padding-right: 8px; } #socialIcons li { float: left; width: 25px; height: 25px; margin-top: 3px; } #socialIcons li a { display: block; width: 25px; height: 25px; } #socialIcons li a:hover { background-position: center bottom !important; } #socialIcons li a.facebook { background-image: url("/images/socialIcon-facebook.png"); /*background: url("/images/socialIcon-facebook.png") no-repeat scroll left top rgba(0, 0, 0, 0) !important;*/ } #socialIcons li a.twitter { background-image: url("/images/socialIcon-twitter.png"); /*background: url("/images/socialIcon-twitter.png") no-repeat scroll left top rgba(0, 0, 0, 0) !important;*/ } #socialIcons li a.pinterest { background-image: url("/images/socialIcon-pinterest.png"); /*background: url("/images/socialIcon-pinterest.png") no-repeat scroll left top rgba(0, 0, 0, 0);*/ } #socialIcons li a.instagram { background-image: url("/images/socialIcon-instagram.png"); /*background: url("/images/socialIcon-instagram.png") no-repeat scroll left top rgba(0, 0, 0, 0);*/ } #socialIcons li a.google { background-image: url("/images/socialIcon-gPlus.png"); /*background: url("/images/socialIcon-gPlus.png") no-repeat scroll left top rgba(0, 0, 0, 0);*/ } /* IE 7 Standards Product page fix... this is probably not best practice, but ya know... IE7 standards.... Vince */ #insfeedflicker { width: 120px; text-align: right; display: inline-block; }