/** * 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 ================================================================================= */ .wrapper {} .page { width: 968px; text-align: left; margin: 0 auto; } .page-print { background:#fff; padding:20px; text-align:left; } .page-popup { padding:20px; text-align:left; } .main { margin: 0px 0; } #contentContainer { width: 928px; float: left; background: #fff url(../images/blocks/bg_content.png) left top repeat-x; min-height: 600px; height: auto!important; height: 600px; padding: 0 17px 0 15px; } .mc-sh { width: 100%; float: left; background: url(../images/blocks/bg_main.png) left top repeat-y; -background: none; position: relative; z-index: 1; margin-bottom: 50px; } .mc-t { width: 100%; float: left; background: url(../images/blocks/bg_main_t.gif) left top no-repeat;} .mc-b { width: 960px; padding: 0 4px 14px; float: left; background: url(../images/blocks/bg_main_b.gif) left bottom no-repeat; -background: url(../images/blocks/bg_main_b1.gif) left bottom no-repeat; } /* Base Columns */ .col-left { float:left; width: 223px; } .col-main { /* width: 633px; */ width: 642px; float: right; } .col-right { float:right; width: 223px; } /* 1 Column Layout */ .col1-layout .col-main { float:none; width:auto; } .col1-layout .columns-wrap .columns-wrap-inner { background: url(../images/blocks/bg_column_wrap_1col.png) left top no-repeat; } /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; } .col2-right-layout .col-main {} .columns-wrap { width: 928px; padding-bottom: 20px; float: left; margin-top: 26px; background: url(../images/blocks/bg_column_wrap_b.gif) left bottom repeat-y; } .columns-wrap .columns-wrap-inner { width: 897px; float: left; min-height: 580px; height: auto!important; height:580px; padding: 15px 15px 0 16px; background: url(../images/blocks/bg_column_wrap_2cols.png) left top no-repeat; } .col2-left-layout {} .col2-right-layout .columns-wrap .columns-wrap-inner { background: url(../images/blocks/bg_column_wrap_2cols_r.png) left top no-repeat; } /* 2 Columns Home Layout */ .cms-home .columns-wrap { width: 928px; margin-top:-4px; padding-bottom: 20px; float: left; background: url(../images/blocks/bg_column_wrap_b.gif) left bottom repeat-y; } .cms-home .columns-wrap .columns-wrap-inner { width: 892px; float: left; min-height: 380px; height: auto!important; height:380px; padding: 15px 20px 0 16px; background: url(../images/blocks/bg_column_wrap.png) left top no-repeat; } .cms-home .main { margin: 0; } .cms-home .col-left { width: 223px; float: left; border: none; padding: 0; } .cms-home .col-main { width: 633px; float: right; border: none; padding: 0; } /* 3 Columns Layout */ .col3-layout .col-main { width:484px; margin-left:10px; } /* Content Columns */ .col2-set .col-1 { float:left; width:49%; } .col2-set .col-2 { float:right; width:49%; } .col2-set .narrow { width:33%; } .col2-set .wide { width:65%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } /* ======================================================================================= */ /* 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; } 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; } button.button { overflow:visible; width:auto; border:0; padding:0 0 0 12px; background:url(../images/bkg_button.gif) 0 50% no-repeat; cursor:pointer; -webkit-border-fit:lines; } button.button span { float:left; padding:0 12px 0 0; background:url(../images/bkg_button.gif) 100% 50% no-repeat; font:bold 12px/21px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#fff; } button.disabled {} button.disabled span {} */ /* FORMS ================================================================================== */ form, fieldset { margin: 0; padding: 0; border: 0 solid #fff; } select { padding:1px; } select option { padding-right:10px; } select.multiselect option {} .i-text, .i-textarea, .i-select, .i-file, .imp-text, .input-text, textarea { background: #fff; border: 1px solid #bababa; } .i-transparent { background: transparent!important; border-width: 0!important; } .i-text { color: #979797; font-style: italic; } a.link-gfx { height: 24px; font-size: 11px; font-weight: normal; color: #fff; background: url('../images/buttons/button04_r.gif') right top no-repeat; margin: 0; padding: 0 20px 0 0!important; cursor: pointer; float: left; text-decoration: none; } a.link-gfx span { height: 24px; line-height: 22px; background: url('../images/buttons/button04_l.gif') left top no-repeat; padding: 0 0 0 20px; white-space: nowrap; float: left; cursor: pointer; } a.link-gfx:hover { text-decoration: none!important; } .i-button , .button { height: 24px; font-size: 11px; font-weight: normal; color: #fff; background: url('../images/buttons/button04_r.gif') right top no-repeat; border-width: 0; margin: 0; padding: 0 20px 0 0!important; cursor: pointer; } .i-button span, .button span { height: 24px; line-height: 22px; background: url('../images/buttons/button04_l.gif') left top no-repeat; padding: 0 0 0 20px; white-space: nowrap; display: block; position: relative; cursor: pointer; } button.i-button, input.i-button , button.button { /* width: auto; */ overflow: visible; } button { -webkit-border-fit: lines; } @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari and Google Chrome only - fix margins */ button span { margin-top: -1px; } } button::-moz-focus-inner { padding: 0!important; border-width: 0!important; } /* 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 .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; padding-bottom: 5px; } .group-select input.input-text, .group-select textarea {width:510px; } .group-select select { width:516px; } .group-select .input-box input.input-text, .group-select .input-box textarea { width:250px; } .group-select .input-box select { width:256px; } .buttons-set { clear:both; margin:5px 0 0; padding:5px; 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; 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; } .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:10px; margin:0 0 10px; border:1px solid #ddd; } .breadcrumbs li { display:inline; } */ /* BREADCRUMBS ================================================================================== */ .breadcrumbs { width: 100%; float: left; height: 26px; line-height: 26px; overflow: hidden; position: absolute; left: 23px; top: 0; } .breadcrumbs li { float: left; color: #fff; } .breadcrumbs li a { color: #fff; text-decoration: none; } /* Page Heading */ .page-title { border-bottom:1px solid #ddd; padding:0 0 5px; margin:0 0 10px; } .title-buttons { text-align:right; } .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } /* Pager */ .pager { background: url(../images/blocks/bg_pager_t.png) left top no-repeat; padding:5px 10px; margin:5px 0 0; text-align:center; color: #fff; } .bottom-pager .pager { background: url(../images/blocks/bg_pager_b.png) left top no-repeat; margin:0px 0 5px; padding: 5px 10px 6px; } .pager .amount { float:left; padding-top:3px; } .pager .limiter { float:right; } .pager .limiter select { height: 20px; } .pager .pages { margin:0 135px; padding-top:3px; } .pager .pages ol { display:inline; } .pager .pages li { display:inline; } .pager .pages li a { text-decoration: none; color: #fff; } .pager .pages li a:hover { text-decoration: none; } .pager .pages .current { background: url(../images/bullets/bullet04.gif) left 50% no-repeat; padding: 5px 5px; } .pager p { margin: 0; } /* Sorter */ .sorter { border:1px solid #ddd; padding:5px; margin:5px 0; } .sorter .view-mode { float:left; } .sorter .sort-by { float:right; } .sorter .link-feed {} /* Data Table */ .data-table { width:100%; } .data-table th { padding:5px; border:1px solid #ddd; font-weight:bold; white-space:nowrap; } .data-table td { padding:5px; border:1px solid #ddd; } .data-table thead { background-color:#f2f2f2; } .data-table tbody {} .data-table tfoot {} .data-table tr.first {} .data-table tr.last {} .data-table tr.odd {} .data-table tr.even { background-color:#f6f6f6; } .data-table tbody.odd {} .data-table tbody.odd td { border-width:0 1px; } .data-table tbody.even { background-color:#f6f6f6; } .data-table tbody.even td { border-width:0 1px; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom-width:1px; } .data-table th .tax-flag { white-space:nowrap; font-weight:normal; } .data-table td.label, .data-table th.label { font-weight:bold; background-color:#f6f6f6; } .data-table td.value {} /* Tax Details Row */ tr.tax-total { cursor:pointer; } tr.tax-total td {} tr.tax-total .tax-collapse { float:right; text-align:right; padding-left:20px; background:url(../images/bg_collapse.gif) 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 ================================================================================== */ .header { width: 960px; padding: 11px 4px 0; height: 104px; float: left; position: relative; z-index: 2; } .header .top-wrap { width: 100%; height: 26px; float: left; position: relative; z-index: 3; } .header .bottom-wrap { width: 960px; float: left; display: inline; padding: 4px 4px 0; height: 70px; margin:4px -4px 0; background: url(../images/blocks/bg_header1.png) left top no-repeat; -background: url(../images/blocks/bg_header.png) left top no-repeat; position: relative; z-index: 2; } .header .login-box { width: 405px; height: 24px; overflow: hidden; float: left; /* position: absolute; left: 4px; top: 11px; */ } .header .login-box ul.form-list { float: left; height: 24px; width: 305px; overflow: hidden; } .header .login-box ul.form-list li { width: 125px; height: 20px; overflow: hidden; margin-right: 5px; float: left; background: url(../images/forms/bg_top_input01.gif) left top no-repeat; padding: 4px 10px 0; } .header .login-box .i-text { border: none; background: none; width: 100%; } .header .login-box ul.messages { display: none; } .header .login-box ul.links { float: left; } .header .login-box .i-button { background: url(../images/buttons/button01_r.gif) right top no-repeat; } .header .login-box .i-button span { background: url(../images/buttons/button01_l.gif) left top no-repeat; } .header .login-box a.link-gfx { background: url(../images/buttons/button01_r.gif) right top no-repeat; } .header .login-box a.link-gfx span { background: url(../images/buttons/button01_l.gif) left top no-repeat; } .header .languageBox { /* position: absolute; left: 410px; top: 11px; */ height: 26px; width: 129px; float: left; z-index: 9999; } .header .languageBox ul { width: 129px; float: left; min-height: 26px; height: auto!important; height: 26px; position: absolute; } .header .languageBox ul li { text-align: left; display: none; padding-left: 10px; /* background: url(../images/blocks/bg_lang_separator.gif) 10px top no-repeat; */ margin-bottom: 1px; } .header .languageBox ul:hover li { display: block; } .header .languageBox ul li a:link, .header .languageBox ul li a:visited { color: #000; font-size: 11px; height: 28px; line-height: 28px; text-decoration: none; } .header .languageBox ul li a:hover { text-decoration: underline; } .header .languageBox ul li.act { display: block; background: url(../images/blocks/bg_lang_act.gif) left top no-repeat; } .header .languageBox ul li.act a:link, .header .languageBox ul li.act a:visited { color: #000; padding-right: 14px; height: 26px; line-height: 26px; text-decoration: none; } .header .languageBox ul:hover { background: url(../images/blocks/bg_lang.png) left top no-repeat; -background: url(../images/blocks/bg_lang.gif) left top no-repeat; } .header .languageBox ul:hover li.act { background: none; } .header .languageBox ul:hover li.act a { background: none; } .header .top-links-wrap { width: 260px; padding-right:10px; float: right; } .header .links { padding-left: 10px; height: 26px; line-height: 26px; overflow: hidden; float: right; } .header .links li { float: left; background: url(../images/bullets/bullet02_g.gif) right 50% no-repeat; padding-right: 7px; margin-right: 7px; } .header .links li a { color: #fff; text-decoration: none; line-height: 26px; } .header .links li a:hover { text-decoration: underline; } .header .links li.last { margin: 0; padding: 0; background: none; } .header .quicksearch { float: right; width: 140px; height: 22px; background: url(../images/forms/bg_top_input.gif) left top no-repeat; padding: 4px 5px 0 10px; /* position: absolute; right: 4px; top: 11px; */ } .header .quicksearch .i-text { background: none; border: none; width: 120px; float: left; } .header .quicksearch input.i-button { width: 16px; height: 16px; float: right; background: url(../images/bullets/bullet01.gif) left top no-repeat; padding: 0!important; border: none!important; cursor: pointer; } .header .logo { width: 227px; height: 55px; float: left; position: absolute; left: 17px; top: 14px; z-index: 999; } /* .logo { float:left; width:200px; height:63px; overflow:hidden; } .header-container {} .header { padding:10px; border:1px solid #ddd; } .header .logo { background-position:0 0; background-repeat:no-repeat; text-indent:-999em; } .header .logo a { display:block; width:200px; height:63px; } .header .welcome-msg { font-weight:bold; text-align:right; } .header .links { float:right; } .header .form-search { text-align:center; } .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:center; } */ /* #nav { font-size:12px; border:1px solid #ddd; padding:5px 0; margin:10px 0; } #nav li { text-align:left; position:relative; } #nav li.over { z-index:999; } #nav li.parent {} #nav li a { display:block; text-decoration:none; } #nav li a:hover { text-decoration:none; } #nav li a span { display:block; white-space:nowrap; cursor:pointer; } #nav li ul a span { white-space:normal; } #nav li { float:left; } #nav li a { float:left; padding:5px 10px; font-weight:bold; color:#888; } #nav li a:hover { color:#000; } #nav li.over a, #nav li.active a { color:#000; } #nav ul { position:absolute; width:15em; top:25px; left:-10000px; border:1px solid #ddd; background:#fafafa; } #nav ul li { float:none; border-bottom:1px solid #ddd; } #nav ul li.last { border-bottom:0; } #nav ul li a { float:none; padding:3px 9px; font-weight:normal; color:#888 !important; } #nav ul li a:hover { color:#000 !important; } #nav ul li.active > a, #nav ul li.over > a { font-weight:bold; color:#000 !important; } #nav ul ul { top:7px; } #nav li.over > ul { left:0; } #nav li.over > ul li.over > ul { left:100px; } #nav li.over ul ul { left:-10000px; } */ /* MAIN MENU ================================================================================== */ #main-nav { position: absolute; right: 4px; top: 22px; width: 693px; height: 33px; padding: 1px 15px 17px 46px; background: url(../images/blocks/bg_main_nav.png) left -1px no-repeat; z-index: 99; } #main-nav ul { width: 100%; float: left; height: 33px; } #main-nav ul li{ float: left; height: 33px; line-height: 32px; position: relative; z-index:2; margin: 0; padding: 0; } #main-nav ul li.active { z-index:1; } #main-nav ul li a{ color: #fff; float: left; padding: 0 11px; height: 33px; line-height: 32px; text-decoration: none; } /* .store-german #main-nav ul li a { padding: 0 7px; } */ #main-nav ul li a:hover, #main-nav ul li.active a, #main-nav ul li:hover a { text-decoration: none; background-image: url(../images/blocks/bg_menu_act_imp.png); background-repeat: no-repeat; background-position: left bottom; } #main-nav ul li.first a { padding-left: 18px; } #main-nav ul li.first a:hover { background-position: 2px 0px; } .cms-home #main-nav ul li.imp-home a, .cms-home #main-nav ul li.imp-home a:hover { background-image: url(../images/blocks/bg_menu_act_imp.png); background-position: 2px 0px; background-repeat: no-repeat; } /* 2 LEVEL */ #main-nav ul li ul { position: absolute; z-index: 999; left: -9999px; top: 33px; width: 235px; padding: 0px; float: left; background: #454545; } #main-nav ul li:hover ul { left: 0; } #main-nav ul li.first:hover ul { left: 18px; } #main-nav ul li.first ul li:hover ul { left: 235px; } #main-nav ul li ul li { width: 100%; float: left; border-bottom: 1px solid #747474; position: relative; } #main-nav ul li:hover ul li a{ width: 215px; float: left; padding: 0 10px; background-color: #454545; background-image: none; } #main-nav ul li ul li a:hover, #main-nav ul li ul li.active a, #main-nav ul li ul li:hover a { background:#747474; } /* 3 LEVEL */ #main-nav ul li ul li ul { display: none; } #main-nav ul li ul li:hover ul { left: 235px; top: 0; display: block; } #main-nav ul li ul li:hover ul li a { background-color: #454545; background-image: none; } #main-nav ul li ul li:hover ul li:hover a, #main-nav ul li ul li:hover ul li.active a { background:#747474; } /* act */ .cms-about-us .imp-about-us, .cms-smaltmoto .imp-smaltmoto, .cms-equipment .imp-equipment, .cms-service .imp-service { z-index:1; } .cms-about-us .imp-about-us a ,.cms-smaltmoto .imp-smaltmoto a ,.cms-equipment .imp-equipment a, .cms-service .imp-service a, .cms-galery .imp-galery a { text-decoration: none; background-image: url(../images/blocks/bg_menu_act_imp.png); background-repeat: no-repeat; background-position: left bottom; } .blog-index-index ul li.imp-news a { text-decoration: none; background-image: url(../images/blocks/bg_menu_act_imp.png); background-repeat: no-repeat; background-position: left bottom; } /* last */ #main-nav ul li.last { } #main-nav ul li.last a { /* padding-right: 0px; */ } #main-nav ul li.last:hover a { /* background-position: right bottom; */ } .contacts-index-index .imp-contacts { background-image: url(../images/blocks/bg_menu_act_imp.png); background-position: right -82px; background-repeat: no-repeat; } /* .store-default #main-nav ul li.imp-contacts a , .store-english-non-eu #main-nav ul li.imp-contacts a { padding-right:39px; } .store-default #main-nav ul li.imp-contacts a:hover, .contacts-index-index #main-nav ul li.imp-contacts ,.store-default #main-nav ul li.imp-contacts:hover a { background-image: url(../images/blocks/bg_menu_act_imp.png); background-position: right bottom; } .store-german #main-nav ul li.imp-contacts a { padding-right:36px; } .store-german #main-nav ul li.imp-contacts a:hover, .contacts-index-index #main-nav ul li.imp-contacts { background-image: url(../images/blocks/bg_menu_act_imp.png); background-position: right bottom; } */ /* ======================================================================================= */ /* Sidebar =============================================================================== */ .block { margin:0 0 10px; background: url(../images/blocks/bg_box_b.gif) left bottom no-repeat; padding-bottom: 9px; } .block .block-title { background: url(../images/blocks/bg_box_t.gif) left top no-repeat; height: 30px; line-height: 30px; padding:0 10px; } .block .block-title h2 { font-size:15px; font-weight:normal; line-height: 30px; color: #fff; } .block .block-title h2 a { color: #77B7D5; } .block h3 { font-size:14px; line-height:1.5; } .block .block-content { padding:10px 10px 0; background: url(../images/blocks/bg_box.gif) left top repeat-y; } .block .actions { text-align:right; } .block .actions a { float:left; } .block .block-content p { margin: 0; } /* Block: Account */ .block-account {} .block-account .block-content ul { } .block-account .block-content ul li{ padding: 0 0 5px; } /* 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; background: #fbebd9; padding: 3px 0; margin: 5px 0 10px!important; } .block-cart .actions { margin-bottom: 10px; } .block-cart .actions .button { background: url(../images/buttons/button02_r.gif) right top no-repeat; } .block-cart .actions .button span { background: url(../images/buttons/button02_l.gif) left top no-repeat; } .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; font-size: 9px; } .mini-products-list .product-details h4 { font-size: 9px; font-weight:normal; margin:0; } .mini-products-list .product-details .btn-remove { float:right; } /* Block: Wishlist */ .block-wishlist {} /* Block: Related */ .block-related {} .block-related li { padding:5px 0; } .block-related input.checkbox { float:left; margin-right:-20px; } .block-related .item { margin-left:20px; } .block-related .item .product-image { float:left; margin-right:-65px; } .block-related .item .product-details { margin-left:65px; } /* Block: Compare Products */ .block-compare {} .block-compare li { padding:5px 0; } .block-compare li a .v-middle { float: right; } /* Block: Viewed */ .block-recent {} /* Block: Poll */ .block-poll {} .block-poll input.radio { float:left; margin:3px -18px 0 0; } .block-poll .label { display:block; margin-left:18px; } .block-poll .answer {} .block-poll .votes { font-weight:bold; } /* Block: Tags */ .block-tags ul, .block-tags li { display:inline; } /* Block: Subscribe */ .block-subscribe {} /* Block: Reorder */ .block-reorder { width: 100%; float: left; } .block-reorder li { padding:5px 0; } .block-reorder input.checkbox { float:left; margin:3px -20px 0 0; } .block-reorder .label { display:block; margin-left:20px; } /* Block: Banner */ .block-banner {} .block-banner .block-content { text-align:center; } /* Block: Checkout Progress */ .block-progress {} .block-progress dt { font-weight:bold; padding-top: 5px; } .block-progress dt.complete {} .block-progress dd.complete { border-bottom: 1px solid #000; padding: 0 0 5px; } .crosssell .tax-note { font-size: 100%; } /* ======================================================================================= */ /* Category Page ========================================================================= */ .category-title { border-bottom:1px solid #ddd; margin:0 0 10px; } .category-image { display:block; margin:0 auto; } .category-products {} /* View Type: Grid */ .listing-type-grid { margin: 0; padding: 6px 5px; background: url(../images/blocks/bg_pager.gif) left top repeat-y; } .listing-type-grid .grid-row { list-style: none; padding: 0; margin: 0 0 0px; } .listing-type-grid li.item { width: 157px; padding: 0 1px 1px 0; background: #dbdbdb; height: 310px; float:left; margin: 0; overflow: hidden; } .listing-type-grid li.item .product-item { width: 157px; height: 310px; background: #fff; text-align: left; } .listing-type-grid li.last { padding-right: 0; } .listing-type-grid ol.last li { padding-bottom: 0; /* height: 300px; */ } .listing-type-grid ol.last li.last { margin: 0; } .listing-type-grid li.item .product-item .info-wrap { padding-left: 5px; } .listing-type-grid li.item .product-item .info-wrap .price-box { margin-bottom: 5px; } .listing-type-grid li.item .product-item .info-wrap .price-box p { margin: 0; } .listing-type-grid li.item .product-item .info-wrap .price-box .price-label { display: none; } .listing-type-grid li.item .product-item .info-wrap .price-box .product-price-1 { display: inline; } .listing-type-grid li.item .product-item .info-wrap .price-box .old-price { display: inline; font-weight: normal; } .listing-type-grid li.item .product-item .info-wrap .price-box .old-price .price{ font-weight: normal; } .listing-type-grid li.item .product-item .info-wrap .price-box .special-price { display: inline; font-weight: normal; } .listing-type-grid li.item .product-item .info-wrap .price-box .special-price .price { font-weight: normal; } .listing-type-grid li.item .product-item .info-wrap .ratings { margin-bottom: 10px; } .listing-type-grid li.item .product-item .info-wrap .price-box .regular-price .price { font-weight: normal; font-size: 18px; } .listing-type-grid li.item .product-item h5 { color: #1e7ebe; font-size: 12px; line-height: 14px; font-weight: normal; margin-bottom: 5px; height: 56px; overflow: hidden; } .listing-type-grid li.item .product-item h5 a { text-decoration: underline; } .listing-type-grid li.item .product-item h5 a:hover { text-decoration: none; } .listing-type-grid li.item .button { background: url(../images/buttons/button02_r.gif) right top no-repeat; } .listing-type-grid li.item .button span{ background: url(../images/buttons/button02_l.gif) left top no-repeat; } .listing-type-grid .product-image { text-align:center; margin: 0; } .listing-type-grid .product-image a:hover { text-decoration: none; } .listing-type-grid .product-image img { margin: 0px 0 5px 0; } .listing-type-grid .actions { margin:10px 0; text-align:center; } .listing-type-grid li.item .product-item .add-to-links { margin-top: 5px; } .listing-type-grid li.item .product-item .add-to-links li a { color: #ba0000; font-weight: bold; } .listing-type-grid li.item .product-item .add-to-links li.last a { color: #000; font-weight: bold; } /* 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:245px; } .product-view .product-img-box .product-image { border:1px solid #ddd; } .product-view .product-img-box .product-image-zoom { position:relative; width:233px; height:233px; overflow:hidden; z-index:9; } .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:18px; margin:0 auto 13px; padding:0 28px; background:url(../images/slider_bg.gif) 50% 50% no-repeat; 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; } .product-view .product-img-box .zoom .btn-zoom-out { position:absolute; left:2px; top:0; } .product-view .product-img-box .zoom .btn-zoom-in { position:absolute; right:2px; top:0; } .product-view .product-img-box .more-views { padding-right: 10px; } .product-view .product-img-box .more-views ul { margin-left:-4px } .product-view .product-img-box .more-views li { float:left; padding:1px; background-color:#ddd; margin:0 0 8px 4px ; } .product-view .product-img-box .more-views h3 { font-size: 10px; padding: 10px 0 5px; margin-bottom: 10px; border-bottom: 1px solid #ddd; } .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-name h2 { font-size: 18px; font-weight: normal; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #dbdbdb; } .product-view .product-shop { float:right; width:395px; } .product-view .product-shop .ratings .rating-box { float: left; } .product-view .product-shop .price-box { margin-bottom: 10px; } .product-view .product-shop span.price { font-size: 20px; font-weight: normal; } .product-view .product-shop a.link-email { width: 100%; float: left; clear: both; margin: 0px 0 15px; background: url("../images/bullets/bullet05.gif") left 3px no-repeat; padding-left: 10px; color: #000; font-weight: bold; } .product-view .product-shop .description h3 { font-size: 14px; font-weight: normal; } .product-view .product-shop .description { color: #4d4d4d; } .product-view .product-shop .add-to-cart { margin: 10px 0; } .product-view .product-shop .add-to-cart .button { background: url(../images/buttons/button02_r.gif) right top no-repeat; } .product-view .product-shop .add-to-cart .button span{ background: url(../images/buttons/button02_l.gif) left top no-repeat; } .product-view .product-shop .add-to-cart label { line-height: 22px; } .product-view .product-shop .add-to-cart #qty { border: 1px solid #c1c1c1; padding: 3px 2px; width: 25px; } .product-view .product-shop .add-to-links { clear: left; /* margin-bottom: 15px; */ } .product-view .product-shop .add-to-links li a { color: #000; font-weight: bold; background: url("../images/bullets/bullet05.gif") left 3px no-repeat; padding-left: 10px; } .product-view .product-shop .add-to-links li.last a { color: #000; font-weight: bold; } .product-view .product-shop .add-to-box { clear: left; } .product-view .product-shop .imp-data-table { float: left; } /* Rating */ .ratings {} .ratings .amount {} .ratings .rating-links {} .ratings dt {} .ratings dd {} .rating-box { width:90px; height:16px; 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:16px; background:url(../images/bg_rating.gif) 0 100% repeat-x; } .product-view .reviews { padding: 10px 0; } .reviews ol.review-list { padding: 10px 10px; background:transparent url(../images/blocks/bg_pager.gif) repeat-y scroll left top; } .reviews ol.review-list li { border-top: 1px solid #dbdbdb; padding-top: 10px; margin-top: 10px; } .reviews ol.review-list li.first { border: none; padding: 0; margin: 0; } .reviews ol.review-list h3 { font-size:18px; line-height: 20px; font-weight:normal; } .reviews ol.review-list h3 a { text-decoration: none; color: #000; } .reviews ol.review-list h3 a:hover { text-decoration: underline; } .reviews ol.review-list li .nickname { font-size: 10px; color:#9a9a9a; } .reviews ol.review-list .rating-box { margin: 10px 0; } /* 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 .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; } .old-price .price { font-weight:bold; text-decoration:line-through; } /* Special price */ .special-price {} .special-price .price-label { font-weight:bold; white-space:nowrap; } .special-price .price { font-weight:bold; } /* Minimal price (as low as) */ .minimal-price {} .minimal-price .price-label { font-weight:bold; white-space:nowrap; } a.minimal-price-link { display:block; } a.minimal-price-link .label {} a.minimal-price-link .price { font-weight:normal; } /* Excluding tax */ .price-excluding-tax { display:block; } .price-excluding-tax .label { white-space:nowrap; } .price-excluding-tax .price { font-weight:normal; } /* Including tax */ .price-including-tax { display:block; } .price-including-tax .label { white-space:nowrap; } .price-including-tax .price { font-weight:bold; } /* Excl tax (for order tables) */ .price-excl-tax { display:block; } .price-excl-tax .label { display:block; white-space:nowrap; } .price-excl-tax .price { display:block; } /* Incl tax (for order tables) */ .price-incl-tax { display:block; } .price-incl-tax .label { display:block; white-space:nowrap; } .price-incl-tax .price { display:block; font-weight:bold; } /* Price range */ .price-from {} .price-from .price-label { font-weight:bold; white-space:nowrap; } .price-to {} .price-to .price-label { font-weight:bold; white-space:nowrap; } /* Price as configured */ .price-as-configured {} .price-as-configured .price-label { font-weight:bold; white-space:nowrap; } /* Price notice next to the options */ .price-notice { padding-left:10px; } .price-notice .price { font-weight:bold; } /********** Product Prices > */ /* Tier Prices */ .tier-prices .price { font-weight:bold; } .tier-prices .benefit {} /* Add to Links */ .add-to-links .separator { display:none; } /* Add to Cart */ .add-to-cart label { float:left; margin-right:5px; } .add-to-cart .qty { float:left; } .add-to-cart button.button { float:left; margin-left:5px; } /* Add to Links + Add to Cart */ .add-to-box {} .add-to-box .add-to-cart { float:left; } .add-to-box .or { float:left; margin:0 10px; } .add-to-box .add-to-links { float:left; } /* Product Options */ .product-options { padding:0 10px 10px; margin:10px 0 0; background-color:#e8e8e8; } .product-options dt { padding-top: 10px; } .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 dl dd { padding:10px 0; border-bottom: 1px solid #fff; } .product-options dl.last dd.last { border: none; padding-bottom: 0; } .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; } p.options-required { font-size: 12px; color: #f00; text-align: right; padding: 3px 10px 3px 0; } .product-options-bottom { padding: 10px 0px; } .product-options-bottom .price-box { margin:0px 0; float: left; } .product-options-bottom .price-box .price-as-configured { line-height: 22px; } .product-options-bottom .add-to-cart { margin: 0px; float: right; } .product-options-bottom .add-to-cart .button { background: url(../images/buttons/button02_r.gif) right top no-repeat; } .product-options-bottom .add-to-cart .button span{ background: url(../images/buttons/button02_l.gif) left top no-repeat; } .product-options-bottom .add-to-cart #qty { border: 1px solid #c1c1c1; padding: 3px 2px; width: 25px; } .product-options-bottom .add-to-cart label { line-height: 22px; } /* Grouped Product */ .grouped-items {} /* Block: Description */ .product-view .description {} /* Block: Additional */ .product-view .additional { padding-bottom:10px; } /* 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 {} /* 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; } /* 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:165px; } .product-review .product-img-box .product-image { display:block; border:1px solid #ddd; padding:1px; } .product-review .product-img-box .rating-links { font-size: 11px; padding: 10px 0; } .product-review .details { float:right; width:470px; } .product-review .details .product-name { font-size:18px; font-weight:normal; line-height:20px; margin-bottom: 10px; } .product-review .details .date { color:#9A9A9A; font-size:10px; padding: 5px 0 10px; margin: 0; } .rating-label { float: left; padding-right: 10px; } /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ .cart .checkout-types { float:right; text-align:right; } .cart .checkout-types .button { height: 30px; line-height: 30px; padding-right: 45px!important; text-transform: uppercase; background: url(../images/buttons/button03_r.gif) right top no-repeat; font-weight: bold; } .cart .checkout-types .button span { height: 30px; line-height: 30px; padding-left: 45px!important; background: url(../images/buttons/button03_l.gif) left top no-repeat; } .cart .checkout-types li { margin-bottom: 10px; } /* Shopping Cart Table */ .cart-table .item-msg { font-size:10px; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { float:left; /* width:650px; */ width:600px; } .cart .crosssell .product-image { float:left; margin-right:-90px; } .cart .crosssell .product-shop { margin-left:90px; } .cart .shipping {} /* Shopping Cart Totals */ .cart .totals { float:right; } .cart .totals table { width:100%; } .cart .totals table th, .cart .totals table td { padding:5px; } .cart .totals table th { font-weight:bold; } /* Options Tool Tip */ .item-options dt { font-weight:bold; font-style:italic; } .item-options dd { padding-left:10px; } .truncated { cursor:help; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; } .truncated .truncated_full_value { position:relative; z-index:999; } .truncated .truncated_full_value dl { position:absolute; top:-99999em; left:-99999em; z-index:999; width:250px; padding:8px; border:1px solid #ddd; background-color:#f6f6f6; } .truncated .show dl { top:-20px; left:50%; } .col-left .truncated .show dl { left:30px; top:7px; } .col-right .truncated .show dl { left:-240px; top:7px; } /* ======================================================================================= */ /* Checkout ============================================================================== */ /* One Page */ .opc { border-bottom:1px solid #ddd; position:relative; } .opc li.section { border:1px solid #ddd; border-bottom:0; } .opc .step-title { background-color:#f6f6f6; padding:5px 5px; text-align:right; } .opc .step-title .number { float:left; line-height:22px; margin-right:5px; } .opc .step-title h3 { float:left; } .opc .allow .step-title { cursor:pointer; } .opc .active {} .opc .active .step-title { background-color:#ccc; cursor:default; } .opc .step { border-top:1px solid #ddd; padding:10px; position:relative; } .opc .step .tool-tip { right:10px; } .opc .order-review {} #checkoutSteps #opc-review #checkout-step-review #review-buttons-container .button { background: url(../images/buttons/button02_r.gif) right top no-repeat; } #checkoutSteps #opc-review #checkout-step-review #review-buttons-container .button span { background: url(../images/buttons/button02_l.gif) left top no-repeat; } /* Multiple Addresses Checkout */ .checkout-progress { padding:0 50px; margin:10px 0; } .checkout-progress li { float:left; width:20%; border-top:5px solid #ccc; text-align:center; color:#ccc; } .checkout-progress li.active { border-top-color:#000; color:#000; } .multiple-checkout { position:relative; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; } .multiple-checkout .grand-total { font-size:1.5em; text-align:right; } .multiple-checkout .grand-total big {} .multiple-checkout .grand-total .price {} /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods dt { font-weight:bold; } .sp-methods .price { font-weight:bold; } .sp-methods .form-list { padding-left:20px; } .sp-methods select.month { width:150px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .please-wait { float:right; margin-right:5px; } .cvv-what-is-this { cursor:help; margin-left:5px; } /* Tooltip */ .tool-tip { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; position:absolute; z-index:9999; } .tool-tip .btn-close { text-align:right; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .add-gift-message {} .gift-message-form { border:1px solid #ddd; background-color:#f5f5f5; } .gift-message-form .inner-box { padding:5px; height:300px; overflow:auto; } .gift-message-form .gift-item {} .gift-message-link { display:block; background:url(../images/bg_collapse.gif) 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; } .dashboard .recent-orders .title-buttons { background:transparent url(../images/blocks/bg_pager_t.png) no-repeat scroll left top; padding:5px 10px; } .dashboard .recent-orders .title-buttons h3 { color:#FFFFFF; font-size:16px; font-weight:normal; } .dashboard .recent-orders .title-buttons a { color: #77b7d5; } /* 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 { width: 882px; padding: 16px 20px 0 23px; height: 35px; float: left; background: url(../images/blocks/bg_footer.gif) left top no-repeat; } .footer ul { float: left; } .footer ul li { float: left; color: #fff; background: url(../images/bullets/bullet02.gif) right 50% no-repeat; padding-right: 7px; margin-right: 7px; } .footer ul li.last { background: none; margin: 0; padding: 0; } .footer ul li a{ float: left; color: #fff; text-decoration: none; } .footer ul li a:hover { text-decoration: underline; } .footer ul li .i-facebook { padding-right: 20px; background: url(../images/bullets/facebook.gif) right top no-repeat; } .copyright{ color: #fff; float: right; } /* SLIDER ================================================================================== */ .slider-box { width: 598px; height: 268px; /* padding-left: 345px; */ padding-left: 330px; padding-top: 22px; background: url(../images/blocks/bg_home_crausel.jpg) -15px top no-repeat;} .bestsellers-box { position: relative; z-index: 1; width: 557px; height: 193px; padding: 56px 17px 0 20px; } /* .bestsellers-box .shader-box{ width: 594px; height: 249px; background: url(../images/blocks/bg_bestsellers02.gif) left top no-repeat; position: absolute; left: 0; bottom: 0px; filter: alpha(opacity='50'); opacity: .5; moz-opacity: 0.5; -khtml-opacity: 0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); z-index: 2; } */ .bestsellers-box .shader-box { width: 594px; height: 249px; position: absolute; left: 0; bottom: 0px; background: url(../images/blocks/bg_bestsellers02.jpg) left top no-repeat; z-index: 2; } .bestsellers-box .title { width: 176px; height: 34px; text-indent: -99999px; background: url(../images/blocks/bg_bestsellers_title.png) left top no-repeat; position: absolute; z-index: 99; left: 17px; top: 12px; } #b-ie6 .bestsellers-box .title { width: 176px; height: 34px; text-indent: -99999px; position: absolute; z-index: 99; left: 17px; top: 12px; background: none!important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/blocks/bg_bestsellers_title.png', sizingMethod='crop');} .fce-slider { width: 507px; height: 135px; background: url(../images/blocks/bg_slider.gif) left top no-repeat; position: relative; z-index: 5; padding: 20px 25px; } .fce-slider .stripNavL a { text-indent: -9999em; width: 25px; height: 25px; background: url(../images/blocks/bg_arrow_l.gif) left top no-repeat; float: left; position: absolute; z-index: 10; left: -12px; top: 75px; } .fce-slider .stripNavR a { text-indent: -9999em; width: 25px; height: 25px; background: url(../images/blocks/bg_arrow_r.gif) left top no-repeat; float: left; position: absolute; z-index: 10; right: -12px; top: 75px; } .fce-slider a:focus { outline:none } .fce-slider .slider-wrap { width: 507px; height: 135px; overflow: hidden; } .stripViewer { width: 507px; height: 135px; clear: both; margin:auto; overflow:hidden; position:relative; } .stripViewer .panelContainer { left:0; list-style-type:none; position:relative; top:0; width:100%; } .panel { width: 507px; height:100%; float:left; position:relative; } .panel .item-content { width: 260px; float: left; position: relative; font-size: 12px; } .panel .item-content h3 { font-size: 14px; font-weight: bold; font-style: italic; max-height:40px; height:expression(this.scrollHeight>39?"40px":"auto"); overflow: hidden; } .panel .item-content .link-gfx { position: absolute; right:0; top:110px; background: url(../images/buttons/button01_r.gif) right top no-repeat; } .panel .item-content .link-gfx span { background: url(../images/buttons/button01_l.gif) left top no-repeat; } .panel .item-content p { color: #4d4d4d; } .panel .item-content .price-box p { margin: 0; } .panel .item-content .price-box p span.price { color: #f00!important; font-size: 11px; } .panel .item-content .price-box p span.price-label { color: #000!important; font-size: 11px; } .panel .item-image { width: 235px; float: left; text-align: left; } .panel-item1 .item-content h3 { height: 32px; background: url(../images/slider/item1/title_ua.png) left top no-repeat; margin-top: 15px; } .panel-item2 .item-content h3 { height: 68px; background: url(../images/slider/item2/title_ua.png) left top no-repeat; margin-top: 15px; } .panel-item3 .item-content h3 { height: 32px; background: url(../images/slider/item3/title_ua.png) left top no-repeat; margin-top: 15px; } .panel-item4 .item-content h3 { height: 32px; background: url(../images/slider/item4/title_ua.png) left top no-repeat; margin-top: 15px; } .stripNav { margin:auto; position: absolute; right: 30px; top: 169px; float: left; height: 21px; background: url(../images/blocks/bg_switcher_l.gif) left top no-repeat; padding: 0px 0 0 12px; } .stripNav ul { list-style-image:none; list-style-position:outside; list-style-type:none; background: url(../images/blocks/bg_switcher_r.gif) right top no-repeat; float: left; height: 18px; padding-top: 3px; padding-left: 0!important; } .stripNav ul li { float:left; margin-right:2px; } .stripNav a { background: none; color:#000; display:block; font-size:12px; font-weight:normal; line-height:15px; width: 15px; text-align:center; text-decoration:none; margin-right: 8px; } .stripNav li a:hover { background: url(../images/bullets/bullet04.gif) left top no-repeat; color: #fff; text-decoration: none; } .stripNav li a.current { background: url(../images/bullets/bullet04.gif) left top no-repeat; color: #fff; text-decoration: none; } /* HOPE PAGE GALERY SLIDER */ .galery-box { width: 633px; height: 138px; background: url(../images/blocks/bg_galery.png) left top no-repeat; position:relative; } .galery-box a.link-prev { width: 23px; height: 23px; float: left; display: inline; margin: 57px 0 0 -10px; background: url(../images/blocks/bg_galery_l.gif) left top no-repeat; position: relative; } .galery-box a.link-next { width: 23px; height: 23px; float: right; margin: 57px -11px 0 0; background: url(../images/blocks/bg_galery_r.gif) left top no-repeat; position: relative; } .galery-box .galery-holder { width: 590px; height: 105px; float: left; overflow: hidden; display: inline; margin: 17px 5px 16px 10px; } .galery-box .galery-holder ul { width: 1200px; float: left; padding: 0; list-style: none; } .galery-box .galery-holder ul li { float: left; margin-right: 25px; padding: 0; list-style: none; } .fce-gallery { width: 590px; height: 105px; padding: 17px 20px 16px 23px; background: url(../images/blocks/bg_galery.png) left top no-repeat; position:relative; } .fce-gallery .stripNavL a { text-indent: -9999em; width: 25px; height: 25px; background: url(../images/blocks/bg_galery_l.gif) left top no-repeat; float: left; position: absolute; z-index: 10; left: -10px; top: 57px; } .fce-gallery .stripNavR a { text-indent: -9999em; width: 25px; height: 25px; background: url(../images/blocks/bg_galery_r.gif) left top no-repeat; float: left; position: absolute; z-index: 10; right: -13px; top: 57px; } .fce-gallery a:focus { outline:none } .fce-gallery .stripNav { display: none; } .fce-gallery .stripViewer { width: 590px; height: 105px; } .fce-gallery .stripViewer .panel { width: 590px; height: 105px; } .fce-gallery .stripViewer .panel a img { width: 177px; height: 103px; float: left; margin-right: 25px; } .fce-gallery .stripViewer .panel a.last img { margin: 0; } /* LIST SLIDER */ .list-slider .image-holder { position: relative; width: 178px; padding-left: 9px; height: 104px; overflow: hidden; float: left; } .list-slider .image-holder a { position: absolute; left: 9px; top: 0; } .list-slider { width: 223px; height: 158px; float: left; margin-bottom: 10px; background: url(../images/blocks/bg_slider_list.png) left top no-repeat; position:relative; } .list-slider .fce-list-slider { padding: 9px 23px 16px 23px; width: 177px; height: 103px; overflow: hidden; } .list-slider .title { height: 28px; line-height: 28px; color: #fff; padding-left: 10px; font-weight: normal; margin: 0px; font-size: 15px; } .list-slider .stripViewer { width: 177px; height: 103px; } .list-slider .stripViewer ..panel { width: 177px; } .list-slider .stripNav { display: none; } .list-slider .stripNavL a { text-indent: -9999em; width: 25px; height: 25px; background: url(../images/blocks/bg_galery_l.gif) left top no-repeat; float: left; position: absolute; z-index: 10; left: -10px; top: 77px; } .list-slider .stripNavR a { text-indent: -9999em; width: 25px; height: 25px; background: url(../images/blocks/bg_galery_r.gif) left top no-repeat; float: left; position: absolute; z-index: 10; right: -13px; top: 77px; } /* SINGLE */ .single-box .img-wrap { width: 576px; height:365px; margin: 30px auto 0; text-align: center; color: #878787; } .single-box .img-wrap .img-holder { width: 576px; } .single-box .img-wrap .img-holder img { border: 2px solid #bababa; } .single-box .img-wrap p { margin: 10px 0; } /* CATEGORY PAGE */ .category-box h1 { font-size: 28px; font-weight: normal; } .category-box ol.category-list { width: 100%; float: left; list-style: none; padding: 0; } .category-box ol.category-list li { width: 100%; float: left; border-top: 1px solid #dbdbdb; padding-top: 10px; margin-top: 5px; } .category-box ol.category-list li.first { border: none; margin: 0; padding: 0; } .category-box ol.category-list li .category-desc { width: 155px; float: left; font-size: 11px; color: #4d4d4d; } .category-box ol.category-list li .category-desc img { float: right; padding-top: 2px; } .category-box ol.category-list li .category-desc h2 { color: #1e7ebe; font-size: 25px; line-height: 25px; font-weight: normal; margin-bottom: 5px; } .category-box ol.category-list li .category-sub { width: 485px; float: left; } .category-box ol.category-list li .category-sub .sub-item { width: 99px; float: left; margin: 0 0 5px 22px; display: inline;} .category-box ol.category-list li .category-sub .sub-item img { border: 1px solid #dbdbdb; float: left; } .category-box ol.category-list li .category-sub .sub-item h3 { color: #1e7ebe; font-size: 9px; } /* SUB CATEGORY PAGE */ .sub-category-box h1 { font-size: 28px; font-weight: normal; margin-bottom: 10px; } .sub-category-box ol.sub-category-list { width: 100%; float: left; list-style: none; padding: 0; } .sub-category-box ol.sub-category-list li { width: 100%; float: left; border-top: 1px solid #dbdbdb; padding-top: 10px; margin-top: 5px; } .sub-category-box ol.sub-category-list li.first { border: none; margin: 0; padding: 0; } .sub-category-box ol.sub-category-list li .sub-category-desc { width: 155px; float: left; font-size: 12px; } .sub-category-box ol.sub-category-list li .sub-category-desc a.i-button { text-decoration: none; padding-right:13px!important; float: left; font-size: 12px; margin-left: 12px; } .sub-category-box ol.sub-category-list li .sub-category-desc a.i-button span{ padding-left: 13px; } .sub-category-box ol.sub-category-list li .sub-category-desc a:hover { text-decoration: none; } .sub-category-box ol.sub-category-list li .sub-category-desc h2 { /* color: #000; font-size: 14px; line-height: 14px; font-weight: normal; margin-bottom: 5px; background: url(../images/bullets/bullet05.gif) left 3px no-repeat; padding-left: 12px; */ } .sub-category-box ol.sub-category-list li .sub-category-desc h2 .i-button { margin: 0!important; } .sub-category-box ol.sub-category-list li .sub-category-prod { width: 485px; float: left; } .sub-category-box ol.sub-category-list li .sub-category-prod .prod-item { width: 99px; float: left; margin: 0 0 5px 22px; display: inline;} .sub-category-box ol.sub-category-list li .sub-category-prod .prod-item img { border: 1px solid #dbdbdb; float: left; } .sub-category-box ol.sub-category-list li .sub-category-prod .prod-item h3 { color: #1e7ebe; font-size: 9px; } /* COLOR BOX */ .color-box { } .color-box h3 { color: #fff; background: url(../images/blocks/bg_pager_t.png) no-repeat scroll left top; margin:5px 0 0; padding:0px 10px; font-weight: normal; font-size: 16px; height: 31px; line-height: 30px; } .color-box .box-content { border: 1px solid #000; padding: 10px; border-top: none; margin-bottom: 10px; } .color-box .box-content .col2-set { margin: 0 0 10px; } .color-box .box-content .col2-set .col-1 { border: 1px solid #ddd; padding: 10px; width: 45%; background: #f5f5f5; } .color-box .box-content .col2-set .col-2 { border: 1px solid #ddd; padding: 10px; width: 45%; background: #f5f5f5; } .color-box .color-box h4 { padding: 5px 10px; background: #EFEFEF; border: 1px solid #ddd; border-bottom: none; } .color-box .color-box h4 a { float: right; font-size: 12px; font-weight: normal; } .color-box .color-box .box-content { border: 1px solid #ddd; padding: 10px; } .color-box .box-content .col2-set .color-box .box-content .col-1 { border: none; padding: 0; width: 49%; } .color-box .box-content .col2-set .color-box .box-content .col-2 { border: none; padding: 0; width: 49%; } .color-box .box-content .col2-set .col-1 h4 { position: relative; margin: -10px -10px 10px; padding: 5px 10px; background: #EFEFEF ; border-bottom: 1px solid #ddd; } .color-box .box-content .col2-set .col-1 h4 a {float: right; font-size: 12px; font-weight: normal; } .color-box .box-content .col2-set .col-2 h4 { position: relative; margin: -10px -10px 10px; padding: 5px 10px; background: #EFEFEF ; border-bottom: 1px solid #ddd; } .color-box .box-content .col2-set .col-2 h4 a {float: right; font-size: 12px; font-weight: normal; } .color-box .reviews .title-buttons { float: none; text-align: left; } .color-box .reviews .title-buttons h3 { float: none; background: #EFEFEF; border: 1px solid #ddd; border-bottom: none; color: #000; font-size:14px; font-weight:bold; } .color-box .reviews .title-buttons h3 a { float: right; font-size: 12px; font-weight: normal; } .color-box .reviews #my_recent_reviews { padding: 10px; background: #f5f5f5; border: 1px solid #ddd; } .color-box .reviews #my_recent_reviews .product-name { float: left; padding-right: 10px; } .customer-address-index .col2-set h3 { font-size:15px; font-weight:normal; padding: 5px 10px; background: #EFEFEF; border: 1px solid #ddd; border-bottom: none; } .customer-address-index .col2-set ol { padding: 10px 10px 0; border: 1px solid #ddd; } .customer-address-index .col2-set ol li { padding-bottom: 10px; } .sales-order-view .col2-set h3 { font-size: 14px; padding: 5px 10px; background: #EFEFEF; border-bottom: 1px solid #ddd; margin: -10px -10px 10px; } .sales-order-view .col2-set .col-1{ width: 45%; border: 1px solid #ddd; padding: 10px; margin-bottom: 10px; } .sales-order-view .col2-set .col-2{ width: 45%; border: 1px solid #ddd; padding: 10px; margin-bottom: 10px; } .color-head { color: #fff; background: url(../images/blocks/bg_pager_t.png) no-repeat scroll left top; margin:5px 0 0; padding:0px 10px; font-weight: normal; font-size: 16px; height: 31px; line-height: 30px; } .color-content { border: 1px solid #000; padding: 10px; border-top: none; margin-bottom: 10px; } /* POP UP */ .catalog-product-compare-index { background: none!important; } /* NEWS ================================================================================== */ /* BLOG LEFT COLUMN */ .mini-blog li.categories { background:transparent url(../images/blocks/bg_box_b.gif) no-repeat scroll left bottom; margin:0 0 10px; padding-bottom:9px; } .mini-blog li.categories h3.widgettitle { background:transparent url(../images/blocks/bg_box_t.gif) no-repeat scroll left top; height:30px; line-height:30px; padding:0 10px; color:#FFF; font-size:15px; font-weight:normal; } .mini-blog li.categories ul { background:transparent url(../images/blocks/bg_box.gif) repeat-y scroll left top; padding:10px 10px 0; } /* SINGLE PAGE */ .post { } .post .list-date { background: #c11921; color: #fff; font-size: 10px; float: right; padding: 1px; } .post h2 { font-size:14px; line-height:14px; font-weight:bold; margin-bottom:10px; padding-bottom:5px; } .post h2 a { color: #000; text-decoration: none; } .post h2 a:hover { text-decoration: none; } .post .entry { font-size: 12px; color: #4d4d4d; } .list-wrap .post { padding: 0 0 20px; margin-bottom: 20px; border-bottom: 1px solid #bababa; } .postmetadata { clear: both; width: 100%; margin: 10px 0 0; } .commentlist-wrap { width: 100%; float: left; border-bottom: 1px solid #BABABA; margin-bottom: 10px; } ol#commentlist { border: 1px solid #bababa; border-bottom: none; background: #e8e8e8; margin: 0 0 20px 30px; } ol#commentlist li { border-bottom: 1px solid #bababa; margin: 10px 10px 0; } ol#commentlist li.last { margin: 0; padding: 10px 10px 0; } ol#commentlist li h3 { font-size:12px; font-weight:bold; line-height:14px; color: #000101; margin: 0 0 15px; } .rss-links a { text-decoration: none; } /* LATEST */ .news-latest-container {} .news-latest-container h2 { font-size: 19px; font-weight: normal; margin-bottom:10px; } .news-latest-item { width: 100%; float: left; margin-bottom: 15px; } .news-latest-item .date { background: #c11921; color: #fff; font-size: 10px; float: right; padding: 1px; } .news-latest-item h3 { font-weight: bold; font-size: 14px; color: #000; } .news-latest-item h3 a { color: #000; text-decoration: none; } .news-latest-item h3 a:hover { text-decoration: underline;} .news-latest-item p { color: #4d4d4d; margin: 0 0 5px; } .news-latest-item .news-latest-morelink a { clear: both; color: #da0000; } /* LIST */ h1.imp-news-title { font-size: 28px; font-weight: normal; margin: 0 0 30px; } .imp-c-red { color: #f00; } .gallery-select a.current {font-weight: bold;} .gallery-select li {text-align:center;} .gallery .prod-item {text-align:center;} span.tax-note {font-size:80%;display:block;} .product-view .price-box .price-as-configured .price { color: #ef001a; } .product-options .options-list li { position: relative; } .product-options .options-list li .price-notice { position: absolute; right: 0; top: 0; } .product-options .qty-holder { display: none; } .additional { float:right; width:395px; } .additional h3 { font-size: 14px; font-weight: normal; } .additional .data-table th { border: 1px solid #d2d2d2; border-width: 0px 1px 0 0; background: none; padding: 5px 10px 5px 0; font-weight: normal; font-size: 10px; vertical-align: middle; } .additional .data-table td { border: none; background: none; padding: 5px 10px; font-size: 10px; } .imp-gallery-single { position: relative; } .imp-gallery-single .single-box .stripNav{ display: none; } .imp-gallery-single .single-box .img-wrap{ margin: 0; } .imp-gallery-single .single-box .stripViewer{ width: 546px; height: 365px; } .imp-gallery-single .single-box .img-wrap .img-holder { width: 546px; } .imp-gallery-single .single-box .stripViewer .panel { width: 546px; } .imp-gallery-single .stripNavL a { background:url("../images/blocks/bg_galery_l.gif") no-repeat scroll left top transparent; float:left; height:25px; left:10px; position:absolute; text-indent:-9999em; top:150px; width:25px; z-index:10; } .imp-gallery-single .stripNavR a { background:url("../images/blocks/bg_galery_r.gif") no-repeat scroll left top transparent; float:left; height:25px; position:absolute; right:10px; text-indent:-9999em; top:150px; width:25px; z-index:10; } .imp-gallery-single .fce-gallery .stripNavL a { top: 57px; left: -10px; } .imp-gallery-single .fce-gallery .stripNavR a { top: 57px; right: -13px; } /* imp attribute set */ #product-attribute-specs-table .logo-box { width: 103px; height: 20px; text-indent: -9999px; overflow: hidden; } #product-attribute-specs-table .manufacturer_Smaltmoto { background: url(../images/blocks/logo_small.png) left top no-repeat; }