/*----------------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------------------------------------------------*/ /* global styles */ /*--------------------------------------------------------------*/ /* browser reset */ 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,b, u, i, center,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-size:100%; vertical-align:top; background:transparent; list-style:none; } html { } body { margin:0 auto;font:12px/18px Arial, Helvetica, sans-serif;text-align:left;color:#606666; background:#1d3a4b; } blockquote, q { quotes:none; } /* remember to define focus styles! */ :focus { outline:0; } /* remember to highlight inserts somehow! */ ins { text-decoration:none; } del { text-decoration:line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse:collapse; border-spacing:0; } a img { border:0; } address { color:#222222; font-style:normal; line-height:16px; } button.button { text-indent:-9999px; border:0; padding:0; margin:0; /* line-height:21px; */ overflow:visible; cursor:pointer; vertical-align:middle; } button.button span { text-indent:-9999px; } /*--------------------------------------------------------------*/ /* tag and class styles */ acronym, abbr, span.caps { cursor:help; } acronym, abbr { border-bottom:1px dashed #000000; } blockquote { margin:15px 30px 0 10px; padding-left:20px; border-left:5px solid #000000; } blockquote cite { margin:5px 0 0; display:block; } .center { text-align:center; } .hidden { display:none; } hr { display:none; } .post pre code { display:block; padding:10px; color:#1a887d; background:#e5e5e5; margin:5px 0; } /*--------------------------------------------------------------*/ /* image floats and position floats */ .clear { clear:both; } .overflow-clear { overflow:hidden } .float-left { float:left; } .float-right { float:right; } .img-right { float:right; padding:0 0 15px 15px; } .img-left { float:left; padding:0 15px 15px 0; } /*--------------------------------------------------------------*/ /* form validation */ .validation-advice { clear:both; font-size:10px !important; line-height:15px; padding:5px 0 0 !important; color:#cc3366 !important; } .product-options .validation-error .options-list, .validation-failed { border:1px solid #cc3366 !important; background:#fcedf2 !important; } input.input-text.validation-failed, textarea.validation-failed { background:#fcedf2 !important; } /*span.validation-passed, div.validation-passed { background:url(../images/icon_ok.gif) 100% 2px no-repeat; padding-right:20px; } span.validation-error, div.validation-error { background:url(../images/icon_error.gif) 100% 2px no-repeat; padding-right:20px; }*/ .required em { color:#cc3366; margin-right:4px; } p.required { margin:0; padding:5px 0 0 0; width:620px; font-size:11px; color:#cc3366 !important; } #checkoutSteps p.required { width:100%; text-align:right; float:left } .form-list .validation-advice { width:250px; margin-right:-250px; } /* expiration date and cvv number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /*--------------------------------------------------------------*/ /* form lists */ input, textarea { display:inline-block; border:1px solid #d5d5d5; background:url(../images/scrubs123/input-gradient.jpg) repeat-x; padding: 4px; } textarea { font-family:lucida grande, lucida sans unicode, sans-serif; font-size:11px; } label { display:inline-block; font-weight:bold; line-height:12px; margin-bottom:6px; } .form-list li { margin:0 0 9px; vertical-align:top; } .form-list label { width:225px; /*padding:2px 15px 0 0;*/ font-size:12px; font-weight:bold; color:#500B17; } .form-list span.label { font-weight:normal; } .form-list .input-box { /* width:256px; */ } .form-list .input-box a { font-size:11px; margin-top:4px; } .form-list input.input-text, .form-list textarea { width:374px; vertical-align:top; } .form-list textarea { width:374px; height:13em; } .form-list select { width:380px; vertical-align:top; } .form-list p { margin:0; padding:0 0 0 240px; } .customer-address-form .form-list p { display:none; } ul.add-row, .form-list li.add-row { background:url(../images/bkg_dots.gif) repeat-x 0 0; margin-top:15px; } ul.add-row .btn-remove, .form-list li.add-row .btn-remove { font-size:0; line-height:0; padding:5px 5px 0 0; margin:0; text-align:right; } .form-list .range input.input-text { float:none; width:64px; vertical-align:middle; } .form-list .control { position:relative; vertical-align:top; z-index:1; } /* row with checkbox or radio button */ .form-list .control label { line-height:16px; } .form-list .control .input-box { position:absolute; left:0; margin-left:240px; line-height:16px; padding-top:1px; } .form-list .control input.radio { margin-top:3px; } .form-alt label { display:inline; width:auto; color:#500B17; font-size:12px; font-weight:bold; } .form-alt li { margin:0 0 5px; line-height:16px; } .form-alt select { width:496px; } .form-alt .input-box { width:496px; margin-top:5px; padding-bottom:11px; } .form-alt .input-text { width:480px; } .inner-form { margin:10px 0 5px; padding:10px 0 0; border:1px dashed #d1d1d1; border-width:1px; background:#f7f7f7; } .inner-form .form-alt label { padding-left:5px; } /*--------------------------------------------------------------*/ /* data table */ .table-caption { font-size:12px; color:#222222; background:#ffffff; border:1px solid #e1e1e1; border-bottom:0; padding:3px 7px 4px; margin:-1px 0 0; } .table-caption a { font-size:12px; text-transform:lowercase; } .data-table { border:1px solid #d9d9d9; border-bottom:0; width:100%; text-align:left; } .data-table th { padding:5px 12px; color:#222222; border-bottom:1px solid #d9d9d9; font-weight:bold; white-space:nowrap; } .data-table td { padding:5px 12px; } .data-table thead { background:url(../images/cart_table_thead_bkg.jpg) repeat-x bottom !important; } .data-table tfoot { } .data-table tfoot td { padding:5px 12px; } .data-table tfoot th { border:none; text-transform:none; } .data-table tr.last th, .data-table tr.last td { border-bottom:1px solid #d9d9d9; } .data-table tr.odd { background-color:#fff; } .data-table tr.even { background-color:#fafafa; } .data-table tbody.odd td { border-width:0 1px; } .data-table tbody.even { background-color:#f5f5f5; } .data-table tbody.even td { border-width:0 1px; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom-width:1px; } .data-table th .tax-flag { white-space:nowrap; font-weight:normal; } .data-table td.label, .data-table th.label { font-weight:bold; text-transform:none; border-color:#fff; background-color:#f7f7f7; } .data-table .link-rss { display:block; } .page-popup .data-table td, .page-popup .data-table th { border-bottom:1px solid #d9d9d9; } .page-popup .buttons-set .button { float:right; } /*--------------------------------------------------------------*/ /* tools */ .nobr { white-space:nowrap !important; } .wrap { white-space:normal !important; } .a-left { text-align:left !important; } .a-center { text-align:center !important; } .a-right { text-align:right !important; } .v-top { vertical-align:top; } .v-middle { vertical-align:middle; } .f-left, .left { float:left !important; } .f-right, .right { float:right !important; } .f-none { float:none !important; } .f-fix { float:left; width: 100%; } .no-display { display:none; } .no-margin, .page-tracker { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } .align-right { text-align:right; } img.clickable { cursor:pointer; } /*--------------------------------------------------------------*/ /* header and font styles */ h1,h2,h3,h4 { line-height:normal; } h1 { font-size:30px; font-weight:bold; color:#1b506d; margin-bottom:30px; } h2 { font-size:16px; font-weight:bold; color:#222222; margin-bottom:15px; } p { font-size:11px; line-height:16px; color:#222222; margin-bottom:15px; } a { color:#33abd7; text-decoration:none; } a:hover { color:#cc3366; } /*--------------------------------------------------------------*/ /* global messages */ .page-wrap .messages { margin:0 0 20px 0 !important; } .messages { width:100%; overflow:hidden; text-align:left; margin-top:10px; } .sendfriend-product-send .messages { width:900px; } .messages li { padding:0; margin:0; } .messages ul { padding:10px 17px 18px; margin:0 0 -11px; background-position:35px 100%; background-repeat:no-repeat; position:relative; } .messages ul li { margin:0; padding:0 0 3px; } .messages a { text-decoration:underline; } .messages a:hover { text-decoration:none; } .messages li.error-msg, .messages li.success-msg, .messages li.note-msg, .messages li.notice-msg { border-style:solid !important; border-width:1px !important; font-size:12px !important; } p.error-msg { border-style:solid !important; padding:10px; border-width:1px !important; font-size:12px !important; margin:10px 0; } /* error message */ .messages li.error-msg { border-color:#e9581f; background-color:#fff5f3; color:#d91a00; } .messages li.error-msg a { color:#d91a00; } /*.messages li.error-msg ul { background-image:url(../images/bkg_msg-error.gif); }*/ p.error-msg { border-color:#e9581f; background-color:#fff5f3; color:#d91a00; } /* success message */ .messages li.success-msg { border-color:#446423; background-color:#eff5ea; color:#3d6611; } .messages li.success-msg a { color:#3d6611; } /*.messages li.success-msg ul { background-image:url(../images/bkg_msg-success.gif); }*/ /* notification message */ .messages li.note-msg, .messages li.notice-msg { border-color:#fcd344; background-color:#fafaec; color:#3d6611; } .messages li.note-msg a, .messages li.notice-msg a { color:#3d6611; } .messages li.note-msg ul, /*.messages li.notice-msg ul { background-image:url(../images/bkg_msg-note.gif); }*/ /*--------------------------------------------------------------*/ /* bread crumbs */ .breadcrumbs { display:block; width:940px; height:12px; margin:10px 0 20px 0; overflow:visible; } .breadcrumbs li { float:left; font-size:12px; font-weight:bold; font-style:oblique; color:#666666; padding-right:4px; } .breadcrumbs li a { font-size:12px; font-weight:normal; font-style:oblique; color:#7095a9; text-decoration:none; } .breadcrumbs li a:hover { color:#cc3366; } /*--------------------------------------------------------------*/ /* price styles */ .price-box p { margin-bottom:0 !important; } .regular-price, .old-price, .special-price, .configurable-price-from-label { font-size:11px; font-weight:bold; line-height:15px; } .regular-price, .configurable-price-from-label { color:#222; } .old-price { color:#c6c6c6; text-decoration:line-through; } .special-price { color:#cc3366; } #pd-shop .regular-price, #pd-shop .old-price, #pd-shop .special-price, #pd-shop .configurable-price-from-label { font-size:12px; } .upsell-grid .regular-price, .upsell-grid .old-price, .upsell-grid .special-price, .upsell-grid .configurable-price-from-label { font-size:11px; } /*----------------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------------------------------------------------*/ /* page structure */ .wrapper { margin:0 auto;width:981px;padding:0 10px;background:#ffffff; } .page { } .page-wrap { /*position:relative; width:940px; background:#ffffff; padding:10px; margin-top:12px; overflow:hidden;*/ } .checkout-wrap { position:relative; background:#ffffff; margin-top:12px; overflow:hidden; } .checkout-wrap h1, .checkout-wrap .page-title h1{ margin:0 0 15px 0; color:#1c5170; font-size:24px; font-weight:bold; border-bottom:1px #e1e1e1 solid; padding-bottom:10px;} .checkout-wrap .page-title h1{ border:0px; margin-left:15px; margin-bottom:0;} .tag-product-list .page-wrap { width:900px; padding:30px; } /* base columns */ .col-left { float:left; width:182px; padding:0 0 0; margin:0 0 -1px; } .col-main { float:left; width:715px; padding:0 20px 20px; } .col-right { float:right; width:182px; padding:0 0 0; margin:0 0 -1px; } /* 1 column layout */ .col1-layout { background-position:-1000px 0; } .col1-layout .col-main { float:none; width:auto; padding-top:20px; } .col1-layout .breadcrumbs { margin-bottom:0 !important; } /* 2 columns layout */ .col2-set { overflow:hidden; } .col2-set p{ font-size:12px;} .col2-left-layout { background-position:-573px 0; } .col2-left-layout .col-main { float:right; } .col2-right-layout { background-position:573px 0; } .col2-right-layout .col-main {} /* 3 columns layout */ .col3-layout { background-position:0 0; } .col3-layout .col-main { width:532px; margin-left:1px; display:inline; } .col3-layout .col-wrapper { float:left; width:755px; } .col3-layout .col-wrapper .col-main { float:right; } /* content columns */ .col2-set .col-1 { float:left; width:49%; } .col2-set .col-2 { float:right; width:49%; } .col2-set .narrow { width:33%; } .col2-set .wide { width:65%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } /*----------------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------------------------------------------------*/ /* header */ /* Header ================================================================================ */ .header { height:130px; } .header .h-top{ height:80px; padding-top:0px;} .header .h-right{ width:700px;float:right;} .header .h-bot{ padding-top:20px;} .header .logo { float:left;padding-left:25px;padding-top:26px;width:250px; } .header .quick-access { float:left; width:100%;} .header .quick-access .toplinks_div {float:right;height:30px;padding-top:12px; } .header .quick-access .links { color:#666555; padding-left:10px; } .header .quick-access .links li { background:url(../images/seprator.gif) no-repeat right;float:left;font-size:12px;font-weight:bold;list-style:none outside none;padding:0 10px;text-decoration:none; } .header .quick-access .links li.last{ background:none; padding-right:0px;} .header .quick-access .links li a { color:#666555; text-decoration:none; } .header .quick-access .links li a:hover { color:#666555;} .header .quick-access .links li span { padding-right:10px;} .header .quick-access .links li img { line-height:12px; padding-left:5px;} .header .shopping-bag{ height:40px;} .header .shopping-bag .text{width:245px; float:left; color:#464646; display:block; line-height:32px; text-decoration:none; font-size:14px; padding:0 0 0 0px;} .header .shopping-bag .quick-cart{background:url(../images/shopping-bag.gif) no-repeat; width:206px; float:left; height:25px; margin-left:10px; padding-top:7px;} .header .shopping-bag .quick-cart .active, .header .shopping-bag .quick-cart .normal{ background:none!important;} .header .shopping-bag .links {color:#666555;font-size:11px;} .header .shopping-bag .links li {list-style:none outside none; text-align:center; width:71px;} .header .shopping-bag .links li a {color:#ffffff; font-size:12px;font-weight:bold;list-style:none outside none;padding:0;text-decoration:none;} .header .form-search { background:url("../images/srch-bg.gif") no-repeat scroll 0 0 transparent;float:right;height:20px; margin-top:5px;width:215px;padding:2px;} .header .form-search label { display:none; } .header .form-search input.input-text { background:none repeat scroll 0 0 transparent;border:medium none;color:#b1b1b1; float:left;font-size:12px;padding:0 3px;width:174px; height:19px; line-height:19px; margin:0px 6px 0 0; } .header .form-search input.submit {background:url(../images/view.gif) no-repeat scroll 0 0 transparent;border:0 none;color:transparent;cursor:pointer;font-size:0;height:20px;line-height:24px;float:right;padding:0;width:27px;} /* Links */ ul.links, ul.links li { display:block; float:left;} /*--------------------------------------------------------------*/ /* utility links */ .utility-links { position:absolute; top:8px; right:0; } .utility-links li { float:left; font-size:12px; line-height:27px; color:#1b506d; padding-left:5px; } .utility-links li span { color:#666666; } .utility-links li a { color:#1b506d; text-decoration:none; } .utility-links li a:hover { color:#cc3366; } .utility-links li a.live-chat { display:block; width:107px; height:27px; background:url(../images/scrubs123/scrubs-sprite.jpg) -158px -125px no-repeat; text-indent:-9999px; overflow:hidden; } .utility-links li a.live-chat:hover { background:url(../images/scrubs123/scrubs-sprite.jpg) -158px -152px no-repeat; } /*--------------------------------------------------------------*/ /* search form */ #search_mini_form { /*position:absolute; top:42px; right:0; width:302px; height:25px; background:#f4f4f4; padding:8px;*/ } #search_mini_form #search { /*float:left; width:207px; height:24px; font-size:12px; line-height:24px; border:none; background:url(../images/scrubs123/scrubs-sprite.jpg) -182px -90px no-repeat; color:#b1b1b1; padding:0 6px; overflow:hidden;*/ } .search-button { float:right; display:inline-block; width:71px; height:24px; background:url(../images/scrubs123/scrubs-sprite.jpg) -80px -125px no-repeat; } .search-button:hover { background:url(../images/scrubs123/scrubs-sprite.jpg) -80px -149px no-repeat; } .header .form-search .search-autocomplete { clear:both; position:relative !important; top:0 !important; left:0 !important; height:0 !important; overflow:visible !important; z-index:999; } .header .form-search .search-autocomplete ul { position:absolute; top:-1px; width:217px; border:1px solid #e1e1e1; border-top:0; padding-left:0; background-color:#ffffff; padding:10px 0; } .header .form-search .search-autocomplete li { font-size:12px; color:#b1b1b1; border-bottom:1px solid #fff; padding:4px 6px; cursor:pointer; } .header .form-search .search-autocomplete li .amount { float:right; } .header .form-search .search-autocomplete li.selected {} .header .form-search .search-autocomplete li.last { border-bottom:0; } /*--------------------------------------------------------------*/ /* account links */ .account-links { position:absolute; top:95px; right:0; overflow:hidden; } .account-links li { float:left; height:13px; font-size:11px; font-weight:bold; color:#1e506d; padding-left:5px; } .account-links li a { font-size:11px; font-weight:bold; color:#1e506d; text-decoration:none; } .account-links li a:hover { color:#cc3366; } .account-links ul li ul li { border-left:1px solid #7e8588; } /*.amount-free-shipping { position:absolute; top:114px; right:0; font-size:11px; font-weight:bold; color:#cc3366; }*/ .amount-free-shipping { position:absolute; top:11px; right:40px; font-size:11px; color:#ffffff; } .div-amount-free-shipping { position:relative } .amount-free-shipping-white{position:absolute; top:11px; right:40px; font-size:11px; color:#ffffff;} /*--------------------------------------------------------------*/ /* navigation */ #main-nav { } #main-nav ul.dropdown { min-height: 28px; text-align: left; width: 100%; margin:0px; padding:0px; } /* 1st level */ #main-nav ul.dropdown li.top-level {background: url("../images/seprator.gif") no-repeat scroll right top transparent;float: left; font-size: 14px;list-style: none outside none;margin: 0;position: relative;text-decoration: none;z-index: 1;} #main-nav ul.dropdown li.top-level.last { background:none; } /*KKOZ 18->28*/ #main-nav ul.dropdown li.top-level a {color: #5F5F5F; text-decoration: none; padding: 0 24px; #margin:0 17px 0px; display:inline;#padding:0 0px 0px!important;} #main-nav ul.dropdown li.top-level a.on-sale { font-weight:bold; font-size:15px; color:#790000 !important; } #main-nav ul.dropdown li.top-level.hover, /* --- Jason Kaley 8/17 commented out and replace with new style #main-nav ul.dropdown li.top-level:hover { background:#cccccc; position: relative; } */ #main-nav ul.dropdown li.top-level:hover { position: relative; } /*--END CHANGE---*/ #main-nav ul.dropdown li.top-level.hover a:hover { color:#cc3366; } /* 2nd level */ /* --- Jason Kaley 8/17 commented out and replace with new style #main-nav ul.dropdown ul.sub-menu { position:absolute; top:100%; left:0; width:210px; background:#cccccc; padding:5px 0 10px 0; visibility:hidden; z-index:100; } */ #main-nav ul.dropdown ul.sub-menu { position:absolute; top:100%; left:0; width:210px; background:url(../images/dropd.png) repeat; _background:#F4F4F4; padding:5px 0 10px 0; visibility:hidden; z-index:100; } #main-nav ul.dropdown ul.sub-menu.onsale { width:126px; padding:0; background:none; } /*--END CHANGE---*/ #main-nav ul.dropdown ul.sub-menu li { float:none; display:inline-block; width:100%; height:auto !important; font-weight:normal; color:#1b506d; background:none; } /* ie 6 & 7 needs inline block */ #main-nav ul.dropdown ul.sub-menu li a {border: medium none;color: #1E5E7A !important;display: inline-block;font-size: 12px;height: auto !important;line-height: 16px;padding: 5px 15px;#padding: 5px 0px;text-decoration: none; width: 180px;} #main-nav ul.dropdown ul.sub-menu li.hover a, #main-nav ul.dropdown ul.sub-menu li a:hover { color:#cc3366 !important; } /* mega menu */ #main-nav ul.dropdown ul.mega-menu { width:475px; } #main-nav ul.dropdown ul.mega-menu li.mega-sub-menu { display:inline-block; width:130px !important; margin-right:15px; } #main-nav ul.dropdown ul.mega-menu li.mega-sub-menu ul li h4 {color: #580C1C;font-size: 14px;font-weight: bold;line-height: 18px; padding: 5px 15px; } #main-nav ul.dropdown ul.mega-menu li.mega-sub-menu ul li a { width:100px; padding:3px 15px !important; #margin:0px; } #main-nav ul.dropdown ul.mega-menu li.mega-sub-menu.nav-spiffs { width:160px !important; margin-right:0; } #main-nav ul.dropdown ul.mega-menu li.mega-sub-menu.nav-spiffs ul { margin-top:10px; } #main-nav ul.dropdown ul.mega-menu li.mega-sub-menu.nav-spiffs ul li a { display:block; width:160px; height:40px; padding:0 !important; margin-bottom:15px; } /*--------------------------------------------------------------*/ /* quick cart and checkout link */ .cart-links { position:absolute; top:140px; right:0; z-index:150; } .checkout-link{ float:left; width:71px;} #quick-cart-wrap { float:left;padding:0 0 0 10px; width:125px; #overflow:hidden; } #quick-cart-wrap .block-title { background:url("../images/shop-bag.gif") no-repeat scroll 0 0 transparent; color:#ACA576; cursor:pointer; height:18px; line-height:18px; padding:0 0 0 20px; #padding:0 0 0 4px; white-space:nowrap; } .my-cart { color:#ffffff; display:block; font-size:12px; font-weight:bold; line-height:18px; text-decoration:none; } .my-cart span { display:inline-block;padding:0; margin:0; } .my-cart span.item-count { /*display:inline-block; color:#666666; background:url(../images/scrubs123/cart-icon.gif) right no-repeat; padding-right:25px; */} .my-cart.active { background:none !important; } .cart-drop-down { display:none; position:relative; width:360px; background:#c0dcbc; padding:15px; z-index:10; } .cart-drop-down p.added { display:block; font-size:12px; color:#ffffff; background:#3f833f; padding:5px 10px !important; } .cart-drop-down .inner { width:360px; background:#ffffff; } .cart-drop-down .inner p { padding:15px; margin-bottom:0; } .cart-drop-down #quick-cart-list li { display:block; padding:10px; overflow:hidden; } .cart-drop-down #quick-cart-list li.first { background:#dcf3d9; } .cart-drop-down .product-image { float:left; display:inline-block; width:65px; height:65px; background:#ffffff; border:1px solid #e1e1e1; } .cart-drop-down .product-details { float:right; width:260px; overflow:hidden; } .cart-drop-down .product-name { float:left; width:135px; padding:0 !important; } .cart-drop-down .product-name .name { display:block; color:#777777; margin-bottom:5px !important; } .cart-drop-down table { float:right; width:90px; font-size:11px; font-weight:bold; color:#777777; } .cart-drop-down table tr { height:15px; } .cart-drop-down table th { text-align:right; padding-right:4px; } .cart-drop-down .cart-subtotal { display:block; font-weight:bold; text-align:right; color:#777777; border-top:1px solid #e1e1e1; padding:10px 15px 10px 15px !important; margin:20px 10px 0 10px; } .cart-drop-down .truncated { display:none; } /* this shows the color and size of item in the quick cart hidden right now because not in design */ .cart-drop-down .actions { clear:both; padding:10px; overflow:hidden; } .cart-drop-down .actions li { float:right; margin-left:15px; } .cart-drop-down .actions .checkout-button { display:block; width:84px; height:24px; background:url(../images/scrubs123/scrubs-sprite.jpg) -499px -183px no-repeat; text-indent:-9999px; } .cart-drop-down .actions .checkout-button:hover { background:url(../images/scrubs123/scrubs-sprite.jpg) -499px -207px no-repeat; } .cart-drop-down .actions .view-cart-button { display:block; width:84px; height:24px; background:url(../images/scrubs123/scrubs-sprite.jpg) -515px -129px no-repeat; text-indent:-9999px; } .cart-drop-down .actions .view-cart-button:hover { background:url(../images/scrubs123/scrubs-sprite.jpg) -515px -153px no-repeat; } /* checkout link .checkout-link { position:absolute; top:0; right:0; width:84px; height:45px; background:url(../images/scrubs123/main-nav-sep.jpg) top left no-repeat; } .checkout-link a { display:block; font-size:12px; color:#3f833f; line-height:45px; text-decoration:none; padding:0 15px; } .checkout-link a:hover { background:#c0dcbc; } */ /*----------------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------------------------------------------------*/ /* home page */ #home-page-spiffs { float:left; width:309px; margin:-4px 0 0 -4px; } #home-page-spiffs li { padding-bottom:4px; } #home-page-spiffs li a { display:block; } #home-page-spiffs li p { margin-bottom:0; } /*--------------------------------------------------------------*/ /* hero slider */ #hero-slider-wrap { float:right; width:618px; height:338px; border:1px solid #e2e1e1; margin-bottom:8px; overflow:hidden; } #hero-slider-wrap li, #hero-slider-wrap li a { display:block; float:left; width:618px; height:338px; } ol#controls { position:absolute; top:25px; right:25px; display:block; } ol#controls li { float:left; margin:0 2px; } ol#controls li a { display:block; float:left; width:12px; height:12px; text-indent:-9999px; background:#1b506d; } ol#controls li.current a { background:#cc3366; } /*--------------------------------------------------------------*/ /* featured products */ .featured-products { float:left; clear:both; width:540px; overflow:hidden; } .cms-home .featured-products h2 { font-size:16px; color:#222222; padding-top:10px; margin-bottom:0; } .featured-products .products-grid { margin-top: 10px; } .featured-products .products-grid h2 { padding-top:0; } /*--------------------------------------------------------------*/ /* blog posts */ .articles-wrap { float:right; width:400px; } .articles-wrap h2 { font-size:16px; color:#222222; border-bottom:1px solid #e1e1e1; padding:10px 0; } .articles-wrap ul { margin-top: 10px } .articles-wrap ul li { margin-bottom:15px; overflow:hidden; } .articles-wrap .date { float:left; width:32px; height:32px; font-size:20px; font-weight:bold; color:#ffffff; background:url(../images/scrubs123/scrubs-sprite.jpg) -540px 0 no-repeat; text-align:center; padding:6px 0; margin-right:15px; } .articles-wrap .date small { display:block; font-size:9px; color:#ffffff; text-transform:uppercase; padding-bottom:4px; } .articles-wrap a { font-size:13px; color:#1b506d; text-decoration:none; } .articles-wrap a:hover { color:#cc3366; } .articles-wrap p.meta, p.meta { font-size:11px; color:#777777; line-height:15px; padding-top:5px; } .articles-wrap p.meta span, p.meta span { display:inline-block; height:15px; background:url(../images/scrubs123/scrubs-sprite.jpg) -590px -88px no-repeat; padding-left:18px; overflow:hidden; } /*----------------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------------------------------------------------*/ /* parent category */ .parent-wrap { float:right; width:700px; } .parent-wrap .category-banner { float:left; width:378px; height:338px; background:url(../images/scrubs123/parent-cat-bg-gradient.jpg) repeat-x; border:1px solid #e2e1e1; } .parent-wrap .category-banner h1 { font-size:30px !important; text-indent:-9999px; } #parent-category-spiffs { float:right; width:309px; margin:-4px -4px 0 0; } #parent-category-spiffs li { padding-bottom:4px; } #parent-category-spiffs li a { display:block; } #parent-category-spiffs li p { margin-bottom:0; } .parent-wrap #products-featured { clear:both; margin-top:25px; } .parent-wrap #products-featured h2 { font-size:16px; color:#222222; margin-bottom:0; } #sub-category-list { margin-top:10px; overflow:hidden; } #sub-category-list li { float:left; display:block; width:220px; height:172px; margin:0 16px 20px 0; } #sub-category-list li.last { margin:0 0 20px 0; } #sub-category-list li a { display:block; width:218px; height:170px; border:1px solid #e1e1e1; } /*----------------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------------------------------------------------*/ /* product listing */ .category-banner { position:relative; width:698px; height:130px; background:url(../images/scrubs123/cat-banner-gradient.jpg) repeat-x; border:1px solid #dedede; margin-bottom:15px; overflow:hidden; } .category-banner h1 { position:absolute; top:-9999px; /*top:18px;*/ left:24px; font-size:28px; font-weight:normal; color:#1b506d; } .category-banner p { margin:0; } /*--------------------------------------------------------------*/ /* filter nav */ .filter-nav-sidebar { float:left; width:220px; overflow:hidden; } .filter-nav-sidebar h4 { font-size:12px; font-weight:normal; color:#000000; margin-bottom:18px; } .narrow-by-wrap { border:1px solid #e1e1e1; padding:18px; } #narrow-by-list dt { font-size:11px; font-weight:bold; color:#579d4c; margin-bottom:14px; } #narrow-by-list dd { margin-bottom:18px; } #narrow-by-list dd.last { margin-bottom:0; } #narrow-by-list dd ol li, #narrow-by-list dd ol li a, #currently li { font-size: 11px; line-height:16px; color:#1b506d; text-decoration:none; } #narrow-by-list dd ol li a:hover { color:#cc3366; } .currently-shopping { border:1px solid #e1e1e1; padding:18px; margin-bottom:18px; } #currently { margin-bottom: 14px; } #currently li a { display:block; float:left; width:10px; height:10px; text-decoration:none; text-indent:-9999px; background:url(../images/scrubs123/scrubs-sprite.jpg) -436px -89px no-repeat; margin:3px 6px 0 0; } .currently-shopping .actions a { font-size:11px; color:#1b506d; text-decoration:none; } .currently-shopping .actions a:hover { color:#cc3366; } /*--------------------------------------------------------------*/ /* toolbar */ .toolbar { height:22px; overflow:hidden; } .toolbar .pages { float:right; width:300px; overflow:hidden; } .toolbar .pages ul { float:right; } .toolbar .pages ul li { float:left; display:block; font-size:11px; color:#494949; padding-left:10px; } .toolbar .pages ul li.amount { padding-top:2px; } .toolbar .pages ul li .arrow { display:block; width:11px; height:13px; text-indent:-9999px; } .toolbar .pages ul li a.previous-arrow { background:url(../images/scrubs123/scrubs-sprite.jpg) -408px -88px no-repeat; text-decoration:none; } .toolbar .pages ul li a.next-arrow { background:url(../images/scrubs123/scrubs-sprite.jpg) -408px -103px no-repeat; text-decoration:none; } .toolbar .pages ul li .disabled-previous-arrow { background:url(../images/scrubs123/scrubs-sprite.jpg) -422px -88px no-repeat; } .toolbar .pages ul li .disabled-next-arrow { background:url(../images/scrubs123/scrubs-sprite.jpg) -422px -103px no-repeat; } .sorter { float:left; width:350px; } .sorter .sort-by { float:left; } .sorter .sort-by a.desc-arrow, .sorter .sort-by a.asc-arrow { display:inline-block; width:18px; height:18px; } .sorter .sort-by label { font-size:11px; color:#494949; margin:3px 5px 3px 0; } /*--------------------------------------------------------------*/ /* product list */ .category-products { margin-bottom:15px;} .product-listing { float:right; width:700px; overflow:hidden; } .products-grid { display:block; margin-top: 15px; overflow:hidden; } .products-grid li.item { float:left; width: 162px; min-height:325px; border:1px solid #e1e1e1; margin-right:14px; } .products-grid li.last { margin-right:0; } .products-grid li a.product-image { display:block; position:relative; width:162px; height:147px; border-bottom:1px solid #e1e1e1; overflow:hidden; } .products-grid li a.product-image span { display:block; position:absolute; left:0; bottom:-24px; width:162px; height:24px; background:url(../images/scrubs123/scrubs-sprite.jpg) -272px -125px no-repeat; text-indent:-9999px; overflow:hidden; } .products-grid li a.product-image:hover span { bottom:0; } .products-grid li .product-info { padding:8px 10px; } .products-grid li h2 { margin-bottom:0; min-height: 75px; } .products-grid li h2.product-name a { display:inline-block; font-size:11px; font-weight:normal; line-height:13px; color:#1b506d; text-decoration:none; margin-bottom:10px; } .products-grid li h2.product-name a:hover { color:#cc3366; } .products-grid li .out-of-stock { font-weight:bold; color:#868686; } /* product swatches */ ul.swatches { display:block; margin-bottom:8px; overflow:hidden; } ul.swatches li { float:left; width:15px; height:15px; border:1px solid #e1e1e1; margin:0 5px 5px 0; } ul.swatches li a { display:block; width:15px; height:15px; text-decoration:none; } ul.swatches li.hide-swatch { display:none; } ul.swatches li.more-less { width:35px; border:none; } ul.swatches li.more-less a { font-size:11px; line-height:15px; color:#1b506d; text-decoration:none; } ul.swatches li.more-less a:hover { color:#cc3366; } ul.swatches li.more-less .less { display:none; } /*--------------------------------------------------------------*/ /* star rating */ .rating-box { width:65px; height:13px; font-size:0; line-height:0; background:url(../images/scrubs123/stars.jpg) 0 100% repeat-x; overflow:hidden; } .rating-box .rating { float:left; height:13px; background:url(../images/scrubs123/stars.jpg) 0 0 repeat-x; } .ratings { margin-bottom:5px; } .ratings .rating-box { float:left; margin-right:5px; } .ratings .amount a { font-size:10px; line-height:13px; color:#666666; text-decoration:none; } .ratings .amount a:hover { color:#cc3366; } /*----------------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------------------------------------------------*/ /* product detail */ .catalog-product-view .page-wrap { overflow:visible; } .product-detail-wrap { position:relative; width:940px; } #pd-image, #pd-shop { float:left; width:460px; overflow:hidden; } #pd-shop { float:right; } #shopping-extras { clear:both; width:940px; padding-top:25px; overflow:hidden; } #shopping-extras .right-col { float:right; width:620px; } #shopping-extras .left-col { float:left; width:300px; } /*--------------------------------------------------------------*/ /* product image */ #pd-image { position:relative; width:458px; height:458px; border:1px solid #e1e1e1; margin-top:1px; overflow:visible; } #pd-image .zoom { display:inline-block; position:absolute; top:15px; left:15px; font-size:14px; font-weight:bold; color:#ffffff; background:#0d8cba; padding:10px 15px; z-index:10; } #pd-image .more-views { position:absolute; bottom:15px; left:15px; z-index:11; } #pd-image .more-views ul li { width:64px; height:64px; border:1px solid #e1e1e1; margin-top:10px; overflow:hidden; } #pd-image .more-views ul li a { display:block; } /*--------------------------------------------------------------*/ /* product info and shop options */ #pd-shop #product-options-wrapper { position:absolute; left:-5000px; } #pd-shop h1 { font-size:24px; font-weight:bold; line-height:30px; color:#222222; margin-bottom:18px; } #pd-shop h1 span { display:block; font-size:11px; font-weight:normal; font-style:italic; line-height:11px; color:#777777; text-transform:uppercase; margin-bottom:0; } #pd-shop .product-info, #pd-shop .product-options-list { float:left; width:220px; overflow:hidden; } #pd-shop .product-info p.availability { display:none; } #pd-shop .product-info p { font-weight:bold; font-size:12px;line-height:18px; color:#222; margin-bottom:0; } #pd-shop .product-info p.special-price {color:#CC3366;} #pd-shop .product-info p span { font-weight:normal; } #pd-shop .product-info #pd-embPrice {display:none;} #pd-shop .product-info #pd-price { width:200px; background:#bbdcea; padding:6px 10px; margin-top:8px; -moz-border-radius:3px; -webkit-border-radius:3px; overflow:hidden; } #pd-shop .product-info #pd-price p.total-price { float:left; font-size:11px; color:#222222; margin-right:5px;} #pd-shop .product-info #pd-price .price-box { float:left; font-weight:bold; line-height:18px; font-size:11px; color:#222222; } #pd-shop .product-info #pd-price .price-box span { line-height:18px; } #pd-shop .product-info #pd-price .price-box .regular-price, #pd-shop .product-info #pd-price .price-box .special-price, #pd-shop .product-info #pd-price .price-box .configurable-price-from-label { font-weight:bold; line-height:18px; font-size:11px; color:#222222; } #pd-shop .product-info #pd-price.sale-highlight { background:#cc3366; color:#ffffff; } #pd-shop .product-info #pd-price.sale-highlight p.total-price { color:#ffffff; } #pd-shop .product-info #pd-price.out-of-stock-wrap { background:#e9e9e9; color:#868686; } #pd-shop .product-info #pd-price.out-of-stock-wrap p.total-price { color:#868686; } #pd-shop .product-info #pd-price .total-price .price-box { float:none; display:inline; } #pd-shop .product-info #pd-price .total-price p.availability { display:none; } #pd-shop .product-info .configurable-price-from-label { font-weight:bold !important; } #pd-shop .product-info p.short-description { font-weight:normal; font-size:11px; line-height:14px; color:#222222; margin:20px 0; } #pd-shop .product-info .price-box .regular-price, #pd-shop .product-info .price-box .old-price, #pd-shop .product-info .price-box .special-price, #pd-shop .product-info .price-box .configurable-price-from-label, li.item .product-info .price-box .regular-price, li.item .product-info .price-box .old-price, li.item .product-info .price-box .special-price, li.item .product-info .price-box .configurable-price-from-label { font-weight:normal; } li.item .product-info #onSale .configurable-price-from-label, #pd-shop .product-info #onSale .configurable-price-from-label { display:none; } #out-of-stock-message { display:none; padding:10px 0; } #out-of-stock-message a { font-size:11px; line-height:16px; } #pd-shop .product-options-list { float:right; } #pd-shop .product-options-list li { border-top:1px solid #e1e1e1; padding:12px 0; } #pd-shop .product-options-list li.first, #pd-shop .product-options-list li#pd-swatchError { border-top:0; } #pd-shop .product-options-list li ul li { border-top:none; padding:0; } #pd-shop .product-options-list li.first { padding:0 0 12px 0; } #pd-shop .product-options-list li.add-to-box { border-bottom:none; } #pd-shop .product-options-list li h4 { font-size:13px; color:#222222; margin-bottom:10px; } #pd-shop .product-options-list li p { margin-bottom:0; } #pd-shop .product-options-list li p.rating-links { font-size:12px; color:#222222; } #pd-shop .product-options-list li a { font-size:12px; color:#1b506d; text-decoration:none; } #pd-shop .product-options-list li a:hover { color:#cc3366; } #pd-shop .ratings { height:15px; margin-bottom:0; } #pd-shop .ratings a { font-size:11px; color:#1b506d; text-decoration:none; } #pd-shop .ratings a:hover { color:#cc3366; } #pd-shop .rating-box { margin-top:2px; } /*--------------------------------------------------------------*/ /* product detail swatches & sizes, embroidery link */ #pd-sizeSwatches { display:none; } .pd-color, .pd-size, .embroidery { overflow:hidden; } .pd-color li { float:left; width:29px; height:29px; margin:0 4px 4px 0; } .pd-size li { float:left; display:block; margin:0 3px 3px 0; } .pd-color li a { position:relative; display:block; width:25px; height:25px; border:2px solid #e9e9e9; } .pd-color li a:hover, .pd-size li a:hover { border:2px solid #6aab60; } .pd-color li a.selected, .pd-size li a.selected { border:2px solid #cc3366;cursor:default; } .pd-size li a { display:inline-block; height:25px; font-size:12px; font-weight:bold; line-height:25px; color:#222222 !important; background:#d6d6d6; border:2px solid #ffffff; text-decoration:none; text-align:center; padding:0 8px; } /*.pd-sizes li a:hover { color:#222222 !important; }*/ .pd-color li a.out-of-stock, .pd-size li a.out-of-stock { color:#aaaaaa !important; background:#eaeaea; cursor:default; } .pd-color li a.out-of-stock {opacity:0.5;} .pd-size li a.out-of-stock.selected,.pd-size li a.out-of-stock.selected:hover { border:2px solid #b9b9b9; } .pd-color li a.out-of-stock:hover, .pd-size li a.out-of-stock:hover { border:2px solid #ffffff; } a.size-chart { display:inline-block; font-size:11px !important; background:url(../images/scrubs123/scrubs-sprite.jpg) -452px -107px no-repeat; padding-top:14px; margin-top:6px; } #pd-swatchError { padding:0 !important; } #pd-swatchError div { padding-bottom:10px !important; } .embroidery li { float:left; line-height:30px; margin-right:20px; } .embroidery li a { font-size:12px; color:#1b506d; text-decoration:none; } .embroidery li a:hover { color:#cc3366; } .embroidery li.sample { width:70px; height:30px; background:url(../images/scrubs123/scrubs-sprite.jpg) -515px -88px no-repeat; text-indent:-9999px; } /* add to cart button */ .add-to-cart-wrap { position:relative; width:220px; height:39px; } .add-to-cart-wrap input { position:absolute; top:9px; left:10px; display:block; width:32px; height:19px; font-size:12px; font-weight:bold; line-height:19px; color:#222222; border:none; background:url(../images/scrubs123/scrubs-sprite.jpg) -282px -162px no-repeat; text-align:center; padding:0; } .add-to-cart { display:block; width:220px; height:39px; background:url(../images/scrubs123/scrubs-sprite.jpg) -272px -153px no-repeat; overflow:hidden; } .add-to-cart:hover { background:url(../images/scrubs123/scrubs-sprite.jpg) -272px -192px no-repeat; } /* wishlist & share links */ .add-to-links { margin-top:10px; overflow:hidden; } .add-to-links li { float:left; line-height:16px; margin-right:8px; } .add-to-links li a.wishlist-link { background:url(../images/scrubs123/plus-sign.gif) 0 3px no-repeat; padding-left:15px; } .add-to-links li a.share { display:block; width:16px; height:16px; text-indent:-9999px; } .add-to-links li a.email-friend { background:url(../images/scrubs123/scrubs-sprite.jpg) -452px -88px no-repeat; } .add-to-links li a.share-twitter { background:url(../images/scrubs123/scrubs-sprite.jpg) -472px -88px no-repeat; } .add-to-links li a.share-facebook { background:url(../images/scrubs123/scrubs-sprite.jpg) -492px -88px no-repeat; } /*--------------------------------------------------------------*/ /* size chart popup */ #size-chart-popup { display:none; position:absolute; top:0; left:108px; width:710px; border:1px solid #e1e1e1; background:#ffffff; margin-top:-100px; z-index:500; } #size-chart-popup .popup-title { margin:20px 20px 0 20px; overflow:hidden; } #size-chart-popup img { display:block; margin:0 auto; } /*--------------------------------------------------------------*/ /* embroidery popup */ #lb-overlay { display:none; filter:alpha(opacity=25); opacity:0.70; background-color:#ffffff; position:absolute; top:0; left:0; z-index:200; height:1px; width:100%; } #embroidery-popup { display:none; position:absolute; top:0; left:54px; width:810px; border:1px solid #e1e1e1; background:#ffffff; padding:20px; margin-top:-100px; z-index:500; } .popup-title { margin-bottom:20px; overflow:hidden; } .popup-title h2 { float:left; font-size:18px; font-weight:bold; color:#1b506d; margin:0; } .popup-title a.close-popup { display:block; float:right; width:30px; height:30px; background:url(../images/scrubs123/scrubs-sprite.jpg) -579px -237px no-repeat; text-indent:-9999px; } #step-nav { overflow:hidden; } #step-nav li { float:left; margin-right:15px; } #step-nav li a { display:block; width:162px; height:31px; font-size:12px; font-weight:bold; color:#ffffff; line-height:31px; text-align:center; background:url(../images/scrubs123/scrubs-sprite.jpg) -272px -433px no-repeat; } #step-nav li a.active { background:url(../images/scrubs123/scrubs-sprite.jpg) -272px -464px no-repeat; } #step-nav li a.disabled { background:url(../images/scrubs123/scrubs-sprite.jpg) -272px -495px no-repeat; cursor:default; } #embroidery-error p { display:block; color:#d91a00; background:#fff5f3; border:1px solid #e9581f; padding:8px 15px; margin:20px 0 0 0; } #step-panels { margin-top:35px;position:relative;top:0;left:0; } #step-panels .embroideryPositionSample {float:right;} #step-panels .embroideryPositionSample p.embroidery-notice {width:240px;font-size:10px;line-height:13px;margin-top:10px;} #step-panels .step { overflow:hidden; } #step-panels .box-one-tab { position:absolute; top:-34px; right:-1px; width:45px; height:34px; background:url(../images/scrubs123/scrubs-sprite.jpg) -579px 0 no-repeat; } #step-panels .box-two-tab { position:absolute; top:-34px; right:-1px; width:101px; height:34px; background:url(../images/scrubs123/scrubs-sprite.jpg) -579px -39px no-repeat; } #step-panels .box-two-tab a { display:block; padding-bottom:5px; margin:12px 0 0 45px; } #step-panels .embroidery-box { position:relative; float:left; width:240px; border:1px solid #cccccc; padding:10px; margin:35px 20px 0 0; } #step-panels .form-list li { margin-bottom:15px; overflow:hidden; } #step-panels .form-list li.last { margin-bottom:0; } #step-panels .form-list li.num-locations { margin-bottom:25px; } #step-panels .form-list input, #step-panels .form-list select { width:230px; } #step-panels .help select { float:left; width: 210px; } #step-panels .help input { float:left; width: 200px; } #step-panels .help a.tool-tip { display:block; float:right; width:21px; height:24px; background:url(../images/scrubs123/scrubs-sprite.jpg) -616px -241px no-repeat; text-indent:-9999px; margin-top:-4px; } #step-panels .help a.tool-tip.input-help { margin-top:0; } #step-panels #embroidery-options-fields li.embroidery-logoNumber { display:none; } #step-panels #embroidery-style-fields li.embroidery-textLine {display:none;} #step-panels #embroidery-style-fields .charCountMsg { display:block; font-size:10px; color:#cc3366; padding-bottom:4px; } #step-panels #logo-selected-1, #step-panels #logo-selected-2 { display:none; } #step-panels #logo-selected-1 ul li, #step-panels #logo-selected-2 ul li { line-height:12px; } #step-panels .button-actions { clear:both; padding-top:40px; overflow:hidden; } #step-panels .button-actions a.cancel-popup { float:left; line-height:24px; } #step-panels .button-actions ul { float:right; overflow:hidden; } #step-panels .button-actions ul li { float:left; margin-left:15px; } #step-panels .button-actions a.go-back-button { display:block; width:72px; height:24px; background:url(../images/scrubs123/scrubs-sprite.jpg) -562px -338px no-repeat; text-indent:-9999px; } #step-panels .button-actions a.go-back-button:hover { background:url(../images/scrubs123/scrubs-sprite.jpg) -562px -362px no-repeat; } #step-panels .button-actions a.continue-button { display:block; width:90px; height:24px; text-indent:-9999px; } #step-panels .button-actions a.add-embroidery-button { display:block; width:140px; height:24px; background:url(../images/scrubs123/scrubs-sprite.jpg) 0 -561px no-repeat; text-indent:-9999px; } #step-panels .button-actions a.add-embroidery-button:hover { background:url(../images/scrubs123/scrubs-sprite.jpg) 0 -585px no-repeat; } #set-location-2, #set-options-2, #set-style-2 { display:none; } .tinyTip { display:block; width:180px; } .tinyTip .content { font-size: 11px; line-height:16px; color: #ffffff; background:#cc3366; padding:10px; } .tinyTip .bottom { height: 4px; background: url(../images/scrubs123/tool-tip-bottom.gif) 0px 0px no-repeat; font: 0px/0px sans-serif; } .tinyTip p { color:#ffffff; margin-bottom:10px; } .font-list-image { display:block; width:160px; height:276px; background: url(../images/scrubs123/font-tooltip.jpg) no-repeat; text-indent:-9999px; } .color-list-image { display:block; width:160px; height:404px; background: url(../images/scrubs123/color-list-image.jpg) no-repeat; text-indent:-9999px; } /*--------------------------------------------------------------*/ /* recently viewed products & product tags */ .product-tags, .recently-viewed { margin-bottom:20px; } .product-tags h2, .recently-viewed h2 { width:285px; height:34px; font-size:13px; font-weight:bold; color:#222222; line-height:34px; background:url(../images/scrubs123/scrubs-sprite.jpg) -272px -236px no-repeat; padding-left:15px; margin-bottom:0; } .recently-viewed #recently-viewed-list li { margin-bottom:15px; overflow:hidden; } .recently-viewed #recently-viewed-list li a { color:#1b506d; } .recently-viewed a.product-image { float:left; width:95px; height:95px; border:1px solid #e1e1e1; } .recently-viewed .recently-viewed-info { float:right; width:155px; } .recently-viewed p.product-name { margin-bottom:5px; } .product-tags .box-content, .recently-viewed .box-content { border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; padding:15px 15px 0 15px; overflow:hidden; } .product-tags .box-bottom, .recently-viewed .box-bottom { clear:both; width:300px; height:2px; background:url(../images/scrubs123/scrubs-sprite.jpg) -272px -275px no-repeat; } .product-tags #addTagForm label { display:inline-block; font-weight:bold; line-height:12px; margin-bottom:6px; } .product-tags #addTagForm input { float:left; width:165px; } .product-tags #addTagForm p { display:inline-block; clear:both; font-size:11px; font-style:italic; line-height:16px; color:#777777; margin-top:6px; } .product-tags #addTagForm .add-tag-button { float:right; display:inline-block; width:84px; height:24px; background:url(../images/scrubs123/scrubs-sprite.jpg) 0 -190px no-repeat; } .product-tags #addTagForm .add-tag-button:hover { background:url(../images/scrubs123/scrubs-sprite.jpg) 0 -214px no-repeat; } .product-tags .tags-list { margin-bottom:15px; } .product-tags .tags-list li { display:inline; padding:4px 6px 4px 0; } /*--------------------------------------------------------------*/ /* upsell products */ .upsell-grid { overflow:hidden; margin-bottom:30px; } .upsell-grid li { float:left; width:132px; height:225px; margin-right:15px; } .upsell-grid li a.product-image { display:block; width:130px; height:130px; border:1px solid #e1e1e1; } .upsell-grid li h3 { font-weight:normal; margin:10px 0; } /*--------------------------------------------------------------*/ /* customer reviews */ #customer-reviews { clear:both } #customer-reviews ul.review-list { margin-bottom:40px; } #customer-reviews ul.review-list li { margin-bottom:40px; overflow:hidden; } #customer-reviews .rating-box { float:left; margin-right:12px; } #customer-reviews h3 { font-size:13px; font-weight:bold; color:#222222; } #customer-reviews p { display:block; font-size:11px; color:#222222; line-height:16px; margin-top:15px; } #customer-reviews p.review-meta { color:#777777; } /* review form */ #review-form h2, #customer-reviews h2 { display:block; font-size:16px; font-weight:bold; color:#222222; border-bottom:1px solid #e0e0e0; padding-bottom:10px; margin-bottom:10px; } #review-form h3 { font-size:14px; font-weight:bold; color:#222222; margin-bottom:8px; } #review-form p { margin-top:0 !important; } #review-form .post-review-button { display:inline-block; width:112px; height:24px; background:url(../images/scrubs123/scrubs-sprite.jpg) -90px -190px no-repeat; } #review-form .post-review-button:hover { background:url(../images/scrubs123/scrubs-sprite.jpg) -90px -214px no-repeat; } #product-review-table { width:384px; } /*----------------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------------------------------------------------*/ /* shopping cart */ .cart form { overflow:hidden; margin-bottom:20px; } .page-title { overflow:hidden; } .page-title h1 { display:inline-block; float:left; } .page-title .checkout-types { float:right; } .proceed-checkout-button { width:197px; height:34px; background:url(../images/scrubs123/proceed_to_checkout.gif) no-repeat top; margin-top:5px; } .proceed-checkout-button:hover { background:url(../images/scrubs123/proceed_to_checkout.gif) no-repeat bottom; } #shopping-cart-table tbody td { border-bottom:1px solid #d9d9d9; } #shopping-cart-table th { text-align:left; color: #1B506D; } #shopping-cart-table tfoot td{ padding:0px;} #shopping-cart-table td { padding:12px; } #shopping-cart-table h2.cart-product-name a { font-size:12px; color:#500b17; } #shopping-cart-table h2.cart-product-name{ font-size:12px; color:#570A1A; } #shopping-cart-table a.product-image { display:block; border:1px solid #e1e1e1; } #shopping-cart-table a.remove-button { display:block; width:18px; height:18px; background:url("../images/scrubs123/remove_btn.gif") no-repeat scroll 0 0 transparent; text-indent:-9999px; } .crosssell .products-grid li.item { height:300px; } .crosssell .cart-add-to-cart-button { width:84px; height:24px; background:url(../images/scrubs123/scrubs-sprite.jpg) -441px -433px no-repeat; margin-top:10px; } .crosssell .cart-add-to-cart-button:hover { background:url(../images/scrubs123/scrubs-sprite.jpg) -441px -457px no-repeat; } ul.cart-action-buttons { padding:10px 0; height:25px; margin-bottom:10px; } ul.cart-action-buttons li { float:left;width: 255px;} #shopping-cart-table .a-right ul.cart-action-buttons{ border-bottom:1px #e1e1e1 solid;} #shopping-cart-table tbody td input{ background:#fff;} ul.cart-action-buttons .continue-shopping-button { width:169px; height:36px; background:url(../images/scrubs123/continue_shopping.gif) top no-repeat; } ul.cart-action-buttons .continue-shopping-button:hover { background:url(../images/scrubs123/continue_shopping.gif) bottom no-repeat;} ul.cart-action-buttons .update-cart-button{ background: url("../images/refresh.png") no-repeat scroll left center transparent; height:24px; color:#3f833f; font-size:12px; font-weight:bold; text-align:right; font-family:Arial, Helvetica, sans-serif; /*text-indent:137px;*/width: 150px; float:right; } ul.cart-action-buttons .update-cart-button:hover { } .cart-right-col { margin-left:345px; position:absolute; width:310px; margin-top:-160px; } .cart-discount-codes, .cart-totals { border:1px solid #e1e1e1; padding:15px; } .cart-discount-codes { margin-bottom:20px; padding:0px; } .cart-discount-codes h2{ color:#1f5778; font-size:14px; background:#e8edf0; height:36px; line-height:36px; padding:0 15px;} .cart-discount-codes form#discount-coupon-form{ padding:0 15px 15px;} .cart-discount-codes form#discount-coupon-form label{ color:#707070; margin-bottom:9px; #margin-bottom:4px; font-weight:normal;} .cart-discount-codes input#coupon_code { width:150px; } .cart-discount-codes .apply-coupon-button { float:right; width:76px; height:29px; background:url(../images/scrubs123/apply.gif) top no-repeat; } .cart-discount-codes .apply-coupon-button:hover { background:url(../images/scrubs123/apply.gif) bottom no-repeat; } .cart-discount-codes .cancel-coupon-button { float:right; width:126px; height:29px; background:url(../images/scrubs123/cancel_coupon.gif) no-repeat;margin-top:5px; } .cart-discount-codes .cancel-coupon-button:hover { background:url(../images/scrubs123/cancel_coupon.gif) no-repeat; } #discount-coupon-form { margin-bottom:0; } #shopping-cart-totals-table { width:280px; font-size:12px; color:#636363; margin-bottom:20px; } #shopping-cart-totals-table th { padding:0 0 5px !important;} #shopping-cart-totals-table tbody td { padding-bottom:5px; border:0px; background:#ffffff; } #shopping-cart-totals-table td.a-right{ text-align:right !important;} #shopping-cart-totals-table td.a-right.last{ width:70px; padding-right:30px; border:0px;} #shopping-cart-totals-table tfoot { } #shopping-cart-totals-table tfoot td { } .cart-totals .checkout-types .proceed-checkout-button { width:284px; height:44px; background:url(../images/scrubs123/scrubs-sprite.jpg) -272px -338px no-repeat; } .cart-totals .checkout-types .proceed-checkout-button:hover { background:url(../images/scrubs123/scrubs-sprite.jpg) -272px -382px no-repeat; } #shopping-cart-table .totals .checkout-types{ background:#dcf3d9; padding:15px 0; min-height:35px; margin:0px; border-top:1px #e1e1e1 solid; } #shopping-cart-table{ border:0;} #shopping-cart-table th, #shopping-cart-table td{ border:1px #e1e1e1 solid;} #shopping-cart-table tfoot td:first-child{ border:0px;} #shopping-cart-table tfoot th { border:0px; font-weight: normal; color: #636363;} #shopping-cart-table tfoot th.a-right{ text-align:right !important;} #shopping-cart-table .a-right{ text-align:center !important;} #shopping-cart-table .totals table tfoot strong{ font-size:15px; font-weight:bold; color:#1c5170;} #shopping-cart-table .totals table tfoot .last strong{ color:#707070;} /*----------------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------------------------------------------------*/ /* one page checkout */ .checkout-actions { margin-bottom:25px; } .checkout-actions li { display:inline-block; margin-right:15px; } .checkout-actions li a { display:block; height:21px; font-size:12px; line-height:21px; padding-left:28px; } .checkout-actions li a.shipping-returns { background:url(../images/scrubs123/scrubs-sprite.jpg) -616px -242px no-repeat; } .checkout-actions li a.back-to-cart { background:url(../images/scrubs123/scrubs-sprite.jpg) -589px -209px no-repeat; } #checkoutSteps { float:left; width:717px; } #checkoutSteps input[type="radio"]{ margin:0 5px 0 0;} #checkoutSteps .col2-set .col-1, #checkoutSteps .col2-set .col-2{ float:right; border-left:1px #e1e1e1 solid; width:312px; padding: 0 0 0 20px;} #checkoutSteps .col2-set .col-2 { border:0px; margin:0px; float:left; padding: 0 20px 0 0;} #checkoutSteps .col2-set .col-1 #opc-login .buttons-set li{ float:left;} #checkoutSteps li.section { display:block; margin-bottom:1px; overflow:hidden; } #checkoutSteps li.section .step-title{ background:#dcf3d9; color: #1C5170; cursor: default; font-size: 12px; padding: 6px 10px 0; height:22px;} #checkoutSteps li.allow .step-title { cursor:pointer; } #checkoutSteps li.allow.active .step-title { cursor:default; background: url("../images/scrubs123/checkout_tabs.jpg") repeat-x scroll 0 0 transparent; color: #1C5170; font-size: 12px; padding: 6px 10px 0; height:22px; border-bottom:1px #e1e1e1 solid; } #checkoutSteps li.allow:hover .step-title h2, #checkoutSteps li.allow:hover .step-title span {} #checkoutSteps .step-title h2{ display:block; font-size:14px; font-weight:bold; color:#1c5170; margin-bottom:0px; float:left; } #checkoutSteps .step-title span { margin-right:6px; width:16px; height:16px; text-align:center; line-height:16px; float:left; background: #1C5170; font-size:11px; font-weight:bold; color:#FFFFFF;} #checkoutSteps .step { padding:20px 25px; overflow:hidden; } #checkoutSteps h4 { font-size:14px; margin:0 0 8px; color:#500b17; font-weight:bold; border-bottom:1px #e1e1e1 solid; padding:0 0 5px; } #checkoutSteps .listing_style li{ background: url("../images/scrubs123/checkout_listing_style.gif") 10px no-repeat; padding-left:20px; color:#000000;} #checkoutSteps li.active { border:1px solid #e1e1e1; padding:0; margin:0; } #checkoutSteps li.active.first { margin:0; } #checkoutSteps li.active .step-title h2 { color:#1c5170; } #checkoutSteps li.active:hover .step-title span { } #checkoutSteps input.input-text, #checkoutSteps textarea { width:250px; background:#ffffff; } #checkoutSteps select { width:260px; } #checkoutSteps .buttons-set { margin-top:25px;overflow:hidden; text-align: right; float:right; } #checkoutSteps .please-wait { float:right; } #checkoutSteps .buttons-set ul { float:right;width:200px; } #checkoutSteps .buttons-set li { display:inline-block; margin-left:15px; float:right; } #checkoutSteps .buttons-set li a { line-height:24px; } #checkoutSteps .buttons-set .continue-button { width:92px; height:25px; background:url(../images/scrubs123/continue.gif) no-repeat top; } #checkoutSteps .buttons-set .continue-button:hover { background:url(../images/scrubs123/continue.gif) no-repeat bottom; } #checkoutSteps .buttons-set .register-continue-button { width:167px; height:25px; background:url(../images/scrubs123/register-continue.gif) no-repeat top; } #checkoutSteps .buttons-set .register-continue-button:hover { background:url(../images/scrubs123/register-continue.gif) no-repeat bottom; } .continue-button { width:90px; height:24px; background:url(../images/scrubs123/scrubs-sprite.jpg) 0 -243px no-repeat; } .continue-button:hover { background:url(../images/scrubs123/scrubs-sprite.jpg) 0 -267px no-repeat; } /*--------------------------------------------------------------*/ /* checkout progress */ .opc-progress-container .about_your_order { color: #1C5170; font-size: 16px; font-weight: bold; line-height: 25px; padding: 15px; } .opc-progress-container .about_your_order li h2 { color: #D48338; font: 14px normal trebuchet MS; padding-bottom: 5px; } .opc-progress-container .about_your_order a { color: #1C5170; } .opc-progress-container .about_your_order li { margin: 5px 0; } .opc-progress-container .about_your_order img { float: left; margin-right: 10px; } .opc-progress-container { float:left; width:260px; } .opc-progress-container h3 { font-size:14px; font-weight:bold; color:#ffffff; background:#500b17; line-height:34px; padding:0 15px; } .opc-progress-container dl { display:block;} .opc-progress-container dl dt { font-size:12px; color:#1c5170; line-height:32px; padding:0 15px; border-top:1px solid #e1e1e1; background:url(../images/scrubs123/checkout_tabs.jpg) repeat-x; } .opc-block-progress {border:1px solid #e1e1e1; } .opc-block-progress dd { margin:0 0 15px 15px; } .opc-block-progress p { margin-bottom:0; } .opc-block-progress table { line-height:16px; text-align:left; } .opc-block-progress table td { padding-left:5px; } /*--------------------------------------------------------------*/ /* login */ /*#login-form p.forgot-password { margin:5px 0 0 0; }*/ #opc-login .buttons-set li { display:inline-block; margin-right:10px; } #opc-login .buttons-set li a { line-height:24px; color:#1c5170; font-size:11px; } .login-button { width:74px; height:25px; background:url(../images/scrubs123/login.gif) top no-repeat; } .login-button:hover { background:url(../images/scrubs123/login.gif) bottom no-repeat; } /*--------------------------------------------------------------*/ /* billing and shipping */ #opc-billing .billing-form-list li, #opc-shipping .shipping-form-list li { margin-bottom:12px; } #opc-billing .billing-form-list .address-line-two, #opc-shipping .shipping-form-list .address-line-two { margin:5px 0 0 140px; } #opc-billing label, #opc-shipping label { float:left; width:140px; margin-top:5px; } #opc-billing .name-firstname, #opc-shipping .name-firstname { margin-bottom:12px; } #opc-billing .validation-advice, #opc-shipping .validation-advice { margin:0 0 0 140px; } #opc-billing .control ul, #opc-shipping .control ul { overflow:hidden; } #opc-billing .control ul li, #opc-shipping .control ul li { display:inline-block; float:left; margin:0 15px 0 0; overflow:hidden; } #opc-billing .control ul li .input-box, #opc-shipping .control .input-box { position:relative; float:left; margin:0; } #opc-billing .control input.radio, #opc-shipping .control input.checkbox { margin:0; } #opc-billing .control ul li label { width:145px; margin:0 0 0 8px; } #opc-billing .control label, #opc-shipping .control label { float:none !important; width:145px; margin:1px 0 0 8px; } #opc-billing .form-list li.control, #opc-shipping .form-list li.control { margin:20px 0 10px 0; } #opc-billing li.form-alt label, #opc-shipping li.form-alt label { float:none; width:auto; } #opc-billing .confirm-password { margin-top:12px; } /*--------------------------------------------------------------*/ /* shipping method */ #opc-shipping_method dl.sp-methods dt { font-size:12px; font-weight:bold; padding-bottom:8px; } #opc-shipping_method dl.sp-methods dd ul { margin-bottom:15px; } #opc-shipping_method input { margin:0; } #opc-shipping_method label { padding-left:5px; margin-bottom:0; } /*--------------------------------------------------------------*/ /* payment */ #opc-payment #checkout-payment-method-load label { font-size:13px; } #opc-payment .form-list li { overflow:hidden; } #opc-payment .form-list li.cc-date select { width:120px; margin-right:10px; } #opc-payment #payment_form_charge { margin:10px 0 15px 0; } #opc-payment #payment_form_charge .cvv-what-is-this { clear:both; display:block; padding-top:5px; } #opc-payment #payment_form_charge #charge_cc_type_exp_div select.month { width:160px; margin-right:10px; } #opc-payment #payment_form_charge #charge_cc_type_exp_div select.year { width:90px; } .opc-wrapper{ overflow:hidden; padding-bottom:20px;} /*--------------------------------------------------------------*/ /* order review */ #opc-review #checkout-review-load h4 { border:0px; font-size:11px; border:0px; font-weight:normal; line-height:16px; margin-bottom:0; } #opc-review .forgot-item { margin-bottom:5px; float:right !important; } #opc-review #review-please-wait { margin-top: 0; } .place-order-button { float:right; margin-left: 10px !important; display:block; clear:both; width:266px; height:30px; background:url(../images/scrubs123/scrubs-sprite.jpg) -272px -533px no-repeat; } .place-order-button:hover { background:url(../images/scrubs123/scrubs-sprite.jpg) -272px -563px no-repeat; } /*--------------------------------------------------------------*/ /* thank you page */ .checkout-onepage-success .continue-shopping-button { width:164px; height:24px; background:url(../images/scrubs123/scrubs-sprite.jpg) -96px -243px no-repeat; } .checkout-onepage-success .continue-shopping-button:hover { background:url(../images/scrubs123/scrubs-sprite.jpg) -96px -267px no-repeat; } /*----------------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------------------------------------------------*/ /* customer account */ #customer-account .page-wrap { width:943px; padding:10px 10px 10px 6px; } .content-wrap { float:right; width:700px; overflow:hidden; } .account-sidebar { float:left; width:228px; } .customer-account-nav { width:218px; border:1px solid #e1e1e1; margin:0 4px 6px 4px; overflow:hidden; } .customer-account-nav h3 { font-size:18px; font-weight:normal; color:#1b506d; } .customer-account-nav .nav-wrap { width:184px; padding:18px; } .customer-account-nav ul li { display:block; margin-top:15px; } .customer-account-nav ul li a { font-size:12px; color:#777777; } .customer-account-nav ul li a:hover { color:#cc3366; } .customer-account-nav ul li.current strong { font-size:12px; color:#cc3366; } /*--------------------------------------------------------------*/ /* account login */ .customer-account-login .page-wrap, .customer-account-forgotpassword .page-wrap, .customer-account-create .page-wrap { width:900px; padding:30px; } .account-login { overflow:hidden; } .account-login .registered-users .buttons-set { margin-top:20px; } .account-login .registered-users .buttons-set li { display:inline-block; margin-right:10px; } .account-login .registered-users .buttons-set li a { line-height:24px; } .register-button { width:85px; height:24px; background:url(../images/scrubs123/scrubs-sprite.jpg) -108px -349px no-repeat; } .register-button:hover { background:url(../images/scrubs123/scrubs-sprite.jpg) -108px -373px no-repeat; } /*--------------------------------------------------------------*/ /* account register & forgot password */ .customer-account-forgotpassword .buttons-set, .customer-account-create .buttons-set { margin-top:30px; } .customer-account-forgotpassword .buttons-set ul li, .customer-account-create .buttons-set ul li { display:inline-block; margin-right:10px; } .customer-account-forgotpassword .buttons-set ul li a, .customer-account-create .buttons-set ul li a { line-height:24px; } .create-account .name-firstname { margin-bottom:9px; } .create-account .control { margin-bottom:20px; } .create-account .control ul { overflow:hidden; } .create-account .control ul li { display:inline-block; float:left; margin:0 15px 0 0; overflow:hidden; } .create-account .control label { width:145px; margin:1px 0 0 8px; } .create-account .control .input-box { position:relative; float:left; margin:0; } .create-account .control input.checkbox { margin:0; } .submit-button { width:76px; height:24px; background:url(../images/scrubs123/scrubs-sprite.jpg) -160px -455px no-repeat; } .submit-button:hover { background:url(../images/scrubs123/scrubs-sprite.jpg) -160px -479px no-repeat; } /*--------------------------------------------------------------*/ /* account dashboard */ #customer-account .dashboard .col2-set { padding-top:30px; } #customer-account .dashboard .title-wrap { display:block; border-bottom:1px solid #e1e1e1; padding-bottom:8px; margin-bottom:15px; overflow:hidden; } #customer-account .dashboard .title-wrap.no-line { border-bottom:none; margin-bottom:0; } #customer-account .dashboard .title-wrap h2 { float:left; font-size:13px; font-weight:normal; color:#3f833f; text-transform:uppercase; margin-bottom:0; } #customer-account .dashboard .title-wrap a { float:right; font-size:11px; } #customer-account .dashboard h3 { font-size:11px; color:#222222; line-height:18px; } /*--------------------------------------------------------------*/ /* account information */ .my-account .control { margin:20px 0; } .my-account .control ul { overflow:hidden; } .my-account .control ul li { display:inline-block; float:left; margin:0 15px 0 0; overflow:hidden; } .my-account .control label { width:145px; margin:1px 0 0 8px; } .my-account .control .input-box { position:relative; float:left; margin:0; } .my-account .control input.checkbox { margin:0; } .save-button { width:63px; height:24px; background:url(../images/scrubs123/scrubs-sprite.jpg) -192px -296px no-repeat; } .save-button:hover { background:url(../images/scrubs123/scrubs-sprite.jpg) -192px -320px no-repeat; } .customer-address-form .my-account .control label { width:300px; } /*--------------------------------------------------------------*/ /* address book */ #customer-account .fieldset-bottom { margin-top:25px; } #customer-account .name-firstname { margin-bottom:9px; } #customer-account .buttons-set { margin-top:25px; } #customer-account .buttons-set li { display:inline-block; margin-right:10px; } #customer-account .buttons-set li a { line-height:24px; } .save-address-button { width:122px; height:24px; background:url(../images/scrubs123/scrubs-sprite.jpg) 0 -402px no-repeat; } .save-address-button:hover { background:url(../images/scrubs123/scrubs-sprite.jpg) 0 -426px no-repeat; } .address-book-title { overflow:hidden; } .address-book-title h1 { float:left; } .address-book-title .add-new-address-button { float:right; width:154px; height:24px; background:url(../images/scrubs123/scrubs-sprite.jpg) 0 -455px no-repeat; margin-top:6px; } .address-book-title .add-new-address-button:hover { background:url(../images/scrubs123/scrubs-sprite.jpg) 0 -479px no-repeat; } .addresses-list .title-wrap { display:block; border-bottom:1px solid #e1e1e1; padding-bottom:8px; margin-bottom:15px; overflow:hidden; } .addresses-list .title-wrap h2 { float:left; font-size:13px; font-weight:normal; color:#3f833f; text-transform:uppercase; margin-bottom:0; } .addresses-list .title-wrap a { float:right; font-size:11px; } .addresses-primary ol li { margin-bottom:25px; } .addresses-primary ol li h3 { line-height:18px; } /*--------------------------------------------------------------*/ /* my orders */ .order-page .title-buttons { height:30px; margin-bottom:30px; overflow:visible; } .order-page .title-buttons h1 { float:left; margin-bottom:0; } .order-page .title-buttons ul { float:right; padding-top:18px; } .order-page .title-buttons ul li { display:inline-block; margin-left:2px; } .order-page .col2-set, .order-details { padding-top:30px; } .order-page .title-wrap, .order-page dl.order-info dt { display:block; border-bottom:1px solid #e1e1e1; padding-bottom:8px; margin-bottom:15px; overflow:hidden; } .order-page .title-wrap h2, .order-page dl.order-info dt span { float:left; font-size:13px; font-weight:normal; color:#3f833f; text-transform:uppercase; margin-bottom:0; } .order-details .title-wrap { display:block; padding-bottom:8px; margin-bottom:0; overflow:hidden; } .order-details .title-wrap h2 { float:left; font-size:13px; font-weight:normal; color:#3f833f; text-transform:uppercase; margin-bottom:0; } .order-details .title-wrap a { float:right; font-size:11px; } #my-orders-table { margin:15px 0; } #my-orders-table td { line-height:16px; } .sales-order-view table, .page-print table { line-height:16px; text-align:left; } .sales-order-view table td, .page-print table td { padding-left:5px; } /*--------------------------------------------------------------*/ /* my reviews */ .product-review { overflow:hidden; } .product-review .product-img-box { float:left; width:220px; } .product-review .product-img-box p { margin-bottom: 5px; } .product-review a.product-image { display:block; border:1px solid #e1e1e1; margin-bottom:20px; } .product-review .details { float:right; width:460px; } .product-review .details ul { margin-bottom:8px; } .product-review .details ul li { display:inline-block; margin-right:5px; } .product-review .details ul li.average-rating { width:200px; } .product-review .details ul li.average-rating p { line-height:14px; margin-bottom:0; } .product-review .buttons-set { clear:both; } .my-account #my-reviews-table { margin:15px 0; } .my-account #my-reviews-table td { line-height:16px; } .my-account #my-reviews-table h2.product-name { font-size:11px; font-weight:normal; margin-bottom:0; } .review-customer-view .average-rating .separator, .review-customer-view .average-rating a { display:none; } /* print order */ body.page-print, html { height:100%; } body.page-print { background:#ffffff; } .page-print > div { width:800px; height:100%; margin:0 auto; } .page-print .print-head { padding:20px 0; } .page-print h1 { color:#222222; } .page-print .title-wrap { display:block; border-bottom:1px solid #e1e1e1; padding-bottom:8px; margin-bottom:15px; } .page-print .title-wrap.no-line { border-bottom:none; margin-bottom:0; } .page-print .title-wrap h2 { font-size:14px; font-weight:normal; color:#222222; text-transform:uppercase; margin-bottom:0; } .page-print .col2-set { margin-bottom:30px; } .page-print .button { text-indent:0; border:1px solid #e1e1e1; padding:8px 12px; margin:0; } /*--------------------------------------------------------------*/ /* my tags */ .tag-customer-view .remove-button { display:inline-block; width:10px; height:10px; text-decoration:none; background:url(../images/scrubs123/scrubs-sprite.jpg) -436px -89px no-repeat; margin:0; } #my-tags-table { margin:15px 0; } #my-tags-table .small-add-cart-button { margin-bottom:10px; } /*--------------------------------------------------------------*/ /* my wishlist */ #wishlist-table { margin-bottom:25px; } #wishlist-table tbody td { border-bottom:1px solid #d9d9d9; } #wishlist-table a.product-image { display:block; border:1px solid #e1e1e1; margin-bottom:8px; } #wishlist-table h2.product-name { font-size:11px; font-weight:normal; line-height:16px; margin-bottom:8px; } #wishlist-table h2.product-name a { color:#1b506d; } #wishlist-table a.remove-button { display:block; width:18px; height:18px; background:url(../images/scrubs123/scrubs-sprite.jpg) -547px -49px no-repeat; text-indent:-9999px; } .small-add-cart-button { width: 84px; height:24px; background:url(../images/scrubs123/scrubs-sprite.jpg) -441px -433px no-repeat; } .small-add-cart-button:hover { background:url(../images/scrubs123/scrubs-sprite.jpg) -441px -457px no-repeat; } .wishlist-buttons li { display:inline-block; margin-right:10px; } .share-wishlist-button { width:127px; height:24px; background:url(../images/scrubs123/scrubs-sprite.jpg) -128px -402px no-repeat; } .share-wishlist-button:hover { background:url(../images/scrubs123/scrubs-sprite.jpg) -128px -426px no-repeat; } .update-wishlist-button { width:139px; height:24px; background:url(../images/scrubs123/scrubs-sprite.jpg) 0 -508px no-repeat; } .update-wishlist-button:hover { background:url(../images/scrubs123/scrubs-sprite.jpg) 0 -532px no-repeat; } .add-all-button { width:136px; height:24px; background:url(../images/scrubs123/scrubs-sprite.jpg) -531px -433px no-repeat; } .add-all-button:hover { background:url(../images/scrubs123/scrubs-sprite.jpg) -531px -457px no-repeat; } .wishlist-index-share label { width:350px; } /*----------------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------------------------------------------------*/ /* send email to friend */ .sendfriend-product-send .page-wrap { padding:30px; } .sendfriend-product-send .buttons-set p { margin-bottom:8px; } .sendfriend-product-send .buttons-set ul li { display:inline-block; margin-right:10px; } .add-recipient-button { width:126px; height:24px; background:url(../images/scrubs123/scrubs-sprite.jpg) -144px -508px no-repeat; } .add-recipient-button:hover { background:url(../images/scrubs123/scrubs-sprite.jpg) -144px -532px no-repeat; } /*----------------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------------------------------------------------*/ /* 404 error page */ .cms-no-route .page-wrap { padding:30px; } .cms-no-route .page-wrap h2 { font-size:14px; font-weight:normal; color:#3f833f; text-transform:uppercase; } .cms-no-route .page-wrap ul { margin:0 0 18px 30px; } .cms-no-route .page-wrap ul li { list-style:disc; line-height:16px; } /*----------------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------------------------------------------------*/ /* shop by color */ .cms-shop-by-color .page-wrap { width:900px; padding:30px; } #shop-by-color-list { overflow:hidden; } #shop-by-color-list li { float:left; display:block; width:130px; height:200px; border:1px solid #e1e1e1; padding:10px; margin:0 15px 15px 0; } #shop-by-color-list li.last { margin:0 0 15px 0; } #shop-by-color-list li a.swatch, #shop-by-color-list li a.swatch img { display:block; width:130px; height:130px; } #shop-by-color-list li a.swatch { margin-bottom:15px; } #shop-by-color-list li a.color-name { font-size:13px; font-weight:bold; color:#1b506d; } #shop-by-color-list li a.shop-color { display:block; width:130px; height:24px; background:url(../images/scrubs123/scrubs-sprite.jpg) -441px -483px no-repeat; text-indent:-9999px; margin-top:15px; } #shop-by-color-list li a.shop-color:hover { background:url(../images/scrubs123/scrubs-sprite.jpg) -441px -507px no-repeat; } /*----------------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------------------------------------------------*/ /* content pages */ .content-pages { width:943px; } .content-pages ul.breadcrumbs { margin:10px 0 20px 4px; } .content-pages h2 { font-size:14px; font-weight:normal; color:#3f833f; text-transform:uppercase; } .content-pages .content-wrap ul { margin:0 0 18px 30px; } .content-pages .content-wrap ul li { list-style:disc; line-height:16px; } .nav-sidebar { float:left; width:228px; } .content-page-nav { width:182px; border:1px solid #e1e1e1; padding:18px; margin:0 4px 6px 4px; overflow:hidden; } .content-page-nav h3 { font-size:18px; font-weight:normal; color:#1b506d; } .content-page-nav ul li { display:block; margin-top:15px; } .content-page-nav ul li.first { margin-top:0; } .content-page-nav ul li a { font-size:12px; color:#777777; } .content-page-nav ul li a:hover { color:#cc3366; } .content-page-nav ul li a.current { font-size:12px; font-weight:bold; color:#cc3366; } .cms-about-medline .content-page-nav ul li.about-medline a, .cms-about-scrubs123 .content-page-nav ul li.about-scrubs123 a, .contacts-index-index .content-page-nav ul li.contact-us a, .cms-shipping-and-returns .content-page-nav ul li.shipping-and-returns a, .cms-order-tracking .content-page-nav ul li.order-tracking a, .cms-schedule-a-fitting-event .content-page-nav ul li.schedule-fitting a, .cms-faqs .content-page-nav ul li.faqs a, .cms-quick-order .content-page-nav ul li.quick-order a, .cms-privacy-policy .content-page-nav ul li.privacy-policy a, .cms-terms-and-conditions .content-page-nav ul li.terms-and-conditions a, .catalog-seo-sitemap-category .content-page-nav ul li.site-map a, .catalog-seo-sitemap-product .content-page-nav ul li.site-map a { font-size:12px; font-weight:bold; color:#cc3366; } /*--------------------------------------------------------------*/ /* contact us */ #contactForm ul { margin:0; } #contactForm ul li { list-style:none; } .send-email-button { width:103px; height:24px; background:url(../images/scrubs123/scrubs-sprite.jpg) 0 -349px no-repeat; } .send-email-button:hover { background:url(../images/scrubs123/scrubs-sprite.jpg) 0 -373px no-repeat; } /*--------------------------------------------------------------*/ /* shipping and returns */ #shipping-returns-table { margin-bottom:16px; } #shipping-returns-table tbody td { border-bottom:1px solid #d9d9d9; } /*--------------------------------------------------------------*/ /* sitemap */ .catalog-seo-sitemap-category ul.links, .catalog-seo-sitemap-category .pages ul, .catalog-seo-sitemap-product ul.links, .catalog-seo-sitemap-product .pages ul { margin-left:0; } .catalog-seo-sitemap-category ul.links li, .catalog-seo-sitemap-category .pages ul li, .catalog-seo-sitemap-product ul.links li, .catalog-seo-sitemap-product .pages ul li { list-style:none; } .catalog-seo-sitemap-category .pages ul li, .catalog-seo-sitemap-product .pages ul li { display:inline-block; margin-right:5px; } /*----------------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------------------------------------------------*/ /* ppc page */ #ppc-banner { float:left; width:618px; height:294px; border:1px solid #e1e1e1; margin-bottom:20px; overflow:hidden; } #ppc-static-blocks { float:right; width:309px; margin:-4px -4px 0 0; } #ppc-static-blocks li { padding-bottom:15px; } #ppc-static-blocks li a { display:block; } #ppc-static-blocks li p { margin-bottom:0; } .cms-page-view #products-featured { clear:both; } /*----------------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------------------------------------------------*/ /* footer */ .footer-wrap { width:960px; background:#ffffff; margin-top: 15px; overflow:hidden; } .footer-wrap ul.footer-links { float:left; width:158px; margin:22px 0 0 15px; } .footer-wrap ul h3, .footer-wrap label { font-size:13px; font-weight:bold; color:#777777; margin-bottom:8px; } .footer-wrap ul li a { font-size:11px; line-height:18px; color:#777777; text-decoration:none; } .footer-wrap ul li a:hover { color:#cc3366; } .social-links a { display:block; width:150px; height:22px; text-indent:-9999px; margin-bottom:8px; } .social-links a.facebook { background:url(../images/scrubs123/scrubs-sprite.jpg) -382px 0 no-repeat; } .social-links a.twitter { background:url(../images/scrubs123/scrubs-sprite.jpg) -382px -24px no-repeat; } .social-links a.youtube { background:url(../images/scrubs123/scrubs-sprite.jpg) -382px -48px no-repeat; } #newsletter-validate-detail { /*float: right; width: 260px; background:#f4f4f4; padding:15px; margin:22px 15px 0 0; */} #newsletter-validate-detail p { font-size:11px; line-height:18px; color:#777777; margin: 8px 0; } #newsletter-validate-detail #newsletter { /*float:left; width:165px; height:30px; line-height:30px; font-size:13px; font-weight:bold; color:#777777; border:none; background:url(../images/scrubs123/scrubs-sprite.jpg) 0 -90px no-repeat; border:none; padding:0 6px;*/ } .email-signup-button { float:right; display:inline-block; width:74px; height:30px; background:url(../images/scrubs123/scrubs-sprite.jpg) 0 -125px no-repeat; overflow:hidden; } .email-signup-button:hover { background:url(../images/scrubs123/scrubs-sprite.jpg) 0 -155px no-repeat; } a.medline-logo { float:right; clear:both; display:block; width:78px; height:65px; background:url(../images/scrubs123/scrubs-sprite.jpg) -294px 0 no-repeat; text-decoration:none; text-indent:-9999px; margin:20px 22px; } .footer-bottom { position:relative; clear:both; width:890px; height:30px; background:#12506d; padding:15px 35px 0 35px; overflow:hidden; } .footer-bottom p { display:inline-block; float:left; font-size:11px; color: #ffffff; } .footer-bottom ul { float:right; overflow:hidden; } .footer-bottom ul li { float:left; font-size:11px; color:#ffffff; line-height:16px; margin-right:5px; } .footer-bottom ul li.last { margin-right:0; } .footer-bottom ul li a { color:#ffffff; line-height:16px; text-decoration:none; } /* containment approach for div's with floated children */ .clearfix:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} .clearfix {display:inline-block;} html[xmlns] .clearfix {display:block;} * html .clearfix {height:1%;} /* SCrubs New Design */ /* ======================================================================================= */ .cms-home p { margin:0; padding:0;} .content-bottom{ height:187px; margin-top:10px;} .content-bottom-right{ width:642px; float:right;} .content-bottom-right-top{ height:70px; background:url(../images/get-scope-bg.gif) no-repeat; padding:20px 30px 0px 93px;} .getscop-onfrnds{ width:207px; float:left; color:#666555; font-size:18px;} .getscop-onfrnds a {color:#666555; text-decoration:none;} .text-descrip{ width:240px; float:left; padding:5px 0px 0px 17px; font-size:11px; color:#666555; font-family:Arial, Helvetica, sans-serif;} .text-descrip a { display:none; } .text-descrip2{ width:240px; float:left; padding:5px 0 0 17px; font-size:11px; color:#666555; font-family:Arial, Helvetica, sans-serif;} .datemonth{ width:27px; height:23px; background:#cecdb9; text-align:center; padding:10px; margin-right:5px; color:#7d7d7d; font-size:12px; font-family:Arial, Helvetica, sans-serif; float:left; line-height:12px;} .content-bottom-right-bot{ height:70px; background:url(../images/get-scope-bg2.gif) no-repeat; margin:10px 0px 0px 0px; padding:20px 30px 0px 93px;} .content-bottom-right-top-text{ height:44px;} .content-bottom-right-top-readmore{ height:25px; text-align:right;} .form-subscribe .v-fix{} .v-fix{ float:left} .form-subscribe { border-right:1px solid #AB5D68; float:left; height:168px; padding:21px 0 0 16px; width:308px; } .form-subscribe .news-desc { color:#7D7D7D; font-size:12px; font-weight:normal; padding:12px 0 0 5px; } .form-subscribe input { background:none; border:1px solid #D7D7D7; height:25px; margin:15px 0 3px 5px; width:270px; line-height:25px; padding:0 5px; } .form-subscribe input.submit{ background:url(../images/signup-btn.gif) no-repeat 0 3px; color:#fff; width:88px; height:35px; display:block; text-indent:-999px; text-align:center; padding:0px; margin:0px; border:0px; font-size:0px; } .form-subscribe h1 {color:#806A55; font-size:24px; font-weight:normal; margin:0px; padding:0px 0 0 5px;} /* ---- Slider */ #frame {width:100% !important;margin-bottom:10px !important;border:0 !important;height:354px !important;} #slide-content {width:981px !important;height:354px !important;} /* #slide-commands {margin-left:900px !important; width:70px !important;margin-top:256px !important;} */ #slide-commands { height: 38px; margin-left: 825px; margin-top: 325px; position: absolute; text-align: right !important; width: 105px; z-index: 5; margin-left: 0 !important; margin-top: 313px !important; width: 970px !important; } #slide-commands a { height:8px !important;margin:15px 5px !important;width:8px !important; } a.shop-now-btn { background:url("../images/shop-now-btn.png") no-repeat scroll 0 0 transparent; float:left; height:41px; left:52px; position:absolute; top:221px; width:113px; } #slide-commands a.active{background:url("../images/dot_sel.png") no-repeat !important; } .normal{background:url("../images/dot.png") no-repeat !important;} /* ---- Slider */ /*banners*/ ul.banners{ width:100%; float:left;} .banner{ height:237px; margin-top:10px;} ul.banners{ width:100%; float:left;} /* ul.banners li{ float:left; width:228px; height:196px; padding:20px; background:url(../images/banner-one.jpg) no-repeat; list-style:none; margin-left:0px;} ul.banners li.second{ width:283px; height:196px; background:url(../images/banner-two.jpg) no-repeat; float:left;list-style:none; text-align:right;} ul.banners li.third{ width:350px;margin-top:1px; height:196px; background:url(../images/banner-three.jpg) no-repeat; float:left;list-style:none;} */ ul.banners li{ float:left; width:268px; height:237px; position:relative; list-style:none; margin-left:0px;} ul.banners li.second{ width:323px; text-align:right;} ul.banners li.third{ width:390px; } ul.banners li .banners_main{ position:relative; top:0; padding:20px; top:-237px;} .banner-heading{ font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; color:#510b17; font-weight:normal;line-height:24px;} .banner-heading-first{ font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; color:#510b17; font-weight:normal;line-height:24px;background:url(../images/facebook.gif) no-repeat; padding-left:53px;} .banner-heading2{ font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; color:#510b17; font-weight:normal;padding-left:110px;text-align:left; line-height:24px;} .banner-description{ font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-top:10px; color:#38382d;font-weight:normal; line-height:16px;} .banner-description-first{ font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-top:10px; color:#38382d;font-weight:normal; line-height:16px; padding-right:100px;} ul.banners li.second .banner-description { padding-left:100px;} ul.banners li.third .banner-description { padding-right:209px;} .ends_now { display:block; color:#7d7d7d; padding-left:10px; padding-top:7px;} .shop-now-btn { margin-top:18px;} .shop-now-btn a { font-size:12px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; color:#1f6483; font-weight:normal; } /* Home page Shop by */ #shop-by-color-home { overflow:hidden; width:135px; margin:0; } #shop-by-color-home li { float:left; padding:1px; } #shop-by-color-home li a.swatch { margin-bottom:15px; } #shop-by-color-home li a.swatch img { display:block; height:13px; width:13px; } /* Home page Shop by */ /*gallery-bar*/ .gallery-bar_main{ width:960px; height:57px; margin-left:10px; position:absolute; top:465px; z-index:10000; display: none; } .gallery-bar{ height:57px; margin-left:10px; position:absolute; top:465px; z-index:100000; display: none; } .shop-scrubby{ width:160px; float:left; color:#666555; font-size:18px; padding:20px 0px 0px 15px;} .color-prod{ width:200px; float:left; padding-top:15px;} ul.color{margin-bottom:0px;} ul.color li{ padding:0px 5px; float:left; list-style:none; margin-left:0px;} .color-text{ width:40px; font-size:12px; color:#666555; } .type-products{ width:296px; float:left; padding-top:4px;} .brand-prod{ width:310px; float:left; height:50px; overflow:hidden; display:block;} ul.type-products{ width:100%; margin-bottom:0px;} ul.type-products li{ padding:0px 1px; list-style:none; float:left;margin-left:0px;} ul.type-products li img { padding-right:2px;} .brand_menu{ float:left; margin-left:26px; width:231px; } ul.brand{ float:left; margin-top:14px; width:250px;margin-bottom:0px; padding:0 0 0 9px;} ul.brand li{ float:left; background-image:url(../images/cap.gif); background-repeat: no-repeat; background-position: left; list-style:none; padding:0px 0 0px 10px; width:70px;} ul.brand li a{ color:#23231b; text-decoration:none; font-size:11px; font-family:Arial, Helvetica, sans-serif; } .brand-text{ color:#666555; float:left; font-size:12px; margin-top:21px; padding:0 5px; width:28px;} .type-text{color:#666555; font-size:12px; margin:12px 10px 0px 0px;} .type-text2{color:#666555; font-size:12px; margin-top:7px;} /*gallery-bar*/ /* Footer */ .footer { padding-top:15px;} .footer-container {background:none repeat scroll 0 0 #83A94D; color:#FFFFFF; height:60px; padding:15px 20px 0 10px; } .footer h3{ color:#7D7D7D; font-size:14px; font-weight:bold; height:19px; } .footer_aboutus_links{ width:277px; height:95px; padding-left:20px; float:left; border-right:1px solid #d7d7d7;} .footer_customerservice_links{ width:270px;height:95px; padding-left:15px; float:left;border-right:1px solid #d7d7d7;} .footer_logo { float:left; margin:0 0 0 20px; /*width:170px;*/ } .footer_logo a.f_logo{ background:url(../images/footer-logo.gif) no-repeat; width:95px; height:76px; display:block; text-indent:-999em;} .footer_logo a.r_logo{ background:url(../images/remedy-logo.png) no-repeat; width:95px; height: 76px; display:block; text-indent:-999em;} .footer_copyright{ background:#1D3A4B; margin:15px -10px 0; height:30px; line-height:30px; text-align:right; color:#7D7D7D; font-size:11px; } .footer_copyright p {color:#7D7D7D; font-size:11px; margin:0;line-height:30px;} .footer_social_links{float:left; padding:0 0 0 15px; width:140px;} .footer ul{ width:100%; float:left; margin-bottom:10px; } .footer ul li{ float:left; list-style:none outside none; width:135px; } .footer ul li a{ color:#7E6854; font-family:Arial,Helvetica,sans-serif; font-size:11px; } .footer ul li a:hover{ color:#000; } .embroidery-cart-price { display: block;float: right;position: relative;right: -108px; width:95px; text-align:center; } .newnav_header{ margin:0 0 10px;} .newnav_content{ margin:0 0 10px; overflow:hidden; padding:10px 20px;} .newnav_content h4{ margin:0px; padding:0px; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#7fa74a; font-weight:normal;} .newnav_bullets{ margin:0px; padding:15px 0 15px 30px;} .newnav_bullets li{ background:url(../images/newnav_bullet.gif) no-repeat 7px 7px; list-style:none; margin:0px; padding:0 0 0 20px;} .newnav_banners{ margin:0 0 10px; overflow:hidden; padding:0 20px;} .newnav_banners .bann_1, .newnav_banners .bann_2{ float:left;} .newnav_banners .bann_2{ margin:0 0 0 20px;} .newnav_banners .bann_3{ float:right;} .newnav_by_clicking{ font-size:11px; margin:0 0 10px; color:#707070; padding:0 20px;} /************************************************************************************** PTG: Add New Css For Top Menu Shop by brands (06-10-2011) ***************************************************************************************/ #main-nav ul.dropdown .cat-shop-brands ul.sub-menu{ width:300px; /*background:#e0e0e0;*/ padding:10px 0;} #main-nav ul.dropdown .cat-shop-brands ul.sub-menu li {width:120px; float:left; padding:5px 15px;} #main-nav ul.dropdown .cat-shop-brands ul.sub-menu li a{ padding:0; float:left;} #main-nav ul.dropdown .cat-shop-brands .sub-brands-div{ width:300px; background:url(../images/cat-shop-brands-seperator.gif) repeat-y center; float:left;}