/** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @copyright Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com) * @licensehttp://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0) */ /* Layout ================================================================================= */ body{ background: #d4e3d0;} .wrapper { padding: 0 0 25px 0;} .page { width:900px; margin:0 auto; text-align:left; } .template-2cols .page { background: url(../images/blocks/bg_contailer_2cols_left.gif) top left repeat-y;} .template-2cols-right .page { background: url(../images/blocks/bg_contailer_2cols_right.gif) top left repeat-y;} .checkout-onepage-index .template-2cols-right .page { background: url(../images/blocks/bg_contailer_2cols_right_w.gif) top left repeat-y;} .template-3cols .page { background: url(../images/blocks/bg_contailer_3cols.gif) top left repeat-y;} .template-1col .page { background: url(../images/blocks/bg_contailer_1col.gif) top left repeat-y;} .page-print { background:#fff; padding:20px; text-align:left; } .page-popup { padding:20px; text-align:left; } .main { } /* Base Columns */ .col-left { float:left; width:169px; } .col-main { float:left; width:705px; min-height: 500px; height: auto!important; height: 500px; padding-bottom: 10px;} .col-right { float:right; width: 205px; padding: 0;} /* 1 Column Layout */ .col1-layout .col-main { float:none; width:auto; padding: 10px 13px; border-top: #ccc solid 1px;} .checkout-cart-index .col-main { padding: 10px 13px 0px 13px; } /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; padding: 0 10px 0 0; overflow-x: hidden;} .template-2cols .col-left { border-top: #c3c3c3 solid 1px;} .col2-right-layout .col-main { width: 672px; padding: 0 0 10px 13px;} .checkout-onepage-index .col2-right-layout .col-main { width: 652px; } .col2-right-layout .col-right { width: 205px;} .checkout-onepage-index .col2-right-layout .col-right { width: 225px;} /* 3 Columns Layout */ .col3-layout .col-main { width:505px; margin-left:10px; display: inline;} .template-3cols .header-container {border-bottom: #c3c3c3 solid 1px;} /* Content Columns */ .col2-set { /* background: url(../images/blocks/dot.gif) 50% top repeat-y; border-top: #ccc solid 1px; */} .col2-set .col-1 { float:left; width:48%; } .col2-set .col-2 { float:right; width:48%; } .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%; } /* ======================================================================================= */ /* 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 #ddd; } 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:0; } /* FF Fix */ button.button { font-size: 11px; overflow:visible; width:auto; border:0; padding:0 0 0 6px; background:url(../images/bkg_button.gif) 0 50% no-repeat; cursor:pointer; -webkit-border-fit:lines; /* <- Safari & Google Chrome Fix */ } a.button { font-size: 11px; overflow:visible; width:auto; border:0; padding:0 0 0 6px; background:url(../images/bkg_button.gif) 0 50% no-repeat; cursor:pointer; -webkit-border-fit:lines; /* <- Safari & Google Chrome Fix */ text-decoration: none;} button.button span { float:left; padding:0 5px 0 0; background:url(../images/bkg_button.gif) 100% 50% no-repeat; font:bold 11px/18px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#fff; } a.button span { float:left; padding:0 5px 0 0; background:url(../images/bkg_button.gif) 100% 50% no-repeat; font:bold 11px/18px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#fff; } button.pink-button, button.pink-button span { background-image:url(../images/bkg_button_pink.gif); } a.pink-button, a.pink-button span { background-image:url(../images/bkg_button_pink.gif); } button.arrow-left, button.arrow-left span, a.arrow-left, a.arrow-left span { background-image:url(../images/bkg_button_arrow_left.gif); } button.arrow-left, a.arrow-left { padding-left: 16px; } 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:0; } /* 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 label .date-format { font-weight:normal; color: #999; } .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: 10px 0 0; padding:5px; border-top:1px solid #ddd; } .buttons-set .back-link { float:left; } .buttons-set button.button { float:right; } .buttons-set2 { clear:both; margin:5px 0 0; padding:5px; border:1px solid #ddd; text-align:right; } /* Form Validation */ .validation-advice { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px; font-size:10px; line-height:13px; background:url(../images/validation_advice_bg.gif) 2px 1px no-repeat; color:#f00; } .validation-failed { border:1px dashed #f00 !important; 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; clear: both; } .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 { padding: 4px 10px; margin: 0 1px; background: #f5f5f5; color: #666666; } .col2-left-layout .breadcrumbs { } .breadcrumbs li { display:inline; font-size: 12px;} .breadcrumbs li a:link { color: #818181; } /* Page Heading */ .page-title { border-bottom:1px solid #ddd; padding:0 0 5px; margin:0 0 10px; } .template-2cols .page-title { padding: 10px 0 5px; margin:0 0 10px; } .page-title h2 { margin:0 ; color: #000;} .title-buttons { text-align:right; } .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } /* Pager */ .pager { padding:10px 0; margin:0; text-align:center; font-size: 11px; } .pager .amount { float:left; margin: 0 30px 0 0; } .pager .limiter { float:right; } .pager .pages { float: right; font-weight: bold; margin: 0 0 0 40px;} .pager .pages ol { display:inline; } .pager .pages li { display:inline; float: left; } .pager .pages li a:link, .pager .pages li a:visited { width: 19px; height: 19px; line-height: 19px; display: block; border: #ccc solid 1px; margin: 0 3px 0 0; text-decoration: none; text-align: center; } .pager .pages li.next a:link, .pager .pages li.next a:visited, .pager .pages li.prev a:link, .pager .pages li.prev a:visited { width: 42px; height: 21px; line-height: 21px; display: block; border: #ccc solid 0px; margin: 0 3px 0 0; text-decoration: none; } .pager .pages li span { width: 19px; height: 19px; line-height: 19px; display: block; border: #ccc solid 1px; margin: 0 3px 0 0; background: #f2f2f2;} .pager .pages .current {} .pager .sort-by { float:left; } .bottom_toolbar .amount,.bottom_toolbar .limiter,.bottom_toolbar .sort-by { display: none; } /* 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 #ccc; font-weight:bold; white-space:nowrap; } .data-table td { padding:5px; border:1px solid #ccc; } .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) 0 4px no-repeat; 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) 100% 4px no-repeat; 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 */ .std, .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; } /* Misc */ .link-rss { background:url(../images/icon_rss.gif) 0 1px no-repeat; padding-left:18px; white-space:nowrap; } /* Noscript Notice */ .noscript { border:1px solid #ddd; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .noscript .noscript-inner { width:1000px; margin:0 auto; padding:12px 0 12px; background:url(../images/i_notice.gif) 20px 50% no-repeat; } .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_holder { float: left; width: 283px; margin: 19px 0 5px 3px;} .header .logo { float: left; width:271px; height:51px; vertical-align: bottom; overflow:hidden; margin: -3px 0 0 12px; display: inline;} .sublogo {float:right;} a.sublogo:link, a.sublogo:visited , a.sublogo:hover { color: #27a4b4; text-decoration: none; margin-right: 13px; font-size: 17px; font-weight:bold;} /* .header-container {border-bottom: #c3c3c3 solid 1px;} */ .header { background: #fff; margin: 0 1px; padding: 0 0 6px 0; } .header .logo { background-position:0 0; background-repeat:no-repeat; text-indent:-999em; } .header .logo a { display:block; width:271px; height:67px; } .header .links { float:right; } /* .header .tel_number { padding: 6px 11px 0 0; float:right; margin: 9px 0 5px; } */ .header .tel_number { padding: 0px 11px 0 0; float:right; margin: 6px 0 5px; } .header .links li { float: left; } .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:right; font-weight:bold; } .form-search .search-autocomplete li.selected {} .header .form-language { text-align:center; } .lead_in { height: 24px; line-height: 24px; padding: 0 10px; background: #d4e3d0; font-weight:450; font-size: 11px; text-align: center; color: #9ba799; } /********** < Navigation */ #nav { padding: 0 0 0 13px; background: #27a4b4;} /* All Levels */ #nav li { text-align:left; position:relative; font-size: 11px; font-weight: bold; } #nav li.over { z-index:999; } #nav li.parent {} #nav li a:link, #nav li a:visited { color: #fff; 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: 4px 10px 3px 10px; font-weight:bold; color:#888; border-left: #c9e8ec solid 1px;} #nav li a:hover { color:#FFFFFF; background: #317d8b;} #nav li.over a #nav li.active a, #nav li.active a:link, #nav li.active a:visited { color:#2399a4; background: url(../images/blocks/bg_menu_act.gif) top left repeat-x;} /* 2nd Level */ /* #nav ul { position:absolute; width:15em; top:23px; left:-10000px; border:1px solid #ddd; background:#fafafa; } #nav ul li { float:none; border-bottom:1px solid #ddd; } #nav ul li.last { border-bottom:0; } #nav ul li a { float:none; padding:3px 9px; font-weight:normal; color:#888 !important; border-left: #333 solid 0px; background: none!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; background: none;} */ /* 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 > */ /* ======================================================================================= */ /* Sidebar =============================================================================== */ .block { margin: -1px 1px 10px; } .narrow-block { font-family: "Trebuchet MS", sans-serif; } .block .block-title { border-bottom:1px solid #c3c3c3; border-top:1px solid #c3c3c3; padding: 8px 10px 6px 10px; background: #e4f4f5;} .narrow-block .block-title { padding: 2px 10px 1px 10px; background: #28a4b5;} .block .block-title h2 { font-size:15px; font-weight:bold; line-height:1.5; color: #2693a5; margin: 0;} .narrow-block .block-title h2 { color: #fff; font-size: 11px; text-transform: uppercase; text-align: center; letter-spacing: 2px;} .block h3 { font-size:14px; line-height:1.5; } .block .block-content { padding:10px; } .block .actions { text-align:right; } .block .actions a { float:left; } .block ol { } .block ol li { padding: 0 0 0 10px; background: url(../images/bullets/bullet01.gif) left 5px no-repeat; } /* Block: Account */ .block-account { } /* 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 { text-align: center; } .gift-wrapper .block-related { margin: 0;} .block-related .block-title { margin-top: 10px; background: url(../images/blocks/bg_block_header.gif) center no-repeat; border: #333 solid 0px;} .gift-wrapper .block-related .block-title { margin-top: 0px; padding: 3px 0; } .block-related .block-title h2{ font-size: 14px;} .block-related li { padding: 0!important; background: none!important; } .block-related input.checkbox { } .block-related li.item { margin: 0 0 20px 0; } /* .block-related li.last { margin: 0; } */ .block-related .item .product-image { width: 100px; margin: 0 auto; display: block; border: #c3c3c3 solid 1px; } .block-related .item .product-details { } .block-related .item .product-details .product-name { font-size: 10px; } /* Block: Upsells */ .block-upsells { text-align: center; } .gift-wrapper .block-upsells { margin: 0;} .block-upsells .block-title { margin-top: 10px; background: url(../images/blocks/bg_block_header.gif) center no-repeat; border: #333 solid 0px;} .gift-wrapper .block-upsells .block-title { margin-top: 0px; padding: 3px 0; } .block-upsells .block-title h2{ font-size: 14px; color: #56b0be;} .block-upsells li { padding: 0!important; background: none!important; } .block-upsells input.checkbox { } .block-upsells li.item { margin: 0 0 20px 0; } /* .block-upsells li.last { margin: 0; } */ .block-upsells .item .product-image { width: 100px; margin: 0 auto; display: block; border: #c3c3c3 solid 1px; } .block-upsells .item .product-details { } .block-upsells .item .product-details .product-name { font-size: 10px; } /* 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 { color: #333} .block-subscribe input{ font-size: 11px; } .block-subscribe .input-box { display: inline; } .block-subscribe label { font-weight: bold; } /* 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 */ .col-right .block-banner {border-bottom: #ccc solid 1px; margin-bottom: 30px;} .block-banner .block-content { text-align:center;} .col-right .block-banner .block-content { border-top: #ccc solid 1px; border-bottom: #ccc solid 1px;} .block-banner .block-content p{ margin: 5px 0 0 0; } /* Block: Checkout Progress */ .block-progress .block-content{ padding: 0; } .block-progress { font-size: 12px; } .block-progress dt { font-weight:bold; padding: 2px 10px; background: #F6F6F6; border-bottom: #ddd solid 1px; } .block-progress dt.complete { background: #27A4B4; color: #fff; } .block-progress dt.complete a:link, .block-progress dt.complete a:visited { color: #fff; } .block-progress dt.complete a:hover { text-decoration: none; } /* .block-progress dt.complete, */ .block-progress dd.complete { font-size: 11px; padding: 5px 10px; border-bottom: #ddd solid 1px;} .block-checkout-info {border-top: #C3C3C3 solid 1px;} .block-contacts {margin-bottom: 0; } .block-contacts .img_holder{ position: absolute; top: -15px; right: 0; z-index: 2; } .block-contacts .block-content{ position: relative; z-index: 1; height: 92px; padding: 2px 0 0 7px; } .block-contacts .tel{ font-size: 18px; color: #fd70af; } .block-contacts .chat { margin-bottom: 4px;} .block-contacts .chat a { width: 104px; height: 26px; line-height: 26px; padding: 0 0 0 20px; color: #27a4b4; text-decoration: none; background: url(../images/blocks/bg_chat.gif) top left no-repeat; text-align: center; display: block;} .block-contacts .e-mail a { width: 104px; height: 26px; line-height: 26px; padding: 0 0 0 20px; color: #27a4b4; text-decoration: none; background: url(../images/blocks/bg_mail.gif) top left no-repeat; text-align: center;display: block;} .block-share { border-bottom:1px solid #CCCCCC; color: #666666; } .block-share .block-title { background: #27a4b4; text-align: center;} .block-share .block-title h2 { color: #fff; font-size: 11px;} .block-share .block-content { padding: 5px; background: #f6f6f6; font-family: Verdana, Arial, sans-serif;} .block-share .block-content p{ margin: 0 0 10px 0;} .block-share .block-content p.more{ margin: 0; text-align: right;} .block-share .img_holder { float: left; margin: 0 7px 0 0;} /* ======================================================================================= */ /* Category Page ========================================================================= */ .category-title { margin: 10px 0; } .category-title h2 { color: #ed5ea5; } .category-image { display:block; margin:0 auto; } .category-products {} /* View Type: Grid */ .products-grid { width:100%; } .products-grid ul { width: 720px; margin: 0 0 10px 0; } .products-grid .product-image { width: 168px; height: 168px; text-align: center; line-height: 168px; /*display: table-cell;*/ display: block; } .products-grid .product-image img{ vertical-align: middle; margin: 0 auto;} .products-grid ul li{ width: 168px; height: 270px; float: left; margin: 0 9px 10px 0; border: #cccccc solid 1px; } .products-grid ul li:hover, .products-grid ul li:hover .list-info{ border-color: #beeff2; } .products-grid ul li .list-info { padding: 10px; border-top: #cccccc solid 1px; } /* 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 {} /* Product Images */ .product-view .product-img-box { float:left; width:192px; } .product-view .product-img-box .product-image { border:1px solid #ddd; } .product-view .product-img-box .product-image-zoom { position:relative; width:190px; height:226px; overflow:hidden; z-index:9; margin: 0; } .product-view .product-img-box .product-image-zoom img { position:absolute; left:0; top:0; cursor:move; } .product-view .product-img-box .zoom-notice { text-align:center; } .product-view .product-img-box .zoom { position:relative; z-index:9; height:22px; margin:0 auto 13px; padding:0 28px; background: #c3c3c3; cursor:pointer; } .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) 0 0 no-repeat; display: none; } .product-view .product-img-box .zoom .btn-zoom-out { position:absolute; right:1px; top:1px; } .product-view .product-img-box .zoom .btn-zoom-in { position:absolute; right: 24px; top:1px; } .product-view .product-img-box .more-views ul { margin-left:-8px; float: left; } .product-view .product-img-box .more-views li { float:left; padding:1px; background-color:#ddd; margin:0 0 8px 8px ; } .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-popup .product-image { border:1px solid #ddd; background: #fff; text-align: center;} .product-image-popup .product-image-zoom { position:relative; width:478px; height:478px; /*610px;*/ overflow:hidden; z-index:9; margin: 0; background: #fff;} .product-image-popup .product-image-zoom img { position:absolute; left:0; top:0; cursor:move; } .product-image-popup .zoom-notice { text-align:center; } .product-image-popup .zoom { position:relative; z-index:9; height:22px; margin:0 auto 13px; padding:0 28px; background: #c3c3c3; cursor:pointer; } .product-image-popup .zoom #track { position:relative; height:18px; } .product-image-popup .zoom #handle { position:absolute; left:0; top:-1px; width:9px; height:22px; background:url(../images/magnifier_handle.gif) 0 0 no-repeat; display: none; } .product-image-popup .zoom .btn-zoom-out { position:absolute; right:1px; top:1px; } .product-image-popup .zoom .btn-zoom-in { position:absolute; right: 24px; top:1px; } .product-image-popup .more-views ul { margin-left:-8px; float: left; } .product-image-popup .more-views li { float:left; padding:1px; background-color:#ddd; margin:0 0 8px 8px ; } /* Product Shop */ .product-view .product-shop { float:right; width:303px; } /*has IE rewrite*/ .product-view .product-name h1 {margin: 15px 0; } .product-view .short-description {} /* Rating */ .ratings {} .ratings p{ margin: 0; } .ratings .amount {} .ratings .rating-links {} .ratings .rating-links a{ padding: 0 0 0 8px; background: url(../images/bullets/bullet07.gif) left center no-repeat;} .ratings dt {} .ratings dd {} .rating-box { float: left; margin: 0 10px 0 0; width:84px; height:17px; font-size:0; line-height:0; background:url(../images/bg_rating.gif) 0 0 repeat-x; position:relative; overflow:hidden; } .rating-box .rating { position:absolute; top:0; left:0; height:17px; background:url(../images/bg_rating.gif) 0 100% repeat-x; } /* Availability */ .availability {} .availability .in-stock { font-weight:bold; } .availability .out-of-stock { font-weight:bold; color:#f00; } /********** < Product Prices */ .price { white-space:nowrap !important; } .price-box {} .price-box p{ margin: 0; } .price-box .price { 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; text-decoration:line-through; color: #d00041; } .old-price .price { text-decoration:line-through; color: #d00041; } /* Special price */ .special-price {} .special-price .price-label { font-weight:bold; white-space:nowrap; color: #000;} .special-price .price { font-weight:bold; color: #000;} /* 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 .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-cart table { float:left; margin: 5px 5px 0 0; } .product-shop .add-to-cart{ margin: 0 0 10px 0; } .product-shop .price-box{ margin: 0 0 10px 0; } /* Add to Links + Add to Cart */ .add-to-box {} .add-to-box .add-to-cart { float:left; } .add-to-box .add-to-cart a { float:left; } .add-to-box .or { float:left; margin:0 10px; } .add-to-box .add-to-links { float:left; } /* Product Options */ .product-options { margin:10px 0 0; } .product-options dt { width: 65px; float: left;} .product-options dt label { font-weight:bold; } .product-options dt .qty-holder { float:right; } .product-options dt .qty-holder label { vertical-align:middle; } .product-options dt .qty-disabled { background:none; border:0; padding:3px; color:#000; } .product-options dd { margin: 0px 0 10px 70px; } .product-options dl.last dd.last { margin-bottom: 0;} .product-options dd input.input-text { width:58%; } .product-options dd textarea { width:98%; height:8em; } .product-options dd select { width:60%; } .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: 5px 0 0; margin: 0 0 5px 0; } .product-options-bottom { } .product-options-bottom .price-box { margin:10px 0; display: none; } /* Grouped Product */ .grouped-items {} /* Block: Description */ .product-view .description {} /* Block: Additional */ .product-view .additional {} /* Block: Upsell */ .product-view .up-sell {} .product-view .up-sell .products-grid td { width:25%; } /* 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 dt {border-top: #ccc solid 1px; padding-top: 10px; } /* Block: Add Review */ .product-view .add-review {} .product-view .add-review .product-name span { font-weight:normal; } /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { font-size:1em; font-weight:bold; line-height:1.5; margin: 0; } /* 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-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-holder { width: 100%; background: url(../images/blocks/v_separator02.gif) 190px top repeat-y; } /*has ie overwrite*/ .cart .checkout-types { float:right; text-align:right; } .cart .checkout-types li{ margin: 0 0 10px 0;} /* Shopping Cart Table */ .table-holder { width: 684px; float: right; } .cart-table { border-collapse: separate; border-left: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC;} .cart-table td, .cart-table th{ border-left: 0 solid #333; border-top: 0 solid #333; } .cart-table .item-msg { font-size:10px; } .mono_header {margin: 10px 0 0 0;} table .embrodery_cart_item dl { /* width: 155px; float: left; */ } table .embrodery_cart_item dl dt{ float: left; padding: 0 5px 0 0;} .gift-wrapper { width: 180px; float: left;} /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { float:left; width:300px; min-height: 310px; height: auto!important; height: 310px; border-right: #ccc solid 1px; background: url(../images/blocks/dot.gif) left top repeat-y;} .cart .cart-collaterals .col-1{ display: none;} .cart .cart-collaterals .col-2{ width: 95%;} .cart .cart-collaterals h3{ margin: 10px 0 0 0;} .cart .crosssell .product-image { float:left; margin-right:-90px; } .cart .crosssell .product-image img{ border: #ccc solid 1px;} .cart .crosssell .product-shop { margin-left:90px; } .cart .crosssell ul { margin: 10px 0 0 0; } .cart .crosssell ul li { padding: 10px 0; border-top: #ccc solid 1px; } .cart .shipping {} /* Shopping Cart Totals */ .cart .totals { width: 250px; 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:0px; } .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:1px solid #ddd; border-bottom:0; } .opc .step-title { background-color:#f6f6f6; padding:0 5px; text-align:right; } .opc .step-title .edit-step { display: none; line-height: 22px; color: #fff;} .opc .step-title .edit-step:hover { text-decoration: none;} .opc .allow .step-title .edit-step{ display: inline;} .opc .active .step-title .edit-step{ display: none;} .opc .step-title .number { float:left; line-height:22px; margin-right:5px; } .opc .step-title h3 { float:left; margin: 0; line-height: 22px; color: #000;} .opc .allow .step-title { cursor:pointer; background: #27A4B4; color: #fff;} .opc .allow .step-title h3 { color: #fff;} .opc .active {} .opc .active .step-title { background-color:#ccc; cursor:default; color: #000;} .opc .active .step-title h3 { color: #000; } .opc .step { border-top:1px solid #ddd; padding:10px; position:relative; } .opc .step .tool-tip { right:10px; } .opc .order-review {} .opc .col2-set { background: url(../images/blocks/v_separator01.gif) top center repeat-y;} .opc h4 { font-size: 14px; color: #ED5EA5;} .opc h4.product-name { font-size: 12px; } .opc p { margin: 0 0 5px 0;} .opc .discount h3 { font-size: 12px; margin: 10px 0 0 0;} .opc .discount .validation-advice { width: 115px; float: left; clear: none; } .opc .buttons-set button.button { background-image: url(../images/bkg_button_arrow.gif); } .opc .buttons-set button.button span { padding-right: 16px; background-image: url(../images/bkg_button_arrow.gif); } /* 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 h4{margin: 10px 0 0 0; font-size: 12px; } .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) 0 4px no-repeat; 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 {} /* 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; } /* ======================================================================================= */ /* Footer ================================================================================ */ .footer { margin: 0 1px; font-size: 11px; } .footer p { text-align:right; } .footer .footer_menu { padding: 3px 0 0 25px; background: #e8ede5; } .footer .top_footer { margin: 0 0 0 168px; padding: 15px 10px; border-top: #cecece solid 1px; background: #fff;} .template-1col .footer .top_footer, .template-2cols-right .footer .top_footer { margin: 0; } .footer .footer_menu ul { padding: 0 0 0 2em; color: #333333;} .footer .footer_menu li { line-height: 15px;} .footer .footer_menu h5 { font-size: 12px; font-weight: bold; color: #1b4b54; margin: 0 0 10px 20px;} .footer .footer_menu a:link, .footer .footer_menu a:visited { color: #333333; } .footer .footer_menu a:hover { color: #ED5EA5; } .footer .footer_menu .block_menu { width: 200px; height: 150px; padding: 8px 0 7px 14px; float: left; background: url(../images/blocks/v_separator01.gif) left 20px repeat-y;} .footer .footer_menu .no_bg_block { background: none;} .footer .copyright_info { height: 20px; line-height: 20px; padding: 0 16px; background: #1698a8; color: #fff; position: relative; z-index: 1;} .footer .copyright_info .promo_sites { color: #000; position: absolute; z-index: 2; top: 22px; left: 16px; } .footer .copyright_info .footer_links{ float: right; } .footer .copyright_info .footer_links li { display: inline; } .footer .copyright_info .footer_links a:link, .footer .copyright_info .footer_links a:visited { color: #fff; } /* ======================================================================================= */ /* ** MAGENTO default styles for custom theme styling ** by Roman Teslya (Wolf) */ /* Default ----------------------------------------*/ .clearer { height: 1px; font-size: 1px; clear: both; overflow: hidden;} .no-display { display: none; } /*Positioning*/ .a-left { text-align: left; } .a-center { text-align: center; } .a-right { text-align: right; } /*Floating*/ .f-left {float: left;} .f-right {float: right;} .f-none {float: none;} /* Layout + Content ----------------------------------------*/ .striped_banners { height: 75px; float: right; background: url(../images/blocks/bg_header_promo.jpg) top right no-repeat;} .striped_banners ul { padding: 0; } .striped_banners ul li { width: 140px; float: left; margin: 0 2px 0 6px; padding: 6px 0 0 0; position: relative; z-index: 1; text-align: right; line-height: 120%; display: inline;} .striped_banners ul li .img_holder { float: right; margin: 0 0 0 10px; } .striped_banners ul li a:link, .striped_banners ul li a:visited { font-family: "Trebuchet MS", sans-serif; font-size: 10px; color: #3a3d39; text-transform: uppercase; text-decoration: none; font-weight: bold; } /*has IE overwrite*/ .striped_banners ul li a.link_button:link, .striped_banners ul li a.link_button:visited { letter-spacing: 2px; padding: 1px 15px 1px 6px; font-size: 10px; color: #fff; background: #6d956a url(../images/bullets/bullet11.gif) 44px 4px no-repeat; display: block; position: absolute; bottom: 0; left: 0; z-index: 2;} .search_box { padding: 0px 0px 0px 0px; margin: 0px 1px; background: #f5f5f5; height: 28px; color: #535353; font-size: 11px;} .header_banner { padding: 10px 10px 5px 12px; margin: 0 1px; background: #f5f5f5; } #search_mini_form, .form-search { width: 510px; float: left; } .form-search { padding: 10px 0 0 6px; font-weight: bold;} .form-search .input-text { width: 225px; font-size: 11px; color: #535353;} .form-search select { font-size: 11px; color: #535353;} .search_box ul.links { width: 200px; float: right; list-style: none; padding: 10px 7px 0 0;} .search_box ul.links li { display: inline; float: right; background: url(../images/blocks/bg_vsep.gif) right center no-repeat; padding: 0 8px 0 6px;} .search_box ul.links li.first { background: none; padding: 0 0px 0 6px;} .search_box ul.links li a:link{ color: #535353; } .search_box ul.links li a:visited{ color: #9933B2; } .search_box ul.links li a:hover{ color: #ED5EA5; } .nav-list {padding: 0 0 0 5px;} .nav-list li{ width: 100%; font-size: 12px; line-height: 18px; } .nav-list li a{ padding: 0 0 0 10px; background: url(../images/bullets/bullet01.gif) left 5px no-repeat; display: block; } .narrow-block .nav-list li a{ background: url(../images/bullets/bullet12.gif) left 7px no-repeat;} .nav-list li.act a { background: url(../images/bullets/bullet03.gif) left 7px no-repeat; font-weight: bold; } .narrow-block .nav-list li.act a { background: url(../images/bullets/bullet12.gif) left 7px no-repeat; } .nav-list li span{color: #15409c; background: url(../images/bullets/bullet01.gif) left 5px no-repeat; font-weight: bold; padding: 0 0 0 10px;} .nav-list li li a, .nav-list li.act li a{ background: url(../images/bullets/bullet02.gif) left 7px no-repeat; font-weight: normal;} .narrow-block .nav-list li li a, .narrow-block .nav-list li.act li a{ background: url(../images/bullets/bullet12.gif) left 7px no-repeat;} .nav-list li.act li.act a, .nav-list li.act li.act li.act a { font-weight: bold;} .nav-list li.act li.act li a { font-weight: normal;} .nav-list li li { font-size: 11px; } .nav-list li ul { display: none; padding: 0 0 0 10px; } .nav-list li.act ul ul{ display: none; } .nav-list li.act ul { display: block; } .nav-list li li.act ul { display: block; } .nav-list a:link, .nav-list a:visited { color: #15409c; text-decoration: none; } .narrow-block .nav-list a:link, .narrow-block .nav-list a:visited { color: #616366; font-size: 13px; } .nav-list a:hover { color: #ED5EA5; text-decoration: underline; } .cb01 {background: #fff url(../images/blocks/bg_cb01.gif) top left repeat-x; margin: 0 0 10px 0; } .cb01 .cb_lt {background: url(../images/blocks/bg_cb01_lt.gif) top left no-repeat;} .cb01 .cb_rt {background: url(../images/blocks/bg_cb01_rt.gif) top right no-repeat;} .cb01 .cb_t {background: url(../images/blocks/bg_cb01_t.gif) top left repeat-x;} .cb01 .cb_l {background: url(../images/blocks/bg_cb01_l.gif) top left repeat-y;} .cb01 .cb_r {background: url(../images/blocks/bg_cb01_r.gif) top right repeat-y;} .cb01 .cb_rb {background: url(../images/blocks/bg_cb01_rb.gif) bottom right no-repeat;} .cb01 .cb_lb {background: url(../images/blocks/bg_cb01_lb.gif) bottom left no-repeat;} .cb01 .cb_b {background: url(../images/blocks/bg_cb01_b.gif) bottom left repeat-x;} .cb01 .cb_content { padding: 10px;} .no-padding .cb_content { padding: 1px 2px 2px 2px;} .cb01, .cb01 .cb_lt, .cb01 .cb_rt, .cb01 .cb_t, .cb01 .cb_l, .cb01 .cb_r, .cb01 .cb_lb, .cb01 .cb_b {width: 100%; float: left;} /*Wolf: without this have probs in IE.*/ .imp_top_links { float: right; margin: 9px 0 5px 0;} .imp_top_links li{ float: left; padding: 1px 0 2px; border-left: #c7c7c7 solid 1px;} .imp_top_links li img{ display: block; } .imp_top_links li a{ height: 21px; padding: 0 10px; display: block; overflow: hidden;} .imp_top_links li a:hover img, .imp_top_links li.act a img { margin-top: -21px; } /*Category header block*/ .category-title-box { margin-top: 4px; margin-bottom: 15px;} .category_head { width: 325px; float: left; padding: 10px 10px 0 10px; } .category_head h1{ margin: 0; } .long_head { width: 493px; border-right: #ccc solid 1px; font-size: 12px; min-height:100px; height:auto !important; height:100px;} .category_head .img_holder { float: left; } .category_head .img_holder img{ float: left; border: #ccc solid 1px; margin: 0 10px 10px 0;} .imp_category_img { width: 167px; float: left; border-right: #ccc solid 1px; border-left: #ccc solid 1px;} .category_layered { width: 150px; float: right; padding: 10px 20px 0 0; } .category_layered ul{ } .category_layered ul li { margin: 0 0 15px 0;} .category_layered ul li select{ width: 135px;} .sub_catlist_gfx { background: #f6f6f4 url(../images/blocks/bg_subcat_list.gif) top left repeat-x; font-size: 11px; } .sub_catlist_gfx { width: 100%; float: left; background: #f6f6f4 url(../images/blocks/bg_subcat_list.gif) top left repeat-x;} .sub_catlist_gfx li{ width: 49%; float: left; padding: 1px 0; background: url(../images/blocks/h_separator01.gif) bottom left repeat-x; } .category_head .sub_cat_2cols .sub_catlist_gfx li { width: 100%; } .sub_catlist_gfx li a:link, .sub_catlist_gfx li a:visited { padding-left: 20px; text-decoration: none; background: url(../images/bullets/bullet04.gif) 8px 6px no-repeat; display: block; } .category_head .sub_catlist_gfx { width: 343px; margin-left: -8px; position: relative;} .long_head .sub_catlist_gfx { width: 511px; margin-left: -8px; position: relative;} .category_head .sub_cat_2cols .sub_catlist_gfx { width: 171px; margin-left: 0; position: relative; float: left;} .long_head .sub_cat_2cols .sub_catlist_gfx { width: 255px; margin-left: 0; position: relative; float: left;} .category_head .sub_cat_2cols {width: 343px; margin-left: -8px; background: #f6f6f4 url(../images/blocks/bg_subcat_list.gif) top left repeat-x; float: left; display: inline;} .long_head .sub_cat_2cols {width: 511px; margin-left: -8px; position: relative;} .no-selection ul { padding: 0; list-style: none;} .no-selection .category_head { width: 505px; } .no-selection .category_head .sub_cat_2cols { width: 523px; } .no-selection .category_head .sub_cat_2cols .sub_catlist_gfx { width: 261px; } .no-selection-v2 ul { padding: 0; list-style: none;} .no-selection-v2 .category_head { width: 513px; } .no-selection-v2 .long_head { width: 680px; border-right: #333 solid 0px;} .no-selection-v2 .category_head .sub_cat_2cols { width: 531px; } .no-selection-v2 .long_head .sub_cat_2cols { width: 699px; } .no-selection-v2 .category_head .sub_cat_2cols .sub_catlist_gfx { width: 265px; } .no-selection-v2 .long_head .sub_cat_2cols .sub_catlist_gfx { width: 349px; } .no-selection-v2 .long_head h2{ /* width: 100%; */ clear: both;/* display: block; */} .no-selection-v2 .imp_category_img { border-right: 0px solid #ccc; } .no-selection-v3 { width: 700px; } .no-selection-v3 ul { padding: 0; list-style: none;} .no-selection-v3 .category_head { width: 670px; } .no-selection-v3 .category_head .sub_cat_2cols { width: 670px; } .no-selection-v3 .category_head .sub_cat_2cols .sub_catlist_gfx { width: 325px; } .tabs { width: 100%; clear: both; float: left; background: url(../images/blocks/dot.gif) left 35px repeat-x; } .tabs li { height: 36px; float: left; padding: 0 7px 0 0; margin: 0 9px 0 0; background: url(../images/blocks/bg_tab.gif) top right no-repeat; } .tabs li:hover, .tabs li.active { background-position: bottom right; } .tabs li a:link, .tabs li a:visited { height: 36px; line-height: 36px; float: left; padding: 0; background: url(../images/blocks/bg_tab.gif) top left no-repeat; display: block; font-size: 11px; font-weight: bold; color: #15409c; zoom: 1;} .tabs li:hover a:link, .tabs li:hover a:visited, .tabs li a:hover, .tabs li.active a:link, .tabs li.active a:visited { background-position: bottom left; } .tabs li a span{ height: 36px; line-height: 36px; float: left; padding: 0 10px 0 17px; display: block; cursor: pointer;} .tabs #product_tabs_reviews a span{ padding: 0 10px 0 39px; background: url(../images/bullets/bullet08.gif) 3px center no-repeat; } .tabs #product_tabs_cms_size_chart a span, .tabs #product_tabs_core_size_chart a span{ padding: 0 10px 0 39px; background: url(../images/bullets/bullet09.gif) 3px center no-repeat; } .tabs #product_tabs_description a span{ padding: 0 10px 0 39px; background: url(../images/bullets/bullet10.gif) 3px center no-repeat; } .tab_box { clear: both; padding: 10px; border: #ccc solid 1px; border-top: #333 solid 0px;} #nav .megaSubmenu { width: 362px;/* height: 300px; */ position:absolute; top:23px; left:-10000px; background: #fff9df; color: #1e777f; font-size: 12px;} #nav .over .megaSubmenu { left: 0;} #nav .megaSubmenu .close_button { width: 100px; height: 20px; position: absolute; top: 5px; right: 10px; z-index: 2; } #nav .megaSubmenu .close_button a:link, #nav .megaSubmenu .close_button a:visited { height: 20px; line-height: 20px; display: block; padding: 0 15px 0 0; background: url(../images/bullets/bullet06.gif) right center no-repeat!important; float: right; border: #333 solid 0px;} #nav .megaSubmenu span { padding: 5px 17px; display: block; } #nav .megaSubmenu li a:link, #nav .megaSubmenu li a:visited{ color: #204AA2; font-size: 11px; padding: 5px 17px; display: block; text-decoration: underline; border: #333 solid 0px; float: none; font-weight: bold; background: none!important;} #nav .megaSubmenu li li a:link, #nav .megaSubmenu li li a:visited{ text-decoration: none; padding: 0; font-weight: normal;} #nav .megaSubmenu li li a:hover { text-decoration: underline; } #nav .megaSubmenu ul li { background: #fff2bb; border-top: #fff solid 1px; float: none!important; clear: both; } #nav .megaSubmenu dl { width: 100%; padding: 5px 0; background: #fff9df; border-top: #fff solid 1px;} #nav .megaSubmenu dl dt{ float: left; width: 52%;} #nav .megaSubmenu dl dd{ margin: 0 0 0 52%;} #nav .megaSubmenu li li { clear: none; background: #fff9df url(../images/bullets/bullet05.gif) 19px 8px no-repeat; padding: 0 0 0 28px; border-top: #fff solid 0px;} #nav .megaSubmenu li a:hover{ color: #ED5EA5; } .customer-account-index .col2-set h4 { margin: 0 0 5px 0; padding: 0; border-bottom: #cecece solid 1px;} .customer-account-index .col2-set h5 { margin: 0 0 5px 0; } .simple-list { margin: 0 0 10px 0; } .simple-list li { background:transparent url(../images/bullets/bullet01.gif) no-repeat scroll left 5px; padding:0 0 0 10px; } #monogram_block {} #monogram_block dt, #monogram_block dd{ clear: both;} #monogram_block .options-list { width: 100%; margin: 0 0 10px 0; float: left; clear: both;} #monogram_block .options-list li { width: 49%; float: left; margin: 0 0 2px 0;} #monogram_block #monogram_selector .options-list li { width: 100%; } #monogram_block #monogram_word_content_font li, #monogram_block #monogram_single_content_font li { height: 25px; } #monogram_block textarea, #monogram_block .input-text { width: 97%;} #monogram_block dl{ margin: 0 0 10px 0; } #monogram_block label { font-weight: bold; } #monogram_block .options-list label { font-weight: normal; } #monogram_block .colors-list li { width: 16px; height: 20px; padding: 0 0 0 4px; margin: 0 4px 4px 0; } #monogram_block .ready_preview, #monogram_block #monogram_word_content_ready { font-size: 22px; } #monogram_block .show_preview { float: left; text-decoration: none;} /*size chart*/ .size-chart-list ul li { padding-top: 5px;} .size-chart-list a.chart-link { font-size: 12px; color: #2faab7; padding: 0 0 0 15px; background: url(../images/bullets/plus.gif) left 4px no-repeat;} .size-chart-list a.act { background-image: url(../images/bullets/minus.gif) ;} /* CMS Blocks ----------------------------------------*/ .credit_cards { margin: 0 4px 20px 4px; text-align: center; } .credit_cards .img_cards img{ margin: 0 6px 10px 6px; } .baner_image { width: 461px; float: left; margin: 0 0 10px 0; } .welcome-text { width: 224px; float: right; padding: 0 9px;} .welcome-text h1{ color: #3b7c86; font-size: 16px; font-weight: bold; font-family: "Century Gothic", Arial, sans-serif;} .h-block {border: #C3C3C3 solid 1px; padding: 0px;} .h-block .set-three-cols .col-item { width: 226px; padding: 4px;} .h-block .set-three-cols .col-item .img_holder { padding: 0 0 10px 0;} .cms-bestsellers {border-bottom: #fd70af solid 10px; margin: 0 0 30px 0;} .cms-bestsellers .title-block { padding: 5px 15px; background: #27a4b4; color: #fff; font-weight: bold; font-size: 18px; } .cms-bestsellers ul { width: 100%; float: left; padding: 0; margin: 0;} .cms-bestsellers ul li { width: 120px; padding: 10px 9px; list-style: none; float: left; line-height: 130%;} .cms-bestsellers ul li .img_holder { height: 145px;} .cms-bestsellers ul li a:link, .cms-bestsellers ul li a:visited { color: #000; font-size: 11px; text-decoration: none;} .cms-bestsellers ul li a:hover{ text-decoration: underline;} .cms-bestsellers ul li .price{ color: #06723d; font-size: 18px; font-weight: bold; line-height: 150%; font-family: "Century Gothic", Arial, sans-serif;} .cms-bestsellers ul li .price-label{ display: none; } .sophia_story {padding: 0 15px; } .sophia_story h2 { font-size: 18px; color: #005863; font-weight: bold; font-family: "Century Gothic", Arial, sans-serif; } .sophia_story .img_holder { margin: 0 15px; } .set-three-cols {background: url(../images/blocks/bg_set_3cols.gif) top center repeat-y;} .set-three-cols .col-item { width: 213px; float: left; padding: 10px 10px;} .set-three-cols .col-item .img_holder{ text-align: center; padding: 5px 0 15px 0;} .block-customer-write {} .block-customer-write .img_holder { float: left;} .block-customer-write .block-title { background: #27a4b4; text-align: center; } .block-customer-write .block-content { padding: 4px 4px 10px 4px; background: #f6f6f6; border-bottom: #ccc solid 1px; color: #666666; font-family: Verdana, Arial, sans-serif;} .block-customer-write .block-content p{ margin: 0 0 10px 0;} .block-customer-write .block-title h2 { color: #fff; font-size: 11px; line-height: 14px;} .block-customer-write .img_holder img{ margin: 0 5px 0 0; float: left;} /*Personalize It*/ .cms_blue {border: #ccc solid 1px; border-bottom: #333 solid 0px; background: #e9f6f7; margin: 0 0 20px 0;} .cms_blue .img_holder {float: left;} .cms_blue .text_holder { width: 410px; padding: 10px 5px 5px 5px; float: right;} .cms_blue .links_bar { width: 100%; clear: both; padding: 3px 0; background: #3c2a24;} .cms_blue .links_bar ul { padding: 0; margin: 0; list-style: none; font-size: 11px; font-weight: bold; text-align: right;} .cms_blue .links_bar ul li{ padding: 0px 35px 0px 55px; display: inline;} .cms_blue .links_bar a:link, .cms_blue .links_bar a:visited { color: #fff; font-weight: bold; } .cms_blue .links_bar a:hover { text-decoration: none; } .img_box { float: right; margin: 0 0 10px 20px; border: #ccc solid 1px; text-align: center;} .img_box .caption{ padding: 5px; border-top: #ccc solid 1px; color: #666666; background: #f6f6f6; text-align: left;} .social_links { padding: 15px 0; text-align: center; font-size: 15px; font-weight: bold; line-height: 120%; border-top: 1px solid #C3C3C3; font-family: "Trebuchet MS", sans-serif; } .social_links ul li{ margin: 0 0 12px 0;} .social_links a:link, .social_links a:visited { color: #1d5178; text-decoration: none;} .social_links a span { font-size: 19px; } .glossary {} .glossary .alphabet { text-align: center; font-weight: bold;} .glossary ul {margin: 0; padding: 0; clear: both;} .glossary ul li {list-style: none;} .glossary ul li.letter { color: #ed5ea5; font-size: 14px; font-weight: bold;} .glossary ul.row { width: 100%; float: left; margin: 0 0 20px 0; } .glossary ul.row li.r-col { width: 31%; float: left; margin: 0 20px 0 0; } .glossary ul.row li.r-col ul { margin: 0 0 20px 0; } /*Google checkout*/ body #google_amark_b, body #google_amark_b * { text-align:left !important; padding:0 !important; margin:0 !important; border:0 !important; position:relative !important; font-weight:normal !important; text-decoration:none !important; font-size:11px !important; font-family:Arial, sans-serif !important; background:#fff !important; float:none !important; } #google_amark_b .m img, #google_amark_b #t img, #google_amark_b #x a { display:block !important; } #google_amark_b .h { position:absolute !important; width:325px !important; border:1px solid #ccc !important; } #google_amark_b #t { padding:6px 0 1px 0px !important; } #google_amark_b #l { left:10px !important; } #google_amark_b #x { position:absolute !important; right:0px !important; top:0px !important; border-left:1px solid #ccc !important; border-bottom:1px solid #ccc !important; } #google_amark_b #c { padding:5px 10px 10px 10px !important; color:#676767 !important; border-top:1px solid #ccc !important; } #google_amark_b #c p { padding:5px 0 0 0 !important; } #google_amark_b #c p.p { padding:0 !important; } #google_amark_b #c p.p img { top: 0px !important; } #google_amark_b #c p a:link, #google_amark_b #c p a:visited { color:#0000CC !important; text-decoration:underline !important; } .red { color: #ff0000; font-size: 10px;} /*404 page*/ .noroute-grid { padding: 0; } .noroute-grid li { clear: both; list-style: none; font-size: 11px;} .noroute-grid li span{ font-size: 13px; font-weight: bold; } .noroute-grid li ul { width: 25%; float: left; padding: 0 0 20px 0; clear: none; } .noroute-grid li ul li a{ background: url(../images/bullets/bullet04.gif) no-repeat scroll 5px 6px; padding:0 0 0 14px;} .std ul.noroute-grid { padding: 0; } .std ul.noroute-grid li ul { width: 154px; float: left; padding: 0 20px 20px 0; clear: none; } .alphabetic-list { text-align: center; } .alphabetic-list ul { padding: 0; margin: 10px 0 20px 0;} .alphabetic-list ul li { display: inline; list-style: none; } .alphabetic-list ul li.on { font-weight: bold; } .list-table {} .list-table td { padding: 0 10px 10px 0;} /* FLAT PRODUCT ----------------------------------------*/ .flat-prod-item {padding: 0 0 15px 0;margin: 0 0 15px 0; border-bottom: #DDDDDD dotted 1px;} .flat-prod-item .product-img-box .product-image { margin: 0; } .flat-prod-item .add-to-cart table td {padding: 0 10px 0 0;} .flat-prod-item .add-to-box p { margin: 5px 0;}