/* CSS Document */ *{margin:0; padding:0;} /*remove all margins */ p {margin-bottom:10px;} body.on-off {background:#000000; margin:0; padding:0; } .red {color:#ff0000;} .strikethrough { text-decoration:line-through;} .on-off #divBody {background:#000000; } .on-off #divHeader #ulMainNav li a:link, .on-off #divHeader #ulMainNav li a:visited, .on-off #divHeader #ulShopping li a:link, .on-off #divHeader #ulShopping li a:visited, .on-off #divFooter #ulFooterNav li a:link, .on-off #divFooter #ulFooterNav li a:visited { color:#e2d879; text-decoration : none; } .on-off #divHeader #ulMainNav li a:active, .on-off #divHeader #ulMainNav li a:hover, .on-off #divHeader #ulShopping li a:active, .on-off #divHeader #ulShopping li a:hover { color : #ed008c; text-decoration : none; } .on-off #divHeader #ulShopping li a:link span, .on-off #divHeader #ulShopping li a:visited span, .on-off #divHeader #ulShopping li a:active span, .on-off #divHeader .on-off #ulShopping li a:hover span { color: #ffffff; } .on-off #divFooter #ulFooterNav li a:active, .on-off #divFooter #ulFooterNav li a:hover { color:#ed008c; text-decoration:none; } .on-off #divHeader #ulMainNav li.department a span.oli {background:url(../PIX/on-off/oli-nav-insert.gif) no-repeat left 1px; } .on-off #divHeader #ulMainNav li.department a:active span.oli, .on-off #divHeader #ulMainNav li.department a:hover span.oli { background-position : right 1px; } .on-off #divPage, .on-off #divFooter { border-color:#e2d879;} .onOffSearchFor {color:#e2d879;} .on-off #divFooter .copy {color : #ed008c;} .on-off #divHeader #divSearch fieldset input.submit { background : transparent url(../PIX/on-off/btn-search.gif) no-repeat center top; } /**************************************************/ /*----------------- MAIN CONTENT ------------------*/ /**************************************************/ /*--------------------homepage ------------------*/ .on-off #divContentOnOff {background:#000000; width:944px;font-size:1.2em; line-height:1.6em; color:#ffffff;} .on-off #divContentOnOff #onOffMainContent {width:794px; height:1610px;float:right; background:#000000; position:relative; border-left:1px solid #e2d879; } .on-off #divContentOnOff ul#onOffHomepage {list-style-type:none;} .on-off #divContentOnOff ul#homepage-rightimages {width:220px; height:1680px; position:absolute; right:0; top:10px; list-style-type:none;} .on-off #divContentOnOff ul#homepage-rightimages li {margin-bottom:30px;} .on-off #divContentOnOff ul#onOffHomepage li.home-intro {position:absolute; left:20px; top:10px; width:483px; height:227px; padding:10px; background:url(../PIX/on-off/bg-homepage.gif) no-repeat top left;} .on-off #divContentOnOff ul#onOffHomepage li.home-intro .btn-visitboutique {float:right; clear:both; margin-right:10px;} .on-off #divContentOnOff ul#onOffHomepage li.home-intro .btn-visitboutique a {display:block; width:245px; height:24px; background:url(../PIX/on-off/btn-visit-boutique.gif) no-repeat top left; text-indent:-99999px;} .on-off #divContentOnOff ul#onOffHomepage li.home-intro .btn-visitboutique a:hover {background-position:-245px;} .btn-readmore {float:right; clear:both; margin-right:20px;} .btn-readmore a { width:89px; height:18px; display:block; background:url(../PIX/on-off/btn-readmore.gif) no-repeat top left; text-indent:-9999px;} .btn-readmore a:hover {background-position:-89px;} .on-off #divContentOnOff ul#onOffHomepage li.home-aimee {width:365px; padding:40px 30px 20px 175px; height:120px; background:url(../PIX/on-off/homepage-aimee.gif) no-repeat top left; position:absolute; top:270px; left:20px;} .on-off #divContentOnOff ul#onOffHomepage li.home-claudine {width:365px; padding:40px 30px 20px 175px; height:120px; background:url(../PIX/on-off/homepage-claudine.gif) no-repeat top left; position:absolute; top:420px; left:20px;} .on-off #divContentOnOff ul#onOffHomepage li.home-deryck {width:365px; padding:40px 30px 20px 175px; height:120px; background:url(../PIX/on-off/homepage-deryck.gif) no-repeat top left; position:absolute; top:560px; left:20px;} .on-off #divContentOnOff ul#onOffHomepage li.home-hemyca {width:365px; padding:40px 30px 20px 175px; height:120px; background:url(../PIX/on-off/homepage-hemyca.gif) no-repeat top left; position:absolute; top:740px; left:20px;} .on-off #divContentOnOff ul#onOffHomepage li.home-richard {width:365px; padding:40px 30px 20px 175px; height:120px; background:url(../PIX/on-off/homepage-richard.gif) no-repeat top left; position:absolute; top:910px; left:20px;} .on-off #divContentOnOff ul#onOffHomepage li.home-rizvi {width:365px; padding:40px 30px 20px 175px; height:120px; background:url(../PIX/on-off/homepage-rizvi.gif) no-repeat top left; position:absolute; top:1075px; left:20px;} .on-off #divContentOnOff ul#onOffHomepage li.home-steph {width:365px; padding:40px 30px 20px 175px; height:120px; background:url(../PIX/on-off/homepage-steph.gif) no-repeat top left; position:absolute; top:1255px; left:20px;} .on-off #divContentOnOff ul#onOffHomepage li.home-yuchi {width:365px; padding:40px 30px 20px 175px; height:120px; background:url(../PIX/on-off/homepage-yuchi.gif) no-repeat top left; position:absolute; top:1425px; left:20px;} /*--------------------designer profile-----------*/ .on-off #divContentOnOff #onOffMainContentDesignerProfile ul#onOffDesigners h1 {background:url(../PIX/on-off/hd-designer-profile.jpg) no-repeat top left; width:207px; height:109px;text-indent:-99999px; } .on-off #divContentOnOff #onOffMainContentDesignerProfile {width:794px; height:963px;float:right; background:#000000; position:relative; border-left:1px solid #e2d879; } .on-off #onOffMainContentDesignerProfile ul#onOffDesigners li.onoff-designers-description {width:479px; height:488px; padding:25px; background:url(../PIX/on-off/bg-profiles.gif) no-repeat top left; position:absolute; left:20px; top: 300px; line-height:1.6em; font-size:1.2em;} .on-off #onOffMainContentDesignerProfile ul#onOffDesigners li.onoff-designers-description-claudine {width:720px; height:274px; padding:20px; background:url(../PIX/on-off/bg-stretched.gif) no-repeat top left; position:absolute; left:20px; top: 300px; line-height:1.6em; font-size:1.2em;} .on-off #onOffMainContentDesignerProfile ul#onOffDesigners li.profile-links { width:794px; height:200px; position:absolute; top:360px; left:10px; z-indez:10; z-index: 100; } .on-off #onOffMainContent ul#onOffContent li.profile-links { width:794px; height:200px; position:absolute; top:460px; left:10px; z-indez:10; z-index: 100; } .on-off #onOffMainContentDesignerProfile ul#onOffDesigners li.profile-imgs {width:595px; height:345px; position:absolute; right:0; top:10px;} .on-off #onOffMainContentDesignerProfile ul#onOffDesigners li.profile-imgs-side {width:207px; height:400px; position:absolute; top:370px; right:0;} .on-off #onOffMainContentDesignerProfile ul#onOffDesigners { list-style-type:none;} .on-off #onOffMainContentDesignerProfile ul#onOffDesigners li.onoff-designers-aimee {width:165px; height:166px; background:url(../PIX/on-off/img-profile-aimee.gif) no-repeat top left; position:absolute; left:20px; top: 10px;} .on-off #onOffMainContentDesignerProfile ul#onOffDesigners li.onoff-designers-deryck {width:162px; height:195px; background:url(../PIX/on-off/img-profile-deryck.gif) no-repeat top left; position:absolute; left:20px; top: 10px;} .on-off #onOffMainContentDesignerProfile ul#onOffDesigners li.onoff-designers-hemyca {width:185px; height:264px; background:url(../PIX/on-off/img-profile-hemyca.gif) no-repeat top left; position:absolute; left:20px; top: 10px;} .on-off #onOffMainContentDesignerProfile ul#onOffDesigners li.onoff-designers-richard {width:185px; height:277px; background:url(../PIX/on-off/img-profile-richard.gif) no-repeat top left; position:absolute; left:20px; top: 10px;} .on-off #onOffMainContentDesignerProfile ul#onOffDesigners li.onoff-designers-rizvi {width:169px; height:239px; background:url(../PIX/on-off/img-profile-rizvi.gif) no-repeat top left; position:absolute; left:20px; top: 10px;} .on-off #onOffMainContentDesignerProfile ul#onOffDesigners li.onoff-designers-steph {width:212px; height:273px; background:url(../PIX/on-off/img-profile-steph.gif) no-repeat top left; position:absolute; left:20px; top: 10px;} .on-off #onOffMainContentDesignerProfile ul#onOffDesigners li.onoff-designers-yuchi {width:219px; height:235px; background:url(../PIX/on-off/img-profile-yuchi.gif) no-repeat top left; position:absolute; left:20px; top: 10px;} .on-off #onOffMainContentDesignerProfile ul#onOffDesigners li.onoff-designers-claudine {width:219px; height:235px; background:url(../PIX/on-off/img-profile-claudine.gif) no-repeat top left; position:absolute; left:20px; top: 10px;} .on-off #onOffMainContentDesignerProfile ul#onOffDesigners li.onoff-btn-homepage a {position:absolute; left:20px; top:850px; width:333px; height:33px; display:block; background:url(../PIX/on-off/btn-back-to-homepage.jpg) no-repeat top left; text-indent:-99999px;} .on-off #onOffMainContentDesignerProfile ul#onOffDesigners li.onoff-btn-homepage a:hover {background-position:-333px;} .on-off #onOffMainContentDesignerProfile ul#onOffDesigners li.onoff-btn-aimee a {position:absolute; left:20px; top:910px; width:710px; height:33px; display:block; background:url(../PIX/on-off/btn-buy-aimee.jpg) no-repeat top left; text-indent:-99999px;} .on-off #onOffMainContentDesignerProfile ul#onOffDesigners li.onoff-btn-aimee a:hover {background-position:-710px;} .on-off #onOffMainContentDesignerProfile ul#onOffDesigners li.onoff-btn-claudine a {position:absolute; left:20px; top:910px; width:710px; height:33px; display:block; background:url(../PIX/on-off/btn-buy-claudine.jpg) no-repeat top left; text-indent:-99999px;} .on-off #onOffMainContentDesignerProfile ul#onOffDesigners li.onoff-btn-claudine a:hover {background-position:-710px;} .on-off #onOffMainContentDesignerProfile ul#onOffDesigners li.onoff-btn-deryck a {position:absolute; left:20px; top:910px; width:710px; height:33px; display:block; background:url(../PIX/on-off/btn-buy-deryck.jpg) no-repeat top left; text-indent:-99999px;} .on-off #onOffMainContentDesignerProfile ul#onOffDesigners li.onoff-btn-deryck a:hover {background-position:-710px;} .on-off #onOffMainContentDesignerProfile ul#onOffDesigners li.onoff-btn-hemyca a {position:absolute; left:20px; top:910px; width:710px; height:33px; display:block; background:url(../PIX/on-off/btn-buy-hemyca.jpg) no-repeat top left; text-indent:-99999px;} .on-off #onOffMainContentDesignerProfile ul#onOffDesigners li.onoff-btn-hemyca a:hover {background-position:-710px;} .on-off #onOffMainContentDesignerProfile ul#onOffDesigners li.onoff-btn-richard a {position:absolute; left:20px; top:910px; width:710px; height:33px; display:block; background:url(../PIX/on-off/btn-buy-richard.jpg) no-repeat top left; text-indent:-99999px;} .on-off #onOffMainContentDesignerProfile ul#onOffDesigners li.onoff-btn-richard a:hover {background-position:-710px;} .on-off #onOffMainContentDesignerProfile ul#onOffDesigners li.onoff-btn-rizvi a {position:absolute; left:20px; top:910px; width:710px; height:33px; display:block; background:url(../PIX/on-off/btn-buy-rizvi.jpg) no-repeat top left; text-indent:-99999px;} .on-off #onOffMainContentDesignerProfile ul#onOffDesigners li.onoff-btn-rizvi a:hover {background-position:-710px;} .on-off #onOffMainContentDesignerProfile ul#onOffDesigners li.onoff-btn-steph a {position:absolute; left:20px; top:910px; width:710px; height:33px; display:block; background:url(../PIX/on-off/btn-buy-steph.jpg) no-repeat top left; text-indent:-99999px;} .on-off #onOffMainContentDesignerProfile ul#onOffDesigners li.onoff-btn-steph a:hover {background-position:-710px;} .on-off #onOffMainContentDesignerProfile ul#onOffDesigners li.onoff-btn-yuchi a {position:absolute; left:20px; top:910px; width:710px; height:33px; display:block; background:url(../PIX/on-off/btn-buy-yuchi.jpg) no-repeat top left; text-indent:-99999px;} .on-off #onOffMainContentDesignerProfile ul#onOffDesigners li.onoff-btn-yuchi a:hover {background-position:-710px;} /*-------------------- product pages -----------*/ h1.aimee {background:url(../PIX/on-off/hd-aimee.gif) no-repeat top left; text-indent:-9999px; width:229px; height:36px; margin-bottom:5px;} h1.claudine {background:url(../PIX/on-off/hd-claudine.gif) no-repeat top left; text-indent:-9999px; width:229px; height:36px; margin-bottom:5px;} h1.deryck {background:url(../PIX/on-off/hd-deryck.gif) no-repeat top left; text-indent:-9999px; width:229px; height:36px; margin-bottom:5px;} h1.hemyca {background:url(../PIX/on-off/hd-hemyca.gif) no-repeat top left; text-indent:-9999px; width:229px; height:36px; margin-bottom:5px;} h1.richard {background:url(../PIX/on-off/hd-richard.gif) no-repeat top left; text-indent:-9999px; width:229px; height:36px; margin-bottom:5px;} h1.rizvi {background:url(../PIX/on-off/hd-rizvi.gif) no-repeat top left; text-indent:-9999px; width:229px; height:36px; margin-bottom:5px;} h1.steph {background:url(../PIX/on-off/hd-steph.gif) no-repeat top left; text-indent:-9999px; width:229px; height:36px; margin-bottom:5px;} h1.yuchi {background:url(../PIX/on-off/hd-yuchi.gif) no-repeat top left; text-indent:-9999px; width:229px; height:36px; margin-bottom:5px;} .on-off #divContentOnOff #onOffMainContentProducts .onOffproductsIntro { width:599px; height:106px; padding:10px 20px 20px 20px;background:url(../PIX/on-off/bg-prod-pages-hd.gif) no-repeat top left; position:absolute; top:10px; left:20px;} .on-off #divContentOnOff #onOffMainContentProducts .onOffProductsImg {width:138px; height:140px; position:absolute; right:0; top:0;} .on-off #divContentOnOff #onOffMainContentProducts {width:794px; height:770px;float:right; background:#000000; position:relative; border-left:1px solid #e2d879; } .on-off #divContentOnOff #onOffMainContentProducts ul#onOffProducts {list-style-type:none;} .on-off #divContentOnOff #onOffMainContentProducts ul#onOffProducts li.on-off-products { width:794px; position:absolute; top:160px; left:20px; } .on-off #divContentOnOff #onOffMainContentProducts ul#onOffProducts li.on-off-products .on-off-products-holder, .on-off #divContentOnOff #onOffMainContentFullCollection ul#onOffProducts li.on-off-products .on-off-products-holder {position:relative;width:192px; height:293px; background:url(../PIX/on-off/bg-products.gif) no-repeat top left; float:left; padding-right:5px; padding-bottom:20px; line-height:1.2em;} .on-off #divContentOnOff #onOffMainContentProducts ul#onOffProducts li.on-off-products .on-off-product-pic, .on-off #divContentOnOff #onOffMainContentFullCollection ul#onOffProducts li.on-off-products .on-off-product-pic {position: absolute; top:15px; left:22px;} .on-off #divContentOnOff #onOffMainContentProducts ul#onOffProducts li.on-off-products .on-off-prod-desc, .on-off #divContentOnOff #onOffMainContentFullCollection ul#onOffProducts li.on-off-products .on-off-prod-desc {position: absolute; top:190px; left:29px; color:#000000; font-size:1.0em; width: 140px; text-align:center;} .on-off #divContentOnOff #onOffMainContentProducts ul#onOffProducts li.on-off-products .on-off-prod-price, .on-off #divContentOnOff #onOffMainContentFullCollection ul#onOffProducts li.on-off-products .on-off-prod-price {position: absolute; top:240px; left:15px; color:#ed008c; font-size:1.0em;} .on-off #divContentOnOff #onOffMainContentProducts ul#onOffProducts li.on-off-products .on-off-prod-view, .on-off #divContentOnOff #onOffMainContentFullCollection ul#onOffProducts li.on-off-products .on-off-prod-view {position: absolute; top:260px; right:42px; width:44px; height:11px; background:url(../PIX/on-off/btn-view.jpg) no-repeat top left;} .on-off #divContentOnOff #onOffMainContentProducts ul#onOffProducts li.on-off-products .on-off-prod-view a, .on-off #divContentOnOff #onOffMainContentFullCollection ul#onOffProducts li.on-off-products .on-off-prod-view a {width:44px; height:11px; display:block; text-indent:-99999px;} .on-off #divContentOnOff #onOffMainContentFullCollection {width:794px; height:3120px;float:right; background:#000000; position:relative; border-left:1px solid #e2d879; } .on-off #divContentOnOff #onOffMainContentFullCollection ul#onOffProducts li.on-off-products { width:794px; position:absolute; top:10px; left:20px; list-style-type:none;} /**************************************************/ /*----------------- LEFT NAV ---------------------*/ /**************************************************/ .on-off #divContentOnOff #onOffLeftColumn {width: 149px; z-index:100000; float:left; background:#000000;} .on-off #divContentOnOff #onOffLeftColumn h1 { width:129px; height:22px; text-indent:-99999px; background:url(../PIX/on-off/hd-shop-by.jpg) no-repeat top left; border-bottom:1px solid #ffffff;} #onOffLeftColumn ul {z-index:100000;} #onOffLeftColumn ul li { list-style-type:none; width:129px; height:30px; } #onOffLeftColumn ul a { display:block; text-indent:-99999px;} a:sctive onOffLeftColumn a:active { outline: none; } #onOffLeftColumn ul li.liaimee a { background:url(../PIX/on-off/navAimee.jpg) no-repeat top left; width:129px; height:30px;} #onOffLeftColumn ul li.liclaudine a { background:url(../PIX/on-off/navClaudine.jpg) no-repeat top left; width:129px; height:30px;} #onOffLeftColumn ul li.lideryck a { background:url(../PIX/on-off/navDeryck.jpg) no-repeat top left; width:129px; height:30px;} #onOffLeftColumn ul li.lihemyca a { background:url(../PIX/on-off/navHemyca.jpg) no-repeat top left; width:129px; height:30px;} #onOffLeftColumn ul li.lirichard a { background:url(../PIX/on-off/navRichard.jpg) no-repeat top left; width:129px; height:30px;} #onOffLeftColumn ul li.lirizvi a { background:url(../PIX/on-off/navRizvi.jpg) no-repeat top left; width:129px; height:30px;} #onOffLeftColumn ul li.listeph a { background:url(../PIX/on-off/navSteph.jpg) no-repeat top left; width:129px; height:30px;} #onOffLeftColumn ul li.liyuchi a { background:url(../PIX/on-off/navYuchi.jpg) no-repeat top left; width:129px; height:30px;} #onOffLeftColumn ul li a:hover { background-position:-129px 0;} /**************************************************/ /*----------------- LEFT NAV PROFILE ---------------------*/ /**************************************************/ ul#profileNav {list-style-type:none; position:relative;} ul#profileNav li { margin-bottom:3px;} ul#profileNav li.profileaimee { background:url(../PIX/on-off/nav-profile-aimee.jpg) no-repeat top left; display:block; width:128px; height:118px; position:relative;text-indent:-99999px;} ul#profileNav li.profileclaudine { background:url(../PIX/on-off/nav-profile-claudine.jpg) no-repeat top left; display:block; width:128px; height:118px; position:relative;text-indent:-99999px;} ul#profileNav li.profilederyck { background:url(../PIX/on-off/nav-profile-deryck.jpg) no-repeat top left; display:block; width:128px; height:118px; position:relative;text-indent:-99999px;} ul#profileNav li.profilehemyca { background:url(../PIX/on-off/nav-profile-hemyca.jpg) no-repeat top left; display:block; width:128px; height:118px; position:relative;text-indent:-99999px;} ul#profileNav li.profilerichard {background:url(../PIX/on-off/nav-profile-richard.jpg) no-repeat top left; display:block; width:128px; height:118px; position:relative;text-indent:-99999px;} ul#profileNav li.profilerizvi { background:url(../PIX/on-off/nav-profile-rizvi.jpg) no-repeat top left; display:block; width:128px; height:118px; position:relative;text-indent:-99999px;} ul#profileNav li.profilesteph { background:url(../PIX/on-off/nav-profile-steph.jpg) no-repeat top left; display:block; width:128px; height:118px; position:relative;text-indent:-99999px;} ul#profileNav li.profileyuchi { background:url(../PIX/on-off/nav-profile-yuchi.jpg) no-repeat top left; display:block; width:128px; height:118px; position:relative;text-indent:-99999px;} #profileSubNav {height:30px; width:115px; } #profileSubNav li { list-style-type:none; width:115px; height:11px; } #profileSubNav a { display:block; text-indent:-99999px;} a:sctive #profileSubNav a:active { outline: none; } #profileSubNav li.liprofile a { background:url(../PIX/on-off/btn-view-profile.jpg) no-repeat top left; width:115px; height:11px; margin-bottom:3px;position:absolute; bottom:14px; left:4px;} #profileSubNav li.libuy a { background:url(../PIX/on-off/btn-buy-collection.jpg) no-repeat top left; width:115px; height:11px; margin-bottom:0; position:absolute; bottom:3px; left:4px;} #profileSubNav li.liprofile a:hover, #profileSubNav li.libuy a:hover { background-position:-116px 0;}