/** * S. Walter Packaging * @copyright Copyright (c) 2009 S. Walter Packaging Corp. (http://www.swalter.com) * File Modified by Marina Kogan if you have any questions let me know :) */ /* Layout ================================================================================= */ html { } body { background-color: #678eb5; background-image: url('../images/swalter_bg.jpg'); background-repeat: repeat-x; text-align: left } .wrapper { background: url('../images/bg.jpg') no-repeat center top; margin: auto; overflow: hidden } .page { margin: 0 auto; padding: 10px 0 0 0; text-align: left; width: 928px; } .page-print { background:#fff; padding:20px; text-align:left; } .page-popup { padding:20px; text-align:left; } .main { background: #fff; margin: 0; } /* Base Columns */ .col-left { float: left; padding:5px 5px 0; width:175px; } .col-main { padding:0px; width:520px; } .col-right { float: right; margin: 0px 5px 0px 0px; padding: 0px 0px 0px 0; width:217px; } /* 1 Column Layout */ .col1-layout .col-main { float:none; width:auto; } /* 2 Columns Layout */ .col2-left-layout .col-main { float: left; width: 700px; } .col2-right-layout .col-main { float: left; width: 700px; } /* 3 Columns Layout */ .col3-layout .col-main { float: left; margin-left: 0; width: 520px; } /* Content Columns */ .col2-set .col-1 { float:left; width: 55%; } .col2-set .col-2 { float:right; width: 44%; } .col2-set .narrow { width:33%; } .col2-set .wide { width:65%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; margin-left:2%; width:32%; } .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%; } /* ======================================================================================= */ /* Global Styles ========================================================================= */ /* Form Elements */ input, select, textarea, button { font:12px Arial, Helvetica, sans-serif; vertical-align:middle; color:#000; } input.input-text, select, textarea { background:#fff; border:1px solid #16384a; color: #83ACC2;font-family:Verdana,arial,helvetica; } input.input-text, textarea { padding:2px; } select { padding:1px; } select option { padding-right:10px; } select.multiselect option {} textarea { overflow:auto; } input.radio { margin-right:3px; } input.checkbox { margin-right:3px; } input.qty { width:2.5em !important; } button.button::-moz-focus-inner { padding:0; border:0px none; } /* FF Fix */ button.button { overflow:visible; width:auto; border:0px none; background:url('../images/button_go.jpg') no-repeat 0 50%; cursor:pointer; -webkit-border-fit:lines; padding-left:12px; padding-right:0; padding-top:0; padding-bottom:0 } button.button span { float:left; background:url('../images/button_go.jpg') no-repeat 100% 50%; text-align:center; white-space:nowrap; color:#fff; font-style:normal; font-variant:normal; font-weight:bold; line-height:21px; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding-left:0; padding-right:12px; padding-top:0; padding-bottom:0 } button.disabled {} button.disabled span {} /* Input & Textarea stretched for 100% */ .field-100 { border:1px solid #888; padding:2px; overflow:hidden; } .field-100 input.input-text, .field-100 textarea { float:left; width:100%; margin:0; padding:0; border:0px none; } /* Form Highlight */ /*input.input-text:focus,select:focus,textarea:focus {}*/ /*.highlight { background:#eee; }*/ /* Form lists */ .form-list li { margin:0 0 5px; } .form-list label { font-weight:bold; } .form-list .input-box { float:left; width:260px; } .form-list input.input-text, .form-list textarea { width:250px; } .form-list select { width:256px; } .form-list li.add-row { border-top:1px solid #ddd; margin-top:10px; } .form-list li.add-row .btn-remove { font-size:0; line-height:0; padding:5px 5px 0 0; text-align:right; } .form-list .range input.input-text { width:96px; } .group-select {} .group-select li { margin:0 0 5px; } .group-select .input-box { float:left; width:260px; } .group-select input.input-text, .group-select textarea {width:510px; } .group-select select { width:516px; } .group-select .input-box input.input-text, .group-select .input-box textarea { width:250px; } .group-select .input-box select { width:256px; } .buttons-set { clear:both; margin:5px 0 0; padding:5px; } .buttons-set .back-link { float:left; } .buttons-set button.button { float:right; } .buttons-set2 { clear:both; margin:5px 0 0; padding:5px; text-align:right; } /* Form Validation */ .validation-advice { clear:both; min-height:13px; padding-left:17px; font-size:10px; line-height:13px; background:url('../images/validation_advice_bg.gif') no-repeat 2px 1px; color:#f00; margin-left:0; margin-right:0; margin-top:3px; margin-bottom:0 } .validation-failed { background:#faebe7 !important; } .validation-passed {} .required { color:#f00; } p.required { font-size:10px; text-align:right; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Global Messages */ .success { color:#3d6611; font-weight:bold; } .error { color:#f00; font-weight:bold; } .notice { color:#ccc; } .messages, .messages ul { list-style:none !important; margin:0 !important; padding:0 !important; } .messages { width:100%; overflow:hidden; } .messages li { margin:0 0 10px; } .messages li li { margin:0 0 3px; } .error-msg, .success-msg, .note-msg, .notice-msg { border-style:solid !important; border-width:1px !important; background-position:10px 10px !important; background-repeat:no-repeat !important; min-height:24px !important; padding:8px 8px 8px 32px !important; font-size:10px !important; font-weight:bold !important; } .error-msg { border-color:#f16048; background-color:#faebe7; background-image:url('../images/error_msg_icon.gif'); color:#df280a } .success-msg { border-color:#446423; background-color:#eff5ea; background-image:url('../images/success_msg_icon.gif'); color:#3d6611 } .note-msg, .notice-msg { border-color:#fcd344; background-color:#fafaec; background-image:url('../images/note_msg_icon.gif'); color:#3d6611 } /* BreadCrumbs */ .breadcrumbs { line-height: 1.0em; margin: 0; padding:10px; } .breadcrumbs li { display:inline; color: #465f7b; text-decoration: none; font-family:Verdana,arial,helvetica; font-size:11px;} .breadcrumbs li a { color: #537092; text-decoration: none; font-family:Verdana,arial,helvetica; font-weight:bold; font-size:11px; } .breadcrumbs a:hover{ color:#EC7500; } /* Page Heading */ .page-title { padding:0 0 5px; margin:0 0 10px; } .title-buttons { text-align:right; } .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } /* Pager */ .pager { margin:5px 0; padding:5px; text-align:center; } .pager .amount { float:left; font-weight: bold; } .pager .limiter { float:right; } .pager .pages { margin:0 135px; } .pager .pages ol { display:inline; } .pager .pages li { display:inline; } .pager .pages .current {} /* Sorter */ .sorter { border:1px solid #ddd; padding:5px; margin:5px 0; } .sorter .view-mode { float:left; } .sorter .sort-by { float:right; } .sorter .link-feed {} /* Data Table */ .data-table { width:100%; } .data-table th { padding:5px; border:1px solid #ddd; font-weight:bold; white-space:nowrap; } .data-table td { padding:5px; border:1px solid #ddd; } .data-table thead { background-color:#f2f2f2; } .data-table tbody {} .data-table tfoot {} .data-table tr.first {} .data-table tr.last {} .data-table tr.odd {} .data-table tr.even { background-color:#f6f6f6; } .data-table tbody.odd {} .data-table tbody.odd td { border-width:0 1px; } .data-table tbody.even { background-color:#f6f6f6; } .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; background-color:#f6f6f6; } .data-table td.value {} /* Tax Details Row */ tr.tax-total { cursor:pointer; } tr.tax-total td {} tr.tax-total .tax-collapse { float:right; text-align:right; padding-left:20px; background:url('../images/bg_collapse.gif') no-repeat 0 4px; cursor:pointer } tr.show-details .tax-collapse { background-position:0 -53px; } tr.show-details td {} tr.tax-details td { background-color:#f6f6f6; } tr.tax-details-first td {} /* Shopping cart tax info */ .cart-tax-info, .cart-tax-info .cart-price { padding-right:20px; } .cart-tax-total { cursor:pointer; } .cart-tax-total { padding-right:20px; background:url('../images/bg_collapse.gif') no-repeat 100% 4px; cursor:pointer } .cart-tax-total-expanded { background-position:100% -52px; } /* Lists Decoration */ li.odd {} li.even { background-color:#f6f6f6; } dt.odd, dd.odd {} dt.even, dd.even { background-color:#f6f6f6; } /* Class: std - styles for admin-controlled content */ .stdtitle {color:#465f7b; font-family:Verdana,arial,helvetica; text-decoration:none; font-size:13px;font-weight:bold; } .stdtitle h1 {color:#465f7b; font-family:Verdana,arial,helvetica; text-decoration:none; font-size:13px;font-weight:bold; } .std {color:#537092; font-family:Verdana,arial,helvetica; text-decoration:none; font-size:11px; }, .std ul, .std ol, .std dl, .std p, .std address, .std blockquote { margin:0 0 1em; padding:0; } .std ul { list-style:disc outside; padding-left:1.5em; } .std ol { list-style:decimal outside; padding-left:1.5em; } .std ul ul { list-style-type:circle; } .std ul ul, .std ol ol, .std ul ol, .std ol ul { margin:.5em 0; } .std dt { font-weight:bold; } .std dd { padding:0 0 0 1.5em; } .std blockquote { font-style:italic; padding:0 0 0 1.5em; } .std address { font-style:normal; } .std b, .std strong { font-weight:bold; } .std i, .std em { font-style:italic; } .std a{ color:#537092; font-family:Verdana,arial,helvetica; text-decoration:none; font-size:11px; font-weight:bold; } .std a:hover{ color:#EC7500; text-decoration:none; } /* Misc */ .link-rss { background:url('../images/icon_rss.gif') no-repeat 0 1px; padding-left: 18px; white-space:nowrap } /* Noscript Notice */ .noscript { border-left:0px solid #ddd; border-right:0px solid #ddd; border-top:0px solid #ddd; border-bottom:1px solid #ddd; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f } .noscript .noscript-inner { width:1000px; margin:0 auto; background:url('../images/i_notice.gif') no-repeat 20px 50%;; padding-left:0; padding-right:0; padding-top:12px; padding-bottom:12px } .noscript p { margin:0; } /* Demo Notice */ .demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; text-align:center; color:#fff; } /* ======================================================================================= */ /* Header ================================================================================ */ .logo { float:left; width:200px; height:63px; overflow:hidden; } .header-container { background-color: #fff; } .header { background-color: #fff; background-repeat: no-repeat; height: 80px; padding:10px; } .header .logo { background-position:0 0; background-repeat:no-repeat; text-indent:-999em; } .header .logo a { display:block; width:200px; height:63px; } .header .welcome-msg { font-weight:bold; text-align:right; } .header .links {float:right; margin: 23px 0 0 0; color: #A6C9DD;} .header .links a { color: #A6C9DD; text-decoration: none; } .header .links a:hover { color: #F47003;} .header .favlinks {float: right; margin: 78px 0 0 627px; position:absolute; z-index:100; color: #507298; font-size:10px;} .header .favlinks a { color: #507298; text-decoration: none; } .header .favlinks a:hover { color: #F47003;} ul.links li { float: left; padding-left: 10px; } .header .form-search { float: right; margin: 7px 0 0 0; text-align: right; width: 900px; } .form-search .search-autocomplete { z-index:999; } .form-search .search-autocomplete ul { border:1px solid #ddd; background-color:#fff; } .form-search .search-autocomplete li { padding:3px; border-bottom:1px solid #ddd; cursor:pointer; } .form-search .search-autocomplete li .amount { float: left; font-weight:bold; } .form-search .search-autocomplete li.selected {} #search { width: 200px; } .header .form-language { text-align:center; } /* Primary Navigation ==================================================================== */ .nav-primary { background-image: url('../images/3.jpg'); background-repeat: repeat-x; float: left; height: 40px; margin: auto; width: 870px; } .nav-primary ul{float:left; width:auto; margin:0; padding:0; list-style:none;position:absolute;} .nav-primary ul li{ color: #294f6c; float: left; font-weight: bold; padding: 5px 8px 0 0; text-decoration: none; font-size:13px;font-family:Verdana,arial,helvetica;} .nav-primary ul li.last{float:left; width:auto; margin:0; padding:0 0 0 0;} .nav-primary ul li a{ color: #294f6c; float: left; font-weight: bold; padding: 5px 8px 0 0; text-decoration: none; font-size:13px;font-family:Verdana,arial,helvetica;} .nav-primary ul li.Bags a{ width: 65px; } .nav-primary ul li.Bags a:hover{ width:65px; color: #FFFFFF; } .nav-primary ul li.Boxes a{ width:60px;} .nav-primary ul li.Boxes a:hover{ width:60px; color: #FFFFFF; } .nav-primary ul li.Tis a{ width:50px;} .nav-primary ul li.Tis a:hover{ width:50px; color: #FFFFFF; } .nav-primary ul li.Ribbons a{ width:125px; } .nav-primary ul li.Ribbons a:hover{ width:125px; color: #FFFFFF;} .nav-primary ul li.GiftWrap a{ width:75px; } .nav-primary ul li.GiftWrap a:hover{ width:75px; color: #FFFFFF;} .nav-primary ul li.Tissue a{ width:75; } .nav-primary ul li.Tissue a:hover{ width:75; color: #FFFFFF;} .nav-primary ul li.Green a{ width:60px;} .nav-primary ul li.Green a:hover{ width:60px; color: #FFFFFF;} .nav-primary ul li.Closeout a{ width:80px; } .nav-primary ul li.Closeout a:hover{ width:80px; color: #FFFFFF;} .nav-primary ul li.Bagbuilder a{ width:90px; } .nav-primary ul li.Bagbuilder a:hover{ width:90px; color: #FFFFFF;} .nav-primary ul li.Catalog a{ width:75px; } .nav-primary ul li.Catalog a:hover{ width:75px; color: #FFFFFF;} .nav-primary ul li.blog a{ width:50px; } .nav-primary ul li.blog a:hover{ width:50px; color: #FFFFFF;} .nav-primary-left { float: left; margin-left: 3px; } .nav-primary-right { display: block; } /* ======================================================================================= */ /********** < Navigation */ #nav { font-size:12px; border:1px solid #ddd; padding:5px 0; margin:10px 0; } /* All Levels */ #nav li { text-align:left; position:relative; } #nav li.over { z-index:999; } #nav li.parent {} #nav li a { display:block; text-decoration:none; } #nav li a:hover { text-decoration:none; } #nav li a span { display:block; white-space:nowrap; cursor:pointer; } #nav li ul a span { white-space:normal; } /* 1st Level */ #nav li { float:left; } #nav li a { float:left; padding:5px 10px; font-weight:bold; color:#888; } #nav li a:hover { color:#000; } #nav li.over a, #nav li.active a { color:#000; } /* 2nd Level */ #nav ul { position:absolute; width:15em; top:25px; left:-10000px; border:1px solid #ddd; background:#fafafa; } #nav ul li { float:none; border-bottom:1px solid #ddd; } #nav ul li.last { border-bottom:0px none; } #nav ul li a { float:none; padding:3px 9px; font-weight:normal; color:#888 !important; } #nav ul li a:hover { color:#000 !important; } #nav ul li.active > a, #nav ul li.over > a { font-weight:bold; color:#000 !important; } /* 3rd+ leven */ #nav ul ul { top:7px; } /* Show Menu */ #nav li.over > ul { left:0; } #nav li.over > ul li.over > ul { left:100px; } #nav li.over ul ul { left:-10000px; } /********** Navigation > */ /* ======================================================================================= */ block-content /* Sidebar =============================================================================== */ .block { margin: 0 0 5px; } .block .block-title { padding:0 0px; } .block .block-title h2 { font-size:16px; font-weight:bold; line-height:1.5; } .block h3 { font-size:14px; line-height:1.5; } .block .block-content { padding: 0px; } .block .actions { text-align:right; } .block .actions a { float:left; } /* Block: Account */ .block-account ul li a { color: #000; text-decoration: none; } .block-account ul li.current span { color: #000; font-weight: bold; text-decoration: none; } /* Block: Currency Switcher */ .block-currency {} .block-currency select { width:100%; border:1px solid #888; } /* Block: Layered Navigation */ .block-layered-nav {} .block-layered-nav dt { font-weight:bold; } .block-layered-nav .currently {} /* Block: Cart */ .block-cart {} .block-cart .amount {} .block-cart .subtotal { text-align:center; } .mini-products-list li { padding:5px 0; } .mini-products-list .product-image { float:left; width:50px; padding:5px; border:1px solid #ddd; margin-right:-75px; } .mini-products-list .product-details { margin-left:75px; } .mini-products-list .product-details h4 { font-size:1em; font-weight:bold; margin:0; } .mini-products-list .product-details .btn-remove { float:right; } /* Block: Wishlist */ .block-wishlist {} /* Block: Related */ .block-related {} .block-related li { padding:5px 0; } .block-related input.checkbox { float:left; margin-right:-20px; } .block-related .item { margin-left:20px; } .block-related .item .product-image { float:left; margin-right:-65px; } .block-related .item .product-details { margin-left:65px; } /* Block: Compare Products */ .block-compare {} .block-compare li { padding:5px 0; } /* Block: Viewed */ .block-recent {} /* Block: Poll */ .block-poll {} .block-poll input.radio { float:left; margin:3px -18px 0 0; } .block-poll .label { display:block; margin-left:18px; } .block-poll .answer {} .block-poll .votes { font-weight:bold; } /* Block: Tags */ .block-tags ul, .block-tags li { display:inline; } /* Block: Subscribe */ .block-subscribe {} /* Block: Reorder */ .block-reorder {} .block-reorder li { padding:5px 0; } .block-reorder input.checkbox { float:left; margin:3px -20px 0 0; } .block-reorder .label { display:block; margin-left:20px; } /* Block: Banner */ .block-banner {} .block-banner .block-content { text-align: left; } /* Block: Checkout Progress */ .block-progress {} .block-progress dt { font-weight:bold; } .block-progress dt.complete, .block-progress dd.complete { background-color:#f6f6f6; } /* ======================================================================================= */ /* Category Page ========================================================================= */ .category-title { border-bottom:1px solid #ddd; margin:0 0 10px; } .category-image { display:block; height: 189px; margin:0 auto; } .category-products {} /* View Type: Grid */ .products-grid { width:100%; } .products-grid tr.odd {} .products-grid tr.even { background-color:#f6f6f6; } .products-grid td { width:33%; border:1px solid #ddd; padding:5px; } .products-grid td.empty {} /* View Type: List */ .products-list li.item { border:1px solid #ddd; padding:5px; margin:0 0 5px; } .products-list .product-image { float:left; } .products-list .product-shop { float:right; width:320px; } /* ======================================================================================= */ /* Product View ========================================================================== */ .product-view {} .product-essential {} .product-collateral {} /* Email to a Friend */ .sendfriend { } .first-review { float: left; } /* Product Images */ .product-view .product-img-box { float:left; width:400px; } .product-view .product-img-box .product-image { height: 265px; width: 265px; } .product-view .product-img-box .product-image-zoom { position:relative; width:265px; height:265px; overflow:hidden; z-index:9; } .product-view .product-img-box .product-image-zoom img { position:absolute; left:0; top:0; } .product-view .product-img-box .zoom-notice { text-align:center; } .product-view .product-img-box .zoom { position:relative; z-index:9; height:18px; background:url('../images/slider_bg.gif') no-repeat 50% 50%; cursor:pointer; margin-left:auto; margin-right:auto; margin-top:0; margin-bottom:13px; padding-left:28px; padding-right:28px; padding-top:0; padding-bottom:0 } .product-view .product-img-box .zoom #track { position:relative; height:18px; } .product-view .product-img-box .zoom #handle { position:absolute; left:0; top:-1px; width:9px; height:22px; background:url('../images/magnifier_handle.gif') no-repeat 0 0; } .product-view .product-img-box .zoom .btn-zoom-out { position:absolute; left:2px; top:0; } .product-view .product-img-box .zoom .btn-zoom-in { position:absolute; right:2px; top:0; } .product-view .product-img-box .more-views ul { margin-left:-4px } .product-view .product-img-box .more-views li { float:left; padding:1px; background-color:#ddd; margin:0 0 8px 4px ; } .product-image-popup { margin:0 auto; } .product-image-popup .nav { text-align:center; } .product-image-popup .image { display:block; } .product-image-popup .image-label {} .product-image img { height: 320px; width: 320px; } /* Product Shop */ .product-view .product-shop { float: right; width: 270px; } .product-view .product-name {} .product-view .short-description {} /* Rating */ .ratings { float: left; } .ratings .amount {} .ratings .rating-links {} .ratings dt {} .ratings dd {} .rating-box { width:69px; height:13px; font-size:0; line-height:0; background:url('../images/bg_rating.gif') repeat-x 0 0; position:relative; overflow:hidden } .rating-box .rating { position:absolute; top:0; left:0; height:13px; background:url('../images/bg_rating.gif') repeat-x 0 100%; } /* Availability */ .availability {} .availability .in-stock { font-weight:bold; } .availability .out-of-stock { font-weight:bold; color:#f00; } /* Tabs */ #info-tabs { width: 400px; } .tabs { margin: 10px 0 22px 0; } .tabs li { float:left; border: 1px solid #000; border-bottom: none; line-height: 10px; margin: 0 2px 0 0; } .tabs li.first { } .tabs li.last { } .tabs a { color:#444; display: block; font-size: .8em; padding: 5px; text-decoration: none; } .tabs li.active a, .tabs li a:hover { background-color: #e7effa; } .padder { border: 1px solid #000; background: #e7effa; float: left; padding: 3px; width: 350px; } /********** < Product Prices */ .price { white-space:nowrap !important; } .price-box { clear: left; } .price-box .price { font-size: 1.3em; font-weight:bold; } .price-box-bundle {} /* Regular price */ .regular-price {} .regular-price .price { font-weight:bold; } /* Old price */ .old-price {} .old-price .price-label { white-space:nowrap; } .old-price .price { font-weight:bold; text-decoration:line-through; } /* Special price */ .special-price {} .special-price .price-label { font-weight:bold; white-space:nowrap; } .special-price .price { font-weight:bold; } /* Minimal price (as low as) */ .minimal-price {} .minimal-price .price-label { font-weight:bold; white-space:nowrap; } a.minimal-price-link { display:block; } a.minimal-price-link .label {} a.minimal-price-link .price { font-weight:normal; } /* Excluding tax */ .price-excluding-tax { display:block; } .price-excluding-tax .label { white-space:nowrap; } .price-excluding-tax .price { font-weight:normal; } /* Including tax */ .price-including-tax { display:block; } .price-including-tax .label { white-space:nowrap; } .price-including-tax .price { font-weight:bold; } /* Excl tax (for order tables) */ .price-excl-tax { display:block; } .price-excl-tax .label { display:block; white-space:nowrap; } .price-excl-tax .price { display:block; } /* Incl tax (for order tables) */ .price-incl-tax { display:block; } .price-incl-tax .label { display:block; white-space:nowrap; } .price-incl-tax .price { display:block; font-weight:bold; } /* Price range */ .price-from {} .price-from .price-label { font-weight:bold; white-space:nowrap; } .price-to {} .price-to .price-label { font-weight:bold; white-space:nowrap; } /* Price as configured */ .price-as-configured {} .price-as-configured .price-label { font-weight:bold; white-space:nowrap; } /* Price notice next to the options */ .price-notice { padding-left:10px; } .price-notice .price { font-weight:bold; } /********** Product Prices > */ /* Tier Prices */ .tier-prices .price { font-weight:bold; } .tier-prices .benefit {} /* Add to Links */ .add-to-links { text-align: right; } .add-to-links li { display: inline; margin-left: 12px; padding-left: 12px; } .add-to-links li a { color: #000; text-decoration: none; } .add-to-links li a:hover { text-decoration: underline; } .add-to-links .separator { display:none; } /* Add to Cart */ .add-to-cart label { float:left; margin-right:5px; } .add-to-cart .qty { float:left; } .add-to-cart button.button { float:left; margin-left:5px; } /* Add to Links + Add to Cart */ .add-to-box { margin-top: 5px; padding: 3px; width: 200px; } .add-to-box .add-to-cart { float:left; } .add-to-box .or { float:left; margin:0 10px; } .add-to-box .add-to-links { float:left; } /* Product Options */ .product-options { /* background: #e7effa; border: 1px solid #666; border-bottom: none; */ margin:10px 0 0; /* padding:10px; */ } .product-options dt label { /* float: left; */ font-weight:bold; width: 50px; } .product-options dt .qty-holder { float:right; } .product-options dt .qty-holder label { vertical-align:middle; } .product-options dt .qty-disabled { background:none; border:0px none; padding:3px; color:#000 } .product-options dd { margin:10px 0; } .product-options dl.last dd.last {} .product-options dd input.input-text { width:98%; } .product-options dd textarea { width:98%; height:8em; } .product-options dd select { /* float: right; */ width: 175px; } .product-options .options-list {} .product-options .options-list input.radio { float:left; margin:3px -18px 0 0; } .product-options .options-list input.checkbox { float:left; margin:3px -20px 0 0; } .product-options .options-list .label { display:block; margin-left:20px; } .product-options ul.validation-failed { padding:0 7px; } .product-options p.required { padding:15px 0 0; } .product-options-wrapper { padding: 3px; } .product-options-bottom { /* background: #e7effa; border: 1px solid #666; border-top: none; padding: 10px; */ } .product-options-bottom .price-box { margin:10px 0; } /* Grouped Product */ .grouped-items {} /* Block: Description */ .product-view .description {} /* Block: Additional */ .product-view .additional { } .product-view .additional .data-table { width: 208px; } /* See add-to-box */ /* Block: Upsell */ .product-view .up-sell {} .product-view .up-sell .products-grid td { border: none; width: 33%; } .product-view .up-sell .products-grid td a { color: #000; font-size: .8em; text-decoration: none; } .product-view .up-sell .products-grid img { height: 100px; width: 100px; } /* Block: Tags */ .product-view .tags {} .product-view .tags .form-add-tags label { float:left; } .product-view .tags .form-add-tags .input-box { float:left; width:260px; margin:0 5px; } .product-view .tags .form-add-tags input.input-text { width:254px; } .product-view .tags .form-add-tags button.button { vertical-align:bottom; } .product-view .tags .form-add-tags p { clear:both; } /* Block: Reviews */ .product-view .reviews {} /* Block: Add Review */ .product-view .add-review {} .product-view .add-review .product-name span { font-size: .8em; font-weight:normal; } /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name h1 { font-size: 1.2em; font-weight:bold; line-height:1.5; } /* Product Tags */ .tags-list li { display:inline; } /* Advanced Search */ .search-summary {} /* CMS Home Page */ .cms-home .products-grid td { width:20%; } /* Sitemap */ .sitemap {} /* ======================================================================================= */ /* Product Review ======================================================================== */ .product-review {} .product-review .product-image img { float: left; height: 125px; width: 125px; } .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box .product-image { display:block; border:1px solid #ddd; padding:1px; } .product-review .details { float:right; width:570px; } /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ .cart .checkout-types { float:right; text-align:right; } /* Shopping Cart Table */ .cart-table .item-msg { font-size:10px; } .cart-table .product-image img { height: 75px; width: 75px; } .cart-table a { color: #000; font-size: .8em; text-decoration: none; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { float:left; width:700px; } .cart .crosssell .product-image { float:left; margin-right:-90px; } .cart .crosssell .product-image img { height: 75px; width: 75px; } .cart .crosssell .product-shop { margin-left:90px; } .cart .crosssell h3 { font-size: .8em; } .cart .product-name a { color: #000; font-size: .9em; text-decoration: none; } /* Shopping Cart Totals */ .cart .totals { float:right; } .cart .totals table { width:100%; } .cart .totals table th, .cart .totals table td { padding:5px; } .cart .totals table th { font-weight:bold; } /* Options Tool Tip */ .item-options dt { font-weight:bold; font-style:italic; } .item-options dd { padding-left:10px; } .truncated { cursor:help; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; } .truncated .truncated_full_value { position:relative; z-index:999; } .truncated .truncated_full_value dl { position:absolute; top:-99999em; left:-99999em; z-index:999; width:250px; padding:8px; border:1px solid #ddd; background-color:#f6f6f6; } .truncated .show dl { top:-20px; left:50%; } .col-left .truncated .show dl { left:30px; top:7px; } .col-right .truncated .show dl { left:-240px; top:7px; } /* ======================================================================================= */ /* Checkout ============================================================================== */ /* One Page */ .opc { border-bottom:1px solid #ddd; position:relative; } .opc li.section { border-left:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #ddd; border-bottom:0px none; } .opc .step-title { background-color:#f6f6f6; padding:0 5px; text-align:right; } .opc .step-title .number { float:left; line-height:22px; margin-right:5px; } .opc .step-title h3 { float:left; } .opc .allow .step-title { cursor:pointer; } .opc .active {} .opc .active .step-title { background-color:#ccc; cursor:default; } .opc .step { border-top:1px solid #ddd; padding:10px; position:relative; } .opc .step .tool-tip { right:10px; } .opc .order-review {} /* Multiple Addresses Checkout */ .checkout-progress { padding:0 50px; margin:10px 0; } .checkout-progress li { float:left; width:20%; border-top:5px solid #ccc; text-align:center; color:#ccc; } .checkout-progress li.active { border-top-color:#000; color:#000; } .multiple-checkout { position:relative; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; } .multiple-checkout .grand-total { font-size:1.5em; text-align:right; } .multiple-checkout .grand-total big {} .multiple-checkout .grand-total .price {} /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods dt { font-weight:bold; } .sp-methods .price { font-weight:bold; } .sp-methods .form-list { padding-left:20px; } .sp-methods select.month { width:150px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .please-wait { float:right; margin-right:5px; } .cvv-what-is-this { cursor:help; margin-left:5px; } /* Tooltip */ .tool-tip { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; position:absolute; z-index:9999; } .tool-tip .btn-close { text-align:right; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .add-gift-message {} .gift-message-form { border:1px solid #ddd; background-color:#f5f5f5; } .gift-message-form .inner-box { padding:5px; height:300px; overflow:auto; } .gift-message-form .gift-item {} .gift-message-link { display:block; background:url('../images/bg_collapse.gif') no-repeat 0 4px; padding-left:20px } .gift-message-link.expanded { background-position:0 -53px; } .gift-message-row {} .gift-message-row .btn-close { float:right; } .gift-message dt strong { font-weight:bold; } /* Checkout Agreements */ .checkout-agreements {} .checkout-agreements li { margin:10px 0; } .checkout-agreements .agreement-content { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; height:10em; overflow:auto; } .checkout-agreements .agree { padding:6px; } /********** Common Checkout Styles > */ /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ .account-login {} .account-login .new-users {} .account-login .registered-users {} .account-create {} /* Account Login/Create Pages ============================================================ */ /* My Account ============================================================================= */ /********** < Dashboard */ .dashboard {} .dashboard .welcome-msg {} .dashboard .dashboard-contact { width: 500px; } .dashboard .dashboard-contact th { font-weight: bold; } .dashboard .dashboard-address { width: 500px; } .dashboard .dashboard-address th { font-weight: bold; } /* Block: Recent Orders */ .dashboard .recent-orders { margin:10px 0; } /* Block: Tags */ .dashboard .tags .number { float:left; margin-right:-20px; } .dashboard .tags .details { margin-left:20px; } /* Block: Reviews */ .dashboard .reviews {} /********** Dashboard > */ /* Order View */ .order-info { border:1px solid #ddd; padding:5px; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display:inline; } .order-info dt { font-weight:bold; } /* Print Pages */ .page-print .print-head {} .page-print .print-head img { float:left; } .page-print .print-head address { float:left; margin-left:15px; } /* Price Rewrites */ .page-print .gift-message-link { display:none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display:block; white-space:nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display:inline; } /* Wishlist */ #wishlist-table .product { width: 200px; } #wishlist-table a.product-image img { height: 75px; width: 75px; } #wishlist-table .product-name a { color: #000; text-decoration: none; } /* ======================================================================================= */ /* Footer ================================================================================ */ .footer { background-image: url('../images/site_footer.jpg'); background-repeat: no-repeat; height: 256px; margin: auto; width: 928px } .footer p { } .footer address { } .footer ul { float:left; padding: 0; } .footer .group-1 { float: left; padding: 25px 0 0 20px; } .footer .group-2 { float: left; padding: 25px 0 0 20px; } .footer .group-3 { float: left; padding: 25px 0 0 20px; } .footer li.first { font-weight: bold; margin-bottom: 5px; text-decoration: none; } .footer li { color: #395c78; } .footer li.info { margin-bottom: 10px; color:#676767; font-family:Verdana,arial,helvetica; text-decoration:none; font-size:10px; } .footer li a { color:#676767; font-family:Verdana,arial,helvetica; text-decoration:none; font-size:10px; } .footer li a:hover { color:#EC7500; } .footer .secure { float: right; padding: 25px 20px 0 0; width: 300px; } .footer .secure a { color:#676767; font-family:Verdana,arial,helvetica; text-decoration:none; font-size:10px; } .footer .secure a:hover { color:#EC7500; } .footer .text { color: #666; font-size: .8em; } .footer .heading { color: #395c78; font-weight: bold; margin-bottom: 5px; text-decoration: none; } .footer #siteseal { } .superfooter { margin: auto; width: 928px; } .superfooter .left { background-image: url('../images/buttom_front.jpg'); background-repeat: no-repeat; height: 62px; width: 413px } .superfooter .line1 { color: #e48020; font-size: 1.0em; font-weight: bold; padding-left: 50px; text-decoration: none; font-family:Verdana,arial,helvetica; } .superfooter .line2 { color: #395c7a; font-size: 1.0em; font-weight: bold; padding-left: 40px; text-decoration: none; font-family:Verdana,arial,helvetica; } .superfooter .line3 { color: #666666; font-size: 0.9em; padding-left: 150px; text-decoration: none; } .superfooter .right { background-image: url('../images/buttom_front2.jpg'); background-repeat: no-repeat; height: 62px; width: 515px } .superfooter .right .subscribe { padding: 32px 0 0 0px; width: 300px; } .superfooter .socialmedia { padding-left: 0px;} /* ======================================================================================= */ /* Categories - Grid ===================================================================== */ #category-grid td img { padding-top: 10px; text-align: center; } #category-testgrid img { border: 2px solid #ccc; /* padding-top: 10px; */ text-align: left; } #category-testgrid img:hover { border: 2px solid #666; /* padding-top: 10px; */ text-align: left; } #category-testgrid td { padding-top: 10px; padding-bottom: 10px; text-align: left; width: 150px; } .category-link { color: #000; font-weight: normal; text-align: left; text-decoration: underline; } .category-link-giftwrap-main { color: #999; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; text-align: left; text-decoration: none; } .category-link-giftwrap-main a:link { text-decoration: none; } .category-link a:visited { text-decoration:none; } .category-link a:hover { color: #000 ; text-decoration: none; } .category-link a:active { color: #000; text-decoration: none; } .category-link-bold { color: #000; font-weight: bold; text-align: left; text-decoration: none; } .category-link-bold a:visited { text-decoration:none; } .category-link-bold a:hover { color: #000 ; text-decoration: none; } .category-link-bold a:active { color: #000; text-decoration: none; } .category-arrow { list-style-type: none; margin: 0; padding: 2px 0 0 10px; text-align: left; } .category-arrow li { font-weight: normal; } .category-arrow-giftwrap-main { list-style-type: none; margin: 0; padding: 6px 0 0px 10px; text-align: left; } .category-arrow-giftwrap-main li { font-weight: normal; padding-bottom: 10px; } /** * Learning Express */ .lex-button a { border: 1px solid #000; display: block; font-size: .9em; font-weight: bold; margin: 4px; text-align: center; width: 120px; } .lex-tutorial { background: #015a84; color: #fff; font-weight: bold; text-align: center; width: 100%; } .lex-tutorial a { color: #fff; text-decoration: none; } .lex-clicknext { display: block; font-size: 1.3em; margin: auto; text-align: center; } .product-list-table tr { border-bottom: 1px solid #f0f0f0; } .product-list-table tr:hover { background-color: #cff0ff; } .product-list-table td a { color: #000; display: block; height: 55px; font-weight:normal; text-align: left; text-decoration:none; } .product-list-table-normal tr { border-bottom: 1px solid #4aa2b5; } tr.hover-row:hover { background-color: #74B3CF; } tr.hover-row a { color:#000; display:block; font-weight:normal; padding-left:15px; text-decoration:none; } tr.hover-row-image:hover { background-color: #74B3CF; } tr.hover-row-image a { color:#000; text-decoration:none; font-weight:normal; height: 55px; display:block; padding-left:15px; } /* Bestseller */ .picks td { width: 33%; } .bestseller li a { color: #000; text-decoration: none; font-size: .9em; } /* Slideshow */ #slide-images{ display: block; float: left; height: 302px; margin: 0 0 10px 0; padding: 0; position: relative; width: 506px; } #slide-images li{ display: block; list-style-type: none; margin: 0px; padding: 0px; position: absolute; } #slide-images li img{ display: block; } /***************VERTICAL**********************/ /*****ALL*****/ #vertical-nav ul { list-style-type: none; /* get rid of the bullets */ padding: 0; /* no padding */ margin: 0; /* no margin for IE either */ } #vertical-nav ul li { margin: 0; padding: 0; display: block; margin-top: 0; /* lines */ } #vertical-nav ul ul li a, #vertical-nav ul li{ background-color: #fff; } #vertical-nav ul li a { display: block; padding: 3px 3px 3px 0; margin:0; text-decoration: none; height:15px; /* hint for IE, alternatively remove whitespace from HTML */ color:#537092; font-family:Verdana,arial,helvetica; font-size:11px; } #vertical-nav ul li a:hover { color:#EC7500; text-decoration:none; } #vertical-nav ul li .open, #vertical-nav .activesubsub, #vertical-nav .subopen { font-weight: bolder; text-decoration: none; } #vertical-nav ul ul li a { margin-left: 5px; color:#11246a; } #vertical-nav ul ul ul li a { margin-left: 15px; /* indent level 2 */ color:#f7320b; background-color: #fff4ed; font-size:10px; } #vertical-nav ul ul ul ul li a { margin-left: 35px; /* indent level 2 */ background-color: #fff4ed; font-size:10px; } #vertical-nav ul ul ul ul ul li a { margin-left: 45px; background-color: #fff4ed; font-size:10px; } #vertical-nav .final { background-color: #CCFF99; } #vertical-nav a { color: #000; } #vertical-nav a:hover { color:#EC7500; text-decoration:none; } #vertical-nav ul li ul li a { margin-bottom: 0px; margin-top: 0px; } #vertical-nav ul li ul li { margin-bottom:0px; margin-top:0px; font-size: .9em; } #vertical-nav ul li ul li ul li { margin-bottom:0px; margin-top:0px; font-size: 1em; } /* Look-Book */ body.cms-look-book { background-color: #303030; background-image: url('none'); } ul#pikame { padding-left:0; width:655px; margin:0 auto; } .pika_main { width:655px; padding-right:20px; margin:0 auto; } #pikame li { margin:2px; float: left; border:2px solid #222; } /* thats all you NEED to edit. But continue if you'd like. */ ul#pikame li img { position:relative; cursor:pointer; } .pika_main img { border:5px solid #222; } .pika_main { position: relative; margin:0 auto; } .pikachoose li { float:left; position:relative; overflow:hidden; list-style:none; } .pika_play { position:absolute; top:10px; right:20px; z-index:1; } .pika_play a { position:relative; margin-left:auto; cursor:pointer; } .pika_play img { border:none !important; } /* ADD HEIGHT TO CAPTION */ .pika_caption { width:100%; height: 0 ; text-align:center; } .pika_navigation a { font-size: 12px; color: #000; text-decoration: none; } .pika_navigation a:hover { text-decoration: underline; } .pika_navigation { padding-top:5px; clear:both; text-align:center; } .sliderjs{ margin: auto; } /* Mad Price of the Week */ button.button-mad { border:0px none; height: 76px; overflow:visible; margin-top: 20px; width: 110px; background:url('../images/mad-add-to-cart.jpg') no-repeat 0 50%; cursor:pointer; padding-left:12px; padding-right:0; padding-top:0; padding-bottom:0 } img.button-mad { border:0px none; height: 76px; overflow:visible; margin-top: 20px; width: 110px; cursor:pointer; padding-left:12px; padding-right:0; padding-top:0; padding-bottom:0 } /* Left Nav Categories */ #cat-1038 { color: #E67E1B !important; font-weight: bold; text-transform: uppercase; } /* Sale */ #cat-389 { color: #E67E1B !important; font-weight: bold; text-transform: uppercase;} /* Closeout */ /* BAGS CATEGORY PAGE */ .bags-cat ul {list-style:none;position:absolute; } .bags-cat li { color:#858585; font-family:Verdana,arial,helvetica; text-decoration:none; font-size:11px; font-weight:normal; font-style:italic; width: 200px;} .bags-cat li a { color:#537092; font-family:Verdana,arial,helvetica; text-decoration:none; font-size:11px; font-weight:normal; font-style:normal;width: 200px;} .bags-cat li a:hover{ color:#EC7500; text-decoration:none; } /* landing pages navigation */ .paper-twisted {float: left; margin: 315px 200px 0px 80px; position:absolute; z-index:100; } .eurototes {float: left; margin: 315px 200px 0px 265px; position:absolute; z-index:100; } .merchandise {float: left; margin: 315px 200px 0px 465px; position:absolute; z-index:100; } /* SMALL POP UP ======================================================================================= */ /* .tab-bags { float: left; margin: 0px 0px 0px 27px; position:absolute; z-index:100; }*/ .tab-smallpop ul{ width:auto; margin:0; padding:0; list-style:none;position:absolute; background-color:#dbe1e4;border:1px solid #a7c8d9; } .tab-smallpop ul li{ color: #294f6c; float: left; padding: 2px 8px 1px 2px; text-decoration: none; font-size:11px;font-family:Verdana,arial,helvetica; width: 168px; list-style:none;} .tab-smallpop ul li a{ color: #294f6c; float: left; padding: 1px 0px 1px 4px; text-decoration: none; font-size:11px;font-family:Verdana,arial,helvetica; width: 168px;; list-style:none; } .tab-smallpop ul li a:hover{ background:url('../images/tabbkg.jpg') no-repeat 0 0;color: #FFFFFF; } .tab-smallpop ul li.hoverover a{background-color:#dbe1e4; } .tab-smallpop ul li.hoverover a:hover{ background:url('../images/tabbkg.jpg') no-repeat 0 0;color: #FFFFFF; } .tab-smallpop ul li.topfirst { background:url('../images/dropdown_top2.jpg') no-repeat 0 0;width: 168px; height: 8px} .tab-smallpop ul li.butlast { background-color:#dbe1e4; width: 168px; height: 8px} /* .tab-bags ul li.butlast { background:url('../images/dropdown_top.jpg') no-repeat 0 0;width: 168px; height: 8px} */ /* ======================================================================================= */ /* GREEN PAGE STYLES **/ .greenpage {color:#616b48; font-family:Verdana,arial,helvetica; text-decoration:none; font-size:11px; }, .greenpage a{ color:#616b48; font-family:Verdana,arial,helvetica; text-decoration:none; font-size:11px;} .greenpage a:hover{ color:#EC7500; text-decoration:none; } .Eco {float: left; margin: 240px 200px 0px 215px; position:absolute; z-index:100;width: 120px; list-style:none;} .Eco ul {list-style:none;} .Eco li a {color:#616b48; font-family:Verdana,arial,helvetica; text-decoration:none; font-size:11px; font-weight:normal; list-style:none;} .Eco li a:hover {color:#2e3321; } .Rekit {float: left; margin: 235px 200px 0px 380px; position:absolute; z-index:100; width: 160px;} .Rekit ul {list-style:none;} .Rekit li a {color:#616b48; font-family:Verdana,arial,helvetica; text-decoration:none; font-size:11px; font-weight:normal; list-style:none;} .Rekit li a:hover {color:#2e3321; } .PaperSh {float: left; margin: 470px 200px 0px 530px; position:absolute; z-index:100; width: 160px;} .PaperSh ul {list-style:none;} .PaperSh li a {color:#616b48; font-family:Verdana,arial,helvetica; text-decoration:none; font-size:11px; font-weight:normal; list-style:none;} .PaperSh li a:hover {color:#2e3321; } .KraftStar {float: left; margin: 590px 200px 0px 400px; position:absolute; z-index:100; width: 160px;} .KraftStar ul {list-style:none;} .KraftStar li a {color:#616b48; font-family:Verdana,arial,helvetica; text-decoration:none; font-size:11px; font-weight:normal; list-style:none;} .KraftStar li a:hover {color:#2e3321; } .KraftGift {float: left; margin: 680px 200px 0px 330px; position:absolute; z-index:100; width: 160px;} .KraftGift ul {list-style:none;} .KraftGift li a {color:#616b48; font-family:Verdana,arial,helvetica; text-decoration:none; font-size:11px; font-weight:normal; list-style:none;} .KraftGift li a:hover {color:#2e3321; } .EcoTissue {float: left; margin: 680px 200px 0px 98px; position:absolute; z-index:100; width: 180px;} .EcoTissue ul {list-style:none;} .EcoTissue li a {color:#616b48; font-family:Verdana,arial,helvetica; text-decoration:none; font-size:11px; font-weight:normal; list-style:none;} .EcoTissue li a:hover {color:#2e3321; } .SpringFill {float: left; margin: 530px 200px 0px 40px; position:absolute; z-index:100; width: 160px;} .SpringFill ul {list-style:none;} .SpringFill li a {color:#616b48; font-family:Verdana,arial,helvetica; text-decoration:none; font-size:11px; font-weight:normal; list-style:none;} .SpringFill li a:hover {color:#2e3321; } .EcoBreadcrumbs {float: left; margin: 13px 200px 0px 20px; position:absolute; z-index:100; width: 350px;} .EcoBreadcrumbs {color:#537092; font-family:Verdana,arial,helvetica; text-decoration:none; font-size:11px; font-weight:bold; } .EcoBreadcrumbs a {color:#537092; font-family:Verdana,arial,helvetica; text-decoration:none; font-size:11px; font-weight:bold; } .EcoBreadcrumbs a:hover{ color:#EC7500; text-decoration:none; } .AllBreadcrumbs {float: left; margin: 0px 0px 0px 20px; position:absolute; z-index:100; width: 350px;} .AllBreadcrumbs {color:#537092; font-family:Verdana,arial,helvetica; text-decoration:none; font-size:11px; font-weight:bold; } .AllBreadcrumbs a {color:#537092; font-family:Verdana,arial,helvetica; text-decoration:none; font-size:11px; font-weight:bold; } .AllBreadcrumbs a:hover{ color:#EC7500; text-decoration:none; } .labels2 { color: #ffffff; font-weight: bold; background: #A7C8D9; padding: 0px 1px 0 0; }