.marketingMessage{color:#fff; font-size:18px;} /* clean up the junk below */ /***** Begin styles common to Category,Sale/Clearance,Seach and MUPs pages *****/ /* Sale/Clearance Header */ #saleHdrRndTop{background-color:#ff0000;height:0px;padding:0px;margin:0px;overflow:hidden;} #saleHdrRndTop .right,#saleHdrRndTop .left{background-color:#fff;height:0px;width:5px;padding:0px;margin:0px;} #saleHdrRndTop .left{background-image:url(../img/on_sale_left_top_red_cnr.gif);float:left;} #saleHdrRndTop .right{background-image:url(../img/on_sale_right_top_red_cnr.gif);float:right;} #saleHdr,#clearanceHdr{height:35px;width:613px;margin-bottom:3px;} #saleHdr{height:35px;} #saleHdr{background-color:#ff0000;} #clearanceHdr{background-color:#0066FF;} #saleName,#clearanceName{float:left;width:80px;} #saleImg{height:35px;width:80px;} #clearanceImg{height:71px;width:256px;} #saleMenu,#clearanceMenu{width:auto;margin-top:25px;float:left;text-align:left;} #saleMenu{margin-top:9px;} .brandBreak{display:block;width:10px;clear:left;height:0px;line-height:1px;} *html .brandBreak{margin-bottom:-3px;} * html .productItem{text-align:center;margin:0px 2px 0px 2px;} .productPricing, .marketing-flag{text-align:center;} .category-iteration-name{padding:15px;color:#989898;font-size:15px;text-decoration:none;font-weight:500;} .mupsMessage{color:#F00; font-size:10px; text-decoration:none;font-weight:bold;} a.mupsLink:link,a.mupsLink:active,a.mupsLink:hover,a.mupsLink:visited{text-decoration:underline;color:#f00;} .mupSupMessage {margin:0 auto;width:100px;display:block;} .mupSupMessage a{white-space:nowrap;} /* Begin:Size Finder Div */ #shopBySizeContainer{background-color:#bbb;padding:7px 5px 5px 5px;margin:0px;} #shopBySizeTools{background:url(../img/size_finder.gif) no-repeat 0px 0px;padding:0px 0px 1px 94px;margin:0px;} #shopBySizeTools ul{list-style-type:none;white-space:nowrap;} #shopBySizeTools li{margin-left:5px;float:left;color:#600;} #shopBySizeTools li.sizeCharts{} #shopBySizeTools li.reset{font-weight:bold;} #shopBySizeSelections{margin:0px;padding:0px;} #shopBySizeSelections li.sizeFinderDropdowns{width:auto;padding:6px 3px 0px 0px;float:left;} #shopBySizeSelections li.sizeFinderDropdowns label{width:100px;color:#333;font-size:10px;font-weight:bold;text-transform:lowercase;margin-left:3px;text-align:left;} #shopBySizeSelections li.sizeFinderDropdowns select{background:#bbb;width:100px;margin:1px 5px 0px 0px;font-weight:bold;} #shopBySizeSelections li.sizeFinderDropdowns select.active{background:#fff;} #shopBySizeSelections li.sizeFinderFind{margin:18px 0px 0px 2px;float:left;} /* end Size Finder */ .productToolsLine{ clear: both; margin: 5px 0;} .sortBySelection,.paginationSearchModeControl,.categoryPaging{float:left;width:265px;margin:0 5px 0;} *html .sortBySelection,*html .paginationSearchModeControl,*html .categoryPaging{margin-bottom:5px;} .sortBySelection{text-align:left;} * html label.sortByLabel{position:relative;top:-4px;} .paginationSearchModeControl{text-align:center;padding-top:4px;} .categoryPaging{width:194px;text-align:right;padding-top:4px;} .seeAll{font-weight:bold;margin-left:5px;padding:0px 10px 0px 7px;text-transform:lowercase;border-left:1px solid black;} .seeAllLink{font-weight:normal;margin-left:5px;padding:0px 10px 0px 7px;text-transform:lowercase;border-left:1px solid black;} a.pagingLink,a.pagingLink:link,a.pagingLink:active,a.pagingLink:visited,a.pagingLink:hover{text-decoration:none;margin:0px 2px 0px 2px;} /* Begin:Tab Styles */ #tabnav{margin:0px;padding:3px 0px 0px 3px;height:24px;width:610px;} #tabnav li{margin:0px;padding:0px;display:inline;list-style-type:none;line-height:12px;font-size:10px;color:#333;} #tabnav li a{font-size:10px;color:#666;text-decoration:none;} #tabnav li{text-transform:lowercase;} #tabnav span{float:left;} #tabnav span.center{border-bottom:none;display:block;max-width:470px;padding:0px 5px 0px 5px;width:auto;} /* Active Left Tab */ #tabActiveLeft span{height:24px;background-color:#ddd;border-bottom:none;} #tabActiveLeft span.center{padding-top:6px;height:18px;} /* Active Right Tab */ #tabActiveRight span{height:24px;background-color:#ddd;border-bottom:none;} #tabActiveRight span.center{padding-top:5px;height:19px;} /* Inactive Left Tab */ #tabInactiveLeft span{margin-top:4px;height:20px;background-color:#666;border-bottom:none;} #tabInactiveLeft span.center{padding-top:4px;height:16px;} #tabInactiveLeft a:link,#tabInactiveLeft a:visited,#tabInactiveLeft a:hover,#tabInactiveLeft a:active{font-weight:bold;text-decoration:underline;color:#fff;} /* Inactive Right Tab */ #tabInactiveRight span{margin-top:4px;height:20px;background-color:#666;border-bottom:none;} #tabInactiveRight span.center{padding-top:2px;height:18px;} #tabInactiveRight a:link,#tabInactiveRight a:visited,#tabInactiveRight a:hover,#tabInactiveRight a:active{font-weight:bold;text-decoration:underline;color:#fff;} /* span */ span.left{background:url(../img/category_tab_left.gif) no-repeat top;display:block;margin-left:2px;width:5px;} span.right{background:url(../img/category_tab_right.gif) no-repeat top;display:block;width:5px;} #tabTable,#tabTableOff{background-color:#fff;border:none;margin:0 0 0 4px;padding:0px;width:824px;} .liLink{cursor:pointer;} /* End:Tab Styles */ /***** End styles common to Category,Sale/Clearance,Seach and MUPs pages *****/ /* brand4 corresponds to PiperLime - US */ .brand4 .thumbs { margin: 2px; border: solid 1px #cccccc; cursor : pointer; text-align: center; vertical-align:middle; padding: 1px; width: 28px; height: 37px; } .brand4 .thumbSelected { margin: 1px; border: solid 2px #669900; cursor : pointer; text-align: center; vertical-align:middle; padding: 1px; width: 28px; height: 37px; } .brand4 .fiveInARowThumbSize { width: 38px; height: 51px; } .brand4 #colorThumbs { float : left; } .quickLookHalfSize{width:auto;} .brand4 #quickLookSize2{clear:both; float:left; width:auto; margin-left:auto;} .brand4 #colorSwatches button {width:18px; height: 18px;} .brand4 {color:#333; font-size:10px; line-height: 12px;} .brand4 input, .brand4 select, .brand4 button {font-size:10px; line-height: 12px;} .brand4 a:link,.brand4 a:visited,.brand4 a:hover,.brand4 a:active{color:black;display:block;font-weight:normal;text-decoration:underline;} .brand4 .quickLookWindowTop {background-color:#CCC;} .brand4 .quickLookWindowClose {background-color:#CCC;} .brand4 .topBadge {overflow:hidden; height: 22px; background:white url(../img/titleBar_QL_piperlime.gif) top left no-repeat;} .brand4 .topBadgeFix {padding-top: 5px;} .brand4 .quickLookWindowContent .productMarketingFlag{font-size:10px;height:15px;line-height:15px;color:#669900;} .brand4 .quickLookPageError{margin:0px;padding:0px 5px 5px 0px;line-height:1em;display:none;} .brand4 #quickLookSize1Text,.brand4 #quickLookSize2Text {margin-top:10px; margin-bottom: 7px; width:183px;} .brand4 .quickLookSize1Text a, .brand4 #quickLookSize2Text a{line-height:12px;color:#360;font-weight:bold;text-decoration:underline;} .brand4 .quickLookMupMessage{margin:5px 0px 5px 2px;font-weight:bold;color:#06f;} .brand4 .quickLookGIDPromoMessage, .brand4 #quickLookGIDPromoMessage, .brand4 #productPageGIDPromoMessage {margin:5px 0px 5px 2px;font-weight:normal;color:#360;display:none;} .brand4 .quickLookGIDPromoMessage a{color:#360;} .brand4 .quickLookMarketingFlagStyle, .brand4 #quickLookMarketingFlagStyle, .brand4 #productPageMarketingFlagStyle {display:none;} .brand4 .quickLookMarketingCallOut, .brand4 #quickLookMarketingCallOut, .brand4 #productPageMarketingCallOut {display:none;} .brand4 #quickLookMarketingFlagColor, .brand4 #productPageMarketingFlagColor {display:none;height:15px;margin:0px 0px 0px 3px;} .brand4 #quickLookMarketingFlagSize, .brand4 #productPageMerketingFlagSize {display:none;height:15px;margin:0px 0px 0px 3px;} .brand4 .quickLookMupMessageStyle, .brand4 #quickLookMupMessageStyle, .brand4 #productPageMupMessageStyle{display:none;} .brand4 #quickLookProductImage #product_image{width:202px;height:202px;} .brand4 .quickLookProductImageTools{width:202px;padding:0;margin:0 0 25px 0;text-align:center;} .brand4 .quickLookVendorName{font-weight:bold;} .brand4 #quickLookProductName{} .brand4 .quickLookProductOriginCopy{display:none;font-size:10px;margin:25px 0 0 0;} .brand4 #quickLookMarketingContentLeft{width:197px;padding:0px 0px 5px 5px;background-color:#fff;} .brand4 #quickLookInfoTabs img{cursor: pointer;} .brand4 .quickLookSizeTab{float:left;} .brand4 #quickLookSizeTab img{width:80px;height:20px;} .brand4 .quickLookOverviewTab{float:left;height:20px;} .brand4 .quickLookOverviewTab img{width:80px;height:20px;} .brand4 .quickLookTabSpacer{float:left;border-bottom:1px solid #999;width:26px;height:19px;} .brand4 #quickLookSwatches div.swatch{font-size:9px;} .brand4 #quickLookSwatches p{padding:0px;margin:0px;} .brand4 #quickLookColorSwatches{padding:0px; margin: 0px;} .brand4 #quickLookColorSwatches #colorPrice{margin:0 0 5px 0;} .brand4 #quickLookColorSwatches .colorSwatches{margin-bottom:0px;} .brand4 .quickLookQtyArea select{font-size:10px;} .brand4 .quickLookTabContent ul, .brand4 #quickLookTabArea ul {list-style:disc outside;margin:0px 0px 10px 15px;} .brand4 .quickLookTabContent li a:link,.brand4 .quickLookTabContent li a:visited,.brand4 .quickLookTabContent li a:hover,.brand4 .quickLookTabContent li a:active{text-decoration:underline;} .brand4 .quickLookTabContent .productID{padding:10px 0px 0px 0px;} .brand4 .quickLookTabContent .productDetail{margin:5px 0px 0px 0px;font-weight:bold; text-align:right;} .brand4 #quickLookVariants{margin:3px 0px 3px 2px;} .brand4 #quickLookVariants .legal{font-size:10px;line-height:10px;} .brand4 #quickLookProductDetail{float:left;padding:0px 0px 10px 0px;} .brand4 .quickLookAddtoBag img{display:block;} .brand4 #quickLookClose {margin-top:3px;width:19px;} .brand4 .quickLookAddToBagArea {background-color:#eee;} .brand4 .quickLookConfirmationArea{background-color:#eee;border-left-color:#ffffff;} .brand4 .quickLookConfirmationAreaBottom{height:6px;overflow:hidden;display:none;} .brand4 #quickLookInventoryStatusWindow{width:190px;color:#5F7F00;padding:5px 0px 4px 0px;} .brand4 .quickLookOnOrderDate{font-weight:bold;} .brand4 .quickLookOnOrderBkg{background-color:#EEEEEE;} .brand4 .quickLookLowInventoryBkg{background-color:#f90;} .brand4 #quickLookLauncher a img#quickLook{width:74px;height:24px;} .brand4 #quickLookInfoTabs .off { background-color: #f1f1f1; } .brand4 #moreViewsBtn { cursor:pointer; vertical-align:middle; } .brand4 .swatchLabelName{font-weight:bold;} .brand4 .swatchLabel{font-weight:normal; display:none;} .brand4 #quicklook_product_image { width: 202px; height: 269px; } .brand4 .brandBadge { width: 120px; text-align: right; height: 20px; position: absolute; top:0px; left:0px;} .brand4 .crossSellImage {height:187px; width:140px;} .brand4 .imgDiv {position: relative; background-color: white; margin-bottom: 3px;} .brand4 #outfit_product_image { width: 120px; height: 120px; } .brand4 .smallbox_img { width: 58px; height: 58px; } .brand4 .productItem {position: relative; } .brand4 #quickLookColorSwatches .sizeDimensionSwatches .swatch{margin:2px;} .brand4 #quickLookProductDetail a{color:#360;font-weight:bold;} .brand4 .productDetail a{color:#360;} .brand4 .productId {float: left;} .brand4 #swatchContent input, .brand4 #quickLookSwatches input, .brand4 #shoppingBagEditSwatches input, .brand4 #colorSwatches input, .brand4 #swatchContent button, .brand4 #quickLookSwatches button, .brand4 #shoppingBagEditSwatches button, .brand4 #colorSwatches button { display: block; float: left; font-size: 9px; text-align: center; vertical-align: middle; border:1px solid #ccc; padding: 1px; margin: 2px; cursor: pointer; background-color: white; font-weight: bold; color: #333; } .brand4 #colorSwatches button {width:35px; height: 35px;} .brand4 #swatchContent .hover, .brand4 #swatchContent .selected, .brand4 #quickLookSwatches .hover, .brand4 #quickLookSwatches .selected, .brand4 #shoppingBagEditSwatches .selected, .brand4 #shoppingBagEditSwatches .hover, .brand4 #colorSwatches .selected, .brand4 #colorSwatches .hover {border: solid 1px #669900; background-color:#680; margin: 2px; color: white;} .brand4 #swatchContent .soldOut, .brand4 #quickLookSwatches .soldOut, .brand4 #shoppingBagEditSwatches .soldOut{border:1px solid #ccc; color:#aaa;} .brand4 #swatchContent .selectedSoldOut, .brand4 #quickLookSwatches .selectedSoldOut, .brand4 #shoppingBagEditSwatches .selectedSoldOut {border:1px solid #680;background-color:#fff;color:#ccc;} .brand4 #sizeDimensionSwatchContent .selectedSoldOut, .brand4 #quickLookSize1Swatches .selectedSoldOut, .brand4 #quickLookSize2Swatches .selectedSoldOut, .brand4 #shoppingBagEditSizeSwatches .selectedSoldOut {border:1px solid #ccc;background-color:#fff;color:#ccc;} .brand4 .quicklook-sprites { background:transparent url(../img/quicklook-sprites.gif) no-repeat scroll left top; } .brand4 .sprite-button_add_to_bag_on,.brand4 .sprite-button_add_to_bag_over {float:right; background-position: 0 -10px; width: 64px; height: 16px; margin:5px 0px 9px 9px;} .brand4 .sprite-tab_size_off { background-position: 0 -36px; width: 65px; height: 20px; } .brand4 .sprite-Gap_quickLookContent_bkg { background-position: 0 -66px; width: 388px; height: 4px; } .brand4 .sprite-sizeChart { background-position: 0 -80px; width: 63px; height: 20px; } .brand4 .sprite-tab_overview_off { background-position: 0 -110px; width: 65px; height: 20px; } .brand4 .sprite-button_more_views { background-position: 0 -140px; width: 85px; height: 25px; } .brand4 .sprite-tab_size_on, .brand4 .sprite-tab_size_over { background-position: 0 -174px; width: 65px; height: 20px; } .brand4 .sprite-button_add_to_bag_out { background-position: 0 -204px; width: 64px; height: 16px; float:right; margin-right: 5px; } .brand4 .sprite-tab_overview_on,.brand4 .sprite-tab_overview_over { background-position: 0 -230px; width: 65px; height: 20px; } .brand4 .sprite-button_quicklook_launcher_on { background-position: 0 -260px; width: 79px; height: 23px; } .brand4 .sprite-quickLook_close { background-position: 0 -293px; width: 15px; height: 18px; margin-left: 25px; margin-bottom: 8px; } .brand4 .sprite-button_quicklook_launcher_over { background-position: 0 -324px; width: 79px; height: 23px; } .brand4 .sprite-button_add_to_bag_off {float:right; background-position: 0 -357px; width: 64px; height: 16px; margin:5px 0px 9px 9px;} .brand4 .sprite-mailonly, .brand4 .sprite-intlmailonly { background-position: 0 -414px; width: 330px; height: 16px; } .brand4 .sprite-freereturn { background-position: 0 -383px; width: 170px; height: 16px; } .brand4 .sprite-nonreturnable, .brand4 .sprite-notintlship { background-position: 0 -441px; width: 170px; height: 16px; } .brand4 #productMailOnlyReturn .sprite, .brand4 #productIntlMailOnlyReturn .sprite, .brand4 #productFreeReturn .sprite, .brand4 #productNonreturnable .sprite, .brand4 #productNotIntlShip .sprite { height:16px; width:25px; vertical-align: middle; background-color:#E1E1E1; background: url("../img/quicklook-sprites.gif") no-repeat scroll left top transparent; } .brand4 #productMailOnlyReturn .mailonly, .brand4 #productIntlMailOnlyReturn .intlmailonly { background-position:0 -414px; } .brand4 #productFreeReturn .freereturn { background-position:0 -383px;} .brand4 #productNonreturnable .nonreturnable, .brand4 #productNotIntlShip .notintlship { background-position:0 -441px; } .brand4 #productMailOnlyReturn, .brand4 #productIntlMailOnlyReturn, .brand4 #productFreeReturn, .brand4 #productNonreturnable, .brand4 #productNotIntlShip { background-color: #f7f3f7; border: none; margin: -3px 0 0; width: auto; height: auto; float: right; text-transform: lowercase; padding: 1px 5px 0 0;} .brand4 #productMailOnlyReturn, { margin: -22px 3px 0 0; zoom: 1;} .brand4 #productIntlMailOnlyReturn, { margin: -22px 3px 0 0; zoom: 1;} .brand4 #productFreeReturn, { margin: -22px 3px 0 0; zoom: 1;} .brand4 #productNonreturnable, { margin: -22px 3px 0 0; zoom: 1;} .brand4 #productNotIntlShip, { margin: -22px 3px 0 0; zoom: 1;} #productMailOnlyReturn2{background-color:#f7f3f7;} #productIntlMailOnlyReturn2{background-color:#f7f3f7;} #productFreeReturn2{background-color:#f7f3f7;} #productNonreturnable2{background-color:#f7f3f7;} #productNotIntlShip2{background-color:#f7f3f7;} .brand4 #productMailOnlyReturn2 .sprite, .brand4 #productIntlMailOnlyReturn2 .sprite, .brand4 #productFreeReturn2 .sprite, .brand4 #productNonreturnable2 .sprite, .brand4 #productNotIntlShip2 .sprite { height:16px; width:25px; vertical-align: middle; background-color:#E1E1E1; background: url("../img_US/quicklook-sprites.gif") no-repeat scroll left top transparent; } .brand4 #productMailOnlyReturn2 .mailonly, .brand4 #productIntlMailOnlyReturn2 .intlmailonly { background-position:0 -414px; } .brand4 #productFreeReturn2 .freereturn { background-position:0 -383px;} .brand4 #productNonreturnable2 .nonreturnable, .brand4 #productNotIntlShip2 .notintlship { background-position:0 -441px; } /*\*/ * html .brand4 #productMailOnlyReturn {padding-top: 4px;} /*\*/ * html .brand4 #productIntlMailOnlyReturn {padding-top: 4px;} /*\*/ * html .brand4 #productFreeReturn, {padding-top: 4px;} /*\*/ * html .brand4 #productNonreturnable, {padding-top: 4px;} /*\*/ * html .brand4 #productNotIntlShip, {padding-top: 4px;} .swatchDiv { width: 100%; } a.productItemName:link,a.productItemName:visited,a.productItemName:hover,a.productItemName:active{display:inline;font-size:10px;font-weight:normal;text-decoration:none;text-align:center;} a.productItemName .vendorName{display:block;clear:both;font-weight:bold;font-size:10px;} /* Division Wide Footer */ #divisionWideFooterContainerRow1, #divisionWideFooterContainerRow2, #divisionWideFooterContainerRow3{ width:776px;} #divisionWideFooterContainerGroup1{width:745px;float:left;} #divisionWideFooterContainerGroup2{width:373px;float:left;} #divisionWideFooterContainerGroup3{width:372px;float:left;} #divisionWideFooterContainerGroup4{width:249px;float:left;} #divisionWideFooterContainerGroup5{width:248px;float:left;} #divisionWideFooterContainerGroup6{width:248px;float:left;} /* safari hack - dont remove # sign */ .brand4 #sizeDimensionSwatchContent button, .brand4 #quickLookSize1Swatches button, .brand4 #quickLookSize2Swatches button, .brand4 #shoppingBagEditSize1Swatches button, .brand4 #sizeDimensionSwatchContent .hover, .brand4 #sizeDimensionSwatchContent .selected, .brand4 #quickLookSize1Swatches .hover, .brand4 #quickLookSize1Swatches .selected, .brand4 #quickLookSize2Swatches .hover, .brand4 #quickLookSize2Swatches .selected, .brand4 #shoppingBagEditSizeSwatches .hover, .brand4 #shoppingBagEditSizeSwatches .selected, .brand4 #sizeDimensionSwatchContent .selectedSoldOut, .brand4 #quickLookSize1Swatches .selectedSoldOut, .brand4 #quickLookSize2Swatches .selectedSoldOut, .brand4 #shoppingBagEditSizeSwatches .selectedSoldOut {margin: 2px; margin-top: 1px; margin-bottom: 1px;} /* Product Iteration - placed here to override styles above */ * html .productCatItem{margin:0 1px 8px 0px;} .productCatItem{text-align:center;} /* Swatches */ .swatchesCategory {margin-top:4px;} * html .swatchesCategory{padding:2px 0 0;margin-bottom: 5px;} html>body .swatchesCategory {*padding-top:2px;*margin-bottom:3px;} .swatchesCategory {margin-top /*\**/: 2px\9;} @media screen and (-webkit-min-device-pixel-ratio:0) { .swatchesCategory {margin:3px 0 3px;} } /* Catalog 1: preserve these classes until catalog 2 goes live */ * html .productItem{max-height:306px;} .productItem{text-align:center;width:202px;float:left;margin:0 0 5px 4px;height:318px;min-height:318px;} * html .productItem{margin:0 0 8px 2px;} .productItem .imgDiv a img {height:252px;width:195px;} .productItem .imgDiv {min-height:252px; width:195px;} /* SearchDex */ #searchDexFooter .expFooter {text-align:center;padding-top:10px;padding-bottom:10px;} #searchDexFooter .expFooter A:link{text-decoration:none} #searchDexFooter .expFooter A:visited{text-decoration:none} #searchDexFooter .expFooter A:active{text-decoration:none} #searchDexFooter .expFooter A:hover{text-decoration:none} #searchDexFooter .brandExp { padding-bottom:10px;} #searchDexFooter .linkContainer{display:none;} #searchDexFooter .plus {margin-left:-2px;cursor:pointer;cursor:hand;font-size:9px;} #searchDexFooter .minus{display:none;margin-left:-2px;cursor:pointer;cursor:hand;font-size:10px;} .clear { clear: both; }