/******************************************************** ** ** Master Global Styles ** ** - This is for Global CSS Styles only ** - NO Page specific Styles should be included here ** - Styles are tab arranged to show inheritance ** and layout structure ** ********************************************************/ /* Import Colorbox CSS for modal windows - Catalog and Contests */ /*@import url(/wcsstore/Michele/css/en_US/colorbox.css) all;*/ /*All other browsers*/ /*@import url('/wcsstore/Michele/css/en_US/colorbox.css');*/ /*Required format for IE*/ /** GLOBAL PAGE ELEMENTS **/ img {border:none;} a {color:#999; outline:none;} a img {outline:none;} a:hover {color:#666666;} input {border:solid 1px #cccccc;} element.style {width: 300px;} input:focus, textarea:focus, area {outline:none;} .error {font-weight:bold; color:#ad070d; font-size:12px;} .clear{clear:both; line-height:0px; font-size:0px; height:0px;} .big-text {font-size:15px; font-weight:500; color:#999;} .mid-text {font-size:11px; font-weight:500; color:#999;} .normalTxt {font-family:arial, helvetica, sans-serif; font-size:10px; font-weight:500;} .h3 {font-weight:bold; font-size:11px; color:#A6A6A6;} .shipHead {font-weight:bold; font-size:11px; color:#747272; text-transform:uppercase;} .shipBold {font-weight:bold; font-size:11px;} #hideMarin {display:none; visibility:hidden; text-indent:-999px; z-index:-999;} /* hide Marin tracking pixel so it does not show up on black site background*/ #djhistory {background-color:#FFF; left:-99999px; z-index:-9999;} /* hide Dojo message from Chrome & iPhone/iPad - ensure background-color matches current body bkg color*/ /*404 Error - AppDev Controlled - textual content*/ #error404 {background-color:#FFFFFF; width:982px; height:auto; margin:0px auto;} .error404_content {font-family:arial, helvetica, sans-serif; font-size:14px; width:850px; height:200px; margin:0px auto;} .error404_content h1 {border-bottom:1px dotted #DDD; color:#747272; font-size:15px; padding: 30px 0 9px 0;} /** GLOBAL LAYOUT **/ html {color:#999; font-family:arial, helvetica, sans-serif; font-size:10px; letter-spacing:0.025em; margin:0px; padding:0px;} body {background:#FFFFFF url('/wcsstore/Michele/images/en_US/css/body_bk.png') repeat-x top left; margin:0px; padding:0px;} #container {width:982px; height:auto; margin:0px auto; padding:0px;} #header {width:982px; height:82px; padding:0px;} /*LOGO*/ #site-title {width:133px; height:48px; right:auto; margin:0 auto; padding:13px 0px 9px;} #site-title a {border: none; text-decoration:none; margin:0px; padding:0px;} #site-title a b {display:none; margin:0px; padding:0px;} #site-title a span {display:block; background:transparent url('/wcsstore/Michele/images/en_US/css/logo.png') no-repeat top center; width:133px; height:48px; cursor:pointer; margin:0px; padding:0px;} /* TOP NAVIGATION */ /*#nav {color:#D8D8D8; background-color:#222; width:982px; height:27px; padding:4px 0px; font-weight:bold; text-transform:uppercase; text-decoration:none; white-space:nowrap; display:block; position:relative; top:0px; left:0px; font-family:Arial, Helvetica, sans-serif; font-size:9px;}*/ /*NEW Fall2011*/ #nav {display:block; background:transparent url('/wcsstore/Michele/images/en_US/css/bg_gradientBelowNav.png'); color:#8E8E8E; position:relative; top:0px; left:0px; width:982px; height:34px; font-family:Arial, Helvetica, sans-serif; font-size:9px; font-weight:bold; text-transform:uppercase; text-decoration:none; padding:0px; white-space:nowrap; } /*Winter2011 - New Nav */ #nav_gradientBelow {width:974px; height:4px;} /*NEW HEADER STYLES*/ /*LEFT*/ /*#leftNav {width:399px; height:8px; left:auto; white-space:nowrap; display:block; position:absolute; top:14px; left:0px;}*/ /*Use if Gift Guide is "ON" & Catalog "OFF"*/ /*#leftNav {width:316px; height:8px; left:auto; white-space:nowrap; display:block; position:absolute; top:14px; left:0px;}*/ /*Use if Gift Guide is "OFF" & Catalog "ON"*/ #leftNav {width:242px; height:8px; left:auto; white-space:nowrap; display:block; position:absolute; top:14px; left:0px;} /*Use if Gift Guide is "OFF" & Catalog "OFF"*/ #leftNav div {display: inline;} #leftNav .watches a {display:block; background:url('/wcsstore/Michele/images/en_US/common/header/watches.gif') top left no-repeat; width:48px; height:8px; position:absolute; top:0px; left:10px;} #leftNav .straps a {display:block; background:url('/wcsstore/Michele/images/en_US/common/header/straps.gif') top left no-repeat; width: 36px; height: 8px; position:absolute; top:0px; left:83px;} #leftNav .new_arrivals a {display:block; background:url('/wcsstore/Michele/images/en_US/common/header/newarrivals.gif') top left no-repeat; width:74px; height:8px; position:absolute; top:0px; left:144px;} #leftNav .hidden a {display:block; background:url('/wcsstore/Michele/images/en_US/common/header/hidden.gif') top left no-repeat; width:1px; height:1px; display:none; position:absolute; top:0px; left:240px;} #leftNav .giftguide a {display:block; background:url('/wcsstore/Michele/images/en_US/common/header/giftguide.gif') top left no-repeat; width:59px; height:8px; position:absolute; top:0px; left:242px;} #leftNav .sale a {display:block; background:url('/wcsstore/Michele/images/en_US/common/header/sale.gif') top left no-repeat; width:59px; height:8px; position:absolute; top:0px; left:260px;} .ieFloatFix .addHeader-left {display:block; width: 49px; height:8px; position:absolute; top:14px; left:325px; text-indent:-9999px;} /*Use if Gift Guide is "ON"*/ /*.ieFloatFix .addHeader-left {display:block; width: 49px; height:8px; position:absolute; top:14px; left:242px; text-indent:-9999px;} */ /*Use if Gift Guide is "OFF"*/ .ieFloatFix .addHeader-left .topNav_catalog a {display:block; background:url('/wcsstore/Michele/images/en_US/common/header/catalog.gif') top left no-repeat; width:49px; height:8px; position:absolute; top:0px; left:0px;} #leftNav .watches a, #leftNav .straps a, #leftNav .new_arrivals a, #leftNav .hidden a, #leftNav .giftguide a, #leftNav .sale a, .ieFloatFix .topNav_catalog a { color:#8E8E8E; line-height:0px; text-indent:-9999px; text-decoration:none; } #leftNav .watches a:link, #leftNav .straps a:link, #leftNav .new_arrivals a:link, #leftNav .hidden a:link, #leftNav .giftguide a:link, #leftNav .sale a:link, .ieFloatFix .topNav_catalog a:link { color:#8E8E8E; line-height:0px; text-indent:-9999px; text-decoration:none; } #leftNav .topNavSelected a:link, #leftNav .topNavSelected a:visited, #leftNav .topNavSelected a:hover, #leftNav .topNavSelected a:active {background-position: bottom left; line-height:0px; text-indent:-9999px; text-decoration:none;} #leftNav .watches a:hover, #leftNav .straps a:hover, #leftNav .new_arrivals a:hover, #leftNav .hidden a:hover, #leftNav .giftguide a:hover, #leftNav .sale a:hover, .ieFloatFix .topNav_catalog a:hover {background-position: bottom left; color:#666666;} /* CENTER NAV - Added CATALOG Link */ #nav .ieFloatFix {float:none;} /*Forces floating Catalog link in Top Nav to align properly in IE*/ /* RIGHT SIDE NAV */ /*NEW RIGHT*/ #rightNav {width:583px; height:8px; display:block; position:absolute; top:14px; left:399px;} /* Use if Gift Guide is "ON" & Catalog "ON" */ /*#rightNav {width:666px; height:8px; display:block; position:absolute; top:14px; left:316px;} */ /* Use if Gift Guide is "OFF" & Catalog "ON" */ /*#rightNav {width:740px; height:8px; display:block; position:absolute; top:14px; left:242px;} */ /* Use if Gift Guide is "OFF" & Catalog "OFF" */ #rightNav div {display: inline;} #rightNav .nav_build {display:block; width:157px; height:8px; position:absolute; top:0px; left:0px;} #rightNav .nav_build a {display:block; background:url('/wcsstore/Michele/images/en_US/common/header/nav_build.gif') top left no-repeat; color:#8E8E8E; width:157px; height:8px; position:absolute; top:0px; left:0px;} /*SEARCH*/ #header_search { /*position:absolute; top:35px; left:680px; z-index:3;*/ } #header_search form {margin:0px; padding:0px;} /* Search Text */ #rightNav .shell_search_field { position:absolute; top:-11px; /*left:230px;*/ /*Use if Gift Guide is "ON"*/ /*left:313px;*/ /*Use if Gift Guide is "OFF"*/ right:159px; width: 192px; height: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #777777; background-color:#F1F1F1; border: #D6D6D6 1px solid; border-bottom:#F1F1F1 1px solid; margin:5px 0px 0px 0px; text-indent:10px; z-index:3; } #rightNav #header_go_btn { position:absolute; top:-6px; /*left:424px;*/ /*Use if Gift Guide is "ON"*/ /*left:506px;*/ /*Use if Gift Guide is "OFF"*/ right:133px; width:26px; height:19px; font-size:9px; z-index:3; } #header_go_btn img {width:26px; height:19px;} /* Shopping CART*/ #AjaxMiniCart {color:#8E8E8E; display:inline;} /*New Shopping Cart*/ /*#rightNav .cart-link #AjaxMiniCart {display:block; font-weight:bold; text-decoration:none; width:97px; height:8px; text-indent:-999px; text-align:right; position:absolute; top:0px; left:461px;}*/ /*Use if Gift Guide is "ON"*/ /*#rightNav .cart-link #AjaxMiniCart {display:block; font-weight:bold; text-decoration:none; width:97px; height:8px; text-indent:-999px; text-align:right; position:absolute; top:0px; left:544px;}*/ /*Use if Gift Guide is "OFF"*/ #rightNav .cart-link #AjaxMiniCart {display:block; position:absolute; top:0px; right:20px; width:97px; height:8px; font-weight:bold; text-align:right; text-indent:-999px;} #rightNav .cart-link #AjaxMiniCart a {display:block; background:transparent url('/wcsstore/Michele/images/en_US/common/header/nav_shop_bag.gif') top left no-repeat; width:97px; height:8px; position:absolute; top:0px; left:0px; line-height:6px; margin-top:0px auto; text-decoration:none;} #rightNav .cart-link #AjaxMiniCart a, #rightNav .nav_build a {text-indent:-9999px; text-decoration:none; font-size:10px; letter-spacing:-0.050em;} #rightNav .cart-link #AjaxMiniCart a:link, #rightNav .nav_build a:link { text-indent:-9999px; text-decoration:none; color:#8E8E8E;} #rightNav .topNavSelected a:link, #rightNav .topNavSelected a:visited, #rightNav .topNavSelected a:hover, #rightNav .topNavSelected a:active {background-position: bottom left; text-indent:-9999px; text-decoration:none;}/* color:#F1F1F1;*/ #rightNav .cart-link #AjaxMiniCart.topNavSelected a:link, #rightNav .cart-link #AjaxMiniCart.topNavSelected a:visited, #rightNav .cart-link #AjaxMiniCart.topNavSelected a:hover, #rightNav .cart-link #AjaxMiniCart.topNavSelected a:active {background-position: bottom left; }/*color:#F1F1F1;*/ #rightNav .cart-link #AjaxMiniCart a:hover, #rightNav .nav_build a:hover {background-position: bottom left; color:#666666;} /* Main Page Content */ #content-area {background-color:#FFF; width:982px; height:auto; clear:both;} /*Main Content on Homepage or Category Page as Flash Animation*/ #flash {text-align:center; overflow:hidden;} #flash_video {width:824px; height:584px; padding:0px; overflow:hidden; display:block; background-color:#FFF;} #flash_sale {width:824px; height:584px; overflow:hidden;} /*HOMEPAGE*/ #fadeshow1 {width:982px; height:743px;} /*#fadeHP {width:982px; height:743px;} .homePage {width:982px; height:743px; overflow:hidden; border:none; padding-bottom:0; margin-bottom:0;}*/ #customer-care p {font-size:10.5px} #customer-care li {font-size:10.5px} #error-area {text-align:center;} #error-area p {background:#ad070d; color:#000; margin:10px 0; padding:10px;} /*FOOTER*/ #footer {background-color:#ffffff; width:982px; height:145px; clear:both; left:auto; text-align:center; letter-spacing:-0.03em; margin:0 auto; padding:0; vertical-align:text-top;} #footer div {background-color:#ffffff; width:982px; color:#8E8E8E; font-weight:bold; text-align:center; text-transform:uppercase; margin:0;} /*SHIPPING: Choose appropriate Div to show on SHIPPING PAGE & Proper Img in FOOTER: Display:inline = ON; Display:none = OFF - ONLY ONE should be ON at a time */ .Ship-StdOver250, .Ship-StdOver100, .Ship-StdAll, .Ship-OverNight250, .Ship-OverNight250MD, .Ship-OverNight100, .Ship-OverNightAll{display:none;white-space:nowrap;} .Ship-StdOver250{} /* Free STANDARD OVER $250 - DEFAULT MESSAGE - ship_Std_250.gif */ .Ship-StdOver100{} /* Free STANDARD OVER $100 - ship_Std_100.gif */ .Ship-StdAll{display:block;} /* Free STANDARD ALL Orders - ship_Std_All.gif */ .Ship-StdAll .red{display:none;} .Ship-StdAll .grey{} .Ship-OverNight250{} /* Free OVERNIGHT OVER $250 - DEFAULT PROMO MESSAGE - ship_Overnight_250.gif */ .Ship-OverNight250MD{} /* Free OVERNIGHT OVER $250 - Special Messaging - Mother's Day - ship_Overnight_250MD.gif */ .Ship-OverNight100{} /* Free OVERNIGHT OVER $100 - ship_Overnight_100.gif */ .Ship-OverNightAll{} /* Free OVERNIGHT ALL Orders - ship_Overnight_All.gif */ #footer .footBkg {width:982px; height:145px; margin:10px 0px 0px 0px; padding:10px 0px 0px 0px; white-space:nowrap;} #footer .footBkg #footerDiv #footLinks, #footer .footBkg #footerDiv #footLinks a img {vertical-align:text-top;} #footer .footBkg #footerDiv #footLinks a {display:block; color:#8E8E8E; font-size:9px; text-decoration:none;} #footer a:hover, .footBkg a:hover, #footer a.selected {color:#666;} #footerDiv {display:block; background-color:#ffffff; position:relative; top:0px; left:0px; width:982px; height:24px; border:none; padding-bottom:30px;} #footLinks {display:inline; position:absolute; top:8px; left:0px; width:982px; height:8px;} #footer #shipMsg {color:#666666; font-size:11px; font-weight:300; letter-spacing:0.03em; text-align:center; margin:0px 0px 0px 0px; padding:0px;} #shipMsg a {color:#000; text-decoration:none;} #footer .copyright {color:#999999; left:auto; font-size:9px; font-weight:300; letter-spacing:0.04em; text-align:center; text-transform:capitalize; margin:0px 13px 0px 0px; padding:5px 0px 30px 0px;} .footerTxt {margin:0px 13px 0px 13px;} .footerTxtLast {margin:0px 0px 0px 13px;} .copyright a {color:#999999; text-decoration:none;} .copyright a:hover {color:#777777;} .nav_contact, .nav_cc, .nav_retail_locator, .nav_wom, .nav_trunk_shows, .nav_size_guide, .nav_catalog, .nav_email, .nav_signup {position:absolute; text-indent:-9999px;} .nav_contact { display:inline; background:url('/wcsstore/Michele/images/en_US/common/footer/nav_contact_us.png') top left no-repeat; top:0px; /*left:156px;*/ /*if email & catalog sign-up combined*/ left:78px; /*with Size Guide turned on*/ /*left:117px;*/ /*with Size Guide turned off*/ width:64px; height:8px; } .nav_cc { display:inline; background:url('/wcsstore/Michele/images/en_US/common/footer/nav_cc.png') top left no-repeat; top:0px; /*left:244px;*/ /*if email & catalog sign-up combined*/ left:166px; /*with Size Guide turned on*/ /*left:206px;*/ /*with Size Guide turned off*/ width:86px; height:8px; } .nav_retail_locator { display:inline; background:url('/wcsstore/Michele/images/en_US/common/footer/nav_locator.png') top left no-repeat; top:0px; /*left:356px;*/ /*if email & catalog sign-up combined*/ left:277px; /*with Size Guide turned on*/ /*left:316px;*/ /*with Size Guide turned off*/ width:89px; height:8px; } .nav_wom { display:inline; background:url('/wcsstore/Michele/images/en_US/common/footer/nav_wom.png') top left no-repeat; top:0px; /*left:468px;*/ /*if email & catalog sign-up combined*/ left:391px; /*with Size Guide turned on*/ /*left:428px;*/ /*with Size Guide turned off*/ width:103px; height:8px; } .nav_trunk_shows { display:inline; background:url('/wcsstore/Michele/images/en_US/common/footer/nav_trunk_shows.png') top left no-repeat; top:0px; /*left:597px;*/ /*if email & catalog sign-up combined*/ left:519px; /*with Size Guide turned on*/ /*left:556px;*/ /*with Size Guide turned off*/ width:74px; height:8px; } .nav_size_guide { display:inline; /*display:none;*/ background:url('/wcsstore/Michele/images/en_US/common/footer/nav_size_guide.png') top left no-repeat; top:0px; /*left:695px;*/ /*if email & catalog sign-up combined*/ left:615px; width:60px; height:8px; } /*if email and catalog signup forms are combined*/ .nav_signup { /*display:inline;*/ display:none; background:url('/wcsstore/Michele/images/en_US/common/footer/nav_signup.png') top left no-repeat; position:absolute; top:0px; left:738px; width:42px; height:8px; } .nav_catalog { display:inline; background:url('/wcsstore/Michele/images/en_US/common/footer/nav_catalog_signup.png') top left no-repeat; position:absolute; top:0px; /*left:779px;*/ /*if email & catalog sign-up combined*/ left:700px; /*with Size Guide turned on*/ /*left:654px;*/ /*with Size Guide turned off*/ width:95px; height:8px; } .nav_email { display:inline; background:url('/wcsstore/Michele/images/en_US/common/footer/nav_email_signup.png') top left no-repeat; position:absolute; top:0px; /*left:885px;*/ /*if email & catalog sign-up combined*/ left:820px ; /*with Size Guide turned on*/ /*left:774px;*/ /*with Size Guide turned off*/ width:78px; height:8px; } .nav_contact, .nav_cc, .nav_retail_locator, .nav_wom, .nav_trunk_shows, .nav_size_guide, .nav_catalog, .nav_email, .nav_signup { padding:0; margin:0; border:none; } a.nav_contact, a.nav_cc, a.nav_retail_locator, a.nav_wom, a.nav_trunk_shows, a.nav_size_guide, a.nav_catalog, a.nav_email, a.nav_signup { display:block; line-height:0px; text-indent:-9999px; color:#8E8E8E; font-family: Arial, Helvetica, sans-serif; font-size:9px; font-weight:normal; letter-spacing:1.3px; text-decoration:none; background-position:top left; } /*.nav_contact:link, .nav_cc:link, .nav_retail_locator:link, .nav_wom:link, .nav_trunk_shows:link, .nav_size_guide:link, .nav_catalog:link, .nav_email:link, .nav_signup:link { display:block; line-height:0px; text-indent:-9999px; color:#8E8E8E; font-family: Arial, Helvetica, sans-serif; font-size:9px; font-weight:normal; letter-spacing:1.3px; text-decoration:none; }*/ /*.nav_contact:visited, .nav_cc:visited, .nav_retail_locator:visited, .nav_wom:visited, .nav_trunk_shows:visited, .nav_size_guide:visited, .nav_catalog:visited, .nav_email:visited, .nav_signup:visited { display:block; line-height:0px; text-indent:-9999px; color:#8E8E8E; }*/ a.nav_contact:hover, a.nav_cc:hover, a.nav_retail_locator:hover, a.nav_wom:hover, a.nav_trunk_shows:hover, a.nav_size_guide:hover, a.nav_catalog:hover, a.nav_email:hover, a.nav_signup:hover { background-position: bottom left; text-indent:-9999px; } /*.nav_contact:active, .nav_cc:active, .nav_retail_locator:active, .nav_wom:active, .nav_trunk_shows:active, .nav_size_guide:active, .nav_catalog:active, .nav_email:active, .nav_signup:active { background-position: top right; text-indent:-9999px; }*/