/** * 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) */ /* Custom pages ================================================================================= */ .cms-page-view .col3-set p { padding:0 0 7px 0;} .cms-page-view .col3-set p strong{ color:#00AEE7 !important;} .customer-address-index .col2-set ol li { padding:0 0 10px 0;} .sales-order-history .data-table{ margin:0 0 10px 0;} .checkout-onepage-index .page-title { margin:0 0 10px 0;} .checkout-onepage-index .indent-col-main { padding:0;} #sendbanner {margin:10px 0;} .custom-block { background:url(../images/bg_custom_block.gif) 0 0 repeat-x #FFFFFF; margin:0 0 0 1px;} .bg-left-custom-block { background:url(../images/bg_left_custom_block.gif) 0 0 no-repeat;} .bg-right-custom-block { background:url(../images/bg_right_custom_block.gif) right top no-repeat; width:100%;} .indent-custom-block { padding:20px 17px 0 20px;} .custom-block .custom-banners-left { float:left; margin:0 3px 0 0;} .custom-block .custom-banners-left div{margin:0 0 3px 0;} .custom-block .flash { float:left; vertical-align:top; position:relative; margin:-8px 0 0 0;} .custom-block .row-banners { border-top:1px solid #D7E6EA; padding:16px 0 0 0;} .custom-block .row-banners a{ padding:0 3px 0 0;} .cms-home .main { background:#FFFFFF; padding:0 15px;} .cms-home .bg-right-main { background:none; width:100%; padding:16px 0 0 0; min-height:200px; height:auto !important; height:200px;} .cms-home .bg-right-main { background:url(../images/bg_main_right.gif) right top no-repeat; width:100%; padding:0 0 0 0; min-height:inherit; height:auto !important; height:auto;} .cms-home .border-main-top { background:none; padding:10px 0 5px;} .cms-home .border-main-top-2 { background:none; width:100%; } .cms-home .products-grid td { text-align:left; border:none;} .cms-home .products-grid .price-box {padding:0; float:left; margin-right:5px; height:49px;} .cms-home .products-grid .special-price-box {padding:7px 0 0 5px; float:left; margin-right:10px; background:url(../images/bg_sale.jpg) no-repeat center center; width:68px; height:42px;} .cms-home .products-grid .special-price-box .old-price { font-weight:bold; font-size:12px; color:#B41C16; text-decoration:line-through;} .cms-home .products-grid .special-price-box .special-price { font-weight:bold; font-size:16px; color:#264A67;} .products-grid .block-button {float:right;} .products-grid .block-button a {display:block; width:70px; height:26px; background:url(../images/bg_button_detail.gif) no-repeat -70px 0;} .products-grid .block-button a:hover {background:url(../images/bg_button_detail.gif) no-repeat 0 0;} .cms-home .border-product {margin:0 10px 0 0; width:153px; float:left; border:1px solid grey; padding:10px; position:relative;} #cont_5 {margin:0;} #sale {position:absolute; top:130px; right:10px;} .cms-home .border-product .product-image {display:block; width:153px; height:204px; overflow:hidden;} .cms-home .indent-col-main {} .cms-home .category-title {background-color:#1B374B; color:#FFFFFF; font-size:16px; margin:0 15px; padding:6px 0 6px 6px;} .cms-home .no-decore { text-decoration:none;} .cms-home .no-decore:hover { text-decoration:none;} /* end Custom pages ================================================================================= */ /* imageviewer ============================*/ #navArea {float:left;} #navArea .thumb-preview {border:1px solid #CCC; margin-bottom:5px;} .imagesIndex {float:left; z-index:1000;} .title {display:block; float:left; border:1px solid #999999; margin-bottom:10px;} .imageContainer {left:300px; top:0; z-index:1;} .nav {border:1px solid #999999;} .navtext {margin-top:10px; display:block;} /* Layout ================================================================================= */ .clear-block { clear:both;} .wrapper {} .page { width:945px; margin:0 auto; padding:0 0 0 0; text-align:left; } .page-print { background:#fff; padding:20px; text-align:left; } .page-popup { background:#fff; padding:20px; text-align:left; } .main { background:#FFFFFF; margin:0 0 0 0; padding:0 20px; } .checkout-multishipping-overview .main { background:#FFFFFF; margin:0 0 0 0; padding:0 20px;} .checkout-multishipping-addresses .main { background:#FFFFFF; margin:0 0 0 0; padding:0 20px;} .checkout-multishipping-shipping .main { background:#FFFFFF; margin:0 0 0 0; padding:0 20px;} .checkout-multishipping-billing .main { background:#FFFFFF; margin:0 0 0 0; padding:0 20px;} .checkout-onepage-index .main { background:#FFFFFF; margin:0 0 0 0; padding:0 20px;} .checkout-cart-index .main { background:#FFFFFF; margin:0 0 0 0; padding:0 20px;} .customer-account-logoutsuccess .main { background:#FFFFFF; margin:0 0 0 0; padding:0 20px;} .customer-account-index .main { background:#FFFFFF; margin:0 0 0 0; padding:0 20px;} .customer-account-edit .main { background:#FFFFFF; margin:0 0 0 0; padding:0 20px;} .customer-address-index .main { background:#FFFFFF; margin:0 0 0 0; padding:0 20px;} .sales-order-history .main { background:#FFFFFF; margin:0 0 0 0; padding:0 20px;} .newsletter-manage-index .main { background:#FFFFFF; margin:0 0 0 0; padding:0 20px;} .contacts-index-index .main { background:#FFFFFF; margin:0 0 0 0; padding:0 20px;} .cms-page-view .main { background:#FFFFFF; margin:0 0 0 0; padding:0 20px;} .catalogsearch-advanced-index .main { background:#FFFFFF; margin:0 0 0 0; padding:0 20px;} .checkout-cart-index .main { background:#FFFFFF; margin:0 0 0 0; padding:0 20px;} .checkout-onepage-success .main { background:#FFFFFF; margin:0 0 0 0; padding:0 20px;} .customer-account-login .main { background:#FFFFFF; margin:0 0 0 0; padding:0 20px;} .customer-account-create .main { background:#FFFFFF; margin:0 0 0 0; padding:0 20px;} .customer-account-forgotpassword .main { background:#FFFFFF; margin:0 0 0 0; padding:0 20px;} .bg-right-main { background:url(../images/bg_main_right.gif) right top no-repeat; width:100%; padding:16px 0 0 0; min-height:500px; height:auto !important; height:600px;} .border-main-top { } /* Base Columns */ .col-left { float:left; width:180px; padding:0 0 0 0; } .cms-home .col-left { float:left; width:230px; padding:0 0 0 0; } .col-main { float:left; padding:0 0 0 0; } .indent-col-main { } .col-right { float:right; width:226px; padding:0 0 0 0; } .category-description {padding:10px;} /* 1 Column Layout */ .col1-layout .col-main { float:none; width:auto; } /* 2 Columns Layout */ .col2-left-layout .col-main { float:left; width:700px; margin-left:25px;} .cms-home .col2-left-layout .col-main { float:left; width:680px; margin-left:5px;} .col2-right-layout .col-main {width:670px;} .catalog-product-view .col-main {width:100%;} /* 3 Columns Layout */ .col3-layout .col-main { width:444px; margin-left:3px; padding:0 0 0 0; } /* Content Columns */ .col2-set {padding:15px; border:1px solid #C9C8C2; margin:0 0 10px 0;} .col2-set .col-1 { float:left; width:49%; } .col-1 ul {list-style:disc; list-style-position:outside;} .col-1 ul li {margin-left:15px;} .col-1 ul.form-list {list-style:none; list-style-position:outside;} .col-1 .form li {margin-left:0px;} .col2-set .col-2 { float:right; width:49%; } .col2-set .narrow { width:33%; } .col2-set .wide { width:65%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } /* ======================================================================================= */ /* Header ================================================================================ */ .logo {width:244px; height:85px; overflow:hidden; } .printlogo {overflow:hidden;} .header-container {} .header {padding:0 0 0 0; min-height:125px; height:auto !important; height:125px;} .header .logo { background-position:0 0; background-repeat:no-repeat; text-indent:-999em;} .header .logo a { display:block; width:244px; height:85px; } .logo-block { float:left; padding:25px 0 0 0;} .navigation { float:right; width:465px; height:30px; background: url(../images/bg_search.png) top left no-repeat;} .header .form-search button.button { overflow:visible; width:18px; height:17px; background:none; border:none; cursor:pointer; position:absolute; right:10px; top:3px; } .header .form-search button.button span { width:18px; height:17px; padding:0; border:0; background:url(../images/bg_button_search.jpg) 0 0 no-repeat; display:block; margin:0; font:bold 10px/16px Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center; white-space:nowrap; color:#2A2A2A;} .header .welcome-msg { font-weight:bold; text-align:right; line-height:26px; } .header .links {padding-top:6px; padding-left:5px;} .header ul.links { text-align:left; float:left;} .header ul.links li{ display:inline; color:#CBD3DC; background:url(../images/devider_links.gif) right 4px no-repeat; padding:0 7px 0 4px;} .header ul.links li.last { background:none; padding-right:0;} .header ul.links li a{ font-size:11px; color:#1B374B; text-decoration:none;} .header ul.links li a:hover{text-decoration:underline;} .header #search_mini_form {float:right; margin-right:10px;} .header .form-search { text-align:right; padding:3px 6px 0 0; position:relative; } .header .form-search label{ display:none;} .header .form-search input{ width:150px; height:16px; padding-top:3px; font-size:11px; line-height:14px; } .header .form-search button.button{} .header .form-search .search-autocomplete { z-index:999; } .header .form-search .search-autocomplete ul { border:1px solid #ddd; background-color:#fff; } .header .form-search .search-autocomplete li { padding:3px; border-bottom:1px solid #ddd; cursor:pointer; } .header .form-search .search-autocomplete li .amount { float:right; font-weight:bold; } .header .form-search .search-autocomplete li.selected {} .header .form-language { text-align:right; padding:11px 0 0 0; } .header .form-language label { font-size:11px; line-height:18px; color:#8D99A4;} .header .form-language select { width:120px; color:#5E6D74; font-size:11px; line-height:14px;} /********** < Navigation */ .left-top-menu{ } .right-top-menu{ } .left-bot-menu{ } .right-bot-menu{ width:100%; min-height:32px; height:auto !important; background-color:#292C19;} .right-bot-menu #total {float:right; color:#292C19; background-color:#B4B8A0; border:1px solid #292C19; padding:6px 7px;} .right-bot-menu #total a {color:#292C19;} .border-left-menu{ background-color:#292C19; } .border-right-menu{ } .border-top-menu{ } .border-bot-menu{ } /** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Open Software License (OSL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/osl-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) * @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0) */ #nav { font-size:13px; font-weight:bold; text-transform:uppercase; padding:0; margin:0 0 0 0; float:left; } /************** ALL LEVELS *************/ /* Style consistent throughout all nav levels */ #nav li { position:relative; text-align:left; } #nav li.over { z-index:999; } #nav a { float:left; background:url(../images/devider_menu.gif) right 1px no-repeat; padding:9px 12px 6px 8px; color:#FFF; font-weight:normal; } #nav a:hover {color: #fff;text-decoration:underline;} #nav span { display:block; cursor:pointer; white-space:nowrap; } #nav li ul span {white-space:normal; } /************ 0 LEVEL ***************/ #nav li { float:left; background: url(../images/nav-div.gif) no-repeat right 9px;} #nav li.active a { color:#fff; } #nav li.over a, #nav a:hover { color:#fff; } #nav li.last { border: none; } /************ 1ST LEVEL ************/ #nav ul li, #nav ul li.active { float:none; margin:0; padding-bottom:0px; background: #131313; padding-bottom: 1px; } /*#nav ul li.over { background:#d5e4eb url(../images/nav_divider.gif) repeat-x 0 100%; }*/ #nav ul li.last { background:#131313; padding-bottom:0; border: none; border: none;} #nav ul a, #nav ul a:hover { float:none; padding:0; background: none; color: #fff;} #nav ul li a { font-weight:normal !important; } /************ 2ND LEVEL ************/ #nav ul { position:absolute; width:15em; top:30px; left:-10000px; } /* Show menu */ #nav li.over > ul { left:0; } #nav li.over > ul li.over > ul { left:100px; } #nav li.over ul ul { left:-10000px; } #nav ul li a { background:#131313; color:#777; } #nav ul li a:hover, #nav ul li.over > a { background:#131313; color: #fff;} #nav ul li a:hover {color: #fff;} #nav ul span, #nav ul li.last li span { padding:3px 15px 4px 15px;} /************ 3RD+ LEVEL ************/ #nav ul ul { top:5px; } /******/ #nav-box-side { padding:0 0px; font-size:1em; font-family: Arial, Helvetica, sans-serif;} /************** ALL LEVELS *************/ /* Style consistent throughout all nav levels */ #nav-box-side li { position:relative; text-align:left; vertical-align: bottom;} #nav-box-side li.over { z-index:999; } #nav-box-side a, #nav-box-side a:hover { display:block; line-height:1.3em; text-decoration:none; } #nav-box-side a:hover {} #nav-box-side span { display: block; cursor: pointer; white-space: nowrap; } #nav-box-side a:hover span { text-decoration: underline; } #nav-box-side li ul span {white-space: normal; } /************ 0 LEVEL ***************/ #nav-box-side li { } #nav-box-side li.active a { } #nav-box-side a { padding:4px 12px 4px 0; color:#555; font-weight:bold; } #nav-box-side li.over a {} #nav-box-side a:hover { color:#555; } /************ 1ST LEVEL ************/ #nav-box-side li ul li { display: none !important; } /********** Navigation > *//* ======================================================================================= */ .menudropdown {font-size:13px; font-weight:bold; text-transform:uppercase; padding:0; margin:0 0 0 0; float:left; } .menudropdown ul {padding:0; margin:0; list-style:none; float:left; background:#0091FF; border:1px solid #0091FF;} .menudropdown li {float:left; background:url(../images/devider_menu.gif) right 2px no-repeat; padding:8px 12px 6px 8px; color:#FFF; font-weight:normal; } .menudropdown li li {float:none; font-size:12px; font-weight:normal; text-transform:none;} .menudropdown li li.last {} /* a hack for IE6 */ * html .menudropdown li li {float:left;} .menudropdown li a {display:block; float:left; color:#FFF; text-decoration:none; white-space:nowrap; } .menudropdown li a:hover {text-decoration:underline;} .menudropdown li a.down {background:url(down.gif) no-repeat right center;} .menudropdown li li a {display:block; height:20px; line-height:20px; float:none; } .menudropdown li li a.fly {background:url(fly.gif) no-repeat right center;} .menudropdown li:hover {position:relative; z-index:300; cursor:default;} .menudropdown li.cssplay_hover {position:relative; z-index:300;} .menudropdown li.cssplay_hover a {color:#292C19;} .menudropdown ul.level1 {border-right:1px solid #292C19; } .menudropdown li li a {color:#292C19;} .menudropdown li li a:hover {text-decoration:underline;} .menudropdown li li.cssplay_hover a {color:#333;background-color:#FFF;} .menudropdown li:hover ul {left:0; top:32px; z-index:500;} .menudropdown li:hover ul ul {top:0;} .menudropdown li.cssplay_hover ul {left:0; top:23px; z-index:500;} .menudropdown ul {position:absolute; left:-9999px; top:-9999px;} * html .menudropdown ul {width:2px;} /* it could have been this simple if all browsers understood */ /* show next level */ /*.menudropdown li:hover li:hover > ul {left:-5px; margin-left:100%; top:-1px; z-index:500;} /* keep further levels hidden */ /*.menudropdown li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; } /* show path followed .menudropdown li:hover > a {color:#333; background-color:#FFF; text-decoration:none;} .menudropdown li:hover > span {color:#333; background-color:#FFF; text-decoration:none; cursor:hand;} .menudropdown li li:hover > a {color:#333; background-color:#FFF; text-decoration:none;}*/ .menudropdown li ul {width:270px; background-color:#FFF; border:1px solid #292C19; border-top:0; padding:5px 0 5px 0;} .menudropdown li ul li {float:left; width:46%; background:none; padding:0; color:#292C19; padding-left:10px;} .menudropdown li ul li span {font-weight:bold; } .menudropdown li ul li a span {font-weight:normal; margin-left:0;} .menudropdown li ul li ul {position:relative; float:left; border:none; padding:0; } .menudropdown li ul li ul {width:125px;} .menudropdown li ul li ul li {float:none; width:46%; margin:0; padding:0;} /* but IE5.x and IE6 need this lot to style the flyouts*/ .menudropdown li.cssplay_hover li.cssplay_hover a, .menudropdown li.cssplay_hover li.cssplay_hover li.cssplay_hover a, .menudropdown li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a, .menudropdown li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a, .menudropdown li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a {color:#333; background-color:#FFF;} .menudropdown li.cssplay_hover li.cssplay_hover li a, .menudropdown li.cssplay_hover li.cssplay_hover li.cssplay_hover li a, .menudropdown li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a, .menudropdown li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a {color:#FFF; background-color:#0091FF;} /* show next level */ .menudropdown li.cssplay_hover li.cssplay_hover ul, .menudropdown li.cssplay_hover li.cssplay_hover li.cssplay_hover ul, .menudropdown li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul, .menudropdown li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul {left:100%; margin-left:-5px; top:-1px;} /* keep further levels hidden */ .menudropdown li.cssplay_hover ul ul, .menudropdown li.cssplay_hover li.cssplay_hover ul ul, .menudropdown li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul, .menudropdown li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul {position:absolute; left:-9999px; top:-9999px;} /* ======================================================================================= */ /* 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; height:auto !important; } select option { padding-right:10px; } select.multiselect option {} textarea { overflow:auto; } input.radio { margin-right:3px; } input.checkbox { margin-right:3px; } input.qty { width:35px !important; border:1px solid #CDCDCD; border-left:2px solid #808080; border-top:2px solid #808080; } button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { overflow:visible; width:auto; background:none; border:none; cursor:pointer; } button.button span { display:block; padding:3px; color:#FFF; background:url(../images/button_bg.gif) repeat-x; border:1px solid #666;} button.button span:hover {background:url(../images/button_bg_hover.gif) repeat-x;} button.button span span { display:block; background:url(../images/bg_button_right.gif) right top no-repeat; margin:0; padding:0 6px 0 6px;} button.button span span span{ background:url(../images/bg_button.gif) 0 0 repeat-x; display:block; margin:0; padding:2px 4px 3px 4px; font:bold 12px/16px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#FFFFFF; } button.form-button { overflow:visible; width:auto; background:none; border:none; cursor:pointer; } button.form-button span { display:block; padding:3px; color:#FFF; background:url(../images/button_bg.gif) repeat-x; border:1px solid #666;} #billing-buttons-container:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} #billing-buttons-container {display:inline-block;} #billing-buttons-container {display:block;} 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 {}*/ /* Form lists */ .form-list li { margin:0 0 5px; } .form-list label { font-weight:bold; } .form-list .input-box { float:left; margin-right:5px; } .form-list input.input-text, .form-list textarea { width:250px; } .form-list select { width:256px; } .form-list li.add-row { border-top:1px solid #C5C1C1; 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; } #narrow-by-list { width:170px; background-color:#E8EBED; padding-top:5px;} #narrow-by-list dt {background-color:#264A67; color:#FFF; font-size:15px; padding:5px; width:140px; margin-left:10px;} #narrow-by-list dd {padding:5px 0 5px 15px; } #narrow-by-list dd a {color:#264A67;} .narrowed-category { padding:5px; width:160px; background-color:#E8EBED; } .narrowed-category li {margin:4px; padding:3px; background-color:#FFF;} .narrowed-category li a {float:right;} .actions { width:140px; background-color:#E8EBED; padding:5px 15px;} .group-select {} #billing-new-address-form ul li {margin-left:7px;} .group-select li { margin:0 0 5px; } .group-select .input-box { float:left; width:275px; } .input-box-2 { width:285px !important;} .name-lastname { width:285px !important;} .group-select input.input-text, .group-select textarea {width:620px; } .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:255px; } .ship-block { padding:15px 0 0 0;} #advanced-search-list select { height:50px;} .catalog-seo-sitemap-category .col-main ul { margin:0 0 0 10px;} .catalog-seo-sitemap-category .col-main ul li{ padding:0 0 5px 0; font-size:10px; text-transform:uppercase;} .catalog-seo-sitemap-category .col-main .pager { border:1px solid #F4F4F4; padding:15px; margin:0 0 10px 0;} .buttons-set { clear:both; margin:5px 0 0; padding:5px;} .buttons-set .back-link { float:left; } .buttons-set button.button { float:right; margin:0 0 0 15px;} .buttons-set2 { clear:both; margin:5px 0 0; padding:5px; border:1px solid #C5C1C1; text-align:right; } /* Form Billing Information */ .customer-name-middlename .name-firstname { width:280px !important;} .customer-name-middlename .name-firstname input { width:270px !important;} .name-middlename { width:60px !important;} .name-middlename input { width:50px !important;} .dob-day { width:60px !important;} .dob-day input { width:50px !important; float:none;} .dob-day label { display:block;} .dob-month { width:60px !important;} .dob-month input { width:50px !important; float:none;} .dob-month label { display:block;} .dob-year { width:60px !important;} .dob-year input { width:50px !important; float:none;} .dob-year label { display:block;} /* Form Billing Information */ .range input { width:70px !important;} /* 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:#1B364B; font-weight:bold; } p.required { font-size:11px; 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 { width:100%; overflow:hidden; } .messages li { margin:15px 0; } .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:5px 5px !important; background-repeat:no-repeat !important; min-height:15px !important; padding:5px 5px 5px 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:#1B374B; } .success-msg { border-color:#1B374B; background-color:#F0F0F0; background-image:url(../images/success_msg_icon.gif); border-color:#1B374B; background-color:#F0F0F0; } .note-msg, .notice-msg { border-color:#1B374B; background-color:#F0F0F0; background-image:url(../images/note_msg_icon.gif); border-color:#1B374B; background-color:#F0F0F0; } /* BreadCrumbs */ .breadcrumbs { padding:0 0 17px 18px; margin:-1px 0 0 0;} .breadcrumbs .title-breadcrumbs { display:none;} .breadcrumbs li { display:inline; color:#666; font-size:12px; line-height:12px; } .breadcrumbs li a{color:#666; font-size:12px; line-height:14px; text-decoration:none; font-weight:normal; } .breadcrumbs li a:hover{ color:#666; font-weight:normal; text-decoration:underline;} .breadcrumbs li strong{ color:#666; font-weight:normal;} .breadcrumbs li span{ font-size:13px; font-weight:normal; padding:0 2px 0 2px;} .left-top-title{ background:url(../images/left_top_title.gif) left top no-repeat;} .right-top-title{ background:url(../images/right_top_title.gif) right top no-repeat;} .left-bot-title{ background:url(../images/left_bot_title.gif) left bottom no-repeat;} .right-bot-title{ background:url(../images/right_bot_title.gif) right bottom no-repeat; width:100%; min-height:27px; height:auto !important; height:27px;} .border-left-title{ background:url(../images/border_left_title.gif) left top repeat-y #F5F6F8;} .border-right-title{ background:url(../images/border_right_title.gif) right top repeat-y;} .border-top-title{ background:url(../images/border_top_title.gif) left top repeat-x;} .border-bot-title{ background:url(../images/border_bot_title.gif) left bottom repeat-x;} .inside-title { padding:5px 10px 5px 14px;} /* Page Heading */ .page-title {padding:0 0 0 0; } .title-buttons { text-align:right; padding:0 0 0 0; margin:0 0 10px 0; } .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } .page-title h2 { font-weight:bold; color:#505254; font-size:16px; line-height:16px; color:#505254; font-family:Arial, Helvetica, sans-serif;} .cms-index-noroute .col-main dl { margin:0 0 0 10px;} .cms-index-noroute .col-main dt { padding:0 0 0 0; font-weight:bold;} .cms-index-noroute .col-main dd { padding:5px 0 5px 5px; font-style:italic;} .cms-index-noroute .col-main .disc li{ padding:5px 0;} /*search page */ .catalogsearch-advanced-result .indent-col-main {padding-left:17px;} .catalogsearch-advanced-result .indent-col-main p {margin:5px 0;} .catalogsearch-advanced-result .category-products {margin-top:15px; margin-left:-10px;} /* Pager */ .pager { font-size:11px; line-height:normal; padding:0 12px; margin:0; text-align:center;} .pager .amount { float:left; } .pager .limiter { float:right; } .pager .limiter select{ width:46px; border:1px solid #D6D6D4; border-left:2px solid #828282; border-top:2px solid #828282; color:#768D94; text-align:center; padding:0; margin:0 5px 0 13px; font-size:11px; line-height:14px;} .pager .pages { margin:0 135px; } .pager .pages ol { display:inline; } .pager .pages li { display:inline; float:left; margin-right:3px;} .pager .pages li a {display:block; height:15px; border:1px solid #386F9B; color:#264A67; width:16px; padding-top:1px;} .pager .pages li a.arrow {width:auto; padding:1px 3px 0;} .pager .pages li .current {display:block; width:18px; height:16px; background-color:#39709B; color:#FFF; padding-top:2px;} .pager .pages .current {} /* Sorter */ .sorter { font-size:11px; line-height:normal; padding:0 1px 4px 0; margin:0 0 6px 0;} .sorter a { color:#778E95; padding:0 4px 0 0;} .sorter strong { color:#1B364B; font-weight:normal; padding:0 0 0 3px;} .sorter .view-mode { float:left; } .pager .sort-by { float:right; padding:0 33px 0 0; } .pager .sort-by select { width:82px; border:1px solid #D6D6D4; border-left:2px solid #828282; border-top:2px solid #828282; color:#646464; margin:0 6px 0 8px; font-size:11px; line-height:14px; padding:0;} .sorter .link-feed {} /* Data Table */ .data-table { width:100%; } .data-table th { padding:5px; border:1px solid #D7E6EA; font-weight:bold; white-space:nowrap; } .data-table td { padding:5px; border:1px solid #D7E6EA; } .data-table thead { } .data-table tbody {} .data-table tfoot {} .data-table tr.first {} .data-table tr.last {} .data-table tr.odd {} .data-table tr.even { } .data-table tbody.odd {} .data-table tbody.odd td { border-width:0 1px; } .data-table tbody.even { } .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;} .data-table td.value {} /* Tax Details Row */ tr.tax-total { cursor:pointer; } tr.tax-total td {line-height:13px; padding-bottom:5px !important;padding-top:5px !important;} 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 {} 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 {} dt.odd, dd.odd {} dt.even, dd.even {} .cms-home .wrapper .page .col2-left-layout .bg-right-main .col-main .indent-col-main .std {display:none;} /* Class: std - styles for admin-controlled content */ .std, .std ul, .std ol, .std dl, .std p, .std address, .std blockquote { margin:0 0 0; 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; } /* ======================================================================================= */ /* Sidebar =============================================================================== */ .left-top-title-box{ background:url(../images/left_top_title_box.gif) left top no-repeat;} .right-top-title-box{ background:url(../images/right_top_title_box.gif) right top no-repeat;} .left-bot-title-box{ background:url(../images/left_bot_title_box.gif) left bottom no-repeat;} .right-bot-title-box{ background:url(../images/right_bot_title_box.gif) right bottom no-repeat; width:100%; min-height:27px; height:auto !important; height:27px;} .border-left-title-box{ background:url(../images/border_left_title_box.gif) left top repeat-y #F5F6F8;} .border-right-title-box{ background:url(../images/border_right_title_box.gif) right top repeat-y;} .border-top-title-box{ background:url(../images/border_top_title_box.gif) left top repeat-x;} .border-bot-title-box{ background:url(../images/border_bot_title_box.gif) left bottom repeat-x;} .inside-title-box { padding:5px 10px 5px 14px;} .inside-title-box h2 { font-weight:bold; color:#414141; font-size:12px; line-height:16px; font-family:Arial, Helvetica, sans-serif;} #ekomi_left {margin:15px 0 ;} .ekomi img {width:170px;} .block { margin:0 0 5px; } .block .block-title {padding:0 0 0 0; } .block .block-title h2 { font-weight:bold; color:#414141; font-size:12px; line-height:16px; font-family:Arial, Helvetica, sans-serif;} .block h3 { font-size:14px; line-height:1.5; } .block .block-content {} .block .actions { text-align:right; } .block .actions a { float:left; } .fix-category-image { margin:0 -28px;} /* Block: Account */ .block-account {} .customer-account-index .col2-set { border:1px solid #D0D0D0; padding:15px; margin:0 0 10px 0;} .col2-set h4 { margin-right:10px;} .address_col {float:none;} /* Block: Currency Switcher */ .block-currency {} .block-currency select { width:100%; border:1px solid #888; } /* Block: Layered Navigation */ .block-layered-nav {} .block-layered-nav .block-content { padding:17px 10px 10px 27px; } .block-layered-nav .block-content h3 { color:#1B364B; font-size:12px; line-height:14px; font-weight:normal; padding:0 0 13px 0;} .block-layered-nav dt { padding:3px 0 6px 0; margin:0 3px 0 0; color:#768D94; font-size:12px; line-height:16px; font-weight:bold; } .block-layered-nav dd { padding:2px 0 15px 0;} .block-layered-nav dd { color:#768D94; font-size:12px; line-height:16px; font-weight:normal;} .block-layered-nav dd a{ color:#768D94; font-size:12px; line-height:16px; font-weight:normal; text-decoration:none;} .block-layered-nav dd a:hover{ text-decoration:underline;} .block-layered-nav dd .price { color:#768D94; font-size:12px; line-height:16px; font-weight:normal; padding:0;} .block-layered-nav .currently { margin:0 3px 0 0;} .block-layered-nav .currently .label { color:#646464; text-transform:uppercase; font-weight:normal;} .block-layered-nav .currently .price { color:#646464; font-size:11px; text-transform:uppercase; font-weight:normal; padding:0;} .block-layered-nav .currently li { background:url(../images/arr_currently.gif) 14px 9px no-repeat #E9F4F6; padding:3px 0 6px 25px;} .block-layered-nav .currently a{ float:right; padding:0 4px 0 0;} .block-layered-nav .actions { text-align:right; padding:13px 15px 25px 0;} .block-layered-nav .actions a{ float:none; color:#378894; font-weight:bold;} /* Block: Cart */ .block-cart {} .block-cart .block-content { padding:17px 0 14px 27px; } .block-cart .block-content .actions {background-color:#FFF; margin-left:0; padding:0; width:140px;} .block-cart .block-content-2 { padding:0 0 15px 0; } .block-cart .amount { margin:0 0 0 0;} .block-cart .amount a{ color:#1B364B; font-weight:normal;} .block-cart .subtotal {padding:2px 7px 4px 0; margin:0 0 10px -1px; text-align:left; } .price { font-size:12px; line-height:normal; color:#99B138; font-weight:bold; padding:0 0 0 6px;} .block-cart h3 { font-size:11px; line-height:13px; font-weight:normal; color:#646464; padding:16px 0 5px 0;} .block-cart h4 { color:#1B364B; font-size:12px; line-height:14px; font-weight:normal;} .block-cart h4 a{ color:#1B364B; font-size:12px; line-height:14px; font-weight:normal; text-decoration:none;} .block-cart h4 a:hover{ text-decoration:underline;} .mini-products-list li { padding:5px 0 15px 0;} .mini-products-list .product-image { float:left; width:80px; padding:1px; border:none; margin-right:-90px; } .mini-products-list .product-details { margin-left:90px; padding:0 3px 0 0; } .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 .block-content {padding:17px 5px 14px 27px; } .block-related ol#block-related { margin:0 0 0 -20px; padding:20px 0 0 0;} .block-related li { padding:5px 0 10px 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:-95px; } .block-related .item .product-details { margin-left:95px; } /* Block: Compare Products */ .block-compare {} .block-compare .block-content li { padding:5px 0; } .block-compare .block-content li a{ color:#1B364B; font-size:12px; line-height:16px;} .block-compare .block-content li .remove_btn{ float:right;} .block-compare .block-content .actions { padding:7px 0 0 0;} .actions-link { padding:16px 0 0 0;} .actions-link a { background:url(../images/arr_compare.gif) 0 6px no-repeat; padding:0 0 0 20px; color:#1B364B; font-size:12px;} /* Block: Viewed */ .block-recent {} .block-recent .block-content {padding:17px 10px 25px 27px;} .block-recent .block-content li { font-size:12px; line-height:16px; color:#1B364B; padding:0 0 2px 0;} .block-recent .block-content li a{ font-size:12px; line-height:16px; color:#1B364B; font-weight:bold; background:url(../images/arr_recent.gif) 0 8px no-repeat; padding:0 0 0 12px;} /* Block: Poll */ .block-poll {} .block-poll .left-top-title-box{ background:url(../images/left_top_title_box_poll.gif) left top no-repeat;} .block-poll .right-top-title-box{ background:url(../images/right_top_title_box_poll.gif) right top no-repeat;} .block-poll .left-bot-title-box{ background:url(../images/left_bot_title_box_poll.gif) left bottom no-repeat;} .block-poll .right-bot-title-box{ background:url(../images/right_bot_title_box_poll.gif) right bottom no-repeat; width:100%; min-height:316px; height:auto !important; height:316px;} .block-poll .border-left-title-box{ background:url(../images/border_left_title_box_poll.gif) left top repeat-y #FFFFFF;} .block-poll .border-right-title-box{ background:url(../images/border_right_title_box_poll.gif) right top repeat-y;} .block-poll .border-top-title-box{ background:url(../images/border_top_title_box_poll.gif) left top repeat-x;} .block-poll .border-bot-title-box{ background:url(../images/border_bot_title_box_poll.gif) left bottom repeat-x;} .block-poll button.button { overflow:visible; width:auto; background:none; border:none; cursor:pointer; } .block-poll button.button span { display:block; background:url(../images/bg_button_left_poll.gif) 0 0 no-repeat;} .block-poll button.button span span { display:block; background:url(../images/bg_button_right_poll.gif) right top no-repeat; margin:0; padding:0 5px 0 6px;} .block-poll button.button span span span{ background:url(../images/bg_button_poll.gif) 0 0 repeat-x; display:block; margin:0; padding:2px 11px 3px 10px; font:bold 12px/16px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; text-transform:uppercase; color:#FFFFFF; } .block-poll .inside-title-box { padding:0;} .block-poll .block-title h2{ padding:24px 20px 0 27px;} .block-poll .block-content { padding:11px 30px 31px 27px;} .block-poll .block-content h3{ font-size:12px; line-height:16px; color:#768D94; font-weight:normal; margin:0 0 12px 0;} .block-poll .block-content .actions { text-align:left; padding:15px 0 0 0;} .block-poll .block-content ol li{ padding:0 0 6px 0;} .block-poll input.radio { float:left; margin:1px -18px 0 0; } .block-poll .label { display:block; margin-left:18px; } .block-poll .answer {} .block-poll .votes { font-weight:bold; } /* Block: Tags */ .block-tags {background:url(../images/banner_bg.jpg) no-repeat; margin-top:9px;} .block-tags ul { font-size:13px; line-height:normal;} .block-tags ul, .block-tags .block-content li { padding:0 5px 0 0; display:inline; background:none !important; } .block-tags .block-content li a{ color:#264A67; text-decoration:none;} .block-tags .actions { padding:20px 0 0 0;} /* Block: Subscribe */ .block-subscribe {} .block-subscribe .block-content { padding-right:10px; padding-bottom:18px;} .block-subscribe .block-content label{ font-family:tahoma, sans-serif; font-size:11px; line-height:28px; color:#767373;} .block-subscribe .block-content input{ border:1px solid #D8D7D7; width:168px; margin:0 0 8px 0;} .block-subscribe .block-content button.button{ float:right;} /* 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-content { text-align:center;} /* Block: Checkout Progress */ .sidebar .block-progress dl { border:1px solid #D7E6EA; border-top:none;} .sidebar .block-progress { border:1px solid #D7E6EA; margin:26px 0 0 10px;} .sidebar .block-progress .block-title { background:#F3F6F9; border-bottom:1px solid #D7E6EA; padding:12px 10px 9px 15px; font-size:12px; line-height:14px; color:#1B364B; text-transform:uppercase;} .sidebar .block-progress .block-title h2{font-size:12px; line-height:14px; color:#3A4750; text-transform:uppercase;} .sidebar .block-progress .block-content {padding:11px 11px 20px 11px; } .sidebar .block-progress dt { font-weight:bold; border-top:1px solid #D7E6EA; padding:13px 10px 9px 18px; font-size:12px; line-height:normal; color:#505254;} .sidebar .block-progress dt.complete, .sidebar .block-progress dd.complete { font-weight:bold; background:#F3F6F9; padding:13px 10px 9px 18px; border-bottom:1px solid #D7E6EA;} /* ======================================================================================= */ /* Category Page ========================================================================= */ .category-title h1 { font-weight:bold; font-size:16px; line-height:16px; color:#4D4D4E; font-family:Arial, Helvetica, sans-serif; } .category-image { display:block; margin-right:10px; margin-bottom:10px; float:left; } .category-products {background-color:#FFF; float:left; width:100%; margin-bottom:15px;} /* View Type: Grid */ .cms-home .products-grid { margin:10px 15px 0 15px; width:100%; } .products-grid { } .products-grid td{ text-align:center;} .products-grid tr.odd {} .products-grid tr.even { } .products-grid td { width:172px;; border:1px solid #D7E6EA; padding:7px;} .products-grid td.last .border-product{ background:none;} .products-grid td.empty {} .products-grid td .rating-box { margin:0 auto;} .devider-product { border-bottom:1px solid #D7E6EA; padding:0 0 7px 0; margin:0 0 7px 0;} .border-product {margin:0 0 15px 0;} .products-grid td .border-product {position:relative;} .products-grid td .product-image-indent { margin:0 0 10px 0; height:180px;} .products-grid h3.product-name { padding:7px 5px 0; height:35px;} .price { font-size:12px; line-height:16px; color:#454545; font-weight:bold; padding:0 0 0 0;} .products-grid .add-to-links { padding:10px 0 10px 0;} .products-grid .add-to-links li { display:block;} .products-grid .add-to-links li .separator { display:none; color:#545454; padding:0 7px 0 8px;} .products-grid .price-box { padding:7px 0 8px 0; float:left; } .products-grid .price-box {padding:12px 0 13px 0; float:left; margin-right:5px;} .products-grid .special-price-box {padding:7px 0 0 5px; float:left; margin-right:7px; background:url(../images/bg_sale.jpg) no-repeat center center; width:68px; height:42px;} .products-grid .special-price-box .old-price { font-weight:bold; font-size:12px; color:#B41C16; text-decoration:line-through;} .products-grid .special-price-box .special-price { font-weight:bold; font-size:16px; color:#264A67;} .products-grid.products-grid-2 td{ text-align:left !important; background:none; border:none;} .products-grid-2 .price-box { float:left; padding:0 17px 0 0; margin:0 9px 0 0;} .products-grid.products-grid-2 .product-image { float:left; } .products-grid.products-grid-2 .product-shop { float:right; width:264px; padding:5px 0 0 0; } .products-grid.products-grid-2 .product-shop .add-to-links { padding:10px 0 10px 0;} .products-grid.products-grid-2 .product-shop .add-to-links li { display:inline;} .products-grid.products-grid-2 .product-shop .add-to-links li .separator { display:inline; color:#414141; padding:0 5px 0 4px;} .products-grid.products-grid-2 .ratings { width:110px; margin:0 10px 10px 0;} .sale {position:absolute; top:10px; left:80px;} .description .sale {bottom:0; left:75px; top:auto;} .catalog-product-view .old-price {text-decoration:line-through; color:#B41C16;} .catalog-product-view .special-price {font-size:16px; font-weight:bolder; color:#264A67;} .product-options-bottom .special-price-box {display:none;} .product-options-bottom .sale {display:none;} .products-grid .ratings { width:110px; margin:0 auto;} .products-grid .ratings .rating-box { float:left;} /* View Type: List */ .products-list li.item { border-bottom:1px solid #D7E6EA; padding:0 0 10px 0; margin:0 0 22px; } .products-list .product-image { float:left; } .products-list .product-shop { float:right; width:240px; } .products-list .product-shop .price-box { float:left; padding:5px 0 0 0; margin:0 20px 0 0;} .products-list .product-shop .desc a { color:#1B364B;} .products-list .product-shop .desc { padding:12px 0 0 0;} .products-list .add-to-links { padding:10px 0 10px 0;} .products-list .add-to-links li { display:inline;} .products-list .add-to-links li .separator { display:inline; color:#545454; padding:0 7px 0 8px;} .products-list-2 .product-image-col{ float:left; margin:0 15px 0 0;} .products-list-2 .product-shop{ float:left; width:270px;} /* ======================================================================================= */ /* Product View ========================================================================== */ /*=============product tabs==============*/ #product-tabs .tabs{} #product-tabs .tabs .corner-left-top{background:url(../images/tabs_button_corner_left_top.gif) left top no-repeat; width:160px; display:block; float:left; font-weight:bold; color:#646464; font-size:12px; line-height:16px; font-family:tahoma, sans-serif; text-decoration:none; cursor:pointer; margin-right:2px;} #product-tabs .tabs .corner-right-top{background:url(../images/tabs_button_corner_right_top.gif) right top no-repeat; display:block;} #product-tabs .tabs .border-top{background:url(../images/tabs_title_border.gif) left top repeat-x #525252; display:block; margin:0 10px; padding:10px 0 13px 0; text-align:center; height:13px; overflow:hidden;} #product-tabs .tabs .active-tab{color:#FFFFFF; background-color:#FFFFFF; margin-bottom:-1px; position:relative; height:37px;} #product-tabs .tabs .corner-left-top.active-tab{background:url(../images/tabs_button_corner_left_top_active.gif) left top no-repeat; width:160px; display:block; float:left; font-weight:bold; color:#646464; font-size:12px; line-height:16px; font-family:tahoma, sans-serif; text-decoration:none; cursor:pointer; margin-right:2px;} #product-tabs .tabs .active-tab .corner-right-top{background:url(../images/tabs_button_corner_right_top_active.gif) right top no-repeat; display:block;} #product-tabs .tabs .active-tab .border-top{background:url(../images/tabs_title_border_active.gif) left top repeat-x #FFFFFF; display:block; margin:0 10px; padding:10px 0 13px 0; text-align:center; height:14px; overflow:hidden;} .review-product-list .corner-left-top { display:none !important;} #product-tabs .tabs h3 { color:#131313; font-size:13px; line-height:16px; font-family:Arial, Helvetica, sans-serif;} #product-tabs .tabs .active-tab h3 { color:#131313; font-size:13px; line-height:16px; font-family:Arial, Helvetica, sans-serif;} #width-tab { width:157px !important;} #width-tab-2 { width:176px !important;} #width-tab-3 { width:161px !important;} #width-tab-4 { width:112px !important;} #product-tabs .tabs-content{} #product-tabs .tabs-content .tabs-content-top{background:url(../images/tabs_corner_left_top.gif) left top no-repeat;} #product-tabs .tabs-content .tabs-content-top div{background:url(../images/tabs_corner_right_top.gif) right top no-repeat;} #product-tabs .tabs-content .tabs-content-top div div{background:url(../images/tabs_border.gif) left top repeat-x #ffffff; margin:0 10px; height:10px; overflow:hidden;} #product-tabs .tabs-content .border-left{background:url(../images/tabs_border.gif) left top repeat-y #ffffff;} #product-tabs .tabs-content .border-right{background:url(../images/tabs_border.gif) right top repeat-y;} #product-tabs .tabs-content .border-right .block-width{width:650px; overflow:hidden; position:relative; padding-left:9px; padding-top:10px;} #product-tabs .tabs-content .tabs-content-bot{background:url(../images/tabs_corner_left_bot.gif) left top no-repeat;} #product-tabs .tabs-content .tabs-content-bot div{background:url(../images/tabs_corner_right_bot.gif) right top no-repeat;} #product-tabs .tabs-content .tabs-content-bot div div{background:url(../images/tabs_border.gif) left 9px repeat-x #ffffff; margin:0 10px; height:10px; overflow:hidden;} #tabber{ display:block; width:2760px; list-style:none; overflow:hidden;} #tabber .tabs-list{width:650px; float:left; display:block; margin-right:40px;} /*============//product tabs=============*/ .product-view {} .product-essential { padding:23px 0 20px 0;} .product-collateral {} .product-collateral .std { font-size:12px; line-height:16px; color:#768D94; padding:8px 0 28px 0;} .product-collateral .data-table { margin-top:1px; width:95%; margin-left:1px; margin-bottom:20px;} .product-collateral .data-table th { padding:11px 5px 11px 30px; border:1px solid #D7E6EA; color:#1B364B; font-weight:bold; white-space:nowrap; } .product-collateral .data-table td { padding:11px 5px 11px 18px; border:1px solid #D7E6EA; color:#768D94; font-size:12px; line-height:normal; } /* Product Images */ .product-view .product-img-box { float:left; position:relative; background:#F0F0F0; padding:10px; width:240px; } .product-view .product-img-box .navtext { float:left; } .product-view .product-img-box #previewholder {position:relative;float:left; margin-left:5px; border:1px solid #CCC;} .product-view .product-img-box #largepreviewblock {background:#f0f0f0; padding:10px; position:absolute; top:0px; left:250px; z-index:1000; display:none; cursor:pointer;} .product-view .product-img-box .product-image { text-align:center; border:1px solid #D7E6EA; } .product-view .product-img-box .product-image-zoom { position:relative; width:265px; height:265px; overflow:hidden; z-index:9; text-align:center; } .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; color:#768D94; font-size:11px; line-height:normal; padding:13px 0 15px 0; } .product-view .product-img-box .zoom { position:relative; z-index:9; height:18px; margin:0 auto 13px; padding:0 28px; background:url(../images/slider_bg.gif) 50% 50% repeat-x; 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 3px no-repeat; } .product-view .product-img-box .zoom .btn-zoom-out { position:absolute; left:0; top:0; } .product-view .product-img-box .zoom .btn-zoom-in { position:absolute; right:0; top:0; } .product-view .product-img-box .more-views ul { margin-left:0 } .product-view .product-img-box .more-views li { float:left; margin:0 5px 5px 0 ; } .product-view .product-img-box .more-views li img{ border:1px solid #D7E6EA;} .more-views h3{ color:#768D94; font-size:12px; line-height:normal; font-weight:bold; margin:0 0 11px 0;} .more-views { padding:15px 0 23px 0;} .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 Shop */ .product-view .product-shop { float:left; margin-left:10px; z-index:100; position:relative; width:635px;} .product-view .product-name {color:#4D4D4E; font-size:15px; font-weight:bold; line-height:13px; text-decoration:none; margin:0 0 13px 0; } .product-view .product-name h2{ color:#4D4D4E; font-size:15px; font-weight:bold; line-height:13px; text-decoration:none} .product-view .short-description { padding:10px 0 15px 0; color:#768D94; font-size:12px; line-height:16px; font-family:Arial, Helvetica, sans-serif;} .product-view .short-description h3{ border-top:1px solid #D7E6EA; padding:11px 0 0 0; color:#768D94; font-size:12px; line-height:normal; font-weight:bold; margin:0 0 0 0;} /* Rating */ .ratings { margin:0 0 10px 0;} .ratings .amount {} .ratings .rating-links { font-size:12px; line-height:18px; color:#1B364B; font-weight:normal;} .catalog-product-view .ratings { margin:0 0 22px 0;} .catalog-product-view .ratings .rating-links { line-height:13px;} .catalog-product-view .ratings .rating-links a{ line-height:13px;} .catalog-product-view .ratings .rating-links br{ display:none;} .catalog-product-view .ratings .rating-links .separator { display:inline; color:#414141; padding:0 6px 0 6px;} .ratings .rating-links a{ font-size:12px; line-height:18px; color:#1B364B; font-weight:normal;} .ratings .rating-links .separator { display:none; color:#1A1A1A; padding:0 6px 0 9px;} .ratings dt {} .ratings dd {} .rating-box { width:77px; height:13px; font-size:0; line-height:0; background:url(../images/product_rating_blank_star.gif) 0 0 repeat-x; position:relative; overflow:hidden; margin:0 0 16px 0; } .rating-box .rating { position:absolute; top:0; left:0; height:13px; background:url(../images/product_rating_full_star.gif) 0 100% repeat-x; } .catalog-product-view .rating-box { margin:0 19px 0 0; float:left; width:77px; height:13px; font-size:0; line-height:0; background:url(../images/product_rating_blank_star.gif) 0 0 repeat-x; position:relative; overflow:hidden; } /* Availability */ .availability { color:#768D94; font-size:11px; line-height:normal; font-family:Arial, Helvetica, sans-serif; padding:1px 0 27px 0; margin-top:20px;} .availability .in-stock { font-weight:normal; } .availability .out-of-stock { font-weight:normal; color:#f00; } /********** < Product Prices */ .price { white-space:nowrap !important; } .price-box { padding:0 0 5px 0;} .price-box .price { font-weight:bold; } .price-box-bundle {} /* Regular price */ .regular-price {} .regular-price .price { font-weight:bold; font-size:16px;} /* Old price */ .old-price {} .old-price .price-label { white-space:nowrap; display:none;} .old-price .price { font-weight:normal; text-decoration:line-through; } /* Special price */ .special-price {} .special-price .price-label { font-weight:bold; white-space:nowrap; display:none;} .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:bold; } /* 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:normal; } /* 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 { background:#C9C8C2; padding:7px 0 5px 15px; margin:0 0 10px 0; font-family:tahoma, sans-serif; font-size:13px; line-height:normal; color:#272727;} .tier-prices .price { font-weight:bold; } .tier-prices .benefit {} /* Add to Links */ .add-to-links .separator { display:none; color:#414141; } .add-to-links li a{ font-size:12px; line-height:19px; color:#1B364B; font-weight:normal;} /* Add to Cart */ .add-to-cart label { float:left; margin-right:5px; line-height:20px; } .add-to-cart .qty { float:left;} .add-to-cart button.button { float:left; margin-left:15px; } a.wishlist-link{ color:#414141 !important;} /* Add to Links + Add to Cart */ .add-to-box { padding:0 0 12px 0;} .add-to-box .add-to-cart { float:left; padding:10px 0 0 0; } .add-to-box .or { padding:13px 0 0 0; float:left; margin:0 14px; font-weight:normal; color:#768D94; font-size:11px; font-family:Arial, Helvetica, sans-serif; } .add-to-box .add-to-links { float:left; } .left-top-add-to-box { background:url(../images/left_top_add_to.gif) 0 0 no-repeat #E8E8E8; margin:0 0 7px 0;} .right-top-add-to-box { background:url(../images/right_top_add_to.gif) right 0 no-repeat;} .left-bottom-add-to-box { background:url(../images/left_bot_add_to.gif) left bottom no-repeat;} .right-bottom-add-to-box { background:url(../images/right_bot_add_to.gif) right bottom no-repeat; width:100%;} .indent-add-to-box { padding:9px 16px 9px 16px; font-size:11px; line-height:normal; color:#131313; font-family:Arial, Helvetica, sans-serif;} .product-pricing { margin:0 0 10px 0;} .product-pricing .price { color:#1B364B; font-size:11px; line-height:normal; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding:0;} .product-pricing .benefit { color:#1B364B; font-size:11px; line-height:normal; font-weight:bold; font-family:Arial, Helvetica, sans-serif;} /* Product Options */ .product-options { padding:10px; margin:10px 0 0; background-color:#F0F0F0; } .product-options dt label { font-weight:bold; color:#1B374B; } .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: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 { width:100%; } .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; } .options_wrapper {float:right;} .options_wrapper .title {border:0; float:none; margin:0; background-color:#999; font-size:17px; color:#FFF; padding:5px;} .product-options-bottom { padding:10px; background-color:#F0F0F0; } .product-options-bottom .price-box { margin:10px 0; } /* Grouped Product */ .grouped-items {} /* Block: Description */ .product-view .description {float:left; width:280px; position:relative;} .product-view .description li {margin-left:14px; margin-bottom:-15px;} .description-2 { padding:18px 0 20px 19px;} /* Block: Additional */ .product-view .additional .page-title{ margin-bottom:20px;} /* Block: Upsell */ .product-view .up-sell {position:relative; } .options_wrapper {width:215px;} .catalog-product-view .ratings { margin:0 auto;} .catalog-product-view .ratings .rating-box { margin-bottom:10px;} .catalog-product-view .ratings .rating-links { line-height:18px;} .catalog-product-view .ratings .rating-links a{ line-height:18px;} .product-collateral .up-sell .container {position:relative;} .product-view .up-sell .page-title{ margin-bottom:20px;} .product-view .up-sell .products-grid {position:relative;} .product-view .up-sell .products-grid tr.last td { } .product-view .up-sell .products-grid td { width:172px;; border:1px solid #D7E6EA; padding:7px;} .product-view .up-sell .products-grid td.no-devider { border:0 !important;} .product-view .up-sell .products-grid td.empty { display:none; border:0 !important;} .product-view .up-sell .products-grid td .rating-box { float:none;} .product-view .up-sell .product-name { color:#1B364B; font-size:12px; font-weight:bold; line-height:18px; margin:0 0 13px; padding:12px 0 0 0; text-transform:uppercase; } .product-view .up-sell .product-name a{ color:#1B364B; font-size:12px; font-weight:bold; line-height:18px; margin:0 0 13px; text-decoration:underline; } .product-view .up-sell .product-name a:hover{ text-decoration:none;} /* Block: Tags */ .product-view .tags {padding:20px 10px 20px 19px;} .product-view .tags .page-title{ margin-bottom:20px;} .product-view .tags h3{color:#768D94; font-size:12px; line-height:18px; font-weight:bold; margin:0 0 12px 0;} .product-view .tags h4{color:#768D94; font-size:12px; line-height:18px; font-weight:bold; margin:0 0 5px 0;} .product-view .tags .form-add-tags { width:100%; overflow:hidden; margin:0 0 20px 0;} .product-view .tags .form-add-tags label { display:block; color:#1A1A1A; font-size:11px; line-height:16px; font-weight:bold; padding:0 0 5px 0;} .product-view .tags .form-add-tags .input-box { float:left; width:322px; margin:0 0 0 0; } .product-view .tags .form-add-tags button.button { float:left; } .product-view .tags .form-add-tags p { clear:both; color:#727272; font-size:112px; line-height:normal; padding-top:8px; } /* Block: Reviews */ .product-view .reviews {} /* Block: Add Review */ .product-view .add-review {} .product-view .add-review .product-name span { font-weight:normal; } /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { font-size:12px; font-weight:bold; line-height:16px; color:#1B364B; margin:0 0 7px 0; } .product-name a{ font-size:12px; line-height:16px; color:#424243; text-decoration:none;} .product-name a:hover{text-decoration:underline;} .wishlist-index-index .product-name { font-size:11px; font-weight:bold; line-height:20px; color:#222222; } .wishlist-index-index .product-name a{ font-size:11px; font-weight:bold; line-height:18px; color:#222222; text-decoration:none;} .wishlist-index-index .product-name a:hover{text-decoration:underline;} /* Product Tags */ ul.tags-list { font-size:13px; line-height:16px; color:#646464; margin:0 0 15px 0;} .tags-list li { display:inline; background:url(../images/devider_tags.gif) right 4px no-repeat; padding:0 10px 0 10px; color:#505254; font-weight:bold;} .tags-list li.first { padding-left:0;} .tags-list li.last { background:none;} .tags-list li a{ font-weight:bold; color:#1B364B; padding-right:4px; font-weight:normal;} #productTagName { width:305px; border:2px solid #404040; border-bottom:1px solid #CDCDCD; margin-left:0; padding:1px;} /* Advanced Search */ .search-summary {} /* CMS Home Page */ .cms-home .products-grid td { width:20%; border:1px solid grey; margin-right:10px;} /* ======================================================================================= */ /* 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; } /* ======================================================================================= */ .checkout-cart-index .indent-col-main { padding:0;} .checkout-cart-index .indent-col-main .page-title { margin:0 0 10px 0;} .checkout-cart-index .cart-table { margin-bottom:29px;} .checkout-cart-index .cart-table .product-name { font-size:12px; font-weight:normal; line-height:16px; color:#505254; margin:0 0 7px 0; } .checkout-cart-index .cart-table .product-name a{ font-size:12px; font-weight:normal; line-height:16px; color:#505254; text-decoration:none;} .checkout-cart-index .cart-table .product-name a:hover{text-decoration:underline;} /* Shopping Cart Table */ .cart-table .item-msg { font-size:10px; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { float:left; width:668px; border:none; padding:0; } .col2-set.cart-collaterals .col-1 { float:left; width:42%; } .col2-set.cart-collaterals .col-2 { float:right; width:55%; } .cart .crosssell { border:1px solid #D7E6EA; padding:15px 16px 15px 13px;} .cart .crosssell li.item{ background:url(../images/devider_cross.gif) left bottom repeat-x; padding:0 0 12px 0; margin:0 0 12px 0;} .cart .crosssell li.item.last{ background:none !important; padding:0; margin:0;} .cart .crosssell h3{ color:#505254; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; margin:0 0 10px 3px;} .cart .crosssell h4.product-name{ color:#1B364B; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; margin:0 0 5px 0;} .cart .crosssell h4.product-name a{ color:#1B364B; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; text-decoration:underline;} .cart .crosssell h4.product-name a:hover{text-decoration:none;} .cart .crosssell .product-image { float:left; margin-right:-134px; } .cart .crosssell .product-shop { margin-left:134px; } .cart .crosssell .devider-crosssell { border-bottom:1px solid #D3D3D3; padding:0 0 35px 0; margin:0 0 25px 0;} .cart .crosssell .price-box .price { color:#454545; font-size:12px; line-height:24px;} .cart .crosssell .price-box { padding:5px 0 7px 0;} .cart .crosssell button.button { margin:0 0 7px 0;} .cart .discount {border:1px solid #D7E6EA; padding:15px 20px 27px 16px; margin:0 0 20px 0;} .cart .discount h3{ color:#505254; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; margin:0 0 10px 0;} .cart .discount label{ color:#768D94; font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:16px; font-weight:bold;} .cart .discount .input-text { border:1px solid #D6D6D4; border-left:2px solid #828282; border-top:2px solid #828282; width:210px; padding:1px; margin:0 9px 0 0;} .cart .shipping {border:1px solid #D7E6EA; padding:15px 20px 27px 16px; margin:0 0 20px 0;} .cart .shipping h3{ color:#505254; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; margin:0 0 10px 0;} .cart .shipping p{ color:#545454; font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:16px; margin:0 0 25px 0;} .cart .shipping .buttons-set { padding:22px 0 0 0; margin:0;} .cart .shipping .buttons-set button.button {float:left; margin:0 0 0 0;} .cart .shipping .form-list li { margin:0 0 12px 0;} .cart .shipping .form-list label {color:#768D94; font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:19px; font-weight:bold;} .cart .shipping .form-list select { font-size:10px; line-height:14px; font-family:tahoma, sans-serif; color:#616E84; border:1px solid #D6D6D4; border-left:2px solid #828282; border-top:2px solid #828282; width:226px; padding:1px; margin:0 0 0 0;} .cart .shipping .form-list input { font-size:10px; line-height:14px; font-family:tahoma, sans-serif; color:#616E84; border:1px solid #D6D6D4; border-left:2px solid #828282; border-top:2px solid #828282; width:222px; padding:1px; margin:0 0 0 0;} /* Shopping Cart Totals */ .cart .totals { float:right; width:196px; padding:15px 7px 12px 12px; margin-left:3px; border:1px solid #D7E6EA;} .cart .totals table { width:100%; } .cart .totals table th, .cart .totals table td { padding:5px; } .cart .totals table td { padding:0 20px 5px 5px; } .cart .totals table th { padding:0 30px 5px 5px; font-size:12px; line-height:26px; color:#505254; font-weight:bold; text-align:right !important; } .cart .totals .price { color:#454545; font-size:12px; line-height:24px; font-weight:bold;} .cart .totals .checkout-types { padding:10px 0 0 0;} .cart .totals .checkout-types li{ text-align:center; padding:0 0 15px 0;} .cart .totals .checkout-types li a{ font-size:12px; line-height:14px; color:#1B364B; font-weight:bold;} .cart .totals .checkout-types button.button { overflow:visible; width:auto; background:none; border:none; cursor:pointer; } .cart .totals .checkout-types button.button span { display:block; padding:3px; color:#FFF; background:url(../images/button_bg.gif) repeat-x; border:1px solid #666;} .cart .totals .checkout-types button.button span span { display:block; background:url(../images/bg_button_right_checkout.gif) right top no-repeat; margin:0; padding:0 6px 0 6px;} .cart .totals .checkout-types button.button span span span{ background:url(../images/bg_button_checkout.gif) 0 0 repeat-x; display:block; margin:0; padding:8px 6px 8px 7px; font:bold 11px/16px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; text-transform:uppercase; color:#FFFFFF; } .cart .page-title.title-buttons { padding:3px 0 3px 0; margin:0 0 10px 0 !important;} .checkout-types button.button { overflow:visible; width:auto; background:none; border:none; cursor:pointer; } .checkout-types button.button span { display:block; padding:3px; color:#FFF; background:url(../images/button_bg.gif) repeat-x; border:1px solid #666;} .checkout-types button.button span span { display:block; background:url(../images/bg_button_right_checkout.gif) right top no-repeat; margin:0; padding:0 6px 0 6px;} .checkout-types button.button span span span{ background:url(../images/bg_button_checkout.gif) 0 0 repeat-x; display:block; margin:0; padding:8px 6px 8px 7px; font:bold 11px/16px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; text-transform:uppercase; color:#FFFFFF; } td.cart-buttons { padding:11px 17px 9px 17px !important;} td.cart-buttons .button-left{ float:left;} /* 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 #D7E6EA; position:relative; } .opc li.section { border:1px solid #D7E6EA; border-bottom:0; } .opc .step-title { background:#F3F6F9; padding:6px 0 6px 12px; text-align:right; } .opc .step-title .number { float:left; font-size:12px; line-height:18px; padding:0 6px; margin-right:10px; background:#C3D4E1; color:#1B374B; font-weight:bold; } .opc .step-title h3 { font-size:12px; line-height:18px; float:left; color:#3A4750; padding:0; } .opc .allow .step-title { cursor:pointer; } .opc .active {} .opc .active .step-title { background:#EEF1F3; cursor:default; } .opc .step { border-top:1px solid #D7E6EA; padding:5px; position:relative; } .opc .step .tool-tip { right:10px; } .opc .order-review {} .opc .active .step-title .number { float:left; font-size:12px; line-height:18px; padding:0 6px; margin-right:10px; border:none; background:#1B374B; color:#FFF; font-weight:bold; } .opc .active .step-title { background:#1B374B;} .opc .active .step-title h3 {color:#FFF; margin:0;} .opc .active .step { background:#FFFFFF; border-top:1px solid #D7E6EA; padding:12px; position:relative; } .opc .col2-set { border:0; padding:0;} .opc .col2-set .col-2 p {} .shipment-methods dt {font-weight:bolder; margin-top:10px;} .shipment-methods dd {margin-bottom:4px;} /* Checkout method */ .checkout-onepage-index .form-list { margin:10px 0;} .checkout-onepage-index .login-list { margin:0 0 0 10px; font-size:10px; line-height:16px;} /* Billing Information */ #billing:use_for_shipping_no{ margin:0 46px 0 0;} #co-billing-form input { border:1px solid #D6CDC6; border-top:2px solid #80807B; border-left:2px solid #80807B; padding:1px;} .radio { border:0 !important;} #co-billing-form select { border:1px solid #D6CDC6; border-top:2px solid #80807B; border-left:2px solid #80807B; padding:1px; color:#616E84; font-size:10px; line-height:13px;} #co-billing-form label { font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:21px; color:#768D94; font-weight:bold;} #co-shipping-form input { border:1px solid #D6CDC6; border-top:2px solid #80807B; border-left:2px solid #80807B; padding:1px; color:#616E84; font-size:10px; line-height:13px;} #co-shipping-form select { border:1px solid #D6CDC6; border-top:2px solid #80807B; border-left:2px solid #80807B; padding:1px; color:#616E84; font-size:10px; line-height:13px;} #co-shipping-form label { font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:21px; color:#768D94; font-weight:bold;} .customer-account-create #form-validate h3 { margin:0 0 15px 0;} #form-validate input { border:1px solid #D6CDC6; border-top:2px solid #80807B; border-left:2px solid #80807B; padding:1px;} #form-validate select { border:1px solid #D6CDC6; border-top:2px solid #80807B; border-left:2px solid #80807B; padding:1px; color:#616E84; font-size:10px; line-height:13px;} #form-validate label { font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:21px; color:#768D94; font-weight:bold;} /* Multiple Addresses Checkout */ .checkout-progress { padding:0 50px; margin:10px 0; } .checkout-progress li { float:left; width:19%; margin:0 6px 0 0; border-top:5px solid #A2A2A2; text-align:center; color:#A2A2A2; text-transform:uppercase; font-weight:bold; } .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 .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; } .sp-methods dt { font-weight:bold; } .sp-methods .price { font-weight:bold; } .sp-methods dt { padding:2px 0;} .sp-methods dd { padding:2px 0;} .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) 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 {} /* My Account ============================================================================= */ /********** < Dashboard */ .dashboard {} .dashboard .welcome-msg {} /* Block: Recent Orders */ .dashboard .recent-orders { padding:15px; border:1px solid #C9C8C2; margin:0 0 10px 0;} /* Block: Tags */ .dashboard .tags { padding:15px; border:1px solid #C9C8C2; margin:0 0 7px 0;} .dashboard .tags .number { float:left; margin-right:-20px; } .dashboard .tags .details { margin-left:20px; } /* Block: Reviews */ .dashboard .reviews {} .dashboard .reviews { padding:15px; border:1px solid #C9C8C2; margin:0 0 7px 0;} /********** 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 .store-switcher { text-align:center; margin:0 auto; padding:10px 0 0 0;} .footer { color:#625C56; margin:0 0 55px 0; background-color:#FFF; } #brands {padding-top:15px; background-color:#FFF;} #brands_container {height:134px; width:690px; float:left; padding:15px 20px 20px 20px; margin:0 11px 0 15px; background:url(../images/bg_newsletter.jpg) repeat-x; position:relative;} #brands_container h2 {margin:0; padding:0; color:#FFF; width:200px;} #brands_container .brand_block {float:left; margin-right:10px; border-right:1px solid #FFF; padding:10px; padding-left:0; height:85px; line-height:14px;} #brands_container .brand_block a {margin-bottom:4px; color:#FFF; display:block;} #ekomi {float:left; margin:15px 0 0 11px;} .footer .logos {float:left; margin:15px 15px 0 15px; width:911px;} .indent-footer { padding:12px 0 10px 0; font-family:tahoma; margin:0 6px 0 7px; } .footer .block-footer-links { float:left; width:693px; padding:0 0 0 27px;} .footer .block-footer-links h3{ font-size:12px; line-height:16px; color:#454545; margin:0 0 8px 0; padding:0 0 0 0;} .footer .block-footer-links ul { display:block;} .footer .block-footer-links ul li{ background:none; display:block; padding:0 0 0 0;} .footer .block-footer-links ul li a{ color:#1B364B; font-size:12px; line-height:15px; background:url(../images/arr_footer.gif) 0 6px no-repeat; padding:0 0 0 18px;} .footer .block-footer-links .block-links{ float:left; width:220px; margin:0 16px 0 0;} .footer .block-footer-links .block-links.block-links-4 { width:220px; margin:0 0 0 0;} .block-subscribe { float:right; width:182px; height:28px; background:url(../images/nieuwsbrief.jpg) no-repeat center center; margin:0 ; position:absolute; top:10px; right:10px; padding:120px 0 0 10px;} .block-subscribe div {position:relative;} .block-subscribe button.button {position:absolute; top:2px; right:13px;} .block-subscribe button.button span {width:18px; height:17px; padding:0; border:0; background:url(../images/bg_button_search.jpg) 0 0 no-repeat; display:block; margin:0; font:bold 10px/16px Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center; white-space:nowrap; color:#2A2A2A; } .block-subscribe input {width:170px; height:17px; padding-top:2px; font-size:11px;} .block-subscribe .block-title h2 { font-size:12px; line-height:16px; color:#454545; margin:0 0 9px 0; padding:0 0 0 0;} .block-subscribe .block-content { padding:0 10px 14px 0;} .block-subscribe .block-content label{ font-family:tahoma, sans-serif; font-size:12px; line-height:21px; color:#838383;} .block-subscribe .block-content input{ border:1px solid #B1C6CE; border-bottom:1px solid #E8F2F4; border-right:1px solid #E8F2F4; background:url(../images/bg_subs.gif) 0 0 repeat-x; width:188px; margin:0 0 8px 0;} .block-subscribe .block-content button.button{ float:none;} .paymentmethodslogos {float:left;} #socialnetworks {float:right; height:30px; background-color:#E8EBED; padding:10px 10px 0; margin-top:6px;} #socialnetworks span {margin:3px 5px 0 0; color:#264A67; display:block; float:left; font-weight:bolder;} .row-footer { padding:12px 0 0 6px; float:left; width:905px;} .footer .small-menu {padding:0 0 0 0; text-align:center; margin:0 0 0 0;} .footer p { text-align:left; font-size:11px; line-height:18px; color:#264A67; width:910px; margin-left:10px; border-top:1px solid #1B364B; margin-top:5px; padding-top:5px;} .footer address { text-align:right; } .footer ul { display:inline; padding:10px 5px 0 0; margin:0 0 0 0; } .footer ul li{ font-size:12px; line-height:16px; display:inline; text-transform:uppercase; font-weight:bold; color:#1B364B; padding:0 10px 0 8px; background:url(../images/devider_footer.gif) right 3px no-repeat;} .footer ul li.last{ padding:0 10px 0 8px;} .footer ul.links li.last{ background:none; padding:0 0 0 8px;} .footer ul li a{color:#1B364B; text-decoration:none;} .footer ul li a:hover{text-decoration:underline;} .footer .top-links { padding:6px 0 0 0;} .footer .top-links ul {padding:0 20px 0 0; } .footer .top-links ul li{ display:inline; color:#626262;} .footer .top-links ul li a{color:#626262; text-decoration:none;} .footer .top-links ul li a:hover{text-decoration:underline;} .footer label { font-size:10px;} /* ======================================================================================= */ /* clearfix */ .clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix{ display:inline-block; } /* Hide from IE Mac \*/ .clearfix{ display:block; } */ /* ========================== JQZoom =======================================================*/ div.jqZoomTitle { z-index:5000; text-align:center; font-size:11px; font-family:Tahoma; height:16px; padding-top:2px; position:absolute; top: 0px; left: 0px; width: 100%; color: #FFF; background: #999; } .jqZoomPup { overflow:hidden; background-color: #FFF; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60); z-index:10; border-color:#c4c4c4; border-style: solid; cursor:default; } .jqZoomPup img { border: 0px; } .preload{ -moz-opacity:0.8; opacity: 0.8; filter: alpha(opacity = 80); color: #333; font-size: 12px; font-family: Tahoma; text-decoration: none; border: 1px solid #CCC; background-color: white; padding: 8px; text-align:center; background-image: url(../images/zoomloader.gif); background-repeat: no-repeat; background-position: 43px 30px; width:90px; * width:100px; height:43px; *height:55px; z-index:10; position:absolute; top:3px; left:3px; } .jqZoomWindow { border: 1px solid #999; background-color: #FFF; }