/* Ylang23 Main StyleSheets by CLANG - InSite Interactive A. Meyer Reset Reloaded B. Global Styles C. Overall Page Layout 1. Utility Nav 2. Main Navigation 3. Subheader 4. Subpage Layout 5. Footer D. Misc Pages 1. Homepage 2. Shop Page 3. Shopping Bag 4. Designer Pages 5. Joanne's Eye Pages 6. Picture This (aka Scene@23; aka Gallery) 7. Customer Care 8. About YLANG|23 9. News & Events 10. Sitemap 11. Gift Card Promo 12. Designer Flash Flipbook 13. Catalog (added Dec 2009) */ /* A. Meyer Reset Reloaded http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, /*em,*/ font, img, ins, kbd, q, s, samp, small, strike, /*strong,*/ sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} /* remember to define focus styles! */ :focus{outline:0;} body{line-height:1;color:black;background:white;} ol,ul{list-style:none;} /* tables still need 'cellspacing="0"' in the markup */ table{border-collapse:separate;border-spacing:0;} caption,th,td{text-align:left;font-weight:normal;} blockquote:before,blockquote:after,q:before,q:after{content:"";} blockquote,q{quotes:"" "";} /* B. Global Styles */ BODY {text-align:center; font-family:arial, sans-serif; font-size:1em; background:url(images/header_bg.png) 0 -27px repeat-x;} A {text-decoration:none; color:#ff68a1;} A:hover {text-decoration:underline;} P {font-size:.75em;} sup {font-size: smaller; vertical-align: baseline; position: relative; bottom: 0.33em;} form {margin:0 !important; padding:0 !important;} #pagetitle {padding:26px 0 20px 0;} .pageIntro {width:440px; color:#999 !important; font-size:.8em; margin-bottom:10px; line-height:1.3em;} h1 {font-size:1.1em; color:#333; text-transform:uppercase; font-weight:normal;} h1 .name {color:#ff68a1;} * html a:hover {visibility:visible;} .clear {clear:both;} #skipnav {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;} .hidden {display:none;} .bold {font-weight:bold;} .note {font-weight:bold; color:#f00; text-decoration:underline;} noscript p {text-align:center; padding-bottom:40px;} #sendButton {position:relative; float:left; margin:20px 10px 20px 0; width:52px; height:15px; overflow:hidden; background:url("images/send_button.gif") no-repeat 0 -15px;} #sendButton a {display:block; width:100%; height:100%; background:url("images/send_button.gif") no-repeat;} #sendButton a:hover {background-image:none;} #sendButton span {position:absolute; left:-999em;} #cancelButton {position:relative; margin-top:20px; width:54px; height:15px; overflow:hidden; background:url("images/cancel_button.gif") no-repeat 0 -15px;} #cancelButton a {display:block; width:100%; height:100%; background:url("images/cancel_button.gif") no-repeat;} #cancelButton a:hover{background-image:none;} #cancelButton span {position:absolute; left:-999em;} .disclaimer {font-size:.9em; color:#999; font-style:italic;} /* For Clearing DIVs */ .clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;} /*.clearfix {display:inline-block;}*/ /*Moved to IE CSS*/ html[xmlns] .clearfix {display:block;} * html .clearfix {height:1%;} /* C. Overall Page Layout */ #container {width:970px; margin:0 auto; text-align:left;} #header {border-bottom:2px solid #d4d4d4;} .home #header {border:0;} #logo {float:left; width:155px; height:45px; margin:22px 37px 0 0;} BODY.largeImage #logo {margin:0 4px 0 0 !important;} #utility {height:27px; background:url(images/header_bg.png) center top no-repeat;} BODY.largeImage #utility{float:none; width:auto; margin:0 0 0 161px; } /* 1. Utility Nav */ #utility {font-size:.7em; line-height:25px; min-height:25px; position:relative;} #utility .right {position:absolute; right:0; top:0;} #utility .right li {float:right;} #utility .right li a {border-right:1px solid #646464; padding:2px 13px;} #utility .right li:first-child a{border:0; padding-right:0;} #utility .left {position:absolute; left:0; top:0;} #utility .left li {float:left;} #utility .left .freeShipping a {display:block; width:176px; height:25px; text-indent:-9999em; background:url(images/header_freeShippingOver100dollars.gif) 0 center no-repeat; margin-right:32px;} #utility .left .phone {background:url(images/header_phone-icon.gif) left center no-repeat; padding-left:14px; color:#fff;} #utility a:link, #utility a:visited {color:#fff; text-decoration:none; text-transform:uppercase;} #utility a:hover, #utility a:focus {color:#ff7bad;} /* 2. Main Navigation */ #nav {float:left; height:85px; margin:1px 0 0 0;} #navbar {height:85px;} #navbar li {position:relative; float:left; height:85px; background:url(images/nav_bg.png) 0 -170px no-repeat;} #navbar li:first-child {background-image:none;} #navbar li:hover + li, #navbar li.on + li {background-image:none;} #navbar li.on + li:hover, #navbar li:hover, #navbar li:hover + li.on, #navbar li.on {background:url(images/nav_bg.png) left -85px no-repeat;} #navbar li a:link, #navbar li a:visited {display:block; color:#6f6f6f; text-transform:uppercase; font-size:.75em; line-height:85px; padding:0 20px 0 16px;} #navbar li.on a, #navbar li.hover a, #navbar li a:hover, #navbar li a:focus {text-decoration:none; color:#ff68a1; background:url(images/nav_bg.png) right top no-repeat;} /* DropDown Nav */ #navbar ul {display:none; z-index:1000; position:absolute; width:145px; border:1px solid #e9e9e9; border-top:0;} #navbar li:hover ul {display:block;} #navbar li li {float:none; display:block; height:auto; background:#e9e9e9; margin:0; padding:0; zoom:1;} #navbar li li a:link, #navbar li li a:visited {display:inline-block; width:123px; line-height:1; padding:8px 11px; text-transform:none; color:#464646; background-image:none; font-size:.65em;} #navbar li li a:hover, #navbar li li a:focus {text-decoration:none; color:#fff; background:#ff68a1;} /* 2.1 Search */ #searchForm {float:right;} #searchForm .searchField {background:url(images/header_search_bg.png) no-repeat; width:171px; height:24px; padding:0 30px; border:0; float:left; margin:31px 4px 0 0;} #searchForm .searchButton {position:relative; background:url("images/home_searchButton.gif") no-repeat 0 -24px; display:block; width:73px; height:24px; overflow:hidden; margin-top:31px; float:left;} #searchForm .searchButton a {display:block; width:73px; height:24px; overflow:hidden; background:url("images/home_searchButton.gif") no-repeat;} #searchForm .searchButton a:hover {background:none;} #searchForm .searchButton span {position:absolute; left:-1000px; cursor: pointer; line-height:1;} /* 3. Subheader */ #subheader {padding:25px 17px 0 17px; height:40px; border-bottom:1px solid #ccc;} #breadcrumbs {float:left; font-size:.7em; padding:3px 0 0 0;} #breadcrumbs li {float:left; text-transform:uppercase; color:#f07d95; font-weight:bold; border-left:1px solid #999; padding:0 5px 0 6px;} #breadcrumbs a, #breadcrumbs a:visited {color:#999; text-transform:lowercase; font-weight:normal;} #breadcrumbs a:hover {text-decoration:none;} #breadcrumbs .first {border:0 !important;} #subhead_forms {float:right;} /*#subhead_forms #searchForm {float:right; margin-right:31px;} #subhead_forms #emailForm {float:right;}*/ #subhead_forms #emailForm span {float:left;} #subhead_forms form {float:left;} #subhead_forms #search, #subhead_forms #email {margin-right:5px; width:110px; height:14px; color:#999; padding:0 0 0 8px; float:left;} #subhead_forms .searchButton{float:left; margin-right:20px;} /* 4. Subpage Layout */ /* Left Nav */ #leftNav {float:left; width:179px; padding:0; margin-bottom:14px; border-right:3px solid #ccc;} #lnav {width:172px; padding:14px 7px 25px 0;} #lnav li {margin-bottom:13px;} #lnav a:link, #lnav a:visited {text-transform:uppercase; font-size:.7em; color:#6f6f6f;} #lnav .on a, #lnav .special a, #lnav a:hover, #lnav a:focus {text-decoration:none; color:#ff68a1; background:url(images/lnav_downArrow.gif) right center no-repeat; padding-right:14px;} #lnav ul {margin:4px 0 15px 10px;} #lnav li li {margin-bottom:5px;} #lnav li li a:link, #lnav li li a:visited {background:none; color:#6f6f6f; text-transform:none;} #lnav.lnav-custCare .on a, #lnav.lnav-custCare a:hover, #lnav.lnav-custCare a:focus {background:none; padding-right:0;} #contentArea {float:left; margin:0 0 0 30px; _margin:0 0 0 30px; width:757px;} /* 5. Footer */ #footer {clear:both; font-size:.9em; border-top:4px solid #e5e5e5; padding-top:10px;} #footer .right {float:right; width:40%;} #footer .right ul {clear:both;} #footer .right ul li {float:right; margin-bottom:15px;} #footer .right ul li a:link, #footer .right ul li a:visited {color:#757575; text-transform:uppercase; font-size:.7em; margin-right:10px; padding-right:10px; border-right:1px solid #bfbfbf;} #footer .right ul li:first-child a {margin-right:0; padding-right:0; border-right:0;} #footer .right ul:first-child li a {text-indent:-9999em; display:block; background-image:url(images/footer_links.gif); background-repeat:no-repeat; height:20px; overflow:hidden; margin:0; padding:0; border:0;} #footer .right li.polyvore a {width:107px; background-position:0 0;} #footer .right li.blog a {width:43px; background-position:-107px 0;} #footer .right li.fb a {width:32px; background-position:-150px 0;} #footer .right li.twit a {width:40px; background-position:-182px 0;} #footer .right li.tumblr a {width:30px; background-position:-348px 0;} #footer .right li.iphone a {width:68px; background-position:-222px 0;} #footer .right li.ipad a {width:48px; background-position:-290px 0;} #footer .left {float:left; width:25%;} #footer .left ul li {float:left;} #footer .left ul li a, #footer .left ul li span {text-indent:-9999em; display:block; overflow:hidden; margin-right:12px; margin-bottom:10px;} #footer .left li.thawte a, #footer .left li.thawte span {text-indent:0; display:block; overflow:visible; margin-right:12px; margin-bottom:10px;} #footer .left li.thawte a.bnw {text-indent:-9999em; overflow:hidden; width:78px; height:25px; background:url(images/footer_thawte.gif);} #footer .left li.paypal span {width:43px; height:25px; background:url(images/footer_paypal.gif);} #footer .left li.international a {display:block; width:27px; height:25px; background:url(images/footer_international-checkout.gif);} #footer .left p {color:#757575; font-size:.7em; clear:both;} #footer .left p a {color:#757575;} #footer .center {float:right; width:30%;} #footer .center ul li {float:center;} #footer .center li.flags a {display:block; width:274px; height:45px; margin-top: 3px; background:url(images/footer_countries.gif);} #newsletter-signup {background-color:#ddd; margin-bottom:7px; padding:7px;} #newsletter-signup #emailForm {float:right;} #newsletter-signup #emailForm p {float:left; color:#353535; text-transform:uppercase; font-size:.7em; margin-right:8px; line-height:23px;} #newsletter-signup #emailForm input {float:left; height:15px; width:190px; margin-right:8px; padding:1px 4px;} #newsletter-signup #emailForm .emailButton {position:relative; background:url("images/home_signupButton.gif") no-repeat 0 -23px; float:left; width:68px; height:23px; overflow:hidden;} #newsletter-signup #emailForm .emailButton a {display:block; width:68px; height:23px; overflow:hidden; background:url("images/home_signupButton.gif") no-repeat;} #newsletter-signup #emailForm .emailButton a:hover {background:none;} #newsletter-signup #emailForm .emailButton span {position:absolute; left:-1000px; cursor: pointer;} /* #footer A, #footer A:visited {color:#ccc;} #footer A:hover {text-decoration:underline; color:#666;} #footer P {display:inline; padding-right:10px;} #footerLeft {color:#ccc; padding:12px 0 15px 0;} #footerLeft p {float:left} #footerRight {color:#ccc; float:right; padding:12px 0 15px 0;text-align:right;} #footerRight .paypal {color:#999;} #footerRight A {color:#999 !important;} #footerRight span {display:block; padding: 8px 0 0 0;} #footerRight span A {color:#ccc !important;}*/ /* D. Misc Pages */ /* 1. Homepage */ #homeFlashAndSidebar {padding-bottom:4px;} #homeFlash {width:971px; height:400px; background:url(images/flash_background.jpg) no-repeat;} #homeFlash div.alt {display:none;} #homeCallouts {border-bottom:4px solid #e5e5e5; background:url(images/homeCallout_divider.gif) no-repeat; margin-top:4px;} #homeCallouts p {float:left; margin:0; padding-left:1px;} #homeCallouts p:first-child {padding-left:0;} #homeCallouts p img {display:block;} #homeDesignerList {padding:20px 0 0 0;} #homeDesignerList h2 {color:#333; text-transform:uppercase; font-size:1em; margin-bottom:10px;} #homeDesignerList h2 span {color:#ff7bad;} #homeDesignerList ul {float:left; width:151px; margin:0 10px 10px 0;} #homeDesignerList ul li {padding-bottom:.3em;} #homeDesignerList ul li a:link, #homeDesignerList ul li a:visited {font-size:.75em; color:#555;} /* 2. Shop Page */ #shop_pagetitle {padding:26px 0 15px 0; border-bottom:4px solid #e5e5e5;} #shopLandingList {margin:10px 0; font-size:.7em; color:#7c7c7c; line-height:1.2em;} #shopLandingList a:link, #shopLandingList a:visited {color:#7c7c7c;} .shopLandingListCol {float:left; margin-right:40px; width:138px;}/*50px*/ #col1 {width:180px;} /* Designer Bio */ #shop_designerBio {border-bottom:4px solid #E5E5E5; padding-top:26px;} #shop_designerBioCopy {float:left; display:block; width:498px; padding-right:52px;} #shop_designerBioCopy p {color:#666; font-size:.8em; line-height:1.2em; padding:5px 0 15px 0;} #shop_designerBioPhoto {float:left; display:block; width:204px;} .giftCardsNearTop {float:left;font-size:.7em;height:28px;margin-right:70px;margin-top:5px;} .giftCardsNearTop a.giftCardLink {} .giftCardsNearTop img {float:left; margin-top:-10px; margin-right:10px;} /* Pagination */ #paginationTop {/* Border is created by the jewely pieces DIV's */} #paginationBottom {border-top:1px solid #ccc;} .giftCards {float:left; padding-top:15px; font-size:.7em; height:28px;} .giftCards a.giftCardLink {} .giftCards img {float:left; margin-top:-10px; margin-right:10px;} .pagination {width:740px; height:43px; text-align:right; padding:0 17px 0 0;} .pagination form, .pagination p {display:inline;} .paginationItems {padding-top:10px;} .viewItemsDropdown {font-size:.7em; color:#666;} .viewItemsDropdown select {margin-left:8px; font-size:.95em; color:#666;} .pageXof {font-size:.9em; color:#666; margin:0 25px; position:relative;} .pageOf {width:25px; height:15px; text-align:center; color:#666; padding:0; font-size:1em; font-family:arial,sans-serif;} .prevNext {font-size:.9em; color:#666;} .prevNext span {color:#999; padding:0 4px;} .prevNext a, .prevNext a:visited {color:#ff68a1; padding:0 4px;} .prevNext a:hover {text-decoration:underline;} /* Jewelry Listing */ #shop_jewelry {width:757px;} .row {background:url("images/jewelry_back.gif") no-repeat left bottom; width:757px; border-top:1px solid #ccc;} .col1, .col2, .col3 {text-align:center; /*border-top:1px solid #ccc;*/ float:left; position:relative;} .col1 {width:251px;} .col2 {width:254px;} .col3 {width:251px;} .jewelListPhoto {margin:0 0 5px 0;} .row p {text-align:left; padding:0 48px; font-size:.7em; color:#666; line-height:1.2em;} .row p.jewelryPhoto {padding:0; margin:0 0 5px 0; text-align:center; font-size:1em;} .jewelListLinks {margin:12px 0;} .jewelListLinks a:link, .jewelListLinks a:visited {color:#ff68a1;} .jewelListLinks span {padding:0 5px;} /* Product Detail Page */ #productDetail #prodPhoto {float:left; width:393px;} #productDetail #prodPhoto #prodPhotoControls, #productDetail #prodPhoto #prodPhotoControlsQL {text-align:center; clear:both;} #productDetail #prodPhoto #altPhotos {text-align:center; padding-top:5px;} #productDetail #prodPhoto #altPhotos a {margin-right:5px;} #productDetail #prodPhoto #altPhotos a img {border:2px solid #eee;} #productDetail #prodPhoto #altPhotos a.active img{border:2px solid #ffa5d0;} #productDetail #prodCopy {float:left; width:259px; margin:53px 0 0 20px; padding:0 85px 0 0; font-size:.9em; color:#666; line-height:1.3em;} #productDetail p {margin-bottom:10px;} #productDetail #mainInfo {position:relative; padding-left:12px; border-left:4px solid #e5e5e5;} #productDetail #joannesPick {position:absolute; left:273px; top:-39px;} #productDetail .names {line-height:1.8em;} #productDetail .designerName {color:#ccc; font-size:1.8em; text-transform:lowercase; font-weight:normal; margin-bottom:8px;} #productDetail .prodName {color:#999; font-size:1.5em; text-transform:lowercase; font-weight:normal; display:block; margin-bottom:4px;} #productDetail .prodNum {color:#999; font-size:.8em;} #productDetail .prodColCat {margin-top:10px; text-transform:lowercase;} #productDetail .prodColCat a, #productDetail .prodColCat a:visited{border-left:1px solid #666; padding-left:6px; margin-left:3px; color:#ff68a1;} #productDetail .prodColCat a:hover {text-decoration:underline;} .prodColCat span {/*padding-left:15px;*/} .prodColCat span a {margin-left:5px !important;} #productDetail .prodDesc {} #productDetail .prodPrice {padding:0 0 0 16px; margin-bottom:20px;} #productDetail #buyEmailLinks {padding-left:16px;} #productDetail #buyEmailLinks.notQL {width:300px;} #productDetail .bagIcon {float:left;} #productDetail .prodBuy {float:left; font-size:.7em; font-weight: bold; color: #333; margin-bottom: 30px; } #productDetail .prodBuy a, #productDetail .prodBuy a:visited {color:#333; padding: 4px 8px 4px 8px; background: url(images/btn_add_to_bag_bg.gif) top left repeat-x; border: #ff9bc1 1px solid; } #productDetail .prodBuyNotQL a, #productDetail .prodBuyNotQL a:visited { } #productDetail .prodBuy a:hover {text-decoration:none; background: url(images/btn_add_to_bag_hov_bg.gif) top left repeat-x; border: #999 1px solid;} #productDetail .prodBuy img {margin-right:5px; vertical-align:middle;} #productDetail .prodEmail {float:left; font-size:.8em;} #productDetail .prodEmail a, #productDetail .prodEmail a:visited {color:#ff68a1; display:block; min-height:20px;} #productDetail .prodShare {float:left; font-size:.8em;} #productDetail .prodShare span {float:left; background-position:8px 0;} #productDetail .prodShare a, #productDetail .prodShare a:visited {color:#ff68a1; min-height:20px; display:block;} #productDetail .prodFacebook {float:left; padding-left:10px; /*margin-top: -2px;*/ } /* added on 09/14/2010 for the "Add to Polyvore" button on shop detail page */ #productDetail .prodPolyvore {float:left; height:20px; margin-left: 10px; margin-bottom: 5px;} #productDetail .prodPolyvore a, #productDetail .prodPolyvore a:visited {display:block;} #productDetail .pinterest {float: left; min-height: 20px; display: block; margin-left: 10px; margin-bottom:5px;} #productDetail .facebook {float: left; min-height: 20px; display: block; margin-left: 10px; } #productDetail .twitter {float: left; min-height: 20px; display: block; margin-left: 10px; } #productDetail .back {margin:25px 16px;} #productDetail .back a, #productDetail .back a:visited {color:#b7b7b7; background:url("images/arrow_left.gif") no-repeat left center; padding-left:10px;} #productDetail .back a:hover {color:#ff68a1} .emailAFriendTxt {width:258px; height:14px; margin:2px 20px 0 0; color:#333;} /* Create Your Collection */ #createCollection {width:757px; margin-bottom:30px;} #createCollection h3 {display:none;} #createCollection .row {background:url("images/shop_createCollection_back.gif") no-repeat left bottom !important; width:757px; border-bottom:1px solid #fff; border-top:none !important;} #createCollection .col1, #createCollection .col2, #createCollection .col3, #createCollection .col4 {text-align:center; border-top:1px solid #ccc; display:inline; float:left;} #createCollection .col1, #createCollection .col2, #createCollection .col3 {width:188px;} #createCollection .col4 {width:138px;} #createCollection h4.copyHead {text-transform:lowercase; color:#999; line-height:1.2em; font-weight:normal; font-size:1.1em; font-family:verdana,arial,sans-serif;} #createCollection .jewelListPhoto {margin:0 0 5px 0;} #createCollection .row p {text-align:left; padding:0 30px; font-size:.7em; color:#666; line-height:1.2em;} #createCollection .name {color:#999;} #createCollection .jewelListLinks {margin:10px 0;} #createCollection .jewelListLinks a:link, #createCollection .jewelListLinks a:visited {color:#ff68a1;} #createCollection .jewelListLinks span {padding:0 5px;} #createCollection .ccCopy {text-align:left; padding:80px 20px 15px 32px;} #createCollection .ccCopy p {padding:10px 0 0 0;} /* Charities We Support */ .charitiesRow {width:757px; border-bottom:1px solid #ccc; margin-bottom:30px;} h2.charities {background:url("images/shop_ylangGives_charities.jpg") no-repeat; width:753px; height:72px; position:relative; display:block;} h2.charities span {position:absolute; left:-999em;} .charitiesIntro {color:#666; padding:20px; line-height:1.2em;} h3.charities {color:#999; font-size:1.3em; text-transform:lowercase; border-left:4px solid #e5e5e5; padding-left:15px; margin:20px 0 15px 0;} p.charities {width:479px; min-height:110px; font-size:.75em; color:#666; line-height:1.3em; padding-left:19px; margin-bottom:15px;} .charitiesPhoto {float:right; padding:0 80px 0 0; margin-top:-20px;} /* Quick Look */ a.quickLookLink:link, a.quickLookLink:visited {display:none; position:absolute; left:50px; top:131px; font-size:.7em; text-transform:lowercase; background:#fff; color:#666; padding:1px 3px; border:1px solid #ff68a1; line-height:1.7;} a.quickLookLink:hover, a.quickLookLink:focus {background:#ff68a1; color:#fff; padding:1px 3px; border:1px solid #c58997; text-decoration:none;} #createCollection a.quickLookLink {left:29px; top:68px; padding:2px 3px;} #coverup {position:fixed; z-index:1100; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.5; -moz-opacity:0.5; filter:alpha(Opacity=50); } /*#overlay {display:none; position:fixed; z-index:1101; background:#fff; width:787px; height:460px; overflow:auto; text-align:left;}*/ #overlay {display:none; position:fixed; z-index:1101; background:url(images/quickLook_shadow.png) no-repeat; width:787px; height:460px; overflow:hidden; text-align:left; padding:9px;} #overlayContent {background:#fff; width:769px; height:442px;} div.quickLookLoading {width:100%; height:100%; background:url(images/quickLook_loading.gif) center center no-repeat;} div.quickLookClose {float:right; padding:10px;} div.quickLookSuccess h3, div.quickLookError h3 {text-align:center; color:#787878; font-size:1.2em; font-weight:normal; padding:4em 0 2em 0;} div.quickLookSuccess p, div.quickLookError p {color:#787878; text-align:center; font-size:.85em;} div.quickLookSuccess p a {padding:0 20px;} div.overlayCoverup {position:absolute; z-index:1102; left:0; top:0; width:769px; height:442px; background:#fff; opacity:0.7; -moz-opacity:0.7; filter:alpha(Opacity=70); margin:9px;} div.overlayCoverupLoading {position:absolute; z-index:1103; left:0; top:0; width:769px; height:442px; background:url(images/quickLook_loading.gif) center center no-repeat;} #overlay #prodCopy {width:350px; margin-top:10px; padding-right:0; height:400px; overflow:auto;} #overlay #productDetail #prodCopy #joannesPick {position:relative; left:0; top:0; float:right; margin:0 0 10px 15px;} span.giftcardsPageTitle {font-size:.43em; font-style:italic;} /* Expand/Collapse Bios on Shop Page */ #shop_designerBioCopy #bio {display:none; margin-bottom:15px;} #shop_designerBioCopy #bio p {padding-top:0;} /* 3. Shopping Bag */ #shippingFeatures {float:right;} #shippingFeatures span {position:absolute; left:-999em;} #shippingFeatures div {float:left;} #freeShipping {position:relative; background:url("images/shop_shoppingBag_freeShipping.gif") no-repeat; width:121px; height:40px;} #freeShippingGround {position:relative; background:url("images/shop_shoppingbag_freeGround.gif") no-repeat; width:136px; height:40px;} #freeShippingSecondDay {position:relative; background:url("images/shop_shoppingbag_free2ndDayAir.gif") no-repeat; width:136px; height:40px; margin-top:2px;} #giftBox {position:relative; background:url("images/shop_shoppingBag_giftBox.gif") no-repeat; width:128px; height:40px;} .shoppingBagPgTitle H1 .name {background:url("images/shop_shoppingBag.gif") no-repeat right center; padding-right:58px; padding-top:10px; padding-bottom:10px;} .shoppingBagIntro {color:#999; font-size:1em; text-transform:lowercase; margin-bottom:30px;} .shoppingBagIntroCopy {color:#666; font-size:.8em; margin:-15px 0 30px 0; width:600px; line-height:1.3em;} /* Shopping Bag Listing */ .bagHeaders {border-bottom:1px solid #fff;} .bagHeaders li {float:left; border-left:1px solid #ccc; text-transform:lowercase; color:#999; font-size:.7em; padding:2px 0 2px 10px;} .bagProdLine {clear:both; border-top:1px solid #ccc;} .bagProdLine li {float:left; border-left:1px solid #fff; color:#666; font-size:.75em; padding:30px 0 10px 10px;} .li_item {width:106px; border-left:none !important;} .li_item img {_margin-top:1px;} .li_desc {width:145px;} .li_num {width:85px;} .li_size {width:40px;} .li_price {width:95px;} .li_quan {width:94px;} .li_total {width:113px;} .bagProdLine .li_item {padding:0 10px 0 0 !important; _padding:0 0 0 0 !important; _margin-top:-1px;} .bagProdLine .desc_name {color:#999;} .bagProdLine input {width:24px; height:13px; font-size:.8em; color:#666; text-align:center; margin-top:-10px;} .bagMsg {clear:both; background:#E7FFCF; color:#333; line-height:1em; padding:10px 10px; margin-left:120px;} /* Subtotal & Total */ .subtotal, .total {clear:both; height:23px; padding-top:18px; background:#fbdee5; border-top:1px solid #ccc; border-bottom:1px solid #ccc; text-align:right; font-size:.75em; text-transform:lowercase;} .subCopy {color:#333;} .subNums {color:#666; padding:0 58px 0 52px;} .total .subNums {padding:0 58px 0 130px;} .subtotal2 {background:#f5f5f5; height:83px; border-top:1px solid #ccc; clear:both; padding:17px 57px 4px 0; text-transform:lowercase;} .subtotal2 p {clear:both; float:right; color:#333; margin-bottom:15px;} .subtotal2 span {display:block; float:left; width:110px;} .subtotal2 .st2Num {text-align:right;} .subtotal2 a.st2edit {background:url("images/arrow_left.gif") no-repeat left center; padding-left:7px; margin-left:10px;} /* Shopping Bag Forms */ .reqInfo {color:#666 !important; font-size:.75em !important; text-align:right; padding:0 5px 5px 0;} .reqInfo img {padding:0 4px 3px 0;} .formDiv {float:left; width:360px; font-size:.75em;} #billingForm, #paymentForm {margin-right:33px;} #bagForms h2 {color:#ff68a1; font-size:1.6em; text-transform:lowercase; font-weight:normal; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#f5f5f5; height:52px; padding:13px 0 0 19px; margin:0 0 19px 0;} #bagForms h2.short {height:28px; padding:13px 0 0 19px;} .bagEdit {display:inline; font-size:.6em; margin:0 0 4px 10px; padding:0 0 0 10px; background:url("images/arrow_left.gif") no-repeat left center;} #shippingForm .sameAs {height:23px; margin:-44px 0 19px 0; border-top:1px solid #ccc; background:#fbdee5; color:#666; font-size:1em;} .formContainer {padding:9px 0 45px 16px; color:#666; line-height:1.3em;} .formContainer P {font-size:1em;} .formLeft {float:left; margin-bottom:5px;} .formRight {float:left; margin-bottom:5px;} .formDiv label {padding:0 15px 0 0; color:#666;} .formDiv .bagTxt {width:122px; height:14px; margin:2px 15px 0 0; color:#333;} .formDiv .bagTxtLrg {width:142px; height:14px; margin:2px 15px 0 0; color:#333;} .formDiv #ccType {width:122px; height:18px; margin:5px 15px 0 0; color:#333;} .formDiv .bagState {width:55px; margin-right:10px;} .formDiv .zipcode {width:50px; margin:5px 0 0 0; color:#333;} .formDiv select {margin:5px 0 0 0; height:18px; color:#333; font-size:.9em;} .formDiv textarea {width:257px; height:103px; margin:5px 0 0 0; font-family:arial; font-size:1em; color:#333;} .expDateSep {font-size:1.5em; color:#666; padding:0 5px;} #securityInfo {border-top:1px solid #ccc; padding:30px 20px; color:#666; line-height:1.3em;} #securityInfo p {margin-bottom:1em;} #shippingOptions {color:#666; padding:20px;} #shippingOptions h2 {text-transform:lowercase; color:#999; font-size:1.4em; padding-bottom:15px; font-weight:normal;} #shippingOptions p {clear:both; margin-bottom:10px;} #shippingOptions input {margin:-3px 11px 0 0; float:left;} #shippingOptions label {font-weight:bold; width:290px; float:left; display:block; margin-bottom:1em; padding-right:1em;} #shippingOptions.over150 label {width:330px;} .qualifyTxt {clear:both; text-align:right; padding:1.5em 54px 0 0; color:#666; font-weight:normal;} .qualifyTxt img {vertical-align:middle; padding-right:1em;} /* Shopping Bag Nav (Checkout, Continue, Confirm) */ #bagNav {text-align:right; padding:10px 0 50px 0;} .bagNavNext a, .bagNavNext a:visited, .bagNavNext span {font-size:1.3em; border-left:4px solid #b8ed85; padding:0 15px 0 10px; text-transform:lowercase; color:#999; background:url("images/home_arrow.gif") no-repeat right center; margin-right:5px;} .bagNavNext span {background:none;} #bagNav p {margin:15px 50px 0 0; font-size:.7em; color:#ff68a1; line-height:1.5em;} #bagNav p a {padding:0 5px;} .ylangGivesNote {float:right; margin-top:-2em} /* Shopping Bag Pay Pal Updated on 2008-10-16 */ .bagNav {margin-bottom:30px;} .checkoutOpt {background:#fff; border:1px solid #ccc; border-width:1px 0 0 0;} .checkoutOpt h2 {text-align:left; font-size:.9em; padding:10px 0; font-weight:bold; color:#666;} .checkoutOpt p {color:#666 !important; text-align:left; padding:0 0 10px 0; margin:0 !important;} .y23checkout {float:right; margin:40px 50px 30px 60px;} /*.noPP {float:none; text-align:center; margin:10px 0;}*/ .checkoutPayPal {float:right; width:200px; margin:5px; background:url("images/home_arrow.gif") no-repeat right 6px; padding:0 15px 0 10px;} p.checkoutCopy {width:400px; text-align:right !important; margin:10px 50px 40px 0 !important; float:right;} .checkoutPayPalIntl {display:inline;float:right; width:200px; margin:5px; background:url("images/home_arrow.gif") no-repeat right 6px; padding:0 15px 0 10px;} .checkoutIntl {display:inline;float:right; width:200px; margin:5px; background:url("images/home_arrow.gif") no-repeat right 6px; padding:0 15px 0 10px;} .bagNavNextIntl a, .bagNavNextIntl a:visited, .bagNavNextIntl span {display:inline;font-size:1.3em; border-left:4px solid #b8ed85; padding:0 15px 0 10px; text-transform:lowercase; color:#999; background:url("images/home_arrow.gif") no-repeat right center; margin-right:5px;} .bagNavNextIntl span {background:none;} /* 4. Designer Pages */ /* Designer Listing */ #designerListing {width:630px; border-left:4px solid #b8ed85; padding-left:31px; margin:30px 0 45px 0 !important;} #designerListing a, #designerListing a:visited {color:#c0c0c0; font-family:verdana,arial,sans-serif; font-size:1em; font-weight:normal; text-transform:lowercase; padding-right:20px;} #designerListing a.sml {font-size:1.3em !important; color:#b0b0b0 !important;} #designerListing a.med {font-size:1.5em !important; color:#F9C1CC/*ff68a1*/ !important;} #designerListing a.lrg {font-size:1.6em !important; color:#eda4b5/*ff68a1*/ !important;} #designerListing a.lrgPlus {font-size:1.7em !important; color:#b8ed85 !important;} #designerListing a:hover, #designerListing a.med:hover, #designerListing a.lrg:hover {color:#b8ed85 !important;} #designerListing a.last {padding-right:0 !important;} /* Designer 1+,1,2,3 Pages */ /* More CSS properties for #designers1 below under section 12. Designer Flash Flipbook */ #designers1, #designers2, #designers3 {width:757px; min-height:190px; position:relative;} #designers1Photo {float:right; margin:0 0 20px 20px;} #designers2Photo, #designers3Photo {float:right; margin:0 79px 20px 0;} /* IE 6 fixes*/ #designers1 {_height:361px;} #designers2 {_height:213px;} #designers3 {_height:192px;} #designers1Photo {_float:none; _position:absolute; _right:0;} #designers2Photo, #designers3Photo {_float:none; _position:absolute; _right:0;} #designers1 p, #designers2 p, #designers3 p {font-size:.8em; color:#666; line-height:1.2em; padding-bottom:1.3em; width:344px;} #designers3 {padding-bottom:10px; border-bottom:4px solid #b8ed85;} #designerLinks {margin-bottom:15px;} #designerLinks .shopLink {color:#ba8593;} #designerLinks .moreLink {color:#ff68a1;} .designersRow {width:756px; height:141px; padding:0 0 20px 1px; _padding:0 0 0 0; background:url("images/designers_samples_back.gif") no-repeat center bottom; border-top:1px solid #ccc;} .bottomBorder {border-bottom:1px solid #ccc; margin-bottom:40px;} .designersCol {width:188px; height:161px; float:left; padding-right:1px; font-size:.75em; color:#999; text-align:center;} .designersPhotoCol {width:188px; height:113px; float:left; padding:10px 1px 0 0; font-size:.75em; color:#999; text-align:center;} .designersPhotoCol div {padding:15px 0; float:none; display:block;} .designersPhotoCol div a, .designersPhotoCol div a:visited{color:#999;} .designersRow .blank {background-color:#fdeef2; margin-right:1px; padding-right:0 !important;} #otherGreatDesigners {position:relative; overflow:hidden; background:url("images/designers_otherGreatDesigners.gif") no-repeat; width:282px; height:28px; margin:15px 0;} #otherGreatDesigners span {position:absolute; left:-999em;} /* 5. Joanne's Eye */ .joannesEyePhoto {background:url("images/joannesEye_photo.jpg") no-repeat right top; width:757px; height:506px;} .joannesEye, .joannesEyeBottom {width:492px;} .joannesEye .colLt, .joannesEye .colRt, .joannesEyeBottom .colLt, .joannesEyeBottom .colRt {float:left; width:216px; padding:30px 30px 30px 0;} .joannesEyeBottom .colLt {margin-bottom:20px} .joannesEye .colRt, .joannesEyeBottom .colRt {padding-right:0 !important;} .joannesEye h2, .joannesEyeBottom h2 {border-left:4px solid #b8ed85; padding:0 0 0 15px; color:#999; font-weight:normal; font-size:1.3em; text-transform:lowercase;} .joannesEye a, .joannesEye a:visited, .joannesEyeBottom a, .joannesEyeBottom a:visited {color:#999; padding-right:15px; background:url("images/home_arrow.gif") no-repeat right center;} .joannesEye a:hover, .joannesEyeBottom a:hover {color:#ff68a1; text-decoration:none;} .joannesEye p, .joannesEyeBottom p {font-size:.8em; color:#666; margin-top:10px; padding:0 0 0 19px; line-height:1.2em;} .joannesEyeBottom {border-top:1px solid #ccc; } .largeImage .lrgphoto {padding:20px 0 10px 0;} .largeImage .lrgphotoTitle {color:#666; padding-top:5px;} .largeImage .lrgphotoLink {padding-top:5px;} /* 6. Picture This (aka Scene@23; aka Gallery) */ .pictureThisIntro {font-size:.8em; color:#666; float:left; line-height:1.3em;} .pictureThisPageXofX {font-size:.75em; color:#999; float:right; padding-right:149px;} #picturesMain {margin:20px 0 60px -7px; padding:23px 0 0 33px; /*border-bottom:1px solid #ccc;*/ width:609px; height:376px; background:url("images/pictureThis_back.gif") no-repeat;} .layout2 {padding-left:27px !important;} #pictureCol1 {float:left; display:block; width:189px;} #pictureCol2 {float:left; display:block; width:176px; margin:0 7px; _margin:0 5px;} #pictureCol3sml {float:left; display:block; width:176px;} #pictureCol3lrg {float:left; display:block; width:189px;} .picturePlaceHolderLrg {width:189px; height:12px; border:1px solid #666; margin:5px 0 0 0; font-size:.1em; background:#ff68a1;} .picturePlaceHolderSml {width:176px; height:132px; border:1px solid #666; margin:5px 0; font-size:.1em; background:#ff68a1;} .pictureLrg {border:1px solid #666; background:#ff68a1; width:189px; height:252px; margin:5px 0 0 0;} .pictureSml {border:1px solid #666; background:#ff68a1; width:176px; height:132px; margin:5px 0;} #pictureButtons {position:relative; padding:39px 0 0 244px; _padding:19px 0 0 244px;} .layout2 #pictureButtons {padding-left:250px !important;} #pictureButtons li {float:left; overflow:hidden; width:39px; height:23px; padding-right:8px;} #pictureButtons span {position:absolute; left:-999em;} #pictureButtons a {width:39px; height:23px; overflow:hidden; display:block;} #pictureButtons a:hover {background-image:none;} #pictureButtons .off {background-position:0 0;} #picturePrev {background:url("images/pictureThis_button_prev.gif") no-repeat 0 -23px;} #picturePrev a {background:url("images/pictureThis_button_prev.gif") no-repeat;} #pictureNext {background:url("images/pictureThis_button_next.gif") no-repeat 0 -23px;} #pictureNext a {background:url("images/pictureThis_button_next.gif") no-repeat;} /* 7. Customer Care */ .customerCare {background:url("images/custCare_back.jpg") no-repeat right top;} .customerCare #pagetitle {width:448px; float:left;} .custCareLeft {float:left; width:408px; padding-right:60px; _padding-right:20px;} .custCareLeft h2 {color:#ff68a1; font-weight:bold; padding:0 0 10px 0; font-size:.8em;} .custCareLeft p {padding:0 0 20px 0; color:#333; line-height:1.3em;} .custCareRight {float:left; margin-top:23px; padding:0 23px 0 44px;} /* Contact Info in Right Column */ #contactInfo {border:1px solid #999; background:#fff; padding:25px 25px 0 25px; margin-bottom:30px; color:#666;} #guestList {border:1px solid #999; border-top:none; padding:25px 25px 0 25px; background:#fff; margin-bottom:30px; color:#666;} #contactInfo h2, #guestList h2 {text-transform:lowercase; color:#999; font-size:1.1em; font-weight:normal;} #contactInfo p, #guestList p {margin:10px 0; width:170px; line-height:1.3em;} #guestList p {color:#999;} #contactInfo .horzLines, #guestList .horzLines {margin:10px -25px; padding:0 25px 20px 25px; border-bottom:1px solid #ccc;} #contactInfoFooter, #guestListFooter {margin:0 -25px; padding-top:10px; height:20px; background:url("images/customerCare_contactInfo_footer.gif") repeat-x left bottom;} #guestListPhoto {border:1px solid #999; border-bottom:none;} #guestList .emailField {color:#999; width:122px;} #guestList .emailButton {margin-top:8px} /* Contact Us Form */ #contactUs {font-size:.75em; width:300px;} #contactUs .reqInfo {color:#666 !important; font-size:.95em !important; text-align:right; padding:0 5px 5px 0 !important;} #contactUs.formContainer {padding:0 0 45px 0;} #contactUs.formContainer P {font-size:1em;} #contactUs .formLeft, #contactUs .formRight {float:left; margin-bottom:5px;} #contactUs label {padding:0 20px 0 0; color:#666;} #contactUs .contactTxt {width:122px; height:14px; margin:2px 20px 0 0; color:#333;} #contactUs #ccType {width:122px; height:18px; margin:5px 20px 0 0; color:#333;} #contactUs .contactState {width:55px; margin-right:10px;} #contactUs .zipcode {width:56px; margin:5px 0 0 0; color:#333;} #contactUs select {margin:5px 0 0 0; height:18px; color:#333; font-size:.9em;} #contactUs textarea {width:257px; height:103px; margin:5px 0 0 0; font-family:arial; font-size:1em; color:#333;} #contactUs #contactregarding {width:122px;} #contactUs #contactComments {width:265px; height:100px;} /* Shopping in Detail AND Buying Designer Jewelry AND Inspiration */ #custCareContent .anchors {float:left; margin:0 0 20px 0; padding:0 0 20px 0; width:50%; font-size:.8em; line-height:1.3em; border-bottom:4px solid #b8ed85; list-style:none !important;} #custCareContent .fullWidth {width:100%;} #custCareContent h2 {clear:both; color:#999; font-weight:normal; font-size:1.4em; text-transform:lowercase;} #custCareContent h3 {clear:both; color:#999; font-weight:bold; font-size:.9em; text-transform:lowercase; margin-bottom:8px;} #custCareContent ul {font-size:.75em; color:#333; line-height:1.3em; list-style:square; margin:0 0 0 35px; padding:0 0 15px 0;} #custCareContent .backToTop {clear:both; text-align:right; padding:20px 0; margin-bottom:20px; border-bottom:1px solid #ccc;} #custCareContent .backToTop a, #custCareContent .backToTop a:visited {color:#999; background:url("images/arrow_up.gif") no-repeat left center; padding-left:15px; font-size:.7em; text-transform:uppercase;} #custCareContent h3.question {color:#999; font-weight:bold; font-size:.9em; line-height:1.3em; padding-bottom:8px;} #custCareContent p.answer {line-height:1.3em;} #custCareContent #weddingTable td {vertical-align:top; padding:8px 10px 4px 0; font-size:.8em; border-bottom:1px solid #ddd; line-height:1.3em;} #custCareContent #weddingTable td.type {width:130px;} .creditcard {clear:both; } .creditcard img {float:left; margin:-8px 15px 10px 0;} .shippingTable {font-size:.75em; color:#333;} .shippingTable th {background:#666; color:#fff; text-align:left; padding:4px;} .shippingTable td {padding:4px; border-bottom:1px solid #ccc; text-align:center;} .shippingTable .leftAlign {text-align:left;} .shippingTable .footnote {color:#999; font-size:.8em; border-bottom:none;} .custCare_giftbox {float:right; margin:-20px 0 0 8px;} #translations {line-height:1.5; padding-bottom:10px;} #translations img {padding-top:3px; border-bottom:1px solid #fff} #translations img:hover {border-bottom:1px solid #ff68a1;} /* 8. About YLANG|23 */ .aboutY23 {background:url("images/custCare_back.jpg") no-repeat right top;} .aboutLeft {float:left; width:408px; padding-right:60px; _padding-right:20px;} .aboutLeft p {padding:0 0 20px 0; color:#333; line-height:1.3em;} .aboutLeft h2 {color:#ff68a1; font-weight:bold; padding:0 0 10px 0; font-size:.8em;} .aboutRight {float:left; margin-top:23px; padding:0 23px 0 44px;} /* 9. News & Events */ #news_introPhoto {float:right; padding:0 80px 0 0; margin-top:-40px;} #newsEventsMainPg {clear:both; border-top:1px solid #ccc; padding:30px 0 0 0;} #newsLeft, #eventsRight {float:left; width:275px; padding:0 100px 30px 0} #newsEventsMainPg h2 {border-left:4px solid #b8ed85; padding-left:15px; color:#999; font-weight:normal; font-size:1.3em; text-transform:lowercase;} #newsEventsMainPg p {padding:15px 0 0 19px;} .newsEventDate {color:#666;} .newsEvents {background:url("images/custCare_back.jpg") no-repeat right top;} .newsEventsLeft {float:left; width:408px; padding:0 20px 30px 0;} .newsEventsRight {float:left; margin-top:23px; padding:50px 0 0 55px;} #articleDetailTitle {border-left:4px solid #b8ed85; padding-left:15px; margin:15px 0; color:#999; font-size:1.4em; text-transform:lowercase;} #articleDetailTitle h2 {font-weight:normal !important;} .newsEventsLeft p {margin-bottom:15px; padding-left:19px; color:#666; line-height:1.3em;} .articleDate {margin-bottom:0 !important; padding-left:0 !important; line-height:1.1em !important; color:#ccc !important; font-size:1em;} .articleDetailsLinks {padding:10px 0 0 0;} .newsEventsLeft .back {text-align:right;} .newsEventsLeft .back a, .newsEventsLeft .back a:visited {color:#b7b7b7; background:url("images/arrow_left.gif") no-repeat left center; padding-left:10px; font-size:.65em; text-transform:uppercase;} .newsEventsLeft .back a:hover {color:#ff68a1;} /* 10. Sitemap */ .sitemapPage {float:none !important; margin:0 0 0 0 !important; width:100% !important;} .sitemapCol {float:left; width:13%; padding-right:14px;} .lastCol {padding-right:0 !important;} h2.sitemap {color:#999; border-bottom:4px solid #b8ed85; text-transform:uppercase; font-size:.8em; font-weight:bold; padding:0 0 8px 0; margin:10px 0 20px 0;} h2.sitemap a, h2.sitemap a:visited {color:#999;} .sitemapLvl_1 {padding:0 0 20px 0; font-size:.8em; line-height:1.3em; } .sitemapLvl_1 li {padding:0 0 4px 12px; background:url("images/arrow_down.gif") no-repeat left 5px; font-weight:bold;} .sitemapLvl_1 li.noSubs {background:url("images/arrow_right.gif") no-repeat 2px 5px;} .sitemapLvl_2 {padding:4px 0 4px 0;} .sitemapLvl_2 li {padding:0 0 0 10px; background-image:url("images/arrow_right.gif"); font-weight:normal;} /* 11. Gift Card Promo */ #daily p.img {float:right; margin-top:-15px; margin-right:-10px; padding-left:15px;} #giftCardPromoCont {text-align:left; padding:0 20px;} #giftCardPromoCont p {color:#828080; font-size:.9em;} #giftCardPromoCont .left {float:left; padding-right:75px;} #giftCardPromoCont .right {float:left; font-size:.9em;} #giftCardPromoCont .right th{font-weight:bold; color:#828080; border-bottom:1px solid #e3e0e0; padding:5px 60px 5px 0;} #giftCardPromoCont .right td{color:#828080; border-bottom:1px solid #e3e0e0; padding:5px 0;} #giftCardPromoCont .right .gc {background:#f7edeb; padding-left:8px; padding-right:8px;} #giftCardPromoCont #disclaim{font-size:.7em; margin-top:2em; border-top:1px solid #e3e0e0; padding-top:1em; color:#999;} #giftCardNotice {float:left; margin-top:-10px; position:relative; background:url(images/header_giftCardNotice.jpg) 200px 0 no-repeat; width:283px; height:48px; padding-left:200px; } #giftCardNotice a {display:block; width:100%; height:100%;} #giftCardNotice a span {position:absolute; left:-999em;} iframe {border:none; } /* 12. Designer Flash Flipbook */ .flipbook_parent {position:relative; width:750px; height:430px;} .flipbook_container {width:100%; margin:0; padding:0; clear:both; text-align: center; z-index: 2; position: absolute; left: 0; top: -167px;} #flipbook {width:100%; outline: none; margin:200px 0 0 0; padding:0; color:#999; font-size:1em;} #flipbook p {padding-bottom:1em;} #designers1 p {z-index:3; position:relative;} #designers1 img {z-index:1;} /* 13. Catalog (added Dec 2009) */ #catalogNotice {float:left; margin-top:-18px; position:relative; background:url(images/header_viewCatalogNotice.jpg) 200px 0 no-repeat; width:272px; height:55px; padding-left:200px; } #daily #catalogNotice {float:none; margin:0 auto; padding:25px 0 0 0; background:url(images/home_viewCatalogNotice.jpg) 0 25px no-repeat; height:102px;} #catalogNotice a {display:block; width:100%; height:100%;} #catalogNotice a span {position:absolute; left:-999em;} #contentArea.shop_catalog {width:100%; margin:0; padding-top:10px; text-align:center;} .shop_catalog h1 {text-transform:none; font-size:1.6em; line-height:1.8; font-weight:normal;} .shop_catalog .back {margin:15px 0 15px 22px; text-align:left} .shop_catalog .back a, .shop_catalog .back a:visited {color:#b7b7b7; background:url("images/arrow_left.gif") no-repeat left center; padding-left:10px;} .shop_catalog .back a:hover {color:#ff68a1;} /* Polyvore */ p.polyvore {line-height:1.3em; color:#333; width:750px;} /* Bridal Page */ #contentArea.bridal {float:none; margin:-2px 0 21px 0; _margin:-2px 0 21px 0; width:970px; background-color:#fff;} #contentArea.bridal p img {display:block;} #contentArea.bridal p {float:left; margin:0 10px 10px 0;} .ie7 #contentArea.bridal p {display:inline;} #contentArea.bridal p.img2, #contentArea.bridal p.img5 {margin-right:0;} .alert { background: #fff6bf; background-position: 15px 50%; text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324; }