/********************************************************************/ /* Reset CSS */ /********************************************************************/ 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;} ol, ul {list-style-type: none;} /********************************************************************/ /* Generic tags */ /********************************************************************/ html { overflow:auto;} body { font:11px/1.5 Arial, Verdana, sans-serif; color:#4e4e4e; background-color:#ebebeb; background-image:top center; background-repeat:no-repeat; } p { padding-bottom:20px;} em { font-style:italic;} strong { font-weight:bold;} abbr { text-decoration:none; border:none;} img {border:0px;} a { font-weight:bold; color:#212121; padding:2px 3px;} a:hover, a:focus {text-decoration:none; background-color:#ececec;} a:focus { outline:thin dotted #999999;} .fl { float:left;} .fr { float:right;} .clear, .fieldsetFoot { clear:both;} .skiptocontent, .relbookmark, .hidden {position:absolute; left:-9999px;} a:active.skiptocontent, a:focus.skiptocontent { top:0px; left:0px; width:100%; text-align:center; background:#ffde00; padding:0.5em 0; color:#101010; border-bottom:1px solid #ffb503; text-decoration:none; outline:none;} #content ul, #content ol { padding:0px 0px 12px 0px;} #content li { padding:0px 0px 7px 14px; background:url(/_images/bullets/square.gif) no-repeat 2px 7px;} #content ol li { padding:0px 0px 7px 0px; margin:0px 0px 0px 30px; list-style:decimal outside; background:none;} table { float:left; width:100%; margin:0px 0px 20px 0px; text-align:left; border-bottom:1px solid #ECECEC; border-left:1px solid #ECECEC; border-right:1px solid #ECECEC; color:#6d6d6d;} table th { font-weight:bold; background:url(/_images/bg/th.gif) top left repeat-x #212121; text-transform:uppercase; color:#fff; padding:7px 10px 8px 10px; border-left:1px solid #242424; border-top:1px solid #242424;} table td { padding:7px 10px; border-bottom:1px solid #ECECEC; } table tr:nth-child(even) td, table .even td { background:#fafafa;} table tr.highlight td { background:#fffbe5;} table .ac { text-align:center;} table .al { text-align:left;} table .ar { text-align:right;} legend { position:absolute; left:-9999px;} input, select, textarea { font:11px Arial, Verdana, sans-serif;} #reminderHelp, #wishlistHelp { display:none;} /********************************************************************/ /* Buttons */ /********************************************************************/ .button, #shopSections li .button { float:left; line-height:2em; padding:0 10px; background-image:url(/_images/bg/button-gloss.png); background-color:#5d5f60; background-repeat:repeat-x; background-position:0px -8px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #5d5f60; color:#fff; font-weight:bold; text-decoration:none; text-transform:uppercase; text-align:center; font-size:0.9em; } a:hover.button, a:active.button, a:focus.button, #shopSections li a:hover.button, #shopSections li a:active.button, #shopSections li a:focus.button, .button.highlight { background-image:url(/_images/bg/button-gloss-hover.png); background-color:#ffde00; border-color:#f6d600; color:#212121; text-decoration:none;} a:hover.confirm, a:active.confirm, a:focus.confirm { background-color:#2FAE17; border-color:#2FAE17; color:#fff; background-image:url(/_images/bg/button-gloss.png); } a:hover.confirmDelete, a:active.confirmDelete, a:focus.confirmDelete { background-color:#D90505; border-color:#D90505; color:#fff; background-image:url(/_images/bg/button-gloss.png); } a:hover.button.highlight, a:active.button.highlight, a:focus.button.highlight { background-position:0 11px;} /********************************************************************/ /* H tags */ /********************************************************************/ h1 { font-size:1.3em; color:#fff; font-weight:bold; padding:8px 15px 6px 15px; background:url(/_images/bg/h1.gif) top left repeat-x #181818; text-transform:uppercase; letter-spacing:0.5px; float:left; line-height:1.3em; margin:0 0 0 -15px;} .pHead { float:left; width:100%; padding:0 0 20px 0;} .pHead .logo { float:right; padding:3px 5px 0 10px;} .pHead span { float:left; padding:8px 15px 6px 15px; line-height:1.3em; font-size:1.3em; font-weight:bold; letter-spacing:0.5px; text-transform:uppercase;} h2 { font-size:1.2em; color:#212121; font-weight:bold; padding:0 0 3px 0; letter-spacing:0.5px; text-transform:uppercase; border-bottom:2px solid #ECECEC; margin:0 0 15px 0;} h3 { font-size:1.2em; color:#212121; font-weight:bold; padding:0px 0px 15px 0px; font-weight:normal;} h4 { color:#212121; font-weight:bold; padding:0 0 10px 0; font-size:1em;} /********************************************************************/ /* Alerts */ /********************************************************************/ .alertDelivery, .alert { padding:12px 0 0 0; margin:0 0 20px 0; border:1px solid #ffed89; border-bottom-width:2px; background:#FFFBE5; float:left; width:700px; color:#212121; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .alert.error { border-color:#e7acac; background:#FFEEEE;} .alert.success { border-color:#c2dfaf; background:#ecffdf;} .alertDelivery p, .alert p { padding:0 12px 12px 12px;} .alertDelivery a:hover, .alertDelivery a:active, .alertDelivery a:focus, .alert a:hover, .alert a:active, .alert a:focus { background-color:#ffed89;} .productDetails .alert { width:623px; margin-top:-10px;} .checkoutForm .full .alert { width:668px; margin:10px 15px;} .checkoutForm .half .alert { width:309px;} .recentOrders .alert { display:inline; width:668px; margin:20px 0px 0px 15px;} .addressBook .alert { display:inline; width:668px; margin:20px 0px 20px 15px;} /********************************************************************/ /* Template tags */ /********************************************************************/ #container { width:980px; margin:0 auto; background:#fff; } #content { float:right; width:702px; margin:5px 5px 15px 0; border:5px solid #ececec; padding:15px; font-size:1.1em;} #home #content { float:left; width:760px; padding:5px 5px 0 5px; margin:0; border:none;} #full #content { width:930px;} #promo { float:left; padding:0 5px 5px 5px;} #promo img { display:block;} /********************************************************************/ /* Nav */ /********************************************************************/ #navContainer { background:url(/_images/bg/nav.png) top left repeat-x; padding:0 0 10px 0; position:relative; z-index:6;} #navContainer .inner { margin:0 auto; width:980px; } #nav { float:left;} #navContainer li { float:left; padding:0 2px 0 0; background:url(/_images/bg/nav-divider.gif) bottom right no-repeat; position:relative;} #navContainer li a { padding:12px 14px 12px 12px; color:#fff; text-decoration:none; text-transform:uppercase; background:none; line-height:1em; display:block; font-weight:normal; font-size:0.9em;} #navContainer li a:hover, #navContainer li a:active, #navContainer li a:focus { background-image:url(/_images/bg/nav-hover.gif); background-color:#626364;} #navContainer li.selected a { background-image:url(/_images/bg/nav-selected.gif); background-color:#626364;} #navContainer li.openDropDown > a, #navContainer li.openDropDown > a:hover, #navContainer li.openDropDown > a:active, #navContainer li.openDropDown > a:focus, #navContainer li.openDropDown.memberAccount > a, #navContainer li.selected.memberAccount > a { background-image:url(/_images/bg/nav-account-selected.gif); background-color:#1e1f1f;} #navContainer .dropDownContent { width:170px; position:absolute; top:34px; left:0px; background:#2a2c2d; display:none;} #navContainer li.openDropDown .dropDownContent { display:block;} #navContainer li .dropDownContent ul li { float:left; width:100%; padding:0;} #navContainer li .dropDownContent ul li a { background:url(/_images/bg/nav-sub.png) bottom left repeat-x #2a2c2d; text-transform:none; color:#d4d5d5; padding:12px;} #navContainer li .dropDownContent ul li a img { vertical-align:middle; padding:0 8px 0 0;} #navContainer li .dropDownContent ul li a:hover, #navContainer li .dropDownContent ul li a:active, #navContainer li .dropDownContent ul li a:focus { background-color:#3c3c3c; color:#fff;} #memberLinks { float:right;} #memberLinks li { float:left;} #memberLinks .dropDownContent { left:auto; right:0px;} #memberLinks .memberLogin .dropDownContent { width:240px;} #memberLinks li a, #memberLinks li.openDropDown > a { color:#d4d5d5;} #memberLinks li.memberAccount, #memberLinks li.logout { padding:0; background:none;} #memberLinks li.memberAccount a { background-image:url(/_images/bg/nav-account.gif); background-color:#1e1f1f;} #memberLinks li.share a span { background:url(/_images/bullets/social.png) left center no-repeat; padding:0 0 0 15px;} /*.memberLogin form { padding-top:15px;} .memberLogin form label { display:block; padding:0 0 5px 0; color:#ffffff;} .memberLogin form .field { padding:0 15px 15px 15px; width:210px;} .memberLogin form .text input { border:1px solid #fff; padding:5px; width:198px;} .memberLogin form .controls { overflow:hidden;} #memberLinks .memberLogin form .controls a { float:left; text-transform:none; font-weight:normal; padding:9px 0 0 0; background:none; font-size:1em;} #memberLinks .memberLogin form .controls a:hover, #memberLinks .memberLogin form .controls a:active, #memberLinks .memberLogin form .controls a:focus { text-decoration:underline;}*/ /********************************************************************/ /* Header */ /********************************************************************/ #header { float:left; width:100%; padding:0 0 12px 0; position:relative; z-index:5;} #logo { float:left; margin:0 0 0 15px; height:94px; width:205px; background:url(/_images/bg/logo-bkg.gif) 0px 0px no-repeat; padding:0;} #header ul { float:right; width:auto; padding:15px 10px 0 0;} #header li { padding:0; margin:0; display:inline-block; vertical-align:middle;} /***** Mini Basket *****/ #header .miniBasket { width:25em; border-left:1px solid #dadce5; padding:7px 0px 7px 0px;} .miniBasket .details { float:left; width:16em; padding:7px 0px 0px 0px;} .miniBasket .yourBag { background:url(/_images/bg/bag.jpg) 20px center no-repeat; padding:12px 0 12px 78px; display:block; font-size:1em; color:#4e4e4e; font-weight:normal; text-decoration:none;} .miniBasket a:hover.yourBag, .miniBasket a:active.yourBag, .miniBasket a:focus.yourBag { background-image:url(/_images/bg/bag-hover.jpg);} .miniBasket .title { text-transform:uppercase; display:block;} .miniBasket .items, .active-dropdown .currencyOptions { display:block;} .miniBasket .items span { border-left:1px solid #dadce5; padding-left:5px; margin-left:1px;} .miniBasket .actions { float:right; width:9em;} .miniBasket .actions .button { float:right; width:8em; padding:0; background-position:0 -12px; font-size:0.9em; height:2.3em; line-height:2.3em;} .viewBag { background-image:url(/_images/bg/button-gloss-hover.png); margin:5px 0 5px 0; background-color:#ddd; color:#515151; border-color:#c5c5c5;} /***** Opening Times *****/ #header .openingTimes { position:relative;} .openingTimes a { text-align:right; color:#4e4e4e; font-size:1.1em; line-height:1.4em; display:block; font-weight:normal; text-decoration:none; border-right:1px solid #dadce5; float:left; border-top:1px solid #fff; border-bottom:1px solid #fff; padding:0;} .openingTimes a:hover, .openingTimes a:active, .openingTimes a:focus { border:1px solid #dadce5; position:relative; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:url(/_images/bg/mailorder-grad.gif) top left repeat-x #ececec; outline:none;} .openDropDown > a { border-color:#fff;} .openingTimes a .details { padding:12px 48px 12px 20px; display:block; } .openingTimes a .mainNumber { font-size:1.2em;} .openingTimes .icon { background:url(/_images/bg/clock.png) 0px 0px no-repeat; width:19px; height:18px; position:absolute; top:50%; right:17px; margin:-9px 0 0 0; z-index:2;} .openingTimes a:hover .icon, .openingTimes a:active .icon, .openingTimes a:focus .icon { right:16px;} .openDropDown .icon { margin:-18px 0 0 0;} .openingTimes .mailOrdering { position:absolute; top:0px; left:0px; width:100%; background:url(/_images/bg/mailorder-grad.gif) top left repeat-x #ececec; border:1px solid #dadce5; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; text-transform:uppercase; display:none;} .mailOrdering h2 { border-bottom:1px solid #e2e2e2; color:#4f4f4f; padding:21px 10px 21px 8px; margin:0 0 6px 0; font-size:1em; letter-spacing:0;} .mailOrdering p { color:#4f4f4f; padding:0 8px 10px 8px;} .mailOrdering .numbers { font-size:1.2em; font-weight:bold;} .mailOrdering .times { font-size:0.9em; word-spacing:-1px; font-weight:bold;} /***** Switch Currency *****/ #header .switchCurrency { padding:4px 20px 0px 15px; text-transform:uppercase; text-align:right;} #header .switchCurrency .vatSwitch { padding:0px 5px 0px 0px; text-transform:none; font-weight:normal; text-decoration:none; background:none;} .switchCurrency .dropDownWrapper { position:relative; text-align:left; padding:0px 0px 5px 0px;} .switchCurrency .dropDown { height:2.59em; line-height:2.59em; padding:0 30px 0 32px; background:url(/_images/buttons/currency/bkg.gif) top left repeat-x #ececec; font-size:0.9em; color:#4e4e4e; text-decoration:none; position:relative; outline:none; display:inline-block;} .switchCurrency .dropDown span { position:absolute; top:0px; height:2.59em; width:22px; background-position:0px 0px; background-repeat:no-repeat;} .switchCurrency .dropDown .globe { left:0; background-image:url(/_images/buttons/currency/globe.gif); width:24px;} .active-dropdown .dropDown .globe { background-position:0 -26px;} .switchCurrency .dropDown .icon { right:0; background-image:url(/_images/buttons/currency/arrow.gif); cursor:pointer;} .switchCurrency a:hover.dropDown .icon, .switchCurrency a:active.dropDown .icon, .switchCurrency a:focus.dropDown .icon { background-position:0px -26px;} #header .active-dropdown .dropDown .icon { background-position:0 -52px;} .currencyOptions { position:absolute; top:25px; left:0; display:none; width:100%;} #header .currencyOptions ul { width:100%; padding:5px 0 0 0; background:#9b9b9b; } #header .currencyOptions li { float:left; width:100%; border-bottom:1px solid #a3a3a3;} .currencyOptions li a { color:#fff; font-weight:normal; font-size:0.9em; line-height:1em; padding:7px 10px; background:#9b9b9b; display:block; text-decoration:none; border-bottom:1px solid #8f8f8f;} .currencyOptions li a:hover, .currencyOptions li a:active, .currencyOptions li a:focus { background-color:#aaaaaa;} .currencyOptions span { position:absolute; height:13px; bottom:-13px; } .currencyOptions .br { width:100%; right:-12px; background:url(/_images/buttons/currency/br.png) top right no-repeat;} .currencyOptions .bl { background-image:url(/_images/buttons/currency/bl.png); left:0px; width:12px;} /********************************************************************/ /* Browse Shop */ /********************************************************************/ #browseShop { float:left; width:980px; background:url(/_images/nav/shadow.gif) bottom left repeat-x; padding:0 0 5px 0; position:relative; z-index:2;} #browseShop .bl, #browseShop .br, #browseShop .bl-shop { position:absolute; bottom:-1px; height:6px; width:8px;} #browseShop .bl { background:url(/_images/nav/ribbon-bl.png); left:-8px;} #browseShop .bl-shop { background:url(/_images/nav/ribbon-shop-bl.png); left:-8px;} #browseShop .br { background:url(/_images/nav/ribbon-br.png); right:-8px;} #browseShop .inner { float:left; width:996px; margin:0 0 0 -8px; background:url(/_images/nav/grad.gif) top left repeat-x #ececec; border-top:1px solid #ededed; border-bottom:1px solid #e2e2e2;} /********************************************************************/ /* Shop Nav */ /********************************************************************/ #shopSections { float:left; margin:-1px 0;} #shopSections li { float:left; border-right:1px solid #fbfbfb;} #shopSections li a { color:#4f4f4f; text-decoration:none; text-transform:uppercase; padding:1.73em 1.82em 1.46em 1.91em; display:block; line-height:1em; border-right:1px solid #e2e2e2;} #shopSections li > a:hover, #shopSections li > a:active, #shopSections li > a:focus { background:url(/_images/nav/hover.gif) top left repeat-x #DDDDDD; color:#000002;} #shopSections .subnav-active > a, #shopSections .has-subnav > a:hover { background:url(/_images/nav/hover-with-items.gif) top left repeat-x #ffb400;} #shopSections li a img { vertical-align:middle;} #shopSections .shop { background:#ffd900; border:none;} #shopSections .shop a { padding:12px 20px 9px 20px; border:none;} #shopSections .shop a:hover, #shopSections .shop a:active, #shopSections .shop a:focus { background:url(/_images/nav/shop-hover.gif) top left repeat-x;} #shopSections .filofax a { padding:1.45em 1.09em 1.27em 1.09em;} #shopSections .filofax a.button { padding: 0 10px;} #shopSections .clearance a { padding:0.82em 0.91em 0.73em 0.73em;} /***** Sub Nav *****/ #browseShop .subNav { position:absolute; top:4.20em; left:0px; width:980px; border-top:5px solid #ffb400; background:url(/_images/bg/shop-subnav.gif) top left repeat-x #e8e8e8; display:none; z-index:2; padding:0;} #browseShop .subNav .inner { width:978px; margin:0; border-top:none; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; background:url(/_images/bg/shop-subnav-featured.gif) top right repeat-y;} #shopSections .subNav a:hover, #shopSections .subNav a:active, #shopSections .subNav a:focus { text-decoration:underline;} #browseShop .subNav .button { position:absolute; bottom:20px; right:20px;} #browseShop .subnav-active .subNav { display:block;} /* Featured Products */ #shopSections .featuredProducts { float:right; width:355px; padding:0 0 20px 0;} #shopSections .featuredProducts li { width:100%; border:none; padding:20px 0 0 0;} #shopSections .featuredProducts li a { padding:0; border:none;} #shopSections .featuredProducts li .thumb { float:left; border:1px solid #e3e3e3; margin:0 0 0 15px; } #shopSections .featuredProducts li a:hover.thumb, #shopSections .featuredProducts li a:active.thumb, #shopSections .featuredProducts li a:focus.thumb { border-color:#FFD900;} #shopSections .featuredProducts li .details { float:left; width:230px;} #shopSections .featuredProducts li .details h2 { float:left; width:100%; padding:0; background:url(/_images/bg/subnav-title-arrow.png) top left no-repeat; width:240px; margin:0 0 5px -12px; font-size:1em; letter-spacing:0; border:none;} #shopSections .featuredProducts li .details h2 a { float:left; float:left; background:#e2e2e2; padding:4px 10px 4px 10px; margin-left:12px; width:208px; line-height:1.2em;} #shopSections .featuredProducts li .details p { padding:0 10px; color:#4f4f4f; font-weight:bold;} #shopSections .featuredProducts li .details p a { float:none; display:inline; text-transform:none; padding-left:18px; background:url(/_images/bullets/subnav-more-arrow.gif) 10px 4px no-repeat;} /* Product Categories */ .dropDownCategories { float:left; width:620px;} .dropDownCategories .section { float:left; padding:25px 0 45px 0; background:url(/_images/bg/shop-subnav-arrow.gif) top left no-repeat; margin:0 0 0 30px;} .dropDownCategories .section h2 { color:#4f4f4f; font-weight:bold; font-size:1em; text-transform:uppercase; letter-spacing:-0.2px; padding:0 0 15px 0; letter-spacing:0; border:none; margin:0;} #shopSections .dropDownCategories .section ul { float:left; width:130px; padding:0 10px 0 0;} #shopSections .dropDownCategories .section ul li { border:none; float:left; width:100%; padding:0 0 6px 0;} #shopSections .dropDownCategories .section ul li a { padding:0; background:none; border:none; text-transform:none; font-weight:normal;} /********************************************************************/ /* Search */ /********************************************************************/ #search, .newsletterSignup form { float:right; padding:0.55em 1.55em 0 0;} #search fieldset, .newsletterSignup fieldset { float:left; background:#fff; border:1px solid #e1e1e1; -webkit-border-radius:3px; -moz-border-radius-topright:3px; border-top-right-radius:3px; border-right-style:none; width:22.73em; position:relative; height:30px;} #search .field, .newsletterSignup .field { float:right;} #search label, .newsletterSignup label { float:left; background:url(/_images/bg/magnifying.gif) center center no-repeat; width:15px; height:16px; text-indent:-9999px; margin:0 10px;} #search .text, .newsletterSignup .text { padding:8px 0 0 0; float:left;} #search .text input, .newsletterSignup .text input { border:1px solid #fff; color:#909090; padding:0; margin:0; width:13.64em; line-height:1.2em;} #search .formButton, .newsletterSignup form .formButton { float:right; position:relative; height:32px; padding:0 8px; margin:0 0; cursor:pointer; overflow:visible; white-space:nowrap; border:0; background:url(/_images/bg/button-gloss.png) 0px -5px repeat-x #5d5f60; color:#fff; font-size:11px; -webkit-border-top-right-radius:3px; -moz-border-radius-topright:3px; border-top-right-radius:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius-bottomright:3px; border-bottom-right-radius:3px; text-transform:uppercase; font-size:0.9em; position:absolute; top:-1px; right:0px; } #search .formButton:hover, #search .formButton:active, #search .formButton:focus, .newsletterSignup .formButton:hover, .newsletterSignup .formButton:active, .newsletterSignup .formButton:focus { background-image:url(/_images/bg/button-gloss-hover.png); background-color:#ffde00; color:#212121;} .formButton::-moz-focus-inner { border:none; padding:0; margin-top:0;} /********************************************************************/ /* Breadcrumb */ /********************************************************************/ #breadcrumb { float:left; width:940px; margin:5px 5px 0 5px; background:url(/_images/bg/breadcrumb.gif) top left repeat-x #ffc300; padding:11px 15px 0 15px;} #breadcrumb li { float:left; color:#786813; padding:0 10px 10px 0;} #breadcrumb .first { font-weight:bold; color:#0d0d0d; text-transform:uppercase; } #breadcrumb a { font-weight:normal; color:#786813; padding:0 13px 0 0; background:url(/_images/bullets/breadcrumb.gif) right center no-repeat; text-decoration:underline;} #breadcrumb a:hover, #breadcrumb a:active, #breadcrumb a:focus { color:#0d0d0d; } #searchResults #breadcrumb { float:left; width:712px; margin:5px 0 0 0;} /********************************************************************/ /* Forms */ /********************************************************************/ .contact fieldset { position:relative; float:left; width:500px; padding:20px 100px; background:url('/_images/bg/cat-title-off.gif') top left repeat-x #ECECEC; border:1px solid #d8d8d8; margin:0 0 20px 0; } .contact fieldset fieldset { width:100%; padding:0 0 13px 0; margin:0; background:none; border:none;} /***** General *****/ .contact h2 {float:left; width:685px; margin:-5px -100px 15px -100px; padding:0 0 15px 15px; background:url('/_images/bg/field-divider.gif') bottom left repeat-x;} .contact p { color:#212121; font-weight:bold;} .contact a:hover, .contact a:active, .contact a:focus { background-color:#d4d4d4;} .contact .helpTip { float:left; width:455px; padding:10px 10px 0 35px; background:url(/_images/bullets/help.png) 5px 8px no-repeat; font-size:0.9em;} .contact .helpTip p { font-weight:normal; padding:0 0 10px 0;} .passwordReminder { float:left; margin:5px 0 0 0;} /***** Alert *****/ .contact .error { width:498px; margin:10px 0 15px 0;} /***** Generic Form Elements *****/ .contact .field, .searchPod .field { position:relative; float:left; width:500px; background:url(/_images/bg/field-divider.gif) bottom left repeat-x; padding:0 0 15px 0; margin:0 0 13px 0;} .contact .field label, .contact .field .label, .searchPod .field label, .searchPod .field .label { float:left; width:200px; padding:5px 0 0 0; color:#212121; font-weight:normal;} .contact .text input, .contact .textarea textarea, .contact .multiselect multiselect, .searchPod .text input, .searchPod .textarea textarea, .searchPod .multiselect multiselect { float:left; width:280px; padding:6px 9px 6px 9px; border:1px solid #d3d3d3; background:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .contact select { float:left; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #d3d3d3; background:#fff; padding:6px 9px 6px 2px; width:200px; } .contact .textarea textarea { height:100px;} .contact .controls { background:none; padding:0; margin:0;} /***** Single Check *****/ .contact .checkboxField { padding-bottom:17px;} .contact .checkboxField label { padding:0 0 0 5px; width:470px;} .contact .checkboxField label { padding:0 0 0 5px; width:470px;} .contact .checkboxField .custom-checkbox label { width:474px; padding:1px 0 0 26px;} .contact .checkboxField input { float:left;} /***** Date of Birth *****/ .contact .dateSelect { margin:0;} .dateSelect label { position:absolute; left:-9999px;} .dateSelect select { float:left; margin:0 10px 0 0; width:75px;} .dateSelect .ui-selectmenu { float:left; margin:0 10px 0 0;} /***** Select Multiple ******/ .contact .selectMultiple { padding-top:5px;} .contact .errorField { padding-top:0;} #content .contact .selectMultiple ul, .ui-widget-content .selectMultiple ul { padding:3px 0 10px 0; float:left; width:280px; max-height:150px; overflow:auto; position:relative;} #content .contact .selectMultiple ul li, .ui-widget-content .selectMultiple ul li { padding:3px 0; float:left; background:none; width:90%;} .contact .selectMultiple ul li input { float:left;} .contact .selectMultiple ul li label { font-weight:normal; width:225px; padding:3px 0 3px 5px; line-height:14px; color:#4C4C4C;} .contact .selectMultiple li .custom-checkbox label, .contact .selectMultiple li .custom-radio label { padding-left:26px; line-height:15px;} .contact .selectMultiple li .custom-radio input, .contact .selectMultiple li .custom-checkbox input, .contact .checkboxField .custom-checkbox input { margin-left:-9999px;} /***** Spinner *****/ input.spin-button { padding-right:20px; background-image:url(/_images/bg/spinbox-sprite.gif); background-color:#fff; background-repeat:no-repeat; background-position:100% 0%; } input.spin-button.up { cursor:pointer; background-position:100% -18px;} input.spin-button.down { cursor:pointer; background-position:100% -36px;} /***** Formbutton *****/ #content .formButton, .ui-widget-content .formButton, #memberLinks .formButton, .searchPod .formButton { float:right; position:relative; height:30px; padding:0 15px; margin:0 0; cursor:pointer; overflow:visible; white-space:nowrap; border:0; background:url(/_images/bg/button-gloss.png) 0px -6px repeat-x #5d5f60; color:#fff; font-size:11px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; text-transform:uppercase; font-weight:bold;} #content .formButton:hover, #content .formButton:active, #content .formButton:focus, .ui-widget-content .formButton:hover, .ui-widget-content .formButton:active, .ui-widget-content .formButton:focus, #memberLinks .formButton:hover, #memberLinks .formButton:active, #memberLinks .formButton:focus, .searchPod .formButton:hover, .searchPod .formButton:active, .searchPod .formButton:focus { background-image:url(/_images/bg/button-gloss-hover.png); background-color:#ffde00; color:#212121;} #content .contact .formButton, #content .halfCol.fr .formButton { height:35px; font-size:1em; background-position:0 -4px; padding:0 22px; border:1px solid #5D5F60;} #content .contact .formButton:hover,#content .contact .formButton:active, #content .contact .formButton:focus, #content .halfCol.fr .formButton:hover, #content .halfCol.fr .formButton:active, #content .halfCol.fr .formButton:focus { border-color:#FFDE00;} #content .halfCol.fr .formButton { background-image:url(/_images/bg/button-gloss-hover.png); background-color:#ffde00; border-color:#f6d600; color:#212121; } #content .halfCol.fr .formButton:hover, #content .halfCol.fr .formButton:active, #content .halfCol.fr .formButton:focus { background-position:0 15px;} /***** Custom Check/Radios *****/ .custom-checkbox, .custom-radio { position: relative; } .custom-checkbox input, .custom-radio input { position: absolute; left: 2px; top: 2px; margin: 0; z-index: 0; } .custom-checkbox label, .custom-radio label { display: block; position: relative; z-index: 1; padding-left:20px; padding-top:3px; cursor: pointer; z-index:1003;} .custom-checkbox label { background:url(/_images/bg/checkboxes.png) no-repeat; } .custom-radio label { background: url(/_images/bg/radio.png) no-repeat; } .custom-checkbox label, .custom-radio label { background-position: -20px -17px; } .custom-checkbox label.hover, .custom-checkbox label.focus, .custom-radio label.hover, .custom-radio label.focus { background-position: -20px -72px; } .custom-checkbox label.checked, .custom-radio label.checked { background-position: -20px -127px; } .custom-checkbox label.checkedHover, .custom-checkbox label.checkedFocus { background-position: -20px -182px; } .custom-checkbox label.focus, .custom-radio label.focus { outline: 1px dotted #ccc; } /***** UI Dialog *****/ .ui-widget-content .contact fieldset { padding:10px 0 10px 20px; float:none; background:none; border:none; margin:0; width:auto;} .ui-widget-content .contact fieldset .field { margin:0; background:none;} .ui-widget-content .contact fieldset h2 { display:none;} #submitReview.ui-widget-content textarea { width:480px; margin:6px 0 0 0;} #submitReview.ui-widget-content fieldset > p { padding:0 0 5px 0;} /***** Login/Register *****/ #loginOrRegister form { float:left;} #loginOrRegister fieldset { width:320px; padding:20px;} #loginOrRegister .field { width:320px;} #loginOrRegister .error { width:318px;} #loginOrRegister label { padding:0 0 6px 0;} #loginOrRegister .text input { width:300px;} .registerCTA { float:right; width:318px; border:1px solid #D8D8D8; background:#F5F5F5;} .registerCTA h2 { margin:0 0 10px 0; padding:10px 10px 8px 10px; border-bottom:1px solid #D8D8D8; background:url(/_images/bg/module/generic/hd.gif) top left repeat-x #ECECEC; font-size:1.15em;} .registerCTA p { padding:0 15px 15px 15px; overflow:hidden;} .registerCTA .button { float:right; height:35px; line-height:35px; padding:0 20px; font-size:1em; background-position:0px -2px;} /********************************************************************/ /* Page Options */ /********************************************************************/ #content .pageOptions, .pageOptions { float:left; width:100%; padding:15px 0;} #content .alertPage { padding-top:0;} #content .pageOptions li, .pageOptions li { float:left; padding:0 15px 0 0; background:none;} #content .pageOptions .fr, .pageOptions .fr { padding:0 0 0 15px; float:right;} #receiptFoot .pageOptions .button { height:35px; padding:0px 22px 0px 22px; line-height:35px; font-size:12px; background-position:0px 0px;} /********************************************************************/ /* Banners */ /********************************************************************/ #bannerContainer { float:left; width:980px; height:380px; position:relative; overflow:hidden;} #banners li, #internalBanners li { width:980px; float:left; height:380px;} #bannerContainer.internalBanners { width:970px; height:170px; margin:5px 0 0 5px;} #bannerContainer.internalBanners li { width:970px; height:170px;} #bannerContainer a { padding:0;} #bannerContainer .controls a { height:15px; width:60px; background:url(/_images/buttons/banner-carousel.gif) top left repeat-x; position:absolute; bottom:0px; outline:none; padding:0;} #bannerContainer .controls a:hover, #bannerContainer .controls a:active, #bannerContainer .controls a:focus { background-position:0 -15px;} #bannerContainer .controls .play, #bannerContainer .controls .pause { right:126px;} #bannerContainer .controls .play span { background-image:url(/_images/buttons/banner-play.gif);} #bannerContainer .controls .pause span { background-image:url(/_images/buttons/banner-pause.gif);} #bannerContainer .controls .prev { right:65px;} #bannerContainer .controls .prev span { background-image:url(/_images/buttons/banner-prev.gif);} #bannerContainer .controls .next { right:5px;} #bannerContainer .controls .next span { background-image:url(/_images/buttons/banner-next.gif);} #bannerContainer .controls a span { float:left; width:60px; height:15px; text-indent:-9999px; background-repeat:no-repeat; background-position:center 0px;} #bannerContainer .controls a:hover span, #bannerContainer .controls a:active span, #bannerContainer .controls a:focus span { background-position:center -15px;} /********************************************************************/ /* Horizontal Carousel */ /********************************************************************/ .horizontalCarousel { float:left; width:970px; margin:0 5px; overflow:hidden; position:relative;} .horizontalCarousel .inner { float:left; width:968px; border:1px solid #e2e2e2; } .horizontalCarousel ul { float:left;} .horizontalCarousel ul li { width:185px; float:left; text-align:center; margin:6px 8px 0 0; height:205px; position:relative; } .horizontalCarousel ul li a { float:left; width:185px; color:#212121; font-weight:normal; padding:3px; text-decoration:none; padding:0; height:190px; border:1px solid #edeef0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} .horizontalCarousel ul li a img, .horizontalCarousel ul li a span { display:block;} .horizontalCarousel ul li a .current { font-weight:bold; font-size:1.1em;} .horizontalCarousel ul li a .salePrice span { display:inline; color:#4e4e4e;} .horizontalCarousel ul li a .details { border-top:1px solid #dadada; padding:5px 0 0 0;} .horizontalCarousel ul li a:hover, .horizontalCarousel ul li a:active, .horizontalCarousel ul li a:focus { text-decoration:none; color:#212121; background:#f8f8f8; border:1px solid #dcdde1;} .horizontalCarousel ul li .new { position:absolute; top:-5px; left:-5px;} .horizontalCarousel ul li .bestSeller { position:absolute; top:5px; left:-8px;} .horizontalCarousel ul li .sale { position:absolute; top:89px; left:-8px;} .horizontalCarousel .placeHolderPrev, .horizontalCarousel .placeHolderNext, .horizontalCarousel .controls a { position:absolute; top:0px; height:206px; width:27px; background-position:0px 0px; background-repeat:no-repeat; background-image:url(/_images/buttons/carousel-horz.png); text-indent:-9999px; padding:0; outline:none;} .horizontalCarousel .controls { display:none;} .horizontalCarousel .placeHolderPrev { left:-1px; background-position:0px -412px;} .horizontalCarousel .placeHolderNext { right:-1px; background-position:-27px -412px;} .horizontalCarousel .controls .prev { left:-1px; background-position:0px 0px;} .horizontalCarousel .controls a:hover.prev, .horizontalCarousel .controls a:active.prev, .horizontalCarousel .controls a:focus.prev { background-position:0px -206px;} .horizontalCarousel .controls .next { right:-1px; background-position:-27px 0px;} .horizontalCarousel .controls a:hover.next, .horizontalCarousel .controls a:active.next, .horizontalCarousel .controls a:focus.next { background-position:-27px -206px;} .homeCarouselBanner { float:left; width:100%;} .homeCarouselBanner a { float:left; margin:0 0 0 -8px; padding:0; background:none;} /***** Internal *****/ .horizontalCarouselContainer { float:left; width:100%;} .horizontalCarouselContainer h2, .carouselContainer h2 { padding:8px 15px; margin:0 0 15px 0; border:none; color:#fff; background:url(/_images/bg/h1.gif) top left repeat-x #181818; line-height:1.3em; float:left;} #content .horizontalCarousel { margin:0; width:702px;} #content .horizontalCarousel .inner { width:700px;} #content .horizontalCarousel ul li { padding:0 9px; background:none;} #content .horizontalCarousel ul li .sale { left:1px;} /********************************************************************/ /* Vertical Carousel */ /********************************************************************/ .otherProducts { float:left; width:100%; background:#fff; padding:10px 0 0 0; margin:10px 0 0 0;} #receiptFoot.otherProducts { float:left; display:inline; width:930px; padding:0px 20px 10px 20px; margin:10px 0 0 5px;} .carouselContainer { float:left; width:445px;} #relatedProducts { margin:0 40px 0 0;} #receiptFoot.otherProducts #relatedProducts.carouselContainer { float:left; margin:0;} #receiptFoot.otherProducts #receiptReminders.carouselContainer { float:right; margin:0;} .verticalCarousel { float:left; width:440px; overflow:hidden; position:relative; border:5px solid #ebebeb;} .verticalCarousel .inner { float:left; width:440px;} #content .verticalCarousel ul, .verticalCarousel ul { float:left; width:440px; padding:0; background:#fff;} #content .verticalCarousel ul li, .verticalCarousel ul li { width:440px; float:left; position:relative; background:none; padding:0; height:auto; } .verticalCarousel ul li a { float:left; width:420px; padding:10px; border-top:1px solid #fff; border-bottom:1px solid #fff; text-decoration:none; color:#666666;} .verticalCarousel ul li a:hover, .verticalCarousel ul li a:active, .verticalCarousel ul li a:focus { background-color:#f9f9f9; border-color:#EBEBEB; } .verticalCarousel ul li a .thumb { float:left; width:202px; position:relative; } .verticalCarousel ul li a .thumb img { border:1px solid #d8dad9; } .verticalCarousel ul li a .details { float:right; width:185px; text-transform:uppercase;} .verticalCarousel ul li a .details span { display:block;} .verticalCarousel ul li a .details .price { font-size:1.3em;} .verticalCarousel ul li a .details .salePrice { padding:4px 0 0 0;} .verticalCarousel ul li a .details .salePrice span { display:inline; text-transform:lowercase;} .verticalCarousel ul li a .thumb .new { position:absolute; top:-9px; left:-8px; border:none;} .verticalCarousel ul li a .thumb .bestSeller { position:absolute; top:3px; left:-8px; border:none;} .verticalCarousel ul li a .thumb .sale { position:absolute; bottom:3px; left:-8px; border:none;} .verticalCarousel .controls a { position:absolute; left:0px; height:21px; width:460px; background-position:0px 0px; background-repeat:no-repeat; background-image:url(/_images/buttons/carousel-vert.png); text-indent:-9999px; padding:0; outline:none;} .verticalCarousel .controls { display:none;} .verticalCarousel .controls .prev { top:0px; background-position:0px 0px;} .verticalCarousel .controls a:hover.prev, .verticalCarousel .controls a:active.prev, .verticalCarousel .controls a:focus.prev { background-position:0px -21px;} .verticalCarousel .controls .next { bottom:0px; background-position:-460px 0px;} .verticalCarousel .controls a:hover.next, .verticalCarousel .controls a:active.next, .verticalCarousel .controls a:focus.next { background-position:-460px -21px;} #receiptReminders .verticalCarousel { margin:0px 0px 10px 0px;} #receiptReminders .verticalCarousel ul li { width:415px; padding:10px 15px 10px 10px; border-top:1px solid #EBEBEB;} #receiptReminders .verticalCarousel ul li a { float:left; width:auto; padding:0; border:none; border-bottom:none; text-decoration:none; color:#666666;} #receiptReminders .verticalCarousel ul li a:hover, #receiptReminders .verticalCarousel ul li a:active, #receiptReminders .verticalCarousel ul li a:focus { background-color:#fff; border-color:#EBEBEB; } #receiptReminders .verticalCarousel ul li h3 { float:left; width:270px; padding:0; text-transform:uppercase; font-size:11px;} #receiptReminders .verticalCarousel ul li h3 span { padding:0px 0px 0px 10px; font-size:13px;} #receiptReminders .verticalCarousel ul li p { float:left; width:145px; padding:0;} #receiptReminders .verticalCarousel ul li .button { float:right; line-height:2em; padding:0 10px; background-image:url(/_images/bg/button-gloss.png); background-color:#5d5f60; background-repeat:repeat-x; background-position:0px -8px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #5d5f60; color:#fff; font-weight:bold; text-decoration:none; text-transform:uppercase; text-align:center; font-size:0.9em; } #receiptReminders .verticalCarousel ul li a:hover.button, #receiptReminders .verticalCarousel ul li a:active.button, #receiptReminders .verticalCarousel ul li a:focus.button { background-image:url(/_images/bg/button-gloss-hover.png); background-color:#ffde00; border-color:#f6d600; color:#212121; text-decoration:none;} #receiptReminders .verticalCarousel ul li a:hover.confirm, #receiptReminders .verticalCarousel ul li a:active.confirm, #receiptReminders .verticalCarousel ul li a:focus.confirm { background-color:#2FAE17; border-color:#2FAE17; color:#fff; background-image:url(/_images/bg/button-gloss.png); } #receiptReminders .help { float:right; padding:2px 23px 2px 0px; background:url('/_images/buttons/help.gif') no-repeat top right #fff;} /********************************************************************/ /* Module */ /********************************************************************/ .module { border:1px solid #ececec; margin:0 0 5px 0;} .module .hd { background:url(/_images/bg/module/generic/hd.gif) bottom left repeat-x #f5f5f5; border-bottom:1px solid #ececec; padding:10px;} .module .hd h2 { text-transform:uppercase; color:#202020; font-size:1em; padding:0; letter-spacing:0; border:none; margin:0;} .module .hd a { color:#202020; text-decoration:none; padding:0;} .module .hd a:hover, .module .hd a:active, .module .hd a:focus { text-decoration:underline;} .module .bd { padding:10px 10px 0 10px; color:#666666; background:url(/_images/bg/module/generic/bd.gif) bottom left repeat-x #f9f9f9; } .module .bd p { padding:0 0 10px 0;} .module .bd a { color:#212121; text-decoration:underline; padding:0;} .module .bd a:hover, .module .bd a:active, .module .bd a:focus { color:#101010;} /* Used to clear floats without the need to float element or give it a width */ .module:after, .module .hd:after, .module .bd:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .module, .module .hd, .module .bd { display: inline-block; } .module, .module .hd, .module .bd { display: block;} * html .module, * html .module .hd, * html .module .bd {height: 1%;} /********************************************************************/ /* Pagination */ /********************************************************************/ #content .pageNumbers { float:right; padding:0; font-size:11px;} #content .pageNumbers li { float:left; display:inline; text-align:center; margin:0 0 0 4px; padding:0; background:none; font-size:1em; list-style:none; } #content .pageNumbers a { display:block; padding:0; width:22px; color:#4c4c4c; text-decoration:none; font-weight:normal; line-height:20px; height:20px; background:#e1e1e1; outline:none; } #content .pageNumbers a:hover, #content .pageNumbers a:active, #content .pageNumbers a:focus, #content .pageNumbers a.selected { color:#0a0a0a; background:#ffdc00;} #content .pageNumbers a.selected { font-weight:bold;} #content .pageNumbers li span { display:block; text-indent:-9999px; height:20px; width:22px; background-position:center 7px; background-repeat:no-repeat; cursor:pointer;} #content .pageNumbers .first a span { background-image:url(/_images/paging/first.gif);} #content .pageNumbers .prev a span { background-image:url(/_images/paging/prev.gif); } #content .pageNumbers .next a span { background-image:url(/_images/paging/next.gif); } #content .pageNumbers .last a span { background-image:url(/_images/paging/last.gif); } #content .pageNumbers .first a:hover span, #content .pageNumbers .first a:active span, #content .pageNumbers .first a:focus span, #content .pageNumbers .prev a:hover span, #content .pageNumbers .prev a:active span, #content .pageNumbers .prev a:focus span, #content .pageNumbers .next a:hover span, #content .pageNumbers .next a:active span, #content .pageNumbers .next a:focus span, #content .pageNumbers .last a:hover span, #content .pageNumbers .last a:active span, #content .pageNumbers .last a:focus span { background-position:center -10px;} /********************************************************************/ /* Shop Category */ /********************************************************************/ .categoryDescription { background:url(/_images/bg/horz-dots.gif) bottom left repeat-x; margin:0 0 20px 0;} #content .categoryList.shop { width:707px; margin:0 0 15px -5px; border:none;} #content .categoryList.shop li { display:inline-block; vertical-align:top; width:230px; padding:0 0 5px 0; background:none; margin:0 0 0 2px; border:none;} #content .categoryList.shop li h2 { margin:0; padding:0; border:none; font-size:0.9em;} #content .categoryList.shop li h2 a { display:block; font-weight:bold; text-decoration:none; border:1px solid #ececec; border-top-style:none; padding:12px 10px 10px 10px; background:url(/_images/bg/cat-title-off.gif) top left repeat-x #ececec; color:#494949;} #content .categoryList.shop li h2 a:hover, #content .categoryList.shop li h2 a:active, #content .categoryList.shop li h2 a:focus { background:url(/_images/bg/cat-title-on.gif) top left repeat-x #f5f5f5;} #content .categoryList.shop li .thumb { padding:0;} #content .categoryList.shop li .thumb img { display:block; float:none; width:auto; height:auto; border:none;} #content .categoryList.shop li .details { float:none; width:auto; background:#ececec; padding:10px 0 0 0; font-size:0.9em;} #content .categoryList.shop li .details p { padding:0 10px 10px 10px; line-height:1.6em;} #content .categoryList.shop li .details .seeMore { background:url(/_images/bg/horz-dots.gif) top left repeat-x; padding:15px 7px; margin:0 3px;} #content .categoryList.shop li .details .seeMore a { color:#818181; padding:0 0 0 10px; font-weight:normal; text-decoration:none; line-height:1em; background:url(/_images/bullets/subnav.gif) left center no-repeat;} #content .categoryList.shop li .details .seeMore a:hover, #content .categoryList.shop li .details .seeMore a:active, #content .categoryList.shop li .details .seeMore a:focus { color:#212121; text-decoration:underline;} /********************************************************************/ /* Search Options */ /********************************************************************/ .searchOptions { float:left; width:100%; padding:0 0 10px 0;} .sortBy { float:left; width:370px;} .sortBy label { position:absolute; left:-9999px;} .sortBy .field { float:left; padding:0 5px 0 0;} .sortBy select { width:190px; color:#676767; padding:2px; border:1px solid #d7d7d7;} #content .sortBy .formButton { font-size:0.8em; height:26px; padding:0 10px; background-position:0 -7px; float:left;} .pagination { float:right; width:300px;} .pagination p { padding:0 0 10px 0; text-align:right; line-height:1em; margin:-3px 0 0 0; position:relative;} /********************************************************************/ /* Product Listing */ /********************************************************************/ #content .productList { float:left; width:735px; margin:0 0 0 -33px; padding:0 0 20px 0;} #content .productList li { background:url(/_images/bg/product-bg.gif) bottom left repeat-x #ebebeb; display:inline-block; vertical-align:top; float:none; width:332px; padding:0; border:1px solid #d6d8d7; position:relative; margin:15px 0 0 32px; } .productList li .new { position:absolute; top:-9px; left:-12px;} .productList li .bestSeller { position:absolute; top:10px; left:-10px;} .productList li .sale { position:absolute; top:252px; left:-8px;} .productList li .thumb { float:left; padding:0;} .productList li .thumb img { display:block; } .productList .details { float:left; width:100%; min-height:105px; height:auto !important; height:105px;} .productList .details h2 { padding:7px 0 5px 0; border:none; font-size:1em; margin:0;} .productList .details h2 a { text-decoration:none; display:block; background:url(/_images/bg/horz-dots-title.gif) bottom left repeat-x; padding:0 5px 5px 5px; margin:0 4px;} .productList .details h2 a:hover, .productList .details h2 a:active, .productList .details h2 a:focus { background-image:url(/_images/bg/horz-dots-title-on.gif);} .productList .price { padding:29px 100px 17px 15px; font-weight:bold;} .productList .sale .price { padding-top:5px; padding-bottom:13px;} .productList .price span { display:block; color:#202222; line-height:1em;} .productList .price .current { font-size:2em;} .productList .price .savings { padding-top:2px;} .productList .price .newLowerPrice { padding-top:2px; color:#ef2d24;} .productList .button { position:absolute; bottom:15px; right:-8px; padding:3px 5px 3px 18px; border:none; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; background:url(/_images/bullets/price-search.png) 4px 8px no-repeat #ffdb00; color:#211e0f; text-transform:none; } .productList .button:hover, .productList .button:active, .productList .button:focus { background:url(/_images/bullets/price-search.png) 4px 8px no-repeat #FFC700; } .productList .button span { position:absolute; top:-4px; right:0; background:url(/_images/bg/price-corner.gif) top left repeat-x; width:8px; height:4px;} .productList .remove { position:absolute; top:-5px; right:-5px; height:22px; width:22px; text-indent:-9999px; background:url(/_images/bullets/delete-22x22.png) 0px -22px no-repeat; padding:0; outline:none;} .productList a:hover.remove, .productList a:active.remove, .productList a:focus.remove { background-position:0 -44px;} /********************************************************************/ /* Pen Product Listing */ /********************************************************************/ #content .penList { margin:0;} #content .penList li { float:left; width:700px; margin:10px 0 0 0; background:none; display:block; } .penList li .sale { position:absolute; bottom:10px; left:-8px; top:auto;} .penList .details { float:left; width:275px; background:url(/_images/bg/listing-pen.jpg) top left #dfdfdf no-repeat; min-height:120px; height:auto !important; height:120px; } .penList .details h2 { padding:10px 10px 35px 35px;} .penList .sale .details h2 { padding-bottom:15px;} .penList .details h2 a { padding-bottom:4px; margin:0;} .penList .price { padding:0 90px 15px 35px;} .penList .sale .price { padding-top:0; padding-bottom:15px;} .penList .price .savings { padding-top:7px;} .penList .button { bottom:15px; right:-8px; } /********************************************************************/ /* Product Page */ /********************************************************************/ #productPage { background:url(/_images/bg/vert-dots.gif) 640px 0px repeat-y; float:left; width:100%;} #productPage .pHead { width:625px; padding:0; min-height:40px; height:auto !important; height:40px; } /***** Details *****/ /* Style of zoomed window */ .MagicZoomBigImageCont { position:absolute; right:-318px; top:79px; border:5px solid #ffc500;} /* Style of small square under mouse */ .MagicZoomPup { border:1px solid #aaa; background:#fff; cursor:move;} /* Image Gallery */ .productDetails { float:left; width:625px; margin:30px 0 0 0;} .productGallery { background:#e6e6e6; float:left; width:100%;} .mainImage { position:relative; z-index:1; padding:9px 9px 8px 9px;} .mainImage a { padding:0;} .mainImage a img { display:block; border:1px solid #d6d8d7; margin:1px;} .mainImage a:hover img, .mainImage a:active img, .mainImage a:focus img, .additionalImages li a:hover img, .additionalImages li a:active img, .additionalImages li a:focus img { border-color:#ffc500; margin:0; border-width:2px; outline:none; opacity:1; filter:alpha(opacity=100) } .mainImage .new { position:absolute; top:-12px; left:-12px; z-index:2;} .mainImage .bestSeller { position:absolute; top:20px; left:1px; z-index:2;} .mainImage .sale { position:absolute; bottom:20px; left:2px; z-index:2;} #productPage .additionalImages { float:left; width:100%; padding:0; margin:0;} #productPage .additionalImages li { float:left; margin:0 0 0 9px; padding:0 0 9px 0; background:none;} .additionalImages li a { padding:0; outline:none;} .additionalImages li a img { border:1px solid #d6d8d7; margin:1px; opacity:0.7; filter:alpha(opacity=70) vertical-align:bottom;} .portraitGallery .mainImage { padding-right:0; float:left; width:455px;} #productPage .portraitGallery .additionalImages { float:right; width:161px; padding:9px 0 0 0;} #productPage .portraitGallery .additionalImages li { padding-bottom:5px; margin-left:8px;} /* Tabs */ #productTabs { float:left; width:100%; background:#e6e6e6; border-bottom:1px solid #dfdfdf; padding:10px 0 0 0;} #content .tabs, .searchTabs { padding:0; background:#f5f5f5; border:none;} #content .tabs > ul, .searchTabs ul { padding:0 0 0 10px; margin:0; border:none; background:#e6e6e6; overflow:auto;} #content .tabs > ul li, .searchTabs ul li { padding:0; margin:0; background:none; border:none; float:left;} .tabs ul li a { background:url(/_images/bg/tabs-shadow.png) bottom left no-repeat #828383; text-transform:uppercase; font-size:0.9em; outline:none; float:left; padding:8px 15px 7px 15px; text-decoration:none; color:#fff;} .tabs ul li a:hover, .tabs ul li a:active, .tabs ul li a:focus { background:url(/_images/bg/tabs-shadow-on.png) bottom left no-repeat #FFD900; color:#212121;} .tabs ul li.selected a { background:#F5F5F5; color:#212121;} .tabContent { padding:15px; float:left; width:595px; background:#F5F5F5;} .tabContent .searchOptions { padding-top:5px;} .tabContent .searchOptions p { margin-top:0;} /* Reviews */ #content .reviewList { float:left; width:100%; margin:10px 0 0 0; padding:1px 0 15px 0; background:url(/_images/bg/horz-dots.gif) top left repeat-x;} #content .reviewList li { float:left; width:565px; padding:15px; margin:0; background:url(/_images/bg/horz-dots.gif) bottom left repeat-x #fff; position:relative;} .reviewList .date { font-weight:bold; color:#212121; padding:0;} .reviewList blockquote p { padding:0 0 15px 0;} .reviewList .recommended blockquote p { padding-right:110px;} .reviewList .recommended .recommended { position:absolute; top:13px; right:-8px; padding:3px 8px 3px 10px; background:#ffdb00; color:#211e0f; text-transform:none; font-weight:bold; } .reviewList .recommended .recommended span { position:absolute; top:-4px; right:0; background:url(/_images/bg/price-corner.gif) top left repeat-x; width:8px; height:4px;} .tabContent .contact { background:url(/_images/bg/horz-dots.gif) top left repeat-x; float:left; width:100%; margin:10px 0 0 0;} .tabContent .contact p { padding:0 0 10px 0;} .tabContent .contact fieldset { padding:20px 47px 20px 46px; margin:20px 0 0 0;} .tabContent .contact textarea { width:480px; margin:6px 0 0 0; height:150px;} /***** Options *****/ .productDetailsForm { float:right; width:270px; margin:-40px 0 0 0;} .productDetailsForm fieldset { float:left;} .productOptions { position:relative; z-index:0; float:left; width:270px;} .productOptions h2 { margin:0; border:none; padding:0 0 1px 0; float:left; width:100%;} .productOptions h2 a { display:block; padding:12px 10px; color:#fff; background:url(/_images/bg/accordian-gloss.png) right center no-repeat #5d5f60; text-decoration:none; font-size:0.8em; line-height:1em;} .productOptions h2 a:hover, .productOptions h2 a:active, .productOptions h2 a:focus { background-image:url(/_images/bg/accordian-gloss-hover.png); background-color:#ffde00; color:#212121;} .productOptions > div { float:left; width:270px;} #content .productOptions ul { float:left; width:100%; padding:0;} #content .productOptions ul li { float:left; width:100%; padding:0; background:url(/_images/bg/horz-dots.gif) bottom left repeat-x; padding:5px 0 10px 0;} #content .productOptions ul .last { background:none;} .productOptions h3 { float:left; font-size:0.8em; color:#4e4e4e; font-weight:bold; text-transform:uppercase; padding:6px 0 0 10px; line-height:1em; width:260px;} #content .productOptions ul ul { float:left; width:255px; margin:7px 10px 0 10px; letter-spacing:-4px;} #content .productOptions ul li li { background:none; float:none; display:inline-block; width:auto; padding:0 3px 6px 3px; letter-spacing:0;} .productOptions ul li li a { padding:0; background:none;} .productOptions ul li li img { vertical-align:bottom; border:2px solid #bababa;} .productOptions ul li li a:hover img, .productOptions ul li li a:active img, .productOptions ul li li a:focus img, .productOptions ul li li a.selected img { border-color:#ffc500;} .productOptions .unavailable { opacity:0.4; filter:alpha(opacity=40);} .productOptions .field { float:left; width:250px; padding:10px;} .productOptions .field .custom-checkbox input, .productOptions .field .custom-radio input { margin-left:-9999px;} .productOptions .field .custom-checkbox label, .productOptions .field .custom-radio label { padding:2px 0 2px 25px; font-size:0.9em;} .productOptions .field .custom-radio label { padding:0 0 0 25px;} .productOptions .field .custom-radio label span { display:block; font-weight:normal;} .productOptions .selectMultiple p { padding:0 0 5px 0;} .productDetailsForm .pod { float:right; padding:0 15px 15px 0; background:none;} /***** Engravings *****/ .engravingOptions, .giftwrapOptions {position:relative; z-index:0; padding:10px; background:url(/_images/bg/horz-dots.gif) top left repeat-x;} .productOptions .engravingOptions h3, .productOptions .giftwrapOptions h3 { font-size:1em; float:none; width:100%; padding:5px 0 10px 0;} .productOptions .engravingOptions .field, .productOptions .giftwrapOptions .field { padding:0 0 15px 0;} .productOptions .engravingOptions .text input, .productOptions textarea { float:left; width:230px; padding:6px 9px 6px 9px; border:1px solid #d3d3d3; background:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .productOptions textarea { height:100px; } .productOptions .engravingOptions .counter { font-size:0.9em; padding:3px 0 0 0; float:left; width:100%;} .productOptions .engravingOptions .label, .productOptions .engravingOptions label, .productOptions .giftwrapOptions label { font-size:0.8em; color:#4e4e4e; font-weight:bold; text-transform:uppercase; padding:0 0 5px 0; display:block; float:none;} .productOptions .giftwrapOptions label img { float:left; border:2px solid #d3d3d3; width:37px; display:inline; margin:0px 10px 0px 0px;} .engravingOptions .option {margin:0 0 10px 0; border-bottom:1px solid #DADCE5;} #content .productOptions .engravingOptions ul li {width:auto; padding:0; margin:0 5px; background:none;} #content .productOptions .engravingOptions ul li input { float:left; margin:1px 10px 0 0; padding:0;} #content .productOptions .engravingOptions ul li label { background-position:100px 100px; background-repeat:no-repeat; width:150px; padding:0 0 10px 0;} #content .productOptions .engravingOptions ul li .custom-radio { float:left; width:115px; height:40px; } #content .productOptions .engravingOptions ul li .custom-radio label { width:113px; height:38px; background-position:0px 0px; outline:none; text-indent:-9999px; border:1px solid #BABABA; padding:0; margin:1px; float:none; width:113px; } #content .productOptions .engravingOptions ul li .custom-radio label.hover, #content .productOptions .engravingOptions ul li .custom-radio label.checked, #content .productOptions .engravingOptions ul li .custom-radio label.focus { border-color:#FFC500; border-width:2px; margin:0;} /***** Gift Wrapping *****/ #content .productOptions .giftwrapOptions ul li {float:left; width:auto; padding:0; margin:0 10px 5px 0; background:none; clear:both;} #content .productOptions .giftwrapOptions ul li input { float:left; margin:1px 10px 0 0; padding:0;} #content .productOptions .giftwrapOptions ul li label { background-position:100px 100px; background-repeat:no-repeat; width:37px; padding:0 0 10px 0;} #content .productOptions .giftwrapOptions ul li .custom-radio { float:left; height:42px; width:40px; } #content .productOptions .giftwrapOptions ul li .custom-radio label { width:35px; height:37px; background-position:0px 0px; outline:none; text-indent:-9999px; border:1px solid #BABABA; padding:0; margin:1px; float:left; width:37px; } #content .productOptions .giftwrapOptions ul li .custom-radio label.hover, #content .productOptions .giftwrapOptions ul li .custom-radio label.checked, #content .productOptions .giftwrapOptions ul li .custom-radio label.focus { border-color:#FFC500; border-width:2px; margin:0;} #content .productOptions .giftwrapOptions ul li div.text {float:left; width:190px; clear:none; padding:0 0 0 10px; } .productOptions .preview { float:left; width:100%; padding:0 0 10px 0; margin:-5px 0 0 0;} .preview .button { float:right; } /***** Promotions ******/ #content .productPromotions { float:left; width:276px; margin:0 0 0 -6px; padding:0;} #content .productPromotions li { float:left; padding:10px 0 0 0; background:none; margin:0 0 0 6px;} #content .productPromotions li a { background:none; padding:0; display:block;} /***** Purchase *****/ .buyProduct { background:url(/_images/bg/price-bg.gif) top left repeat-x #ffdd00; float:left; width:264px; padding:3px; margin:10px 0 20px 0;} .buyProduct .inner { float:left; width:100%; background:url(/_images/bg/price-inner.gif) top left repeat-x #ffc300; padding:0 0 10px 0;} .buyProduct .price { float:left; width:100%; border-bottom:1px solid #e9c71d; color:#212121;} .buyProduct .price .current { float:left; font-weight:bold; padding:14px 15px 14px 10px; border-right:1px solid #e9c71d; line-height:1.5em; background:#ffe64d;} .buyProduct .price .current strong { font-size:2.3em;} .buyProduct .price .current span { font-size:11px; text-transform:uppercase;} .buyProduct .price .call {display:block; padding:10px;} .buyProduct .price .salePrice { float:left; padding:9px 0 0 0; margin:0 0 10px 10px;} .buyProduct .price .salePrice span { display:block;} .buyProduct .price .salePrice .saving { font-weight:bold;} .buyProduct .price .salePrice a { font-weight:normal; padding:0px 0px 0px 0px; background:none;} .buyProduct .addToBag, .buyProduct .outOfStock { float:left; width:100%; border-top:1px solid #ffe14d; padding:15px 0 0 0;} .buyProduct .addToBag .select { float:left; padding:6px 0 0 10px;} .buyProduct .addToBag .select label { float:left; color:#212121; padding:6px 7px 0 0; text-transform:uppercase; font-size:0.9em;} .buyProduct .addToBag .select .ui-selectmenu { float:left;} .buyProduct .addToBag .controls { float:right; padding:0 10px 0 0;} .buyProduct .outOfStock p { color:#212121; text-transform:uppercase; font-size:0.9em; padding:3px 0 15px 115px; background:url(/_images/titles/sorry.png) 55px 0px no-repeat; line-height:1.4em;} .buyProduct .outOfStock .button { padding:0; margin:0 0 0 21px; width:220px; line-height:2.6em; background-position:0 -7px; background-color:#282929; border-color:#282929;} .buyProduct .outOfStock a:hover.button, .buyProduct .outOfStock a:active.button, .buyProduct .outOfStock a:focus.button { color:#fff; background-position:0 14px; background-image:url(/_images/bg/button-gloss.png);} #content .productMemberOptions { float:right; padding:13px 0 3px 0;} #content .productMemberOptions li { float:left; padding:0 10px 0 0; background:none;} #content .productMemberOptions li a { font-weight:normal; background:none;} #content .productMemberOptions li a img { padding:0; vertical-align:bottom;} .buyProduct .pricingTable h2 { float:left; width:244px; padding:5px 10px 5px 10px; margin:0px 0px 0px 0px; font-size:12px; border-top:1px solid #ffe14d; border-bottom:1px solid #e9c71d; background:#ffc300;} .buyProduct .pricingTable table { border:none; margin:0px 0px 0px 0px; text-align:center; color:#212121;} .buyProduct .pricingTable table th { border-left:1px solid #e9c71d; border-top:1px solid #ffe14d; color:#212121; background:#ffd100;} .buyProduct .pricingTable table td { border-left:1px solid #ffd100; border-bottom:1px solid #e9c71d; background:#ffe64d;} .buyProduct .pricingTable p { float:left; width:244px; padding:8px 10px 8px 10px; font-size:10px; color:#6a5800; line-height:14px; border-top:1px solid #ffe14d; border-bottom:1px solid #e9c71d;} .buyProduct .montBlancInfo { padding-top: 60px; } .buyProduct .montBlancInfo p { text-align: center; color: #000000; padding-bottom: 5px; } .buyProduct .montBlancInfo p.montBlancTelephone { font-size: 150%; } /* q-tip */ .qtip { text-transform:uppercase; } .qtip-contentWrapper { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} .qtip-content { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } /***** Bundles *****/ #content .bundlesPod { float:left; width:268px; padding:0px 0px 10px 0px; margin:0px 0px 10px 0px; border:1px solid #D8D8D8; background:#F5F5F5;} #content .bundlesPod h2 { float:left; width:248px; padding:10px 10px 8px; margin:0px 0px 0px 0px; border-bottom:1px solid #D8D8D8; color:#fff; background:url("/_images/bg/h1.gif") repeat-x scroll left top #181818;} #content .bundlesPod .button { float:right; display:inline; margin:0px 15px 0px 0px;} #content .bundlesPod ul, #content .bundlesPod li { float:left; width:268px; padding:0px 0px 0px 0px;} #content .bundlesPod ul { padding:0px 0px 10px 0px;} #content .bundlesPod li { border-bottom:1px solid #e7e7e7; background:none;} #content .bundlesPod li a { float:left; width:248px; padding:10px 10px 10px 10px; text-decoration:none;} #content .bundlesPod li a .thumb img { float:left; width:63px; border:1px solid #D8D8D8;} #content .bundlesPod li a .details { float:right; width:170px; padding:5px 0px 0px 0px; text-transform:uppercase;} #content .bundlesPod li a .details .price, #content .bundlesPod li a .details .savings { float:left; width:170px; padding:0px 0px 0px 0px; text-transform:lowercase;} /********************************************************************/ /* Bag */ /********************************************************************/ .basket fieldset { float:left; width:702px; margin:0 0 25px 0; padding:0 0 10px 0; background:url(/_images/bg/horz-dots.gif) bottom left repeat-x;} .basketSummary { margin:0 0 24px 0;} .basket table { margin:0px 0px 10px 0px;} table .short { width:70px;} .basket th { border-left:none; border-right:1px solid #242424;} .basket th:first-child { width:20px; text-indent:-9999px; border:none;} .basketSummary th:first-child, .basketSummary td:first-child {width:auto; text-indent:0;} .basketSummary th:first-child {border-right:1px solid #242424;} .basket td { padding-top:10px; padding-bottom:10px; vertical-align:middle;} .basket th:first-child, .basket td:first-child, .basket th+th+th, .basket td+td+td, .basketSummary th+th, .basketSummary td+td { text-align:center;} .basket th+th, .basket td+td, .basketSummary th:first-child, .basketSummary td:first-child { text-align:left;} .basket .field label { position:absolute; left:-9999px;} .basket .field input { width:45px; height:18px; padding:0px 0px 0px 3px; color:#666; font-size:1em; border:1px solid #e6e6e6;} .basket table a { font-weight:normal; padding:0; background:none; color:#454545;} .basket table a:hover, .basket table a:active, .basket table a:focus { color:#212121; text-decoration:underline;} .basket table .delete { float:left; display:inline-block; vertical-align:middle; height:18px; width:18px; background:url(/_images/bullets/delete-sprite.png) 0px 0px no-repeat; text-indent:-9999px; padding:0;} .basket table a:hover.delete, .basket table a:active.delete, .basket table a:focus.delete { background-position:0 -18px;} #content .basket .formButton { float:right; margin:0px 0px 20px 0px; height:22px; font-size:10px; background-position:0 -9px; padding:0 12px;} .basket dl { float:right; width:231px; margin:0 0 20px 0; border-left:1px solid #ECECEC; border-bottom:1px solid #ECECEC;} .basket dt, .basket dd { float:left; width:60px; padding:6px 8px 6px 8px; border-top:1px solid #ECECEC;} .basket dt { width:138px; font-weight:bold;} .basket dd { text-align:center; border-right:1px solid #ECECEC;} .basket .bg { background-color:#FAFAFA;} .basket .grandTotal { line-height:1.8em; font-size:1.1em; background:url(/_images/bg/sub-total.gif) top left repeat-x #e3e3e3; text-transform:uppercase; color:#212121;} .basket .alertDelivery { margin:0 0 5px 0;} .basket .pageOptions .highlight { line-height:2.4em; font-size:1em; padding:0 20px; background-position:0px -5px;} .basket .pageOptions a:hover.highlight, .basket .pageOptions a:active.highlight, .basket a:focus.highlight { background-position:0px 14px; } .basket td {vertical-align:top; border-bottom:none; border-top:1px solid #ECECEC;} .basket td.first {border-top:none;} .basket td p {clear:both; padding:3px 0 0 0; font-size:0.9em;} .basket td p .edit {margin:0 5px 0 0; color:#6D6D6D; font-size:0.8em; text-transform:uppercase;} .basket td p span {display:block;} .basket td .optionPrice {font-size:0.9em;} .basket table .delete.small { display:inline-block; height:12px; width:12px; margin:2px 5px 0 0; background:url(/_images/bullets/delete-sprite-small.png) 0px 0px no-repeat; text-indent:-9999px; padding:0;} .basket table a:hover.delete.small, .basket table a:active.delete.small, .basket table a:focus.delete.small { background-position:0 -12px;} .basket .editOption { float:left; width:350px;} .basket .engravingOptions, .basket .giftwrapOptions { position:relative; z-index:0; width:350px; margin:0 0 10px 0; padding:10px 0 10px 0; overflow:hidden;} .basket .engravingOptions h3, .basket .giftwrapOptions h3 { font-size:0.9em; float:none; width:100%; padding:0 0 10px 0; text-transform:uppercase; font-weight:bold;} .basket .engravingOptions .text input, .basket .engravingOptions textarea, .basket .giftwrapOptions textarea { float:left; width:230px; height:20px; padding:6px 9px 6px 9px; border:1px solid #d3d3d3; background:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .basket .giftwrapOptions textarea { height:60px; margin:0 0 10px 0; } .basket .engravingOptions .counter { font-size:0.9em; padding:3px 0 0 0; float:left; width:100%;} .basket .engravingOptions .field { overflow:hidden;} .basket .engravingOptions .text { margin-bottom:10px;} .basket .engravingOptions .option { border:none;} .basket .engravingOptions .label, .basket .engravingOptions label, .basket .giftwrapOptions .label, .basket .giftwrapOptions label { position:relative; top:0; left:0; font-size:0.8em; color:#4e4e4e; font-weight:bold; text-transform:uppercase; padding:0 0 5px 0; display:block; float:none;} #content .basket .engravingOptions ul li {float:left; width:auto; padding:0; margin:0 10px 10px 0; background:none;} .basket .engravingOptions ul li input { float:left; margin:1px 10px 0 0; padding:0;} .basket .engravingOptions ul li label { background-position:100px 100px; background-repeat:no-repeat; width:150px; padding:0 0 10px 0;} .basket .engravingOptions ul li .custom-radio { float:left; width:115px; height:40px; } .basket .engravingOptions ul li .custom-radio label { width:113px; height:38px; background-position:0px 0px; outline:none; text-indent:-9999px; border:1px solid #BABABA; padding:0; margin:1px; float:none; width:113px; } .basket .engravingOptions ul li .custom-radio label.hover, .basket .engravingOptions ul li .custom-radio label.checked, .basket .engravingOptions ul li .custom-radio label.focus { border-color:#FFC500; border-width:2px; margin:0;} .basket .engravingOptions .preview { float:left; width:100%; padding:0 0 5px 0; margin:-5px 0 0 0;} .basket .engravingOptions .preview .button { float:right; line-height:2em; padding:0 10px; background-image:url(/_images/bg/button-gloss.png); background-color:#5d5f60; background-repeat:repeat-x; background-position:0px -8px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #5d5f60; color:#fff; font-weight:bold; text-decoration:none; text-transform:uppercase; text-align:center; font-size:0.9em;} .basket .engravingOptions a:hover.button, .basket .engravingOptions a:active.button, .basket .engravingOptions a:focus.button { background-image:url(/_images/bg/button-gloss-hover.png); background-color:#ffde00; border-color:#f6d600; color:#212121; text-decoration:none;} .basket .checkboxField {padding:5px 0; border-top:1px solid transparent;} .basket .checkboxField label {padding:2px 0 5px 20px; font-size:0.9em; font-weight:normal;} .basket .checkboxField input {margin-left:-9999px;} #content .basket .giftwrapOptions .selectMultiple li { float:left; width:350px; padding:8px 0px 8px 0px; background:none;} #content .basket .giftwrapOptions .selectMultiple li label { float:left; width:350px; padding:0px 0px 0px 20px;} #content .basket .giftwrapOptions .selectMultiple li label img { float:left; display:inline; margin:0px 7px 0px 0px; border:1px solid #d3d3d3;} #content .basket .giftwrapOptions .selectMultiple li label span { display:block; font-weight:normal;} #content .basket .giftwrapOptions .selectMultiple .custom-checkbox input, #content .basket .giftwrapOptions .selectMultiple .custom-radio input { position: absolute; left:-9999px; margin: 0; z-index: 0; border:none;} /********************************************************************/ /* Checkout */ /********************************************************************/ .checkoutTitle { padding:0 0 10px 0; margin:0; border:none;} .checkoutEdit { float:right; margin:-3px 0 0 0;} .orderFormEdit { float:right; margin:-3px 0 10px 0;} .checkoutForm { float:left; width:100%; background:url(/_images/bg/horz-dots.gif) top left repeat-x; padding:25px 0 0 0;} .checkoutForm .full, .basket .full { position:relative; float:left; width:700px; padding:0; margin:0 0 20px 0; background:url(/_images/bg/cat-title-off.gif) top left repeat-x #ECECEC; border:1px solid #d8d8d8;} .checkoutForm .full h2, .basket .full h2 { border:none; padding:15px 15px 0px 15px; margin:0; } .checkoutForm .full h3 { padding:13px 15px 2px 15px; font-weight:bold; background:url(/_images/bg/field-divider.gif) top left repeat-x;} .checkoutForm .full p, .basket .full p { padding:0px 15px 15px 15px; color:#212121;} .checkoutForm .full .button { position:absolute; top:13px; right:15px;} .checkoutForm .full .field, .checkoutForm .full .selectedDelivery { padding:15px 15px 15px 15px; background:url(/_images/bg/field-divider.gif) repeat-x top left #F5F5F5; margin:3px 0 0 0; } .checkoutForm .full .field label { float:left; padding:5px 20px 0px 0px; color:#212121;} .checkoutForm .full .select select { float:left; width:380px;} .checkoutForm .full .select .error { margin:0 0 15px 0;} .checkoutForm .full .selectedDelivery p { padding:0;} .checkoutForm .paymentDetails { padding-bottom:15px;} .checkoutForm .paymentDetails .hd { background:url(/_images/bg/field-divider.gif) bottom left repeat-x; margin:0 0 15px 0;} .checkoutForm .paymentDetails p { padding:0 15px 5px 15px;} .checkoutForm .paymentDetails p strong { padding:0 5px 0 0;} .checkoutForm #deliveryPreference-button {float:left;} .checkoutForm .hd { overflow:auto; padding:0 0 13px 0;} .halfCol { width:341px;} .checkoutForm .half { float:left; width:341px; padding:0; margin:0px 0px 15px 0px; background:url(/_images/bg/cat-title-off.gif) top left repeat-x #ECECEC; border:1px solid #d8d8d8;} .checkoutForm .half h2 { float:left; padding:15px 15px 0 15px; margin:0; border:none;} .checkoutForm .half .bg { background:#F5F5F5;} .checkoutForm .half dl { float:left; width:339px; padding:2px 1px 0px 1px; color:#212121; background:url(/_images/bg/field-divider.gif) top left repeat-x;} .checkoutForm .half dd { float:left; width:80px; padding:7px 13px 7px 0px;} .checkoutForm .half dt { float:left; width:233px; padding:7px 0px 7px 13px; font-weight:bold;} .checkoutForm .half dt .delete { display:inline-block; vertical-align:bottom; height:18px; width:18px; background:url(/_images/bullets/delete-sprite.png) 0px 0px no-repeat; padding:0; margin:0 5px 0 0;} .checkoutForm .half dt .delete span { position:absolute; left:-9999px;} .checkoutForm .half dt a:hover.delete, .checkoutForm .half dt a:active.delete, .checkoutForm .half dt a:focus.delete { background-position:0 -18px;} .checkoutForm .half fieldset { float:left; width:311px; padding:12px 15px 15px 15px; background:url(/_images/bg/field-divider.gif) repeat-x top left #F5F5F5; } .checkoutForm .half fieldset .text { float:left; width:135px; padding:0px 0px 0px 0px;} .checkoutForm .half fieldset .text label { position:absolute; margin-left:-9999px;} .checkoutForm .half fieldset .text input { float:left; width:130px; padding:4px 4px 3px 4px; border:1px solid #d3d3d3; background:#fff;} .checkoutForm .half .alertVoucher { float:left; width:311px; padding:15px; background:url(/_images/bg/field-divider.gif) 0px 0px repeat-x; color:#212121;} #content .checkoutForm .formButton { float:right; margin:0; height:23px; font-size:10px; background-position:0 -8px; padding:0 12px; } #content .checkoutForm .contact .formButton { height:35px; font-size:1em; padding:0 22px; background-position:0 -4px} .checkoutForm .half .checkboxField { float:left; width:311px; padding:0px 0px 15px 0px;} .checkoutForm .half .checkboxField input { margin-left:-9999px;} .checkoutForm .half .custom-checkbox label { width:265px; padding:2px 0 0 25px; color:#212121;} /********************************************************************/ /* Your Account */ /********************************************************************/ .orders { margin-top:10px;} .orders td, .orders th { text-align:center;} .orders th:first-child, .orders td:first-child { text-align:left;} .orders td a { background:none; text-decoration:underline;} .orders .status td { background:#FFFBE5; color:#212121; font-weight:bold;} .recentOrders { padding-bottom:20px;} .recentOrders .orders { margin:20px 0 0 15px; width:670px;} /********************************************************************/ /* List */ /********************************************************************/ #content .productLists { float:left; width:100%; padding:0; margin:0 0 20px 0;} #content .productLists > li { float:left; width:100%; background:url(/_images/bg/cat-title-off.gif) repeat-x left top #ECECEC; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding:0; color:#212121; margin:10px 0 0 0;} #content .productLists li ul { float:right; padding:9px 9px 0 0;} #content .productLists li ul li { float:left; background:none; padding:0 0 0 5px;} .productLists li ul li .delete { height:22px; width:22px; padding:0; background:url(/_images/bullets/delete-22x22.png) 0px 0px no-repeat; text-indent:-9999px; border:none; outline:none;} .productLists li ul li a:hover.delete, .productLists li ul li a:active.delete, .productLists li ul li a:focus.delete { background-position:0 -22px;} .productLists li p { float:left; width:470px; padding:12px 0 12px 15px;} .productLists li p a { background:none; text-decoration:underline;} .newList { overflow:hidden;} /********************************************************************/ /* Reminders */ /********************************************************************/ #content .reminderList .date { line-height:2em; width:140px;} .reminderList .recurs img { padding:5px 3px 0 0;} .reminderList li p { width:400px;} .listDate { color:#212121; padding:0 0 10px 0; font-size:1.1em;} .listDate img { vertical-align:text-top; padding:0 0 0 5px;} /********************************************************************/ /* Address Book */ /********************************************************************/ #content #addAddress { float:left; width:100%;} .addressBook, .moduleSection { float:left; width:700px; border:1px solid #D8D8D8; position:relative; margin:0 0 5px 0;} .addressBook h2, .moduleSection h2 { border-bottom:1px solid #D8D8D8; background:url(/_images/bg/cat-title-off.gif) top left repeat-x #ECECEC; padding:10px 15px; margin:0;} .addressBook .addAddress, .moduleSection > .button { position:absolute; top:9px; right:15px;} #content .addressBook .addressList { width:685px; padding:0 0 15px 15px; float:left;} #content .addressBook .addressList li { display:inline-block; vertical-align:top; width:211px; margin:15px 13px 0 0; border:1px solid #D8D8D8; background:#f9f9f9; position:relative; padding:0;} .addressBook .addressList h3 { padding:7px 35px 7px 10px; margin:0; background:url(/_images/bg/cat-title-off.gif) top left repeat-x #ECECEC; border-bottom:1px solid #D8D8D8; font-size:1.1em; } .addressBook .addressList h3 img { vertical-align:text-bottom; margin:0 2px 0 0;} .addressBook .addressList p { padding:10px 10px 15px 10px;} .addressBook .deleteAddress { position:absolute; top:9px; right:10px; padding:0; background:url(/_images/bullets/delete-sprite.png) top left no-repeat; height:18px; width:18px; text-indent:-9999px; outline:none;} .addressBook a:hover.deleteAddress, .addressBook a:active.deleteAddress, .addressBook a:focus.deleteAddress { background-position:0px -18px;} #content .addressBook .addressList ul { padding:0 10px;} #content .addressBook .addressList li li { width:auto; margin:0; border:none; background:none; padding:0 0 10px 0; float:left; display:inline;} #content .addressBook .addressList li li.fr { float:right;} #content .addressBook .pageNumbers { padding:10px 15px 15px 0;} /***** Favourite *****/ #content .addressBook .addressList .selected { border-color:#FFC700; background:#FFFBE5; color:#212121;} .addressBook .addressList .selected h3 { background:url(/_images/bg/breadcrumb.gif) top left repeat-x #FFC300; border-color:#f6c103; } /********************************************************************/ /* Search Results */ /********************************************************************/ #searchResults { float:right; width:747px;} /********************************************************************/ /* Store Locator */ /********************************************************************/ #content .storeContainer {clear:both; width:702px;} #content .storeContainer .wrapper{width:702px; overflow:hidden;} #content .storeContainer #map {width:698px; height:250px; margin:0 0 10px 0; border:2px solid #ECECEC;} #content .storeContainer .storeList {width:702px; margin:0; padding:0;} #content .storeContainer .storeList li {margin:0 0 15px 0; padding:15px 10px 0 10px; border-top:2px solid #ECECEC; background:none; overflow:hidden;} #content .storeContainer .storeList li a , content .storeContainer .storeList li a:hover, content .storeContainer .storeList li a:focus {margin:0; padding:0; background:none;} #content .storeContainer .storeList li.first {border-top:none;} #content .storeContainer .storeList li a img {float:left; width:98px; height:98px; border:1px solid #ECECEC;} #content .storeContainer .storeList li div {float:right; width:572px;} #content .storeContainer .storeList div h2 {margin:0; padding:0; border:none;} #content .storeContainer .storeList div h2 a {color:#494949;} #content .storeContainer .storeList div h2 a:hover, #content .storeContainer .storeList div h2 a:focus {text-decoration:underline;} #content .storeContainer .storeList div p {margin:0; padding:0;} #content .storeContainer .contactInfo {margin:0; padding:0; border:none;} #content .storeContainer .contactInfo li {margin:0; padding:0; border:none; background:none;} #content .storeContainer .contactInfo li img {float:left; margin:2px 5px 0 0;} #content .storeContainer .contactInfo a:hover, #content .storeContainer .contactInfo a:focus {text-decoration:underline;} #content .storeContainer .fr {width:222px; padding:0 0 0 20px; border-left:2px solid #ECECEC;} #content .storeContainer p {padding:0 0 5px 0;} #content .storeContainer .fr a {text-decoration:none; background:none;} #content .storeContainer .fr a:hover, #content .storeContainer .fr a:focus {text-decoration:underline;} #content .storeContainer .fr #map {width:218px; height:148px; margin:10px 0 10px 0; border:1px solid #ECECEC;} #content .storeContainer .fr dl {width:220px; margin:1px 0 0 0; padding:1px 0 0 0; border-top:1px solid #ECECEC; overflow:hidden;} #content .storeContainer .fr dl.first {margin:0; padding:0; border:none;} #content .storeContainer .fr dl dt {float:left;} #content .storeContainer .fr dl dd {float:right;} /********************************************************************/ /* Competitions */ /********************************************************************/ #content .competitionContainer {clear:both; width:702px;} #content .competitionContainer .wrapper {width:702px; overflow:hidden;} #content .competitionContainer #competitionsHeader {width:700px; height:200px; margin:0 0 15px 0; border:1px solid #D3D3D3; background:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} #content .competitionContainer .competitionPods {margin:0; padding:0;} #content .competitionContainer .competitionPods li {float:left; width:222px; height:120px; margin:0 0 15px 15px; padding:0; border:1px solid #D3D3D3; background:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} #content .competitionContainer .competitionPods li a, #content .competitionContainer .competitionPods li a:hover, #content .competitionContainer .competitionPods li a:focus {margin:0; padding:0; background:none;} #content .competitionContainer .competitionPods li.first {margin:0 0 15px 0; padding:0;} #content .competitionContainer .introText {float:left; width:400px;} #content .competitionContainer .competitionImg {float:right; width:280px; border:1px solid #ECECEC;} #content .competitionContainer .question {width:498px; padding:20px 101px;} #content .competitionContainer .question h2 {} #content .competitionContainer .question ul {font-size:1.1em; font-weight:bold;} #content .competitionContainer .question ul li {margin:0; padding:0; background:none;} #content .competitionContainer form {width:702px;} #content .competitionContainer form fieldset {float:none;} #content .competitionContainer form fieldset dl {margin:0 0 5px 0; overflow:hidden;} #content .competitionContainer form fieldset dl dt {float:left; width:230px; padding:0 0 4px 0; border-bottom:1px solid #FFF;} #content .competitionContainer form fieldset dl dd {float:right;} #content .competitionContainer form fieldset dl dd input, #content .competitionContainer form fieldset dl dd select {padding:0 0 0 5px; font-size:1.1em; color:#4E4E4E;} #content .competitionContainer form fieldset dl dd select {width:250px;} #content .competitionContainer form fieldset dl dd input {width:243px; border:1px solid #D3D3D3; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} #content .competitionContainer form fieldset .checkboxContainer {margin:0 0 5px 0; overflow:hidden;} #content .competitionContainer form fieldset .checkboxContainer.first {margin:30px 0 5px 0;} #content .competitionContainer form fieldset .checkboxContainer input {margin:0 0 0 -9999px;} #content .competitionContainer form fieldset .formButton {height:21px; padding:0 8px; margin:0; cursor:pointer; overflow:visible; white-space:nowrap; border:0; background:url(/_images/bg/button-gloss.png) 0px -5px repeat-x #5d5f60; color:#fff; font-size:11px; -webkit-border-top-right-radius:3px; -moz-border-radius-topright:3px; border-top-right-radius:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius-bottomright:3px; border-bottom-right-radius:3px; text-transform:uppercase; font-size:0.9em;} #content .competitionContainer form fieldset .formButton:hover,#content .competitionContainer form fieldset .formButton:active, #content .competitionContainer form fieldset .formButton:focus { background-image:url(/_images/bg/button-gloss-hover.png); background-color:#ffde00; color:#212121;} #content .competitionContainer form fieldset .formButton::-moz-focus-inner {border:none; padding:0; margin-top:0;} /********************************************************************/ /* News/Events/FAQs/Jobs/Links/Videos */ /********************************************************************/ #content .categoryList, #content .moduleList {clear:both; width:702px; margin:0 0 15px 0; padding:0; border-top:1px solid #ECECEC;} #content .categoryList a, #content .moduleList a {padding:0; color:#494949; text-decoration:none; border:none; background:none;} #content .categoryList a:hover, #content .categoryList a:focus, #content .moduleList a:hover, #content .moduleList a:focus {text-decoration:underline;} #content .categoryList li, #content .moduleList li {width:670px; margin:0; padding:15px; border:1px solid #ECECEC; border-top:none; background:none; overflow:hidden;} #content .categoryList li.bg {background:#FAFAFA;} #content .categoryList li div, #content .moduleList li div {float:right; width:550px;} #content .categoryList li h2, #content .moduleList li h2 {margin:10px 0 0 0; padding:0; font-size:1.2em; border:none;} #content .categoryList li p, #content .moduleList li p {padding:0 0 15px 0;} #content .categoryList li a img, #content .moduleList li a img {float:left; width:98px; height:98px; padding:0; border:1px solid #ECECEC;} #content .moduleList li h2 a img {float:none; width:auto; height:auto; margin:0; padding:0 0 0 2px; vertical-align:top;} #content .moduleList {margin:15px 0; padding:0; border:none;} #content .moduleList li {padding:15px 15px 5px 15px; border:none; border-bottom:1px solid #ECECEC;} #content .moduleList li h2 {margin:0;} #content .moduleList li dl {margin:0 0 5px 0; font-size:0.9em; overflow:hidden;} #content .moduleList li dl dt {float:left; margin:0 5px 0 0;} #content .moduleList li dl dd {float:left; margin:0 15px 0 0; font-weight:bold;} #content .moduleContent dl {margin:0 0 15px 0; font-size:0.9em; overflow:hidden;} #content .moduleContent dl dt {float:left; margin:0 5px 0 0;} #content .moduleContent dl dd {float:left; margin:0 15px 0 0; font-weight:bold;} #content .moduleContent .mainImage {float:right; margin:0 0 10px 10px; padding:0;} #content .moduleContent .mainImage img {width:228px; height:148px; border:1px solid #ECECEC} #content .moduleContent.news .mainImage img {width:338px; height:198px;} #content .moduleContent #videoPlayer {width:650px; margin:0 0 20px 0; padding:25px; border:1px solid #D8D8D8; background:url(/_images/bg/cat-title-off.gif) top left repeat-x #ECECEC; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} /********************************************************************/ /* Downloads */ /********************************************************************/ #content .moduleList.downloads {margin:0 0 15px 0;} #content .moduleList.downloads li a {padding:0 0 5px 30px; background-image:url('/_images/icons/file-generic.png'); background-position:0px 0px; background-repeat:no-repeat;} #content .moduleList.downloads li a.pdf {background-image:url('/_images/icons/file-pdf.png');} #content .moduleList.downloads li a.doc {background-image:url('/_images/icons/file-doc.png');} #content .moduleList.downloads li a.xls {background-image:url('/_images/icons/file-xls.png');} #content .moduleList.downloads li a.ppt {background-image:url('/_images/icons/file-ppt.png');} #content .moduleList.downloads li a.zip {background-image:url('/_images/icons/file-zip.png');} #content .moduleList.downloads li a.txt {background-image:url('/_images/icons/file-txt.png');} #content .moduleList.downloads li h2 span {font-size:0.8em; text-transform:none;} #content .moduleList.downloads li p {padding-left:30px;} #content .moduleContent .moduleList.downloads {margin:0 0 20px 0; padding:0;} #content .moduleContent .moduleList.downloads li {width:692px; padding:15px 10px 0 0;} #content .moduleContent .moduleList.downloads li.first {padding-top:0;} #content .moduleContent .moduleList.downloads li h3 {padding:0; font-size:1.1em;} #content .moduleContent .moduleList.downloads li h3 span {font-size:0.8em;} /********************************************************************/ /* SideCol */ /********************************************************************/ #sideCol { float:left; width:222px; margin:5px 0 0 5px;} #home #sideCol { float:right; width:205px; margin:5px 5px 0 0; } /***** Newsletter Signup *****/ #home #sideCol .newsletterSignup { margin:0; margin-bottom:-1px; padding-bottom:1px; background:url(/_images/bg/horz-dots.gif) bottom left repeat-x;} .newsletterSignup form { float:left; padding:2px 0 15px 0;} .newsletterSignup fieldset { width:181px; border-color:#d5d5d5;} .newsletterSignup label { position:absolute; left:-9999px;} .newsletterSignup .text { padding-left:8px;} .newsletterSignup .text input { width:100px;} /***** SubNav *****/ .subNav { padding:0 0 5px 0;} .subNav .module { margin:0;} .subNav .module .bd { padding:5px 5px 5px 5px;} .subNav .module li { background:url(/_images/bg/horz-dots.gif) bottom left repeat-x;} .subNav .module .last { background:none;} .subNav .module .bd li a { display:block; background:url(/_images/bullets/subnav.gif) 10px 11px no-repeat; padding:5px 10px 5px 20px; text-decoration:none; color:#838383; font-weight:normal;} .subNav .module .bd li a:hover, .subNav .module .bd li a:active, .subNav .module .bd li a:active, .subNav .module .bd li .selected { background-color:#ebebeb; color:#081351;} .subNav .module .bd li ul { border-top:1px solid #e1e1e1; padding-top:1px;} .subNav .module .bd li li { background:none; padding-bottom:1px;} .subNav .module .bd li li a { padding:4px 10px 4px 30px; background-image:none;} .subNav .module .bd li li a:hover, .subNav .module .bd li li a:active, .subNav .module .bd li li a:active, .subNav .module .bd li li .selected { background-color:#f3f2f2;} .subNav .module .bd li li .selected { background-image:url(/_images/bullets/subnav.gif); background-position:20px 10px;} /***** Filters *****/ /* Current Filters */ .currentFilters, .availableFilters { border:none;} .currentFilters .hd, .availableFilters .hd { background:url(/_images/bg/breadcrumb.gif) repeat-x left top #FFC300; padding-top:11px; border:none;} .currentFilters .bd, .availableFilters .bd { border-right:1px solid #ECECEC; border-left:1px solid #ECECEC; border-bottom:1px solid #ECECEC; padding:0;} .currentFilters .bd li, .availableFilters .bd li { background:url(/_images/bg/filter/horz-dots.gif) bottom center no-repeat; padding:0 0 1px 0; float:left; width:100%;} .currentFilters .bd li.last, .availableFilters .bd li.last { background:none; padding:0;} .currentFilters .bd a { outline:none;} .currentFilters .bd a, .availableFilters .bd a { display:block; position:relative; padding:10px 40px 10px 10px; text-decoration:none; font-weight:normal; float:left; width:170px;} .currentFilters .bd a:hover, .currentFilters .bd a:active, .currentFilters .bd a:focus { background:url(/_images/bg/filter/remove-bg.gif) top left repeat-x #D20C0C; color:#fff;} .currentFilters .bd strong { text-transform:uppercase; display:inline-block; width:50px; } .currentFilters .bd a .icon, .availableFilters .bd a .icon { background-image:url(/_images/bg/filter/remove.png); background-position:0px 0px; position:absolute; top:10px; right:10px; height:15px; width:15px; text-indent:-9999px;} .currentFilters .bd a:hover .icon, .currentFilters .bd a:active .icon, .currentFilters .bd a:focus .icon { background-position:0px -15px;} /* Available Filters */ .availableFilters .hd { background:url(/_images/bg/filter/filters-title.gif) top left repeat-x #5D5F60;} .availableFilters .hd h2 { color:#fff;} .availableFilters .bd a { text-transform:uppercase;} .availableFilters .bd a .icon { background-image:url(/_images/bg/filter/arrows.png);} .availableFilters .bd a:hover, .availableFilters .bd a:active, .availableFilters .bd a:focus, .availableFilters .bd li.active > a { background:none; font-weight:bold;} .availableFilters .bd a:hover .icon, .availableFilters .bd a:active .icon, .availableFilters .bd a:focus .icon { background-position:0px -15px;} .availableFilters .bd li ul { width:220px; float:left; position:relative;} .availableFilters .bd li.last ul { padding-bottom:5px;} .availableFilters .bd li li { width:210px; margin:1px 0 0 5px; background:none; padding:0;} .availableFilters .bd li.active .icon { background-position:0px -45px;} .availableFilters .bd li li a { width:190px; padding:5px 10px; color:#818181; background:#ebebeb;} .availableFilters .bd li li a:hover, .availableFilters .bd li li a:active, .availableFilters .bd li li a:focus { background:#dcdcdc;} /***** Search *****/ .searchPod .field { width:200px;} .searchPod .field label, .searchPod .field .label { padding-bottom:5px;} .searchPod .text input, .searchPod .textarea textarea, .searchPod .multiselect multiselect { width:180px;} .searchPod .formControls { padding:0 0 10px 0; margin:0; background:none;} .searchPod fieldset fieldset { padding-bottom:10px;} .searchPod .dateSelect { margin:0;} .searchPod .dateSelect .label { padding-top:0;} .searchPod .dateSelect a { text-decoration:none;} .searchPod .dateSelect select { margin:0 2px 0 0; width:60px;} .searchPod .dateSelect .ui-selectmenu { margin:0 2px 0 0;} /********************************************************************/ /* Tabs */ /********************************************************************/ .searchTabs { float:left; width:980px; margin:0 0 10px 0; padding:15px 0 0 0; background:url(/_images/bg/page-tabs-grad.gif) bottom left repeat-x #fff; border-bottom:2px solid #EBEBEB;} .searchTabs ul { background:#fff; overflow:visible; float:right; padding:0 5px 0 0;} .searchTabs ul li a { position:relative; top:4px; padding:7px 15px 6px 15px; font-weight:normal; font-size:1em;} .searchTabs ul li.selected a { background:#fff; border-top:1px solid #EBEBEB; border-left:1px solid #EBEBEB; border-right:1px solid #EBEBEB; top:2px; padding:8px 15px 8px 15px; font-weight:bold;} /********************************************************************/ /* Pods */ /********************************************************************/ #content .pods { padding:0; width:765px; margin:0 0 0 -5px;} #content .pods li { float:left; margin:0 0 0 5px; background:none; padding:0 0 5px 0; width:250px;} #content .pods li img { float:left;} /***** Pod *****/ .imagePod { padding:0; border:none; background:none;} .imagePod.withHeader { border:1px solid #ececec; } .imagePod .bd { text-align:center; padding:0;} .imagePod img { vertical-align:bottom;} /********************************************************************/ /* Site Map */ /********************************************************************/ #siteMap > li {margin:0 0 10px 0; padding:0 10px 10px 10px; border-bottom:1px solid #e7e7e7; background:none;} #siteMap > li > a {display:block; padding:0 0 0 0; font-size:14px; text-decoration:none;} #siteMap li ul {padding:5px 0 0 10px; } /********************************************************************/ /* Feedback Alert */ /********************************************************************/ #feedbackAlert {width:930px; margin:5px 0 5px 5px; padding:0 20px; background:url('/_images/bg/breadcrumb.gif') bottom left repeat-x #ffdd00; overflow:hidden;} #feedbackAlert img {float:left; margin:8px 0 0 0;} #feedbackAlert h2 {position:absolute; left:-9999px;} #feedbackAlert .button {float:right; margin:10px 0 10px 15px;} #feedbackAlert p {margin:12px 0 0 0; padding-bottom:10px; font-size:12px; color:#212121; text-align:right;} /********************************************************************/ /* Deep Links */ /********************************************************************/ #deepLinks { float:left; width:970px; margin:0px 5px 0 5px; background:#1b1b1b; padding:0 0 25px 0; position:relative; } #deepLinks .section { float:left; padding:15px 0 0 20px;} #deepLinks .last { padding-bottom:55px;} #deepLinks h2 { font-size:1.1em; padding:0 0 15px 0; margin:0; border:none; color:#fff; text-transform:uppercase; } #deepLinks ul { float:left; width:140px; margin:0 5px 0 0;} #deepLinks ul li a { color:#a4a4a4; font-weight:normal; text-decoration:none; padding:0; background:none;} #deepLinks ul li a:hover, #deepLinks ul li a:active, #deepLinks ul li a:focus { color:#fff; text-decoration:underline;} #deepLinks .pricePromise { position:absolute; bottom:22px; right:20px; padding:0; background:none;} #deepLinks .otherBrands {padding:0;} #deepLinks .otherBrands .dropDownWrapper {position:relative;} #deepLinks .otherBrands .dropDownWrapper .dropDown {position:relative; display:inline-block; width:130px; height:2.2em; line-height:2.2em; margin:10px 0 0 0; padding:0 0 0 10px; color:#292929; font-weight:bold; text-decoration:none; background:url('/_images/bg/deep-links-dropdown.gif') top right no-repeat #787878; outline:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} #deepLinks .dropDownItems {position:absolute; bottom:25px; left:0; display:none; width:140px;} #deepLinks .active-dropdown .dropDownItems {display:block;} #deepLinks .dropDownItems ul {width:140px; padding:5px 0; background: #9b9b9b;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} #deepLinks .dropDownItems ul li {float:left; width:100%;} #deepLinks .dropDownItems ul li a {display:block; padding:0 10px; color:#292929;} #deepLinks .dropDownItems ul li a:hover, .dropDownItems ul li a:active, .dropDownItems ul li a:focus {color:#212121; background:#ffde00; text-decoration:none;} /********************************************************************/ /* Footer */ /********************************************************************/ #footer { background:#000000; float:left; width:950px; margin:0 5px; padding:0 10px;} #footer li { float:left; padding:8px 0; color:#666666;} #footer li a { color:#666666; font-weight:normal; padding:0 6px 0 9px; background:url(/_images/bullets/footer.gif) left center no-repeat; text-decoration:none;} #footer li a:hover, #footer li a:active, #footer li a:focus { color:#fff; text-decoration:underline;} #footer .first a { background:none; padding-left:15px;} #footer .facebook {padding:6px 0 0 20px;} #footer .twitter {padding:6px 0 0 10px;} #footer .facebook a, #footer .twitter a {padding:0; background:none;} #footer .last { float:right;} #footer .last a { padding:0; background:none; font-weight:bold; }