/* grid line-height: 15px (125%) */ /* Globals */ * {margin: 0; padding: 0; z-index:1; /*HCL Added*/ zoom:1;} body {font:normal 9px Arial, Helvetica, sans-serif; color:#444; margin:0 auto; background:#000; padding:0; text-align:center;} p {margin-bottom: 16px;} h1 {font-weight: bold; display: block;} h2,h3,h4,h5,h6 {font-weight:normal; display:block;} table {border-collapse:collapse;} form {display:inline; margin:0;} input, select {margin:0; padding:0;} select {font-size:10px;} img, a img, fieldset {border: none;} legend {display: none;} a {outline:none; color: #900;} ul, li {list-style-type: none; margin: 0; padding: 0;} .checkout a {color:#900 !important;} /* HCL Added new */ #category3146842, #searchPage, #layoutContainer, #cart{width: 951px; margin: 0 auto; position: relative;} /* new end*/ /* Useful Classes */ .floatRight {float:right;} .floatLeft {float:left;} .clear {clear:both;height:0;overflow:hidden;} #expressView .breakerActive {height:0;} .normal {font-weight: normal !important;} /* Layout related styles. ID rules are global an516d classed rules are page-specific in nature.*/ #container {text-align: left;} #sidebar1 {clear: both;} #sidebar1 .wrap {padding-right: 8px;} #sidebar1 li, #sidebar2 li, #sidebar1 h3, #sidebar2 h3 {margin-bottom: 8px;} #sidebar2 .wrap {padding-left: 8px;} #mainContent { position : relative; } .thrColFixHdr #mainContent #product-imagery {/*width: 305px; for 3 columns*/ float: left; text-align: center; width: 385px;} .oneColFix #mainContent #product-imagery {text-align: center;} .oneColFix.home #mainContent, .oneColFix.help #mainContent, .oneColFix.search #mainContent {margin-top: 0; border: none; clear: both;} .oneColFix.home #mainContent .wrap, .oneColFix.help #mainContent .wrap, .oneColFix.search #mainContent .wrap {margin: 0;} .home #container, .help #container, .search #container .oneColFix #container {width: 951px; text-align: left; background:transparent;} .home #mainContent .wrap, .help #mainContent .wrap, .search #mainContent .wrap {padding: 0 0px;} #helpdesk-article #mainContent .wrap{padding: 0 0px 8px 0px;} /* Global Header */ div.promo {width:951px; margin:0 auto 12px; /*HCL Added*/ width:385px; position: absolute; left: 0;margin:0; z-index:400000;} div#wrapper {text-align:center;} .welcome { display: none; } /* Header *****************************************************************************/ #header { height: 88px; width: 949px; padding: 0 1px; margin: 0 auto; clear: both; position: relative; z-index: 2; background-color: #000; border-bottom: 3px solid #818181; text-align: left; } #header .email { height: 16px; display: block; position: relative; top: 8px; } #header .email input { height: 14px; width: 165px; border: 1px solid #A1A1A1; background-color: #000; font: normal 9px/14px Arial, Helvetica, sans-serif; text-align: center; text-transform: uppercase; color: #A1A1A1; } #header .email button { height: 7px; width: 33px; position: absolute; top: 5px; left: 175px; border: 0; background: #000 url(../images/sprite_global.png) -528px -7px no-repeat; text-indent: -9999px; cursor: pointer; } #header .email button:hover { background-position: -528px -14px; } #header .nav { list-style: none; } #header .nav li a, #header h1 a, #header .email-thanks { display: block; float: left; background: #000 url(../images/sprite_global.png) 0 0 no-repeat; text-indent: -9999px; } #header h1 { padding: 0; margin: 0; } #header h1 a { height: 61px; width: 151px; position: absolute; top: 0; left: 560px; } #header .email-thanks { height: 7px; width: 234px; position: absolute; top: 12px; float: none; background-position: -528px 0; } #header .main { width: 565px; position: absolute; top: 40px; left: 0; float: left; } #header .main li { margin-right: 31px; float: left; position: relative; } #header .main li a { height: 16px; } #header .main li.men a { width: 27px; background-position: -151px 0; } #header .main li.men a.current { background-position: -151px -16px; } #header .main li.men a:hover { background-position: -151px -32px; } #header .main li.women a { width: 49px; background-position: -178px 0; } #header .main li.women a.current { background-position: -178px -16px; } #header .main li.women a:hover { background-position: -178px -32px; } #header .main li.juniors a { width: 56px; background-position: -227px 0; } #header .main li.juniors a.current { background-position: -227px -16px; } #header .main li.juniors a:hover { background-position: -227px -32px; } #header .main li.kids-baby a { width: 85px; background-position: -283px 0; } #header .main li.kids-baby a.current { background-position: -283px -16px; } #header .main li.kids-baby a:hover { background-position: -283px -32px; } #header .main li.friends-store a { width: 103px; background-position: -368px 0; } #header .main li.friends-store a.current { background-position: -368px -16px; } #header .main li.friends-store a:hover { background-position: -368px -32px; } #header .main li.explore a { width: 57px; background-position: -471px 0; } #header .main li.explore a.current { background-position: -471px -16px; } #header .main li.explore a:hover { background-position: -471px -32px; } #header .main li ul { display: none; } #header .main li:hover ul, #header .main li.active ul { display: block; position: absolute; top: 16px; } #header .main li ul li { float: none; } #header .main li ul li a, #header .main li ul li a { float: none; background: transparent url(../images/sprite_dropNav.png) 0 0 no-repeat; } #header .main li ul li.big-tall a { height: 30px; width: 56px; background-position: 0 0; } #header .main li ul li.big-tall a:hover { background-position: 0 -29px; } #header .main li ul li.petite a { height: 35px; width: 69px; margin-left: -10px; background-position: -56px 0; } #header .main li ul li.petite a:hover { background-position: -125px 0; } #header .main li ul li.plus a { height: 35px; width: 69px; margin-left: -10px; background-position: -56px -35px; } #header .main li ul li.plus a:hover { background-position: -125px -35px; } #header .aux, #header .search, #header .shopping { width: 211px; margin: 0; position: absolute; right: 1px; } #header .aux { top: 12px; } #header .aux li { float: left; } #header .aux li a { height: 7px; } #header .aux li.my-account a { width: 56px; margin-right: 13px; background-position: -561px -7px; } #header .aux li.my-account a:hover { background-position: -561px -14px; } #header .aux li.store-locator a { width: 68px; margin-right: 14px; background-position: -617px -7px; } #header .aux li.store-locator a:hover { background-position: -617px -14px; } #header .aux li.track-order a { width: 60px; background-position: -685px -7px; } #header .aux li.track-order a:hover { background-position: -685px -14px; } #header .search { top: 40px; } #header .search input { height: 14px; width: 161px; border: 1px solid #A1A1A1; background-color: #000; font: normal 9px/14px Arial, Helvetica, sans-serif; text-transform: uppercase; text-align: center; color: #A1A1A1; } #header .search button { height: 9px; width: 37px; position: relative; top: 5px; left: 8px; border: 0; background: #000 url(../images/sprite_global.png) -528px -21px no-repeat; text-indent: -9999px; cursor: pointer; } #header .search button:hover { background-position: -528px -30px; } #header .shopping { top: 70px; font: bold 10px Arial, Helvetica, sans-serif; color: #FFF; text-transform: uppercase; } #header .shopping a { text-decoration: none; color: #FFF; } #header .shopping-bag { height: 10px; width: 80px; display: block; background: #000 url(../images/sprite_global.png) -565px -21px no-repeat; text-indent: -9999px; } #header .shopping .shopping-bag.active { background-position: -565px -31px; } #header .item-count { position: absolute; right: 58px; bottom: 0; } #header .item-total { position: absolute; right: 0; bottom: 0; } /* Footer *****************************************************************************/ #footer { height: 132px; width: 951px; margin: 0 auto -3px auto; clear: both; position: relative; background-color: #000; border-top: 3px solid #818181; text-align: left; } #footer .email { width: 253px; display: block; position: absolute; top: 14px; right: 1px; } #footer .email input { height: 14px; width: 165px; border: 1px solid #A1A1A1; background-color: #000; font: normal 9px/14px Arial, Helvetica, sans-serif; text-align: center; text-transform: uppercase; color: #A1A1A1; } #footer .email button { height: 13px; width: 75px; position: absolute; top: 2px; right: 0; border: 0; background: #000 url(../images/sprite_global.png) -647px -21px no-repeat; text-indent: -9999px; cursor: pointer; } #footer .nav { list-style: none; } #footer .nav li a, #footer .copyright, #footer .secure, #footer .email-thanks { display: block; float: left; background: #000 url(../images/sprite_global.png) 0 0 no-repeat; text-indent: -9999px; } #footer .email-thanks { height: 11px; width: 261px; position: absolute; top: 18px; right: 1px; background-position: -528px -42px; } #footer .main { height: 9px; width: 949px; padding: 6px 1px 7px 1px; overflow: hidden; border-top: 1px solid #818181; border-bottom: 1px solid #818181; } #footer .main li { float: left; } #footer .main li a { height: 9px; } #footer .main li.phone { height: 9px; width: 81px; display: block; float: left; background: #000 url(../images/sprite_global.png) 0 -61px no-repeat; text-indent: -9999px; } #footer .main li.customer-service a { width: 116px; background-position: -81px -61px; } #footer .main li.customer-service a:hover { background-position: -81px -70px; } #footer .main li.contact a { width: 79px; background-position: -197px -61px; } #footer .main li.contact a:hover { background-position: -197px -70px; } #footer .main li.feedback a { width: 69px; background-position: -276px -61px; } #footer .main li.feedback a:hover { background-position: -276px -70px; } #footer .main li.gifts a { width: 111px; background-position: -345px -61px; } #footer .main li.gifts a:hover { background-position: -345px -70px; } #footer .main li.returns a { width: 98px; background-position: -456px -61px; } #footer .main li.returns a:hover { background-position: -456px -70px; } #footer .main li.shipping a { width: 99px; background-position: -554px -61px; } #footer .main li.shipping a:hover { background-position: -554px -70px; } #footer .main li.careers a { width: 64px; background-position: -653px -61px; } #footer .main li.careers a:hover { background-position: -653px -70px; } #footer .main li.global a { width: 88px; background-position: 0px -79px; } #footer .main li.global a:hover { background-position: 0px -88px; } #footer .main li.site-map a { width: 65px; background-position: -88px -79px; } #footer .main li.site-map a:hover { background-position: -88px -88px; } #footer .main li.unsubscribe a { width: 79px; background-position: -153px -79px; } #footer .main li.unsubscribe a:hover { background-position: -153px -88px; } #footer .aux { height: 9px; margin: 12px 0 0 1px; } #footer .aux li { float: left; } #footer .aux li a { height: 9px; } #footer .aux li.terms a { width: 103px; background-position: -232px -79px; } #footer .aux li.terms a:hover { background-position: -232px -88px; } #footer .aux li.privacy a { width: 77px; background-position: -335px -79px; } #footer .aux li.privacy a:hover { background-position: -335px -88px; } #footer .copyright { height: 8px; width: 116px; margin: 14px 0 0 1px; background-position: -648px -34px; } #footer .social { height: 16px; width: 348px; position: absolute; top: 80px; right: 1px; } #footer .social li { float: left; } #footer .social li a { height: 16px; margin-left: 20px; } #footer .social li.facebook a { width: 61px; background-position: -412px -79px; } #footer .social li.twitter a { width: 80px; background-position: -473px -79px; } #footer .social li.mobile a { width: 147px; background-position: -553px -79px; } #footer .secure { height: 13px; width: 100px; position: absolute; top: 101px; right: 1px; background-position: -717px -62px; } #footer .secure:hover { background-position: -717px -75px; } #footer-tracking { height: 0; overflow: hidden; background-color: #000; } /* Privacy Popup */ body.popupFix { background: #fff; } /* breadcrumbs */ #breadcrumbs {width:951px; height:18px; background:#C41230; margin: 0; padding: 0;} #checkout #container #breadcrumbs {width:951px; height:18px; background:#C41230; margin: 0; padding: 0; margin-bottom:35px;} #breadcrumbs .wrap ul li.first a {margin-right: 5px; font-family:arial; font-size:9px; color:#fff !important; text-decoration:none;} #breadcrumbs .wrap ul li a {margin-right: 5px; font-family:arial; font-size:9px; color:#fff !important; text-decoration:none;} #breadcrumbs ul {list-style-type:none; margin:0; padding:0; margin-left: 26px;} #breadcrumbs ul li {margin-right: 3px; display:inline; line-height:18px; font-family:arial; font-size:9px; color:#fff; text-decoration:none;} #breadcrumbs ul li a {margin-right: 5px; font-family:arial; font-size:9px; color:#fff; text-decoration:none;} #breadcrumbs h1 {color:#fff; margin:0 0 0 6px; padding:0; font:9px/18px Arial, Helvetica, sans-serif; } #breadcrumbs h1 a {color:#fff; text-decoration:none;} /* Search page search component */ .search #body-search {position: static;} .search form {margin-bottom: 16px;} .search h3 {margin-bottom: 8px;} .search .hide {display:none;} .marginBottomZero{margin-bottom:0 !important;} /* Search CMS Defaults */ #searchCmsDefault {margin:15px auto 0 auto;width:178px;} #noResultsLeft {float:left;width:511px;} #noResultsRight {float:left;width:234px;} #aprTopCmsDefault {margin-bottom:26px;} #aprBottomCmsDefault {margin-top:42px;} /* Secondary navigation component */ #nav2 {background: #000; height: 100%; min-height: 100%; margin: 0; padding: 0 0 22px 0;} #nav2 h3 {font: bold 11px arial, helvetica, sans-serif; margin: 0 0 3px 25px; padding-top: 10px; text-transform: uppercase; height:15px; color:#fff;/*Added HCL */padding-top: 17px;} #nav2 ul {margin: 0 0 0 16px; padding: 0; list-style-type: none; font: 11px arial, helvetica, sans-serif;} #nav2 ul li {margin: 0 0 2px 0;} #nav2 ul li.subCatnl {font-weight: bold; padding-left: 10px; color:#fff;} #nav2 ul li.subCatl a, #nav2 ul li.subCatd a {font-weight: normal; display: inline; padding: 1px 0 0 10px; width: 150px; color: #fff; text-decoration: none;} #nav2 ul li.subSubCat a {display: inline; padding: 1px 0 0 10px; margin-left: 10px; width: 150px; color: #fff; text-decoration: none;} #nav2 ul li a#selected, #nav2 ul li a:hover {color: #900; background:none; text-decoration: none; cursor: pointer;} #nav2 ul li.subCatd a#selected {background: url(../images/leftnavdArrow.gif) no-repeat 0px 2px;} #leftNavCMS {padding-top:9px; margin:0px 9px 0px; overflow:hidden;width:180px} #leftNavCMSOdd {padding-top:9px; margin:0px 13px 0px;overflow:hidden;width:180px} /* CMS * #familyCMS {width: 745px; margin: 0 0 14px 0;position:relative;overflow:hidden;} */ /* Numbered and bulleted lists */ ol.numbered, ol.numbered li {list-style-type: decimal; list-style-position: inside;} ol.numbered li {margin-left: 20px; margin-bottom: 8px;} ul.bullet {margin-bottom: 16px;} ul.bullet, ul.bullet li {list-style-type: disc; list-style-position: inside;} ul.bullet li {margin-left: 12px;} /* Email page-specific component rules */ .email-friend #product-imagery {text-align: left; float: left; width: 125px;} .email-friend #product-detail {float: right; width: 373px;} .email-friend form {clear: both;} .email-friend form div {width: 249px; margin-bottom: 16px;} .email-friend label {display: block;} .email-friend #friend-name, .email-friend #your-name, .email-friend #friend-email, .email-friend #your-email {width: 235px;} .email-friend .friend-name, .email-friend .your-name {float: left;} .email-friend .friend-email, .email-friend .your-email {float: right;} .email-friend .message {clear: both;} .email-friend #message {width: 485px;} .email-friend #send {float: right; width: 100px;} /* Gift certificate page-specific component rules */ .gift-cert #sidebar1 img {display: block; margin-bottom: 16px;} .gift-cert #sidebar1 ul {margin-bottom: 16px;} .gift-cert label {display: block; float: left; text-align: right; width: 224px; margin-right: 8px;} .gift-cert #sidebar2 form div {clear: both; margin-bottom: 16px;} .gift-cert #recip-name, .gift-cert #recip-email, .gift-cert #sender-name, .gift-cert #message {width: 215px;/* float: right;*/} .gift-cert #cert-amount {width: 30px;} .gift-cert #message {height: 150px;} .gift-cert .recip-name .note {margin-left: 232px; margin-top: 4px;} .gift-cert .cert-amount .note {float: right; width: 180px;} /* Category page-specific component rules */ .category #featured, .subcategory #featured, .home #featured {border: solid 1px #666; padding: 8px; clear: both;} /* Sub-category page-specific component rules */ .subcategory #product-detail {border: solid 1px #666; padding: 8px; float: none; width: auto; margin-bottom: 16px; clear:both;} .subcategory #product-detail .wrap {padding: 0 0 0 0;clear:both;} .subcategory h1, h2.banner {color: #fff; background: #666; padding: 4px; margin-bottom: 8px;} .subcategory #main-img {margin: 0 8px 0 0; float: left;} .subcategory #product-detail h3 {margin-bottom: 16px;} /* Product page-specific component rules */ #main-img {margin-bottom: 16px;} #main-img #zoom {float: left; text-align: left;} #main-img #zoom a {background: url(../images/global/icons/zoom_in.gif) no-repeat top left; padding-left: 20px; margin-left: 82px; height: 20px; display: block;} #main-img #tour {float: right; text-align: right;} #main-img #tour a {margin-right: 82px;} #main-img #zoom, #main-img #tour {width: 49%; margin-bottom: 16px; margin-top: 8px;} #main-img #close a {background: url(../images/global/icons/cancel.gif) no-repeat top left; padding-left: 20px;} #main-img #close {margin-top: 8px;} #product-nav, #product-tools, #related-categories {border: solid 1px #666; padding: 8px; margin-bottom: 16px;} #product-nav .navbar {text-align: center;} #product-nav .prev {margin-right: 16px;} #product-nav .next {margin-left: 16px;} #alt-img {clear: both;} #alt-img ul { margin-left: 50px;} #alt-img li {float: left; width: 95px; height: 95px;} #alt-img img {border: solid 1px #666;} #config fieldset {padding: 8px; margin-bottom: 16px; border: solid 1px #666;} #config label {display: block; float: left; font-weight: bold; width: 15%; text-align: right; padding-top: 3px; margin-right: 3px;} #config div {margin-bottom: 16px;} #product-detail {float: right; width: 385px;} #product-detail h1 {margin-bottom: 0;} #product-detail .swatches ul {padding-left: 15%; margin-left: 3px;} #product-detail .swatches li {float: left; width: 35px; height: 35px;} #product-detail .swatches img {border: solid 1px #666;} #product-detail .quantity, #product-detail .size {clear: both;} #product-detail .util {padding-left: 15%; margin-left: 3px; clear: both;} #product-detail .util ul {float: right; width: 53%;} #product-detail .util li {margin-bottom: 8px;} #product-detail .util a {background-position: top left; background-repeat: no-repeat; padding-left: 23px;} #product-detail .util a.wishlist {background-image: url(../images/global/icons/add.gif);} #product-detail .util a.email {background-image: url(../images/global/icons/email.gif);} #product-detail .notes li, #product-detail .services li {font-size: 10px; margin-bottom: 16px;} #product-detail .avail {margin-bottom: 0; clear: both;} /* Related Items component */ #related-items, #recent-history {clear: both; margin-bottom: 16px;} #related-items caption {display: none;} #related-items table, #recent-history table {border: solid 1px #666; border-width: 1px 1px 0 1px;} #related-items th, #related-items td, #recent-history th, #recent-history td {padding: 8px; border: solid 1px #666; border-width: 0 0 1px 0;} #related-items td.quantity {border-left: solid 1px #666;} #related-items ul.products img, #recent-history ol.products img {display: inline; float: left; margin-right: 8px;} #related-items label {display: none;} /* Recent History component */ #recent-history caption {background: #666; color: #fff; text-align: left; padding: 8px;} #recent-history th {width: 10%;} #recent-history .mask {overflow:hidden;height:60px;width:735px;float: left;position: relative;} #recent-history .prev {float:left;width: 23px;margin-top: 17px;} #recent-history .next {float:right;width: 23px;margin-top: 17px;} #recent-history .prevOff a, #recent-history .nextOff a{display:none;} #recent-history ol.products {position: absolute;height:60px;left:0;top:0;} #recent-history th ul, #recent-history .prompt{ float: left;clear: none;} #recent-history .prompt{width:100px} #recent-history th ul {font-weight: normal;} #recent-history ol.products li {float: left;width: 245px;} #recent-history ol.products dl {margin-right: 8px;} #recent-history ul.navbar li {float: left;} #recent-history ul.navbar li a {padding: 0 8px; border-right: solid 1px #666;} #recent-history ul.navbar li.last a{border-right: none;} /* product navigator component */ #pagination {margin:5px 0 0 10px; overflow:auto; width:730px;} #pagItems { width:100px; float: left;} #pagPages { float:right; width: 350px;} .product-nav { width: auto;} .product-nav ul { float:right; } .product-nav ul, .product-nav li {list-style-type: none; font-weight: bold;} .product-nav li {float: left; width: auto; margin: 0 6px 0 0;} .product-nav li a {color: #444;} .product-nav li.prev a, .product-nav li.next a {color: #444; text-decoration: none;} .product-nav li.see-all { margin-right: 0;} .product-nav li.see-all a {color: #900; text-decoration: none;} .prodDescription{line-height:21px;} /* product list component */ ol#products {clear: both; width: auto; margin: 0;} ol#products, ol#products li, ol#products dt, ol#products dd {list-style-type: none;} ol#products li {float: left; width: 115px; height: 274px; padding: 0 7px 6px 0; border-top: solid 1px #a8a8a8; text-align: center;} ol#products dl {margin: 0 8px 16px 8px;} ol#products dt {height: 35px; margin: 5px 0 0 0;} ol#products dd {margin: 0; padding: 0;} ol#products .promo {margin-bottom: 8px;} ol#products a {text-decoration: none; color: #444} dd.price-ours {color: #900;} .category ol#products {width: 768px;} .category ol#products li {width: 192px;} .home ol#products {width: 951x;} .home ol#products li {width: 188px;} .home #featured {text-align: left;} /*** product loop ***/ #prodLoop {width: 745px; height: 590px; position: relative; background-color: #fff;} #prodLoop p {font: bold 9px Arial, sans-serif; margin: 0 0 10px 9px; padding: 0; letter-spacing: .5px;} #prodLoop p.long-desc { margin-bottom:5px; } #prodLoop p.available-colors { margin-top:5px; } #prodList {float: left; margin: 10px 0px 0px 10px; padding: 0; /*overflow:hidden;*/ width:492px; height:560px;} #prodView {position: relative; float: right; width: 234px; height: 560px; margin: 0; padding: 0; overflow:hidden;} #prodView p {font: bold 13px/19px Arial, sans-serif; margin: 230px 50px 0 50px; text-align: center; background: #fff;} .prodOn {visibility: hidden; position: absolute; top: 18px; right: 0; width: 234px; height: 620px; margin: 0; padding: 0; background: #fff; overflow:hidden;} .prodOn p {font: normal 11px Arial, sans-serif !important; color: #444; padding-top: 8px !important; letter-spacing: .5px;} body.fb_active #prodLoop #prodList #products li { height: 310px; } body.fb_active #prodLoop #prodList #products li.segmentTitle { height: auto; } #prodLoop #prodList #products li .fb_like { display: none; } body.fb_active #prodLoop #prodList #products li .fb_like { height: 23px; margin-top: 8px; display: block; } /* Was / Now Pricing */ .prodOn dd { font: normal 11px Arial, sans-serif !important; color: #444; display: inline; letter-spacing: .5px; margin: 0 0 0 9px; } .prodOn a {text-decoration: none; color: #444;} .prodOn .price-ours {font-weight: bold; color: #900;} /* product loop tooltips */ ol#products li div.badge {width:115px;height:12px;} div#prodLoop div#tooltip img {z-index:32000 !important;} div#prodLoop div#tooltip {position:absolute;top:0px;left:0px;display:none;width:325px;height:215px;z-index:32000 !important;;} /* product list segment */ ol#products li.segmentTitle {font: bold 12px arial; color:#444;margin: 5px 0 5px 0 !important; width:auto;clear:both !important;float:none !important;text-align:left;text-transform:uppercase; height: auto; border: 0;} ol#products .firstSegment {margin:5px 0 0 0;} /* product search component */ .product-search {background: #000000; color: #FFF;padding:0px;height:36px; overflow: auto;} .product-search fieldset {float:left;} #sort-container {margin:9px 50px 0 0;} #sort-container label {padding:0 13px 0 20px;text-transform: uppercase; font-size: 11px;font-weight:bold;} #size-filter-container {margin-right: 20px;margin-top:9px;} #size-filter-container label {padding:0 13px 0 0px;text-transform: uppercase; font-size: 11px;font-weight:bold;} .product-search option,.product-search select {color: #333;background:#F5F5F5;} .product-search option.hover, .product-search option:hover {background: #666 !important; color: #FFF;} /* APR */ #apr {width: 745px; display: block; margin-bottom: 10px;} #apr h2 {font: bold 12px arial, sans-serif; letter-spacing: .5px; margin: 0; padding: 0 0 7px 0;} #apr ol#products li {padding-right:50px;} #sorry {width: 745px; display: block; margin-bottom: 10px;} #sorry h2, #find h2 {font: bold 12px arial, sans-serif; letter-spacing: .5px;} #sorry p {margin-bottom: 40px;} #find {width: 745px; display: block; border-top: solid 1px #a8a8a8; padding: 38px 0 42px 0;} #find #related {margin-left: 38px; float: right; text-align: left; width: 344px;} #find #related p a {margin-right: 26px;} /* Dept/Category Pages */ div#shop div#container div#mainContent { background:#000; } /* Help page specific components */ div#helpdesk-topics div#sidebar2 {margin:14px 0 0 0;} div#helpdesk-topics div#mainContent {margin:18px 0 0 0; min-height:500px; border-bottom: solid 1px #a8a8a8;} div#helpdesk-topics div#mainContent h1 {font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#444; margin:0 0 0 9px; line-height:14px;} div#helpdesk-topics div#mainContent h2 {background:#9C9C9C; height:20px; padding:8px 0 0 10px; font:bold 11px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase;} div#helpdesk-topics div#mainContent p {font:11px Arial, Helvetica, sans-serif; color:#444; width:397px; margin:0 0 0 9px; line-height:14px;} div#helpdesk-topics div#mainContent a {text-decoration:none;} div#helpdesk-topics div#mainContent a:hover {color:#900;} div#helpdesk-topics div#mainContent div#subHeader {height:67px;} div#helpdesk-topics div#mainContent div#subHeader img {margin:4px 12px 0 54px;} div#helpdesk-topics div#mainContent h3 a {font:11px Arial, Helvetica, sans-serif; color:#444; line-height:16px; margin:0 0 0 10px;} div#helpdesk-topics div#mainContent .topicContainerLeft {float:left; width:314px; margin:0 2px 0 0;} div#helpdesk-topics div#mainContent .topicContainerRight {float:left; width:313px;} div#helpdesk-topics div#mainContent .subTopics {margin:10px 0 17px 0;} div#helpdesk-article div#container div#sidebar2 {background:#EAEAEA; width:199px;} div#helpdesk-article div#container div#sidebar2 .wrap div#helpdeskNav {margin:18px 0 0 18px;} div#helpdesk-article div#container div#sidebar2 .wrap div#helpdeskNav ul {margin:6px 0 0 0; list-style:none;} div#helpdesk-article div#container div#sidebar2 .wrap div#helpdeskNav h2 {margin:0 0 3px 0; font:bold 11px Arial, Helvetica, sans-serif; color:#1C1C1C; text-transform:uppercase;} div#helpdesk-article div#container div#sidebar2 .wrap div#helpdeskNav ul li {margin:0 0 5px 0; padding:0; color:#900;} div#helpdesk-article div#container div#sidebar2 .wrap div#helpdeskNav ul li a {font:9px Arial, Helvetica, sans-serif; color:#444; text-decoration:none;} div#helpdesk-article div#container div#sidebar2 .wrap div#helpdeskNav ul li a:hover {color:#900;} div#helpdesk-article div#container div#mainContent {min-height:500px; width:752px; letter-spacing:.03em; background:#fff;} div#helpdesk-article div#container div#mainContent .wrap div#article {margin:20px 0px 35px 23px; font:11px Arial, Helvetica, sans-serif;} div#helpdesk-article div#container div#mainContent .wrap div#article * {margin:normal !important; padding:normal !important;} div#helpdesk-article div#container div#mainContent .wrap div#article p {margin-bottom:normal !important;} div#helpdesk-article div#container div#mainContent .wrap div#article a {text-decoration:underline; color:#900;} div#helpdesk-article div#container div#mainContent .wrap div#article .backToTop {margin-top:12px;} div#helpdesk-article div#container div#mainContent .wrap div#article .header {font:bold 12px Arial, Helvetica, sans-serif; color:#444; text-transform:uppercase;} div#helpdesk-article div#container div#mainContent .wrap div#article table {margin-left:0px;} div#helpdesk-article div#container div#mainContent .wrap div#article table tr td {text-align:left;} div#helpdesk-article div#container div#mainContent .wrap div#article table tr td table {width:100%;} div#helpdesk-article div#container div#mainContent .wrap div#article table tr td table tr td {padding:2px;} div#helpdesk-article div#container div#mainContent .wrap div#article .footerlink2 {font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase; margin:-3px 0 23px 0;} div#helpdesk-article div#container div#mainContent .wrap div#article br {line-height:normal;} div#helpdesk-article div#container div#mainContent .wrap div#article table br {line-height:normal;} div#helpdesk-article div#container div#mainContent .wrap div#article ul li {list-style:disc; margin:0 0 0 24px; line-height:14px; padding:0 0 0 0;} div#helpdesk-article div#container div#mainContent .wrap div#article ol li {list-style:decimal; margin:0 0 0 26px; line-height:14px;} div#helpdesk-article div#container div#mainContent .wrap div#article ul {margin:12px !important;} div#helpdesk-article div#container div#mainContent .wrap div#article ol {margin:12px !important;} /* Email page specific components */ .email label, .email input#email {display: block; margin-bottom: 8px;} .email #submit {margin-right: 16px;} /* Site map page specific components */ div#sitemap div#container div#footerWrapper { clear:both; display:block; margin:0 auto; padding: 0 0 0 0; position:relative; top:-3px; width:951px; z-index:30000; background:#fff; } div#sitemap div#container div#footerWrapper div#footer { top:20px; } div#sitemap div#container div#mainContent {width:951px;background:#fff;} div#sitemap div#container div#mainContent .sitemapSubCategory {margin-bottom:12px;} div#sitemap div#container div#mainContent .subCategoryIndent {margin-left:9px;} div#sitemap div#container div#mainContent .wrap {text-align:center;} div#sitemap div#container div#mainContent .bar {width:734px; height:10px; background:#9C9C9C; margin:0 0 16px 0;} div#sitemap div#container div#mainContent a {text-decoration:none;} div#sitemap div#container div#mainContent a:hover {color:#900;} div#sitemap div#container div#mainContent table {width:734px; margin:0 auto 12px 106px; text-align:left;} div#sitemap div#container div#mainContent td {width:200px;} div#sitemap div#container div#mainContent li {display: inline;} div#sitemap div#container div#mainContent h1 {font:bold 12px Arial, Helvetica, sans-serif; color:#444; text-transform:uppercase; margin:17px 0 7px 106px; padding:0; width:734px; text-align:left;} div#sitemap div#container div#mainContent h2 {font:bold 12px Arial, Helvetica, sans-serif; color:#900; text-transform:uppercase;} div#sitemap div#container div#mainContent h3, div#sitemap div#container div#mainContent h3 a {font:bold 11px Arial, Helvetica, sans-serif; color:#444; text-transform:uppercase; line-height:16px;} div#sitemap div#container div#mainContent h4, div#sitemap div#container div#mainContent h4 a {font:11px Arial, Helvetica, sans-serif; color:#444; line-height:16px;} div#sitemap div#container div#mainContent h5 a {font:11px Arial, Helvetica, sans-serif; color:#444; margin-left:9px; line-height:16px;} /* Checkout - Sign Up */ div#checkout div#container div#mainContent {background:#fff; border:none; font:11px Arial, Helvetica, sans-serif; color:#444;} div#checkout div#container div#mainContent a {color:#900;} div#checkout div#container div#mainContent .subheadmed {font:bold 12px Arial, Helvetica, sans-serif; color:#444; text-transform:uppercase;} div#checkout div#container div#mainContent .defaultCustServText {font:bold 11px Arial, Helvetica, sans-serif; color:#444;} div#checkout div#container div#mainContent .maincolor {background-image:url(../images/checkout/headerBackground.gif); font:bold 12px Arial, Helvetica, sans-serif; color:#fff; text-transform:normal;} div#checkout div#container div#mainContent .checkbg_lt{background:#fff;} div#checkout div#container div#mainContent table {} div#checkout div#container div#mainContent table tbody tr td {} div#checkout div#container div#mainContent table table {text-align:left; margin:0 0 0 0;} div#checkout div#container div#mainContent legend.subheadmed {display: block; width: 240px; margin: 0; font:bold 12px Arial, Helvetica, sans-serif; color:#444; text-transform: none;} div#checkout div#container div#mainContent fieldset {padding: 3px 10px 0 10px;} .wizmaincolor {background:#F0E8D4;color:#444;padding-left:10px; padding-right:10px;padding-bottom:0px !important;font:bold 12px Arial, sans-serif;} .wizhighcolor {background:#900;color:#FFF;padding-left:10px; padding-right:10px;padding-bottom:0px !important;font:bold 12px Arial, sans-serif;} /* Store Locator */ div#storeLocator { height:auto; } div#store_locator div#mainContent {border:none; width:951px; padding:0; margin:0; font:11px Arial, Helvetica, sans-serif; color:#444;} div#store_locator div#mainContent a {color:#900;} div#store_locator div#mainContent .wrap {padding:0; margin:0; width:951px;} div#store_locator div#mainContent h1 {font:bold 14px Arial, Helvetica, sans-serif; color:#444; text-transform:uppercase;} div#store_locator div#mainContent label {padding:0 6px 0 0; font:bold 11px Arial, Helvetica, sans-serif;} /* Search Pages */ .searchWrap { background-color: #000 !important; } #searchHdr {width: 481px; margin-left:10px; padding-top: 26px; background-color: #000; color: #fff;} #searchHdrNR {width: 481px; margin-left:10px; padding-top: 26px; background-color: #fff; color: #000;} #searchHdr h1, #searchHdrNR h1 {font: bold 24px arial, sans-serif; margin: 0 0 16px 0; letter-spacing: .5px;} #searchHdr h2, #searchHdrNR h2 {font: bold 12px arial, sans-serif; letter-spacing: .5px;} #searchHdr h2 .keyword, #searchHdrNR h2 .keyword {text-decoration: underline; text-transform: uppercase;} #searchHdr h2#dym, #searchHdrNR h2#dym {font: bold 12px arial, sans-serif; letter-spacing: .5px; margin-bottom: 46px; text-transform: uppercase;} #searchHdr fieldset, #searchHdrNR fieldset {margin-bottom: 40px !important;} #searchHdr ul, #searchHdrNR ul {margin: 4px 0 20px 15px; padding: 0;} #searchHdr li, #searchHdrNR li {list-style-type: disc; font: 11px arial, sans-serif; letter-spacing: .5px;} #searchHdr p, #searchHdrNR p {font: 11px arial, sans-serif; letter-spacing: .5px;} #searchHdr .inline, #searchHdrNR .inline {display:inline; margin: 0; padding: 0;} #searchHdr .inputSearchBox, #searchHdrNR .inputSearchBox {width:150px; border:1px solid #666; font:9px Arial; color:#666; margin:2px 5px 0 0; text-align:center; padding: 4px 0 3px 0; text-transform: uppercase;} /* inline type effects */ .header{font-size:18px; font-weight:bold;} .note {font-size: 10px;} /* Floating classes */ .fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */ float: right; margin-left: 8px; } .fltlft { /* this class can be used to float an element left in your page */ float: left; margin-right: 8px; } .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height:0; font-size: 1px; line-height: 0px; } /* shopping cart */ table {margin:0 auto;} td.checkbg_lt, td.maincolor {padding: 4px !Important;} .checkout table {background: transparent !important;} #checkout #container table tbody tr td table {} #checkout #container .pagetext {color:#333;} .cartrow1 {text-align:left;} .subheadmed table td {text-align:left;} #contentbody table {margin:0 auto;} #cartBgclrProdDtls td {background: #e6e6e6 !important; padding: 4px !important;} #faqPage table {border:1px solid black !important; padding:4px; margin-bottom:10px; background:transparent !important;} #faqPage table table {border:none !important; padding:0; margin-bottom:0;} #mainAlternateViews {clear:left;} #checkoutPages td, #checkoutPages th {text-align: left !important;} #cartItems, #cartItems span, .subheadmed span, font.subheadmed, td.subheadmed {color: #333 !important;} #cartBgclrProdDtls .maincolor, .login .maincolor, #checkoutPages .maincolor {background: #444 !important; color: #fff !important;} #cartItems .checkbg_dk, .login .checkbg_lt, #checkoutPages .checkbg_lt {background: #e6e6e6 !important; padding: 4px !important;} #cartItems .checkbg_dk table td, #checkoutPages .checkbg_dk {background: #ccc !important; color: #333 !important;} #checkoutPages, #checkoutPages .pagetext, #checkoutPages .checkbg_dk b, #checkoutPages .padding {color: #333 !important;} #cartItems a.details, #cartItems a.pagelink, .subheadmed a.pagelink, .login a.pagelink, #checkoutPages .details {font-size: 12px !important; color: #00f !important; text-decoration: underline !important;} div#cart div#container div#mainContent tr.checkbg_dk td {background: #F0E8D4} div#cart div#container #mainContent {border:none; font: 11px Arial, sans-serif;} div#cart div#container div#mainContent .wrap table[cellspacing="0"] .subheadmed a.details {color:#444 !important; font:10px Arial, sans-serif;} div#cart div#container div#mainContent .wrap .alert {color:#444;} div#cart div#container div#mainContent .wrap table tr .maincolor a {color:#444; font:10px Arial, sans-serif;} div#cart div#container div#mainContent .wrap table tr td.maincolor a.maincolor {font: bold 11px Arial, sans-serif; color: #fff;} div#cart div#container div#mainContent .wrap table tr .maincolor table {background:#fff; border:4px solid #fff;} div#cart div#container div#mainContent .wrap .maincolor {background:#444; color:#fff; font:bold 11px Arial, sans-serif;} div#cart div#container div#mainContent .wrap table tr td span.pagetext b {margin: 0 0 0 61px;} div#cart div#container div#mainContent .wrap form[name="qty"] table[cellspacing="1"] {background:#fff;} div#cart div#container div#mainContent .wrap form[name="qty"] .cartrow1 {background:#fff;} div#cart div#container div#mainContent .wrap form[name="qty"] .cartrow2 {background:#fff;} div#cart div#container div#mainContent .wrap form[name="qty"] .cartrow1 td {border-bottom:1px solid #ccc;} div#cart div#container div#mainContent .wrap form[name="qty"] .cartrow2 td {border-bottom:1px solid #ccc;} div#cart div#container div#mainContent .wrap form[name="qty"] .cartrow1 td table tr td {border-bottom:1px solid #fff;} div#cart div#container div#mainContent .wrap form[name="qty"] .cartrow2 td table tr td {border-bottom:1px solid #fff;} div#cart div#container div#mainContent .wrap form[name="qty"] table a {color#:900;} div#cart div#container div#mainContent .wrap form[name="qty"] table[cellpadding="0"] {background:#fff;} div#cart div#container div#mainContent .wrap form[name="qty"] .checkbg_dk {background:#E9E9E9;} div#cart div#container div#mainContent .wrap form[name="qty"] table[cellpadding="0"] tr td table[width="200"] {background:#fff;} div#cart div#container div#mainContent .wrap form[name="qty"] table[cellpadding="0"] tr td table[width="450"] {background:#fff;} div#cart div#container div#mainContent .wrap table tr.cartrow1 td {padding-top: 5px} div#cart div#container div#mainContent img.cart_prod_image {margin-right: 10px;} #SLResults table td, #SLResults table th {border-style: solid solid none none;border-width:1px;border-color:#000;padding:3px;} #SLResults table th {background: #000; color: #fff;} #SLResults table {border-style: none none solid solid;border-width:1px;border-color:#000;} /* promo */ #promo .maincolor {background:#444; color:#FFF; font:bold 11px Arial, Helvetica, sans-serif; text-transform: uppercase;} #promo td.secondarycolor {display: none;} #promo .maincolor a {text-decoration: none;} #promo .subheadmed {color:#444; font:bold 12px Arial, Helvetica, sans-serif; padding: 5px 15px 5px 15px;} #promo .pagetext {color:#444; font:normal 11px Arial, Helvetica, sans-serif; padding: 5px 15px 5px 15px;} #promo .legal {padding: 10px 15px 0 15px; border-top: solid 1px #e9e9e9;} #promo .legal hr {display: none;} #promo font.pagetext {margin: 0; padding: 0;} td.checkbg_dk{background:#eee !important;} td.checkbg_lt{border:1px #eee solid !important;} .lastProduct {padding-right:50px !important;} /* Df.Ui */ .df_element_show {display:block !important; visibility:visible !important;} .df_element_hide {display:none !important; visibility:hidden !important;} .df_element_visible {visibility:visible !important;} .df_element_hidden {visibility:hidden !important;} /***** Duplicates Above and Below this Line ******/ div#header div#logo {float:left; width:190px; padding:0 16px 0 0; margin:0; height: 88px; position: absolute; left: 385px;} div#header div#logo h1 {width:190px; height:44px; margin:0;background:none;} div#header div#auxNav div#emailSignupPopup {position:absolute;width:310px;height:215px;top:42px;right:0px;background:none;padding:0;} /* Global Header Email Popup */ div#eContent div#entryForm {margin:7px 0 0 0; padding-bottom:50px;} /* Search CMS Defaults */ #noResultsLeft {float:left;width:500px;padding:0 0 0 8px;} #noResultsRight {float:right;width:234px;} /* Secondary navigation component */ #nav2 ul li.subCatl a, #nav2 ul li.subCatd a {font-weight: normal; display: inline; padding: 1px 0 0 10px; width: 150px; color: #fff; text-decoration: none;} #nav2 ul li.subSubCat a {display: inline; padding: 1px 0 0 10px; margin-left: 10px; width: 150px; color: #fff; text-decoration: none;} #nav2 ul li a#selected, #nav2 ul li a:hover {color: #900; background:none; text-decoration: none; cursor: pointer;} #leftNavCMSOdd {padding-top:9px; margin:0px 13px 0px;overflow:hidden;width:180px;} /* CMS * #familyCMS {width: 752px; margin: 0 0 14px 0px;position:relative;overflow:hidden;} */ .family #mainContent {background:#fff;padding:0px;margin:0px;} /* New CMS (no gutter) */ #familyCMS {width: 753px; margin: 0 0 0 0px;position:relative;overflow:hidden;} /* Product page-specific component rules */ #alt-img ul {/*margin-left: 9.75px; for 3 column layout */ margin-left: 50px;} #product-detail {/*width: 305px; for 3 columns*/ float: right; width: 385px;} /* product list component */ ol#products {clear: both; width: auto; margin: 0;padding:0; } ol#products li {float: left; width: 115px; height: 274px; padding: 0 7px 6px 0; border-top: solid 0px #a8a8a8; text-align: center;} ol#products a {text-decoration: none; color: #444;} /* product list segment */ ol#products li.segmentTitle {font: bold 12px arial; color:#444;margin: 5px 0 5px 0 !important; width:auto; clear:both !important; float:none !important; text-align:left; text-transform:uppercase; height: auto; border: 0;} ol#products .firstSegment {margin:5px 0 0 0;} /* APR */ #apr {width: 745px; display: block; margin-bottom: 10px;margin-left:10px;} #apr h2 {font: bold 12px arial, sans-serif; letter-spacing: .5px; margin: 0; padding: 0 0 7px 0;} #apr ol#products li {padding-right:50px;} #sorry {width: 745px; display: block; margin-bottom: 10px;margin-left:10px;} #sorry h2, #find h2 {font: bold 12px arial, sans-serif; letter-spacing: .5px;} #sorry p {margin-bottom: 40px;} #find {width: 745px; display: block; border-top: solid 1px #a8a8a8; padding: 38px 0 42px 10px;} #find #related {margin-left: 38px; float: right; text-align: left; width: 344px;} #find #related p a {margin-right: 26px;} /* shopping cart */ #cartItems, #cartItems span, .subheadmed span, font.subheadmed, td.subheadmed {color: #333;} /* promo */ #promo .subheadmed {color:#fff !important; font:bold 12px Arial, Helvetica, sans-serif; padding: 5px 15px 5px 15px;} #promo .pagetext {color:#fff; font:normal 11px Arial, Helvetica, sans-serif; padding: 5px 15px 5px 15px;} /* Gift Certificates */ .twoColFixHdr div#container div.giftCert div.wrap img { /* padding-left:10px; */ } .twoColFixHdr div#container div.giftCert { margin-top:0px !important; margin-bottom:0px !important; height:750px; } /* div#levi_family_1 { padding-left: 10px;} */ /* ess-home (Store Locator Page - override global) */ div#ess-home div#footerWrapper { top:-9px; }