/* Basic rules that will cascade throughout the style sheet. ------------------------------------------------------------------- */ * { margin: 0; padding: 0; } body { font: 16px Arial, Helvetica, sans-serif; color: #000000; background-color: #ffffff; } h1 { font-size: 21px; font-weight: bold; } /* 21px, bold */ h2 { font-size: 28px; line-height:28px;} /* 21px */ h3 { font-size: 16px; font-weight: normal; } /* 16px */ h4 { font-size: 11px; font-weight: bold; } /* 12px, bold */ h5 { font-size: 11px; } /* 11px, bold */ h6, .footnote { font-size: 9px; } /* 10px */ hr { border: 0px none; border-top: 1px solid #efefef; margin: 10px 0; } img { border: 0px none; } p { padding-bottom: .6875em; font-size: 11px; line-height: 1.3; } ul, ol { padding-bottom: .6875em; } li { margin-left: 1.5em; font-size: 11px; line-height: 1.3; } li ul, li ol { padding-bottom: 0; } li ul li { margin-left: 1.5em; font-size: 100%; line-height: 1.3; list-style-type: disc; } li ol li { margin-left: 2.7em; font-size: 100%; line-height: 1.3; } abbr, acronym { border: none; } h1 sup, h2 sup, h3 sup { vertical-align: text-top; font-size: 65%; } textarea { font-size: 110%; line-height: 1.3em; } /* Skip link, hidden from normal browser view, readable by screen readers. ------------------------------------------------------------------- */ #skiplinks { position: absolute; left: -1000px; top: 0; z-index: 2006; height: 1px; } #skiplinks a, #skiplinks a:visited, #skiplinks p { color: #FFF; font-size: 1px; margin: 0; padding: 0; line-height: 1px; } /* Mainwrapper contains the body and tertiary navigation. ------------------------------------------------------------------- */ #mainwrapper { clear: both; background-image: url('./images/bg-mainwrapper.gif'); background-repeat: repeat-y; background-attachment: scroll; background-position: 0 } #mainwrapper-home { clear: both; background-image: url('./images/bg-mainwrapperhome.gif'); background-repeat: repeat-y; background-attachment: scroll; background-position: 0 } /* ContentWrapper contains the main content area and the footer. ------------------------------------------------------------------- */ /* On the homepage within Content we have Homepage that has a large poster image and 4 links under it. */ #homepage { float: left; width: 588px; background-color: #444; border-right: 1px solid #fff; } #homepage img { display: block; padding-top: 7px; padding-left: 7px; } #homepage ul { margin-left: 7px; padding: 0; height: 131px; list-style: none; overflow: hidden; } #homepage ul li { margin: 0; padding: 0; list-style: none; display: inline; } #homepage ul a { float: left; padding: 131px 0 0 0; overflow: hidden; height: 0px !important; height /**/:131px; /* hack for for IE5/Win only */ } #h-brand a { width: 140px; background-image: url('./images/nav/h-brand.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 } #h-category a { width: 147px; background-image: url('./images/nav/h-category.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 } #h-styleblog a { width: 147px; background-image: url('./images/nav/h-styleblog.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 } #h-onsale a { width: 141px; background-image: url('./images/nav/h-onsale.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 } /* On the homepage within Content we have Boutiques, a wrapper div containing information panels/spotlights. e.g. Found on the right side of the homepage page. */ #boutiques { float: left; width: 242px; background-color: #444444; } /* Boutique selector navigation menu. */ #boutique-selector { margin: 0; padding: 0; height: 24px; list-style: none; display: inline; overflow: hidden; } #boutique-selector li { margin: 0; padding: 0; list-style: none; display: inline; } #boutique-selector a { float: left; margin-bottom: 3px; padding: 24px 0 0 0; overflow: hidden; height: 0px !important; height /**/:24px; /* hack for for IE5/Win only */ } #tab-shoes a { width: 50px; background-image: url('./images/nav/tab-shoes.gif'); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 } #tab-handbags a { width: 70px; background-image: url('./images/nav/tab-handbags.gif'); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 } #tab-jeans a { width: 47px; background-image: url('./images/nav/tab-jeans.gif'); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 } #tab-topsellers a { width: 75px; background-image: url('./images/nav/tab-topsellers.gif'); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 } #boutique-selector a:hover, #boutique-selector a.selected { background-position: 0 -24px; } .spotlight { padding: 9px 11px 9px; } .spotlight p { color: #fff; line-height: 1.3em; } /* The main difference between panel and panel2 is the border. */ .panel { position: relative; padding: 11px 0px 11px 11px; width: 231px; background-color:#666; border-bottom: 1px solid #ACA899; } .panel2 { position: relative; padding: 11px 0px 11px 11px; width: 231px; background-color: #666; border-bottom: 0 none; } .panel img, .panel2 img { display: block; border: 1px solid #000; } .panel ul, .panel2 ul { position: absolute; right: 11px; bottom: 0px; width: 115px; } .panel ul li, .panel2 ul li { margin: 0; padding: 0; list-style-type: none; color: #fff; background-color: #666; font-size: 11px; line-height: 1.3em;} .panel ul li.brand, .panel2 ul li.brand { font-size: 13px; font-weight: bold; } .panel ul li.brand a, .panel2 ul li.brand a { color: #77E2FD; text-decoration: none; } .panel ul li.brand a:hover, .panel2 ul li.brand a:hover { color: #77E2FD; text-decoration: underline; } .smrp { text-decoration: line-through; } /* Suggested Manufacturer Retail Price. */ .sp {} /* Selling Price. */ /* Tnav-Wrapper currently contains the tertiary navigation menu and the email teaser. ------------------------------------------------------------------- */ #tnav-holder { float: left; width: 163px; background-color: red; } #tnav-window { margin-bottom: 1px; height: 465px; width: 163px; overflow: hidden; clip:rect (440px 163px 465px 440px); border-right: 1px solid #ACA799; border-bottom: 1px solid #ACA799; } /* Size and scroll the Tnav-Selector section. */ #tnav-content { background-color: blue; } #lnav-main{ -webkit-user-select: none; -khtml-user-select: none; } /* Footer contains the legal links and copyright statement. ------------------------------------------------------------------- */ #footerOld { float: left; width: 806px; height: 22px; margin: 0; padding: 6px 10px 0px 15px; color: #ffffff; background-color: #000000; border-top: 1px solid #fff; } #footerOld a { color: #ffffff; } /* Legal links. */ #footerOld ul { float: left; margin: 0; padding: 0; list-style-type: none; } #footerOld li { list-style-type: none; float: left; margin: 0; padding-right: .2em; } /* Copyright statement. */ #footerOld p { margin: 0; padding: 0; float: right; } /* Adding checkmark boxes to anchors. .Uncheck is a plain checkmark box, and .checked is a checked checkmark box. */ a.unchecked, a.checked { padding-left: 13px; } a.unchecked { background-image: url('./images/check-no.gif'); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 3px } a.checked { background-image: url('./images/check-yes.gif'); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 3px } /* Miscellaneous classes. ------------------------------------------------------------------- */ .clearit { visibility:hidden; clear: both; } .smrp { text-decoration: line-through; } /* Suggested Manufacturer Retail Price. */ .sp {} /* Selling Price. */ /* Product sheet page. ------------------------------------------------------------------- */ /* .product-info contains the brand name, page link navigation, and customer preferences. */ .text {font-family:Arial;font-size:11px;color:333333;} .product-info { margin-bottom: 1px; padding: 0px 0px 0px 0px; border-bottom: 1px solid #444; } /* Brand name */ .product-info h2 { float: left; margin-top: 13px; font-size: 1.35em; color: #444; } .product-info h3 { float: left; margin-top: 14px; font-size: .9em; color: #444; } /* Customer preferences. */ .prefs { float: right; font-size:16px;} .prefs p { margin: 5px 0 4px 0; padding: 0; text-align: right; color: #444; line-height: 11px; } .prefs p a { font-size:11px;margin-left: 6px; color: #444; } .prefs td a { font-size:11px;margin-left: 6px; color: #444; } .prefs td { vertical-align:top;font-size:11px;margin-left: 6px; color: #444; } /* Page navigation */ .product-info .pages { padding-top: 6px; } .product-info .pagescentered { padding: 0px; lineHeight:10px} .product-info .pages ul { padding:0;height:0;margin: 0; list-style-type: none; } .product-info .pagescentered ul { padding:0;margin: 0; list-style-type: none; } .pages li { float: left; margin: 0; padding: 0 6px; list-style-type: none; border-right: 1px solid #444; color: #444; background-color: #fff; font-weight: bold; line-height: 1em; } .pagescentered li { float: left; margin: 0; padding: 0px 4px 0px 4px; list-style-type: none; border-right: 1px solid #444; color: #444; background-color: #fff; font-weight: bold; lineHeight:10px } .pages li.prev { padding: 0 6px 0 0; } .pagescentered li.prev { padding: 0 0 0 0; } .pages li.viewall { padding: 0 0 0 6px; list-style-type: none; border-right: 0 none; } .pagescentered li.viewall { padding: 0 0 0 0; list-style-type: none; border-right: 0 none; } .pages li a { font-size:11px;margin: 0px; padding:0px ; color: #444; font-weight: normal;} .pagescentered li a { font-size:11px;margin: 0px; padding: 0px; color: #444; font-weight: normal;} .bigGalleryLink { display: block; margin: 0 auto; padding: 0; color: #666666; font-size: 10px; } .bigGalleryLink:hover { color: #666666; text-decoration: none; } #bigViewLink2 { font-weight:bold; display: block; margin: 0 auto; padding: 0; color: #111111; font-size: 11px; } #bigViewLink2:hover { color: #111111; text-decoration: none; } /* #product-row contains the brand name, page link navigation, and customer preferences. */ .product-row { float:left;margin:0px; padding:0px; width:847px} .gallery-real { float: left; margin-right: 1px; width: 111px; text-align: center; border-right: solid 2px AAAAAA;} .gallery dt { font-size: 11px; font-weight: bold; line-height: 1.2em; } .gallery dt2 { height:20; overflow:hidden; font-size: 11px; font-weight: bold; line-height: 13px; } .gallery dt a { display: block; margin: 0 auto; padding: 0; color: #000000; line-height: 13px; } .gallery dt a:hover { color: #000000; text-decoration: none; } .gallery dt img { margin-bottom: 2px; } .gallery dd { margin-bottom: 7px; padding: 0; font-size: 11px; line-height: 13px; } .gallery dd span { font-weight: bold; color: red; } .gallerywide dt { font-size: 11px; font-weight: bold; line-height: 1.2em; } .gallerywide dt2 { height:20; overflow:hidden; font-size: 11px; font-weight: bold; line-height: 13px; } .gallerywide dt a { display: block; margin: 0 auto; padding: 0; color: #000000; line-height: 13px; } .gallerywide dt a:hover { color: #000000; text-decoration: none; } .gallerywide dt img { margin-bottom: 2px; } .gallerywide dd { margin-bottom: 7px; padding: 0; font-size: 11px; line-height: 13px; } .gallerywide dd span { font-weight: bold; color: red; } .bigGallery dt { font-size: 11px; font-weight: bold; line-height: 1.2em; } .bigGallery dt2 { height:20; overflow:hidden; font-size: 11px; font-weight: bold; line-height: 13px; } .bigGallery dt a { display: block; margin-top:0;margin:0;padding:0; color: #000000; line-height: 13px; } .bigGallery dt a:hover { color: #000000; text-decoration: none; } .bigGallery dt img { margin-bottom: 0px; } .bigGallery { margin-bottom: 0px; margin-top:0; padding: 0; font-size: 11px; line-height: 13px; } .bigGallery span { font-size:11px; font-weight: bold; color: red; } .bigGallery dt td { padding-bottom:4; } .bigGallery dt td a { font-weight:bold; display: block; margin: 0; padding: 0; color: #111111; font-size: 12px; } .bigGallery dt td a:hover { color: #111111; text-decoration: none; } /* styles for text */ #productDiv span.title { margin-left:5;font-family:Arial;font-size:18; letter-spacing:0px;font-weight:normal; color: 6F6F71; } #detailsDiv span.title { margin-left:5;font-family:Arial;font-size:18; letter-spacing:0px;font-weight:normal; color: 6F6F71; } a.prev {font-family:Arial;font-size:11; letter-spacing:0px;font-weight:normal; color: 151517; } a.zoom {font-family:Arial;font-size:11; letter-spacing:0px;font-weight:normal; color: 151517; } #productDiv span.pd {font-family:Arial;font-size:12; letter-spacing:0px;font-weight:normal;line-height:15px;color: 333336; } #productDiv span.fb {font-family:Arial;font-weight:bold;font-size:13; letter-spacing:0px;font-weight:normal; color:333336;} #productDiv span.subtext {font-family:Arial;font-size:12; letter-spacing:0px;font-weight:normal; color:333336;} #productDiv span.priceLabel {color:BA5644;font-size:12;font-family:Arial;font-weight:bold;text-decoration:none} #productDiv span.price {color:BA5644;font-size:13;font-family:Arial;font-weight:bold;text-decoration:none} #productDiv span.saleRegPriceLabel {color:444444;font-size:12;font-family:Arial;font-weight:bold;text-decoration:line-through} #productDiv span.saleRegPrice {color:444444;font-size:13;font-family:Arial;font-weight:bold;text-decoration:line-through} #productDiv span.salePrice {color:BA5644;font-size:13;font-family:Arial;font-weight:bold;text-decoration:none} #productDiv span.preorderOnly {color:red;font-size:13;font-family:Arial;font-weight:bold;text-decoration:none} #productDiv a.preorderInfo {color:555555;font-size:11;font-family:Arial;font-weight:normal;} #productDiv span.subtitle {font-family:Arial;font-size:13;letter-spacing:0px;font-weight:bold; color:333336;} #productDiv span.text {font-family:Arial;font-size:12; letter-spacing:0px;font-weight:normal; color:333336;} #productDiv a.text {font-family:Arial;font-size:12; letter-spacing:0px;font-weight:normal; color:333336;} #productDiv td.top {vertical-align:top;} #productDiv select {background-color:FAFAFA;color:222233;font-size:12;font-family:Arial;} #productDiv span.rsTitle {font-family:Arial;font-size:11; letter-spacing:0px;font-weight:bold;color:333336;} #productDiv span.rsText {font-family:Arial;font-size:11; letter-spacing:0px;font-weight:bold;color:333336;} #productDiv span.rsHL {font-family:Arial;font-size:11; letter-spacing:0px;font-weight:bold;color:0A92AB;} #productDiv span.rsHL2 {font-family:Arial;font-size:11; letter-spacing:0px;font-weight:bold;color:0A77AF;} #productDiv select.rs {background-color:FAFAFA;border:1px solid #AAAAAA;color:222233;font-size:10px;height:15px;padding:0px;margin:0px;font-family:Arial;} #productDiv a.firstReview {font-family:Arial;font-size:11; letter-spacing:0px;font-weight:bold;color:BA5644;} #productDiv span.mr {font-family:Arial;font-size:11; letter-spacing:0px;font-weight:normal;line-height:13px;color: 333336; } #productDiv a.mrw {font-family:Arial;font-size:11; letter-spacing:0px;font-weight:normal;line-height:13px;color: aA2233; } #productDiv span.mrt {font-family:Arial;font-size:11; letter-spacing:0px;font-weight:bold;line-height:13px;color: 333336; } #productDiv span.mrl {font-family:Arial;font-size:11; letter-spacing:0px;font-weight:normal;line-height:13px;color: 777777; } #productDiv span.mrls {font-family:Arial;font-size:10; letter-spacing:0px;font-weight:normal;line-height:10px;color: 777777; } #productDiv span.mrlb {font-family:Arial;font-size:11; letter-spacing:0px;font-weight:bold;line-height:13px;color: 777777; } #productDiv span.ratingNum {font-family:Arial;font-size:12; letter-spacing:0px;font-weight:bold;color: 333333; } #productDiv span.ratingText {font-family:Arial;font-size:12; letter-spacing:0px;font-weight:normal;line-height:13px;color: 666666; } #productDiv a.ratingText {font-family:Arial;font-size:12; letter-spacing:0px;font-weight:normal;line-height:13px;color: 666666; } #productDiv td.vt {vertical-align:top;} #productDiv td.ct {vertical-align:middle;} #productDiv span.rstt {font-family:Arial;font-size:17; letter-spacing:0px;font-weight:bold; color: 55555a; } #productDiv span.rsts {font-family:Arial;font-size:10; letter-spacing:0px;font-weight:bold; color: 77777a; } #productDiv a.rsts {font-family:Arial;font-size:11; letter-spacing:0px;font-weight:bold; color: 55555a; } #productDiv span.vote {font-family:Arial;font-size:12; letter-spacing:0px;font-weight:bold; color: black; } #productDiv span.fitSectionIntro {font-family:Arial;font-size:15;color:444444;font-weight:bold;} #productDiv span.fitSection {font-family:Arial;font-weight:bold;font-size:13;font-style:italic;color:999999; } #productDiv span.fitText {font-family:Arial; font-weight:normal; color:555555; font-size: 12} #productDiv span.fitTextBold {font-family:Arial; font-weight:bold; color:333333; font-size: 12} #productDiv a.fitLink {font-family:Arial; font-weight:normal; color:BA5644; font-size: 12} #productDiv span.size {font-family:Arial; font-weight:normal; color:555555; font-size: 12} #productDiv span.sizeHeader {font-family:Arial; font-weight:bold; color:111111; font-size: 12} #productDiv td.sizeL {border-left:1px solid #333333;border-right:1px solid #333333;border-bottom:1px solid #333333;padding:3;} #productDiv td.sizeC0 {align:center;background-color:EEEEEE;border-right:1px solid #333333;border-bottom:1px solid #333333;padding:2;} #productDiv td.sizeC1 {align:center;background-color:CECECE;border-right:1px solid #333333;border-bottom:1px solid #333333;padding:2;} #productDiv td.sizeE0 {align:center;background-color:EEEEEE;border-right:1px solid #333333;border-bottom:1px solid #333333;padding:2;} #productDiv td.sizeE1 {align:center;background-color:CECECE;border-right:1px solid #333333;border-bottom:1px solid #333333;padding:2;} #productDiv td.sizeHeader {background-color:556575;border:1px solid #333333;padding-left:3;padding-top:2;padding-bottom:2;} #productDiv span.sizeTitle2 {background-color:222222;color:77D2ED;font-family:Arial;font-weight:bold;font-size:11;} #productDiv span.sizeTitle {background-color:556575;color:white;font-family:Arial;font-weight:bold;font-size:11;letter-spacing:1.5px} div#tipDiv { position:absolute; visibility:hidden; left:0; top:0; z-index:10000; background-color:#dee7f7; border:1px solid #336; width:220px; padding:4px; color:#000; font-size:11px; line-height:1.2; } a:link {color: #000000; text-decoration: underline; } a:active {color: #0000ff; text-decoration: underline; } a:visited {color: #000000; text-decoration: underline; } a:hover {color: #000000; text-decoration: none; } #right_wrapper { width: 274px; height: 360px; position: fixed; text-align: center; top: 181px; left: 710px; display: block; z-index:10; } #fixed_image_float { height: 100%; text-align: center; background-image: '/images/spacer.gif'; background-repeat: no-repeat; z-index:11; } #tooltiptime { position:absolute; width: 222px; padding: 5px; top: 130px; left: 780px; font-size:11px; z-index:20; color:#000; background-color:#dee7f7; border:1px solid #336; text-align:left; white-space:nowrap; } .tworows { overflow: hidden; height: 30px; } #position_hack { margin:0 0 0 0; padding: 0; width: 274px; height: 611px; border: 0px solid; position:absolute; left: 710px; top: 0px; } * html #position_hack{position:absolute;top:expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+"px" : body.scrollTop+"px");}