/* Addition Elle styles Full Page Width 789 = 4 + 781 + 4 Column Widths of Main Area 1 column (cart) 781 2 columns (product detail, search results, product list) 781 = 159 + 4 + 618 618 = 248 + 370 618 = 204 + 3 + 204 + 3 + 204 new widths as per seasonal changes 2010 Full Page Width 797 = 4 + 789 + 4 Column Widths of Main Area 1 column (cart) 789 2 columns (product detail, search results, product list) 789 = 157 + 4 + 628 */ body { background: #F3EFEA; } /* color change */ a { text-transform: lowercase } /* Primary Layout Containers */ #wrapper { width: 797px; } #pageTop { display: none } #pageWrap { display: block } #gutterLeft { display: none } #pageBody { margin-bottom: 4px; border-right: 4px solid #fff; border-left: 4px solid #fff; } #header { background-color: #fff } #headerNav { background-color: #C2BCB4; border-bottom: 4px solid #fff; } /* color change */ /* ADV SEARCH */ #resultdisplay{ background:#fff url(/imagecache/1032/49/main_bg.gif) repeat-y } #resultdisplay .fastHead{ color:#5e5850;font-weight:bold } /* / ADV SEARCH */ #main { display: block; margin: 0; } .offset.twoColumn { padding: 0 4px 0 157px; background: #fff url(/imagecache/1032/49/main_bg.gif) repeat-y; } .twoColumn #column1 { width: 157px; margin: 9px auto 9px -157px } .column1Content { /*width: 141px;*/ } .twoColumn #column3 { border-left: 4px solid #fff; margin-right: -4px; } #footer { display: block; border-top: 4px solid #fff; } #gutterRight { display: none } #pageBottom { color: #fff; } .pageBottomCell2 { color: #5E5850; } /* copyright */ #recentView { display: block; } /* Secondary Layout Containers */ #headerLogo { width: 266px; height: 84px; } #headerLogo a { width: 266px; height: 84px; display: block; text-decoration: none; } #headerLogo img { margin: 21px 0 0 14px } #headerRight { width: 480px; color: #5E5850; } /* color change */ #headerRight a { color: #5E5850; text-decoration: none } /* color change */ #headerRight a:link { color: #5E5850 } /* color change */ #headerRight a:visited { color: #5E5850 } /* color change */ #headerRight a:hover { color: #9B968F; } /* color change */ #headerTopLinks { height: 24px; padding-top: 6px; text-transform: lowercase } .headerTopLinksWelcome { font-size: 12px; font-weight: bold; color: #5E5850; } /* color change */ .headerTopLinksWelcome a:hover { color: #5E5850 } /* color change */ .headerTopLinksSmall { font-size: 11px; color: #5E5850; } /* color change */ .headerTopLinksSmall a:hover { color: #9B968F; } /* color change */ #headerBottomLinks { height: 22px; font-size: 11px; text-transform: lowercase } #headerBottomLinks a.shopBag { text-transform: none } #headerBottomLinks a:link.shopBag { color: #9B968F; font-size: 12px; } /* color change */ #headerBottomLinks a:visited.shopBag { color: #9B968F;; font-size: 12px; } /* color change */ #headerBottomLinks a:hover.shopBag { color: #5E5850;} /* color change */ #headerBottomLinks .bagImg { vertical-align: text-bottom } #headerSearch { height: 28px; font-size: 13px; margin: 0; padding: 0;} .searchText { border: 1px solid #bbbbbb; width: 128px; } .btnGo { vertical-align: text-bottom; width: 26px; height: 18px; background: transparent url(/imagecache/1032/49/btn_go_ae.gif) no-repeat scroll top left; } /* Recently Viewed */ .recentViewContent { font-size: 12px; margin-top: 16px; text-align: center; } .recentViewHead { font-weight: bold } #recentView .itemWrap { padding: 0 2px 0 2px } #recentView .productMsrp { color: #525252; text-decoration: line-through; font-weight: normal; font-size: 11px; } #recentView .productSalePrice { color: #c4050c; font-size: 11px; } /* dark red */ #recentView .productPrice { color: #333; font-size: 11px; } #recentView .productPromoPrice { color: #c4050c; font-size: 11px; } /* dark red */ #recentView a { text-decoration: none; font-size: 11px; } #recentView a:link { color: #4d4d4d } #recentView a:visited { color: #4d4d4d } #recentView a:hover { color: #818181 } /* Header Nav Menu */ #headerNav ul { margin: 0; padding: 0; } /* level1 */ #headerNav ul li { border-top: 2px solid #C2BCB4; border-right: 2px solid #C2BCB4; border-left: 2px solid #C2BCB4; border-bottom: 2px solid #C2BCB4; } /* color change */ #headerNav a { color: #FFF; display: block; font-weight: bold; text-decoration: none; padding: 4px 10px 6px 10px; } /* color change */ #headerNav ul li:hover a, #headerNav ul li.iehover a { color: #fff; } /* color change */ #headerNav ul li:hover ul a, #headerNav ul li.iehover ul a { color: #000; } #headerNav ul li:hover, #headerNav ul li.iehover { background-color: #9B968F; border-top: 2px solid #9B968F; border-right: 2px solid #9B968F; border-left: 2px solid #9B968F; border-bottom: 2px solid #9B968F; } /* color change hover cells borders and cells background */ #headerNav ul ul li:hover a, #headerNav ul ul li.iehover a { color: #FFF; text-decoration: none; } /* color change */ /* level2 */ #headerNav li ul { display: none; position: absolute; width: 146px; margin-left: -2px; margin-top: 0px; background-color: #9B968F; z-index: 100; } #headerNav li:hover ul, #headerNav li.iehover ul { display: block; } #headerNav ul ul li { width: auto; padding: 1px; border:0px;border-top: 1px solid #C2BCB4;border-left: 1px solid #C2BCB4;border-right: 1px solid #C2BCB4; background-color: #9B968F; } /* color change */ #headerNav ul ul li:hover, #headerNav ul ul li.iehover { padding: 1px; border:0px;border-top: 1px solid #C2BCB4;border-left: 1px solid #C2BCB4;border-right: 1px solid #C2BCB4; background-color: #5E5850; } /* color change */ #headerNav ul ul li a { font-weight: normal; font-size: 11px; text-indent: 0px; width: 144px; padding: 2px 0 2px 10px } #headerNav ul ul li a:link { color: #fff } /* color change */ #headerNav ul ul li a:visited { color: #fff } /* color change */ #headerNav ul ul li a:active { color: #fff } /* color change */ #headerNav ul ul li a:hover { color: #fff;} /* color change */ #iframeshim { display: none; left: 0; top: 0; z-index: 90; position: absolute; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0) } /* Sidebar Nav */ #sidebarNav { margin: 0 auto 0 9px; padding-top: 9px; } #sidebarNav ul { padding: 0; margin: 0; } #sidebarNav li { margin: 0; font-size: 13px; padding: 5px 0; color: #5E5850; font-weight: bold; text-transform: lowercase } /* color change */ #sidebarNav a { color: #5E5850; font-weight: bold; display: block; text-decoration: none; padding: 0; width: 148px; text-transform: lowercase } /* color change */ #sidebarNav li a:hover { color: #5E5850; background-color: #F3EFEA; } /* color change */ /* level 2 */ #sidebarNav ul ul { margin: 3px 0 3px 0/*10px*/; } #sidebarNav ul ul a { color: #5E5850; font-weight: normal; width: 148px } /* color change */ #sidebarNav ul ul li a:link { color: #5E5850; } /* color change */ #sidebarNav ul ul li a:visited { color: #5E5850; } /* color change */ #sidebarNav ul ul li a:hover { color: #5E5850; background-color: #F3EFEA; } /* color change */ #sidebarNav ul ul a.activeLink { color: #5E5850; font-weight: bold } #sidebarNav ul ul li { margin: 4px 0; padding: 0; font-size: 11px; line-height: 15px } #sidebarNav ul ul li li a.activeLink { color: #5E5850; font-weight: bold } /* list level 3 */ #sidebarNav ul ul ul { margin: 0 0 0 12px; } #sidebarNav ul ul ul a { width: 136px } #sidebarNav ul ul ul li a:link { color: #5E5850; } /* color change */ #sidebarNav ul ul ul li a:visited { color: #5E5850; } /* color change */ #sidebarNav ul ul ul li a:hover { color: #5E5850; background-color: #F3EFEA; } /* color change */ /* list level 4 */ #sidebarNav ul ul ul ul { margin: 0 0 0 12px; } #sidebarNav ul ul ul ul a { width: 124px } #sidebarNav ul ul ul ul li a:link { color: #5E5850; } /* color change */ #sidebarNav ul ul ul ul li a:visited { color: #5E5850; } /* color change */ #sidebarNav ul ul ul ul li a:hover { color: #5E5850; background-color: #F3EFEA; } /* color change */ /* Footer Links */ #footerLinks { display: none } /* Form & Image Map */ #footerFormImageMap { margin: 0; border: 1px solid #C2BCB4; background: #C2BCB4 } /* set bg color and tile of parent div */ /* color change */ #footerForm { float: left; line-height: 16px; width: 332px; text-align: center; padding-bottom: 4px; padding-top: 4px; } #footerImageMap { float: right; margin: 0; } #signupWrap { padding: 0; width: 300px; text-align: left; margin-left: 10px; } .signupText { color: #FFF; font-size: 11px; margin-bottom: 5px; } /* color change */ #signupForm { margin: 0; padding: 0; } .signupLabel { color: #d9d5d2; font-size: 13px; padding: 0 } .signupInput { border: 1px solid #bbbbbb; height: 16px; } .btnSubmit { vertical-align: text-top } .signupImg { vertical-align: middle; } .footerImageMap a { color: #404040; text-decoration: none } .footerImageMap a:link { color: #404040 } .footerImageMap a:visited { color: #404040 } .footerImageMap a:hover { color: #f370a6 } /* Other Brands */ .footerOtherBrands { background: #F3EFEA; font: normal 11px/30px Arial, Helvetica, Sans-serif; color: #333; height: 30px; vertical-align: middle; } /* color change */ .footerOtherBrands a { color: #000; text-decoration: none } /* color change */ .footerOtherBrands a:link { color: #000 } /* color change */ .footerOtherBrands a:visited { color: #000 } /* color change */ .footerOtherBrands a:hover { color: #000 } /* color change */ /* Other Stores */ .footerOtherStores { display: block; margin-top: 10px; margin-bottom: 10px; } .footerOtherStores1 { width: 93px; margin: 0 15px 0 5px } .footerOtherStores2 { width: 240px; } .footerOtherStores3 { width: 147px; margin: 0 15px 0 5px } .footerOtherStores4 { width: 240px; } div.footerOtherStores2, div.footerOtherStores4 { font: normal 11px/16px Arial, Helvetica, Sans-serif; color: #000; } /* SPLASH PAGE */ #splashWrapper { position: relative; background: transparent url(/imagecache/1032/49/splash_ae.jpg) no-repeat scroll top left; width: 794px; height: 666px; margin: 8px auto 8px auto; } #splashEnglish { position: absolute; width: 97px; height: 30px; top: 280px; left: 545px; } #splashFrench { position: absolute; width: 97px; height: 30px; top: 330px; left: 545px; } /* 14-Header Breadcrumb */ #breadcrumbs { margin: 0 6px 0 16px; border-bottom: 1px solid #5E5850 } /* color change */ #breadcrumbs span { font-size: 14px; font-family: Verdana; color: #5E5850 } /* arrow character */ /* color change */ .breadcrumbsLeft { float: left;} .breadcrumbsLeft a { text-decoration: none } .breadcrumbsLeft a:link { color: #5E5850 } /* color change */ .breadcrumbsLeft a:visited { color: #5E5850 } /* color change */ .breadcrumbsLeft a:hover { color: #9B968F } /* color change */ .breadcrumbsRight { float: right; font-weight: bold; font-size: 11px; padding: 5px 18px 0 0; color: #000; } .breadcrumbsRight a { text-decoration: none } .breadcrumbsRight b { color: #5E5850 } /* color change */ .breadcrumbsRight a:link { color: #000 } /* color change */ .breadcrumbsRight a:visited { color: #000 } /* color change */ .breadcrumbsRight a:hover { color: #9B968F } /* color change */ /* 14-Header Breadcrumb new H tags */ h4.breadcrumbsLeft { font-size: 15px; font-weight: bold; color: #E76F00; font-family: Tahoma, Verdana, sans-serif; text-align: left; } /* color change */ h3.breadcrumbsLeft { font-size: 14px; font-weight: bold; color: #E76F00; font-family: Tahoma, Verdana, sans-serif; text-align: left; } /* color change */ /* in use */ h2.breadcrumbsLeft { font-size: 13px; font-weight: bold; color: #E76F00; font-family: Tahoma, Verdana, sans-serif; text-align: left; } /* color change */ h1.breadcrumbsLeft { font-size: 12px; font-weight: bold; color: #E76F00 ; font-family: Tahoma, Verdana, sans-serif; text-align: left; } /* color change */ .printPage { text-align: right; line-height: 24px; padding-right: 20px; font-size: 11px; text-transform: lowercase } .printPage a { text-decoration: none } .printPage a:link { color: #5E5850 }/* color change */ .printPage a:visited { color: #5E5850 }/* color change */ .printPage a:hover { color: #9B968F } /* color change *//* new */ /* Detail Page */ #productMessageBox{ width:550px;margin:15px auto;background:#fff url(/imagecache/1032/49/productMessage.bg.gif) repeat-y scroll center top } #productMessage{ margin:3px 8px;font-size:11px } #productMessage strong{ display:block;font-size:14px;color:#c4050c } #productMessageTop{ width:550px;height:9px;background:transparent url(/imagecache/1032/49/productMessageTop.bg.gif) no-repeat scroll center top } #productMessageBottom{ width:550px;height:9px;background:transparent url(/imagecache/1032/49/productMessageBottom.bg.gif) no-repeat scroll center bottom } #detailWrap { } #rfxImage_Image { width: 248px; height: 250px; float: left; } .rfxImageFrame { width: 210px; height: 250px; margin: 0 auto 0 auto } #detailRight { float: left; text-align: left; width: 370px; font-size: 11px; } h4.productName { color: #535353; font-size: 14px; margin: 0; padding: 0 } .productDescription { font-size: 11px; line-height: 16px; width: 230px; margin-bottom: 4px } .detailInfoItems { margin: 4px 0 4px 0; font-size: 11px; } #detailRight .priceBlock { margin: 6px 0 12px 0; font-size: 18px; font-weight: bold } #detailRight .productMrsp { color: #525252; text-decoration: line-through } #detailRight .productSalePrice { color: #c4050c; } #detailRight .productPrice { color: #333; } #detailRight .productPromoPrice { color: #c4050c; } .prodOptions { float: left; width: 140px } .sizeChartBlock { float: left; color: #5E5850; width: 220px; } .sizeChartText { font-weight: bold; font-size: 14px; } .sizeChartBlock a:link { color: #5E5850; } .sizeChartBlock a:visited { color: #5E5850; } .sizeChartBlock a:hover { color: #9B968F; } /* color change */ .br8 { height: 8px; line-height: 8px } /* 742-FourRecommendedProducts */ .recommendedProductsTable { table-layout: fixed } .recommendedProductsTable td, .recommendedProductsTable div { font-size: 11px; } .recommendedProductsTable .itemWrap { margin: 15px 0 } .recommendedProductsTable .productMrsp { color: #525252; text-decoration: line-through } .recommendedProductsTable .productSalePrice { color: #c4050c; } /* dark red */ .recommendedProductsTable .productPrice { color: #333; font-weight: bold; } /* dark grey */ .recommendedProductsTable .productPromoPrice { color: #c4050c; } /* dark red */ .recommendedProductsTable td a { color: #56595b; text-decoration: none } .recommendedProductsTable td a:visited { color: #56595b } .recommendedProductsTable td a:hover { color: #818181 } /* 9-ProductListStandard */ #productList .productMsrp { color: #414141; text-decoration: line-through } #productList .productSalePrice { color: #c4050c; } /* dark red */ #productList .productPrice { color: #333; font-weight: bold } #productList .productPromoPrice { color: #c4050c; } /* dark red */ #productList .productName a { color: #333; text-decoration: none; } #productList .productName a:link { color: #333; text-decoration: none; } #productList .productName a:visited { color: #333; text-decoration: none; } #productList .productName a:hover { color: #666; text-decoration: none; } /* 745-OutfitAddMultiToCart */ #detailLeft { width: 248px; float: left; } .productBlock { border-top: 1px solid #aaa; padding: 10px 0 10px 0; width: 360px } .productInfoBlock { float: left; width: 240px } .productCheckbox { width: 20px } .outfitAddBlock { clear: both; border-top: 1px solid #aaa; text-align: right; padding: 10px 0 10px 0 } .outfitQuantity { margin: 8px 0 8px 0 } /* 101-FourProduct */ .fourProduct { } .fourProductCell { float: left; width: 25%; color: #4c4c4c } .fourProductCell a { color: #4c4c4c; text-decoration: none } .fourProductMsrp { font-weight: bold } .fourProductPrice { color: #c50051; font-weight: bold } /* shop by size */ .shopSizeHeaderWrap { text-align: left; vertical-align: bottom; font-weight: bold; background: #56595B /*#f5f5f5*/; padding: 4px 0 2px 6px; color: #d9d5d2 /*#631731;*/ } .shopSizeHeaderContent { font-size: 14px; } .shopSizeHeaderContentBig { font-size: 18px; } #shopbysize { padding: 10px 0 10px 0; background-color: #ebe9ea } .shopbysizeCell1 { text-align: right; float: left; width: 80px; } .shopbysizeCell2 { text-align: right; float: left; width: 65px; } .shopbysizeCell3 { float: left; width: 145px; margin: 0 40px 0 5px;} .shopbysizeCell4 { font-size: 11px; text-align: left; float: left; width: 250px; margin: 0 10px 0 5px } .shopbysizeCell4 ol { list-style-position: inside; } .shopbysizefont {text-align: right; font-size: 14px; font-weight: bold } .formLabelDiv { margin: 2px 0 21px 0; font-size: 14px; } .formSelectDiv { margin: 2px 0 19px 0 } .shopBySizeChart { background: #5f6062; padding: 4px 0 10px 0; color: #fff; text-align: center; clear: both } .shopBySizeChart img { background: #5f6062 url(/imagecache/1032/49/shop_by_size_ae.jpg) no-repeat center; padding: 14px 0 4px 0 } .shopBySizeChart a:link { color: #fff } .shopBySizeChart a:visited { color: #fff } .shopBySizeChart a:hover { color: #f370a6 } /* color change */ .chartHead { font-size: 24px } .chartLink { text-align: right; padding-right: 12px } .makeStatement { color: #56595b /* #000 */; height: 38px; background: #f5f5f5; font-family: helvetica; font-size: 14px } .makeStatement a { color: #56595b /*#404040*/; } .makeStatement a:link { color: #56595b /*#404040*/ } .makeStatement a:visited { color: #56595b /*#404040*/ } .makeStatement a:hover { color: #f370a6 } .makeStatementLeft { float: left; line-height: 38px; text-indent: 14px} .makeStatementRight { float: right; padding: 10px 16px 10px 0; } .quote { color: #f04a8a /*#ee0e66*/; font-style: italic; font-size: 16px; } /* 746-SimpleFourProduct */ .simpleFourProduct { table-layout: fixed } .simpleFourProduct td, .simpleFourProduct div { font-size: 11px; } .simpleFourProduct .itemWrap { margin: 15px 0 } .simpleFourProduct a { font-weight: bold } .simpleFourProduct td a { color: #56595b; text-decoration: none } .simpleFourProduct td a:visited { color: #56595b } .simpleFourProduct td a:hover { color: #818181 } .simpleFourProduct .priceBlock { text-align: center; margin-top: 8px } .simpleFourProduct .productMsrp { color: #414141; text-decoration: line-through; font-weight: normal } .simpleFourProduct .productSalePrice { color: #c4050c; } /* dark red */ .simpleFourProduct .productPrice { color: #333; font-weight: bold } .simpleFourProduct .productPromoPrice { color: #c4050c; } /* dark red */ .header20 { background: #C2BCB4; height: 20px; padding: 2px 0 0 6px; color: #fff } /* color change */ .header20Left { font-size: 14px; float: left } .header20Right { float: right; padding: 4px 20px 0 0; font-size: 11px; } .header20 a { color: #fff; text-decoration: none } /* color change */ .header20 a:link { color: #fff; text-decoration: none } /* color change */ .header20 a:visited { color: #fff; text-decoration: none } /* color change */ .header20 a:hover { color: #F3EFEA; font-weight: bold; } /* see all - color change */ .threeBlock { height: 148px; margin: 300px } .defaultBlock { background-color: #eaeaea; } .centerBlock { cursor: pointer } .footerBlock { background: #d9d5d2; line-height: 30px; cursor: pointer; } .sidebarBlock { width: 141px; margin: 0 auto 0 auto; cursor: pointer; } .sidebarHeader { font-size: 15px; color: #631731; width: 141px; font-weight: bold; margin: 0 auto 0 auto } .sidebarHeader2 { background-color: #F370A6; text-align: left; color: #fff; font-weight: bold; text-indent: 6px; padding: 1px 0 2px 0; width: 141px; margin: 0 auto 0 auto } .imageMapWrap { width: 100% } .threeBlock { height: 148px; margin: 0 } .clearMe { clear: both } .vert4pad { margin: 4px 0; } .bottom4pad { margin-bottom: 4px; } .bottom8pad { margin-bottom: 8px; } .spc3 { height: 3px; font-size: 3px; clear: both } .spc6 { height: 6px; font-size: 6px; clear: both }