/** * 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. * * @category design * @package default_blank * @copyright Copyright (c) 2009 Irubin Consulting Inc. DBA Varien (http://www.varien.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Reset ================================================================================= */ * { margin:0; padding:0; } @font-face { font-family: 'Lato'; src: url('fonts/ProximaNova-Regular.eot'); src: url('fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNova-Regular.woff') format('woff'), url('fonts/ProximaNova-Regular.ttf') format('truetype'), url('fonts/ProximaNova-Regular.svg#Lato') format('svg'); font-weight: 400; font-style: normal; } body { background:#fff;font:12px/14px Arial, Helvetica, sans-serif; color:#676767; text-align:center; } img { border:0; vertical-align:top; } a { color:#676767; text-decoration:none; } a:hover { text-decoration:none;color:black } :focus { outline: 0; } /* Headings */ h1 { font-size:20px; font-weight:normal; line-height:1.15; padding:0 0 7px 0; } h2 { font-size:18px; font-weight:normal; line-height:1.25; padding:0 0 7px 0; } h3 { font-size:16px; font-weight:bold; line-height:1.25; padding:0 0 7px 0; } h4 { font-size:14px; font-weight:bold; padding:0 0 7px 0; } h5 { font-size:12px; font-weight:bold; padding:0 0 7px 0; } h6 { font-size:11px; font-weight:bold; padding:0 0 7px 0; } /* Forms */ form { display:inline; } fieldset { border:0; } legend { display:none; } /* Table */ table { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; } caption,th,td { vertical-align:top; text-align:left; font-weight:normal; } /* Content */ strong { font-weight:bold; } address { font-style:normal; } cite { font-style:normal; } q, blockquote { quotes:none; } q:before, q:after { content:''; } small,big { font-size:1em; } sup { font-size:1em; vertical-align:top; } /* Lists */ ul,ol { list-style:none; } /* Tools */ .hidden { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; } .nobr { white-space:nowrap !important; } .wrap { white-space:normal !important; } .a-left { text-align:left !important; } .a-center { text-align:center !important; } .a-right { text-align:right !important; } .v-top { vertical-align:top; } .v-middle { vertical-align:middle; } .f-left, .left { float:left !important; } .f-right, .right { float:right !important; } .f-none { float:none !important; } .f-fix { float:left; width:100%; } .no-display { display:none; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } /* ======================================================================================= */ /* Layout ================================================================================ */ .wrapper {} .page { width:1024px; margin:0 auto; padding:0 0 0 0; text-align:left; } .page-print { background:#fff; padding:20px; text-align:left; } .page-empty { background:#fff; padding:20px; text-align:left; } .page-popup { background:#fff; padding:20px; text-align:left; } .main-container { margin:0 0 0 0; } .main { margin:0 0 5px 0; } .clear { clear:both;} /* Base Columns */ .col-left { float:left; width:240px; padding:0;} .col-main { float:left; width:770px; padding:0;} .indent-col-main { padding:0;} .content-width { width:100%; position:relative;} .col-right { float:right; width:240px; padding:0 0 0 0;} .cms-page-view .col2-left-layout .indent-col-main{width:750px;float:right} /* 1 Column Layout */ .col1-layout .col-main { float:none; width:auto; } /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; } .col2-right-layout .col-main {} /* 3 Columns Layout */ .col3-layout .col-main { width:444px; margin-left:2px; margin-right:0; } .col3-layout .col-wrapper { float:left; width:675px; } .col3-layout .col-wrapper .col-main { float:right; } /* Content Columns */ .col2-set { border:1px solid #C9C8C2; padding:15px; margin:0 0 10px 0;} .col2-set .col-1 { float:left; width:46%;} .col2-set .col-2 { float:right; width:53%;} .col2-set .col-narrow { width:33%; } .col2-set .col-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%; } .customer-account-index .col2-set{ padding:10px 15px 10px 15px;} /* ======================================================================================= */ /* Global Styles ========================================================================= */ /* Form Elements */ input,select,textarea,button { font:13px Arial, Helvetica, sans-serif; vertical-align:middle; color:#000000; } input.input-text,select,textarea { background:#fff; border:1px solid #D2D2D1; } input.input-text,textarea { padding:1px; } select { padding:1px; } select option { padding-right:10px; } select.multiselect option { border-bottom:1px solid #ddd; padding:2px 5px; } select.multiselect option:last-child { border-bottom:0; } textarea { overflow:auto; } input.radio { margin-right:3px; border:none !important; } 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 { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */ button.button { overflow:visible; width:auto; border:0; padding:0; background:#004A9A; margin:0 0 5px 0; cursor:pointer;} button.button span { float:left; height:21px; padding:0 0 0 10px; font:bold 12px/21px arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#FFFFFF; } button.button span span { padding:0 8px 0 0; } button.button:hover{background:#878787} ul.checkout-types li button.button { overflow:visible; height:31px; width:auto; border:0; padding:0; margin:0 0 5px 0; background:transparent; cursor:pointer;} ul.checkout-types li button.button span { float:left; height:31px; background:transparent url(../images/bkg_button_left_2.gif) left 0 no-repeat; padding:0 0 0 12px; text-transform:uppercase; font:bold 11px/31px arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#FFFFFF; } ul.checkout-types li button.button span span { background:transparent url(../images/bkg_button_right_2.gif) right 0 no-repeat; padding:0 12px 0 0; } .block-poll .block-content button.button { overflow:visible; height:21px; width:auto; border:0; padding:0; margin:0 0 5px 0; background:transparent; cursor:pointer;} .block-poll .block-content button.button span { float:left; height:21px; background:transparent url(../images/bkg_button_left_poll.gif) left 0 no-repeat; padding:0 0 0 14px; text-transform:uppercase; font:bold 12px/21px arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#FFFFFF; } .block-poll .block-content button.button span span { background:transparent url(../images/bkg_button_right_poll.gif) right 0 no-repeat; padding:0 15px 0 3px; } .footer .block-subscribe button.button { overflow:visible; height:21px; width:auto; border:0; padding:0; margin:0 0 5px 0; background:transparent; cursor:pointer;} .footer .block-subscribe button.button span { float:left; height:21px; background:transparent url(../images/bkg_button_left_sub.gif) left 0 no-repeat; padding:0 0 0 9px; font:bold 12px/21px arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#FFFFFF; } .footer .block-subscribe button.button span span { background:transparent url(../images/bkg_button_right_sub.gif) right 0 no-repeat; padding:0 8px 0 0; } button.disabled {} button.disabled span {} button.btn-checkout span {} button.btn-checkout.no-checkout {} p.control input.checkbox, p.control input.radio { margin-right:6px; } /* Form Highlight */ /*input.input-text:focus,select:focus,textarea:focus {}*/ /*.highlight { background:#efefef; }*/ /* Form lists */ /* Grouped fields */ /*.form-list { width:535px; margin:0 auto; overflow:hidden; }*/ .form-list { padding:5px 0 0 0;} .form-list li { margin:0 0 11px; } .form-list label { font-size:11px; float:left; color:#4A4A4A; font-weight:bold; position:relative; z-index:0; } .form-list label.required {} .form-list label.required em { float:right; font-style:normal; color:#EF3E42; position:absolute; top:0; right:-8px; } .form-list li.control label { float:none; } .form-list li.control input.radio, .form-list li.control input.checkbox { margin-right:6px; } .form-list li.control .input-box { clear:none; display:inline; width:auto; } /*.form-list li.fields { margin-right:-15px; }*/ .form-list .input-box { display:block; clear:both; width:260px; } .form-list .field { float:left; width:275px; } .form-list input.input-text { /*width:254px;*/ } .form-list textarea { width:254px; height:10em; } .form-list select { width:260px; } .form-list li.wide .input-box { width:535px; } .form-list li.wide input.input-text { /*width:529px;*/ } .form-list li.wide textarea { /*width:529px;*/ } .form-list li.wide select { /*width:535px;*/ } .form-list li.additional-row { border-top:1px solid #ccc; margin-top:10px; padding-top:7px; } .form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; } .form-list .input-range input.input-text { width:74px; } .jser-configuration-page .form-list li.wide .input-box{width:100%} /* Customer */ .form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box { width:auto; } .form-list .name-prefix { width:65px; } .form-list .name-prefix select { width:55px; } .form-list .name-prefix input.input-text { width:49px; } .form-list .name-suffix { width:65px; } .form-list .name-suffix select { width:55px; } .form-list .name-suffix input.input-text { width:49px; } .form-list .name-middlename { width:70px; } .form-list .name-middlename input.input-text { width:49px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname { width:140px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-middlename .name-firstname input.input-text { width:124px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix-suffix .name-firstname { width:210px; } .form-list .customer-name-prefix-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix-suffix .name-firstname { width:210px; } .form-list .customer-name-prefix-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix .name-firstname, .form-list .customer-name-middlename .name-firstname { width:210px; } .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float:left; width:85px; } .form-list .customer-dob input.input-text { display:block; width:74px; } .form-list .customer-dob label { font-size:10px; font-weight:normal; color:#888; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month { width:60px; } .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text { width:46px; } .form-list .customer-dob .dob-year { width:140px; } .form-list .customer-dob .dob-year input.input-text { width:134px; } .buttons-set { clear:both; margin:0 0 0; padding:5px 0 5px 0;} .buttons-set .back-link { float:left; } .buttons-set button.button { float:right; margin:0 0 0 10px; } .buttons-set p.required { margin:0 0 5px; } .buttons-set-order {} .fieldset { border:1px solid #ddd; background:#fefefe; padding:22px 25px 12px; margin:28px 0; } .fieldset .legend { float:left; font-weight:bold; font-size:13px; border:1px solid #fefefe; background:#dedede; color:#333; margin:-33px 0 0 -10px; padding:0 8px; position:relative; } /* 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 {} p.required { font-size:11px; text-align:right; color:#EF3E42; font-weight:bold;} /* 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:10px 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:10px 9px !important; background-repeat:no-repeat !important; min-height:24px !important; padding:8px 8px 8px 32px !important; font-size:11px !important; font-weight:bold !important; } .error-msg { border-color:#f16048; background-color:#faebe7; background-image:url(../images/i_msg-error.gif); color:#df280a; } .success-msg { border-color:#446423; background-color:#eff5ea; background-image:url(../images/i_msg-success.gif); color:#3d6611; } .note-msg, .notice-msg { border-color:#fcd344; background-color:#fafaec; background-image:url(../images/i_msg-note.gif); color:#3d6611; } /* BreadCrumbs */ .breadcrumbs { padding:0; margin:6px 0} .breadcrumbs .title-breadcrumbs { display:none;} .breadcrumbs li { display:inline; color:#676767; font-size:11px; line-height:12px; } .breadcrumbs li a{color:#676767; font-size:11px; line-height:12px; text-decoration:none; font-weight:normal; } .breadcrumbs li a:hover{ color:#004A9A; font-weight:normal; text-decoration:none;} .breadcrumbs li strong{ color:#004A9A; font-weight:normal;} .breadcrumbs li span{ font-size:13px; font-weight:normal; padding:0 10px 0 8px;} .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; overflow:hidden;} .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 { position:relative; margin:20px 0; border:0; padding:0 0 0 0;} .page-title h1, .page-title h2 { font-size:24px; line-height:24px; color:#004A9A; font-weight:normal; padding:0;font-family:"Lato"} .cms-page-view .page-title,.page-title.borderb{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #f2f2f2} .page-title .inside-title h1, .page-title .inside-title h2 { font-size:12px; line-height:14px; color:#505254; font-weight:bold; padding:0 0 0 0;} .page-title .separator { margin:0 3px; } .page-title .link-rss { float:right; } .title-buttons { text-align:right;} .title-buttons-2 { overflow:hidden; background:none; text-align:right; padding:0px 0 13px 0;} .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } .subtitle { clear:both; } /* Pager */ .pager { font-size:11px; line-height:normal; padding:5px 1px 2px 0; margin:0 0 7px 0; text-align:center;} .pager .amount { float:left;display:none} .pager .limiter { float:right;display:none} .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;text-align:right} .pager .pages ol { display:inline; } .pager .pages li { display:inline;margin:0 2px} .pager .pages li a{color:#4D4D4D} .pager .pages .current {color:#EF3E42} .pager strong { font-weight:normal;} .pager .pages li a.i-previous img,.pager .pages li a.i-next img{display:none} .pager .pages li a.i-next{background:url('../images/sprite-jarden.png') no-repeat -339px -46px;width:14px;height:14px;border-radius:1px;display:inline-block;position:relative;top:2px;margin-left:3px} .pager .pages li a.i-next:hover{background-position:-338px -64px} .pager .pages li a.i-previous{background:url('../images/sprite-jarden.png') no-repeat -322px -46px;width:14px;height:14px;border-radius:1px;display:inline-block;position:relative;top:2px;margin-right:3px} .pager .pages li a.i-previous:hover{background-position:-321px -64px} .pager .pages > strong{display:none} /* Sorter */ .sorter { font-size:11px; line-height:normal; padding:0 1px 4px 0; margin:0 0 6px 0;display:none} .sorter a { color:#778E95; padding:0 4px 0 0;} .sorter strong { color:#00B3E1; font-weight:normal; padding:0 0 0 3px;} .sorter .view-mode { float:left; } .sorter .sort-by { float:right; padding:0 33px 0 0; } .sorter .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 {} /* Toolbar */ .toolbar { margin:0 0 10px 0; padding:0 0 0 0;} .toolbar .pager {} .toolbar .sorter {} .toolbar-bottom {} /* Data Table */ .data-table { width:100%; margin-bottom:10px;} .data-table th { padding:6px 5px 7px 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 {} tr.tax-total .tax-collapse { float:right; text-align:right; padding-left:20px; background:url(../images/bkg_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 { font-size:11px; background-color:#dae1e4; color:#626465; } tr.tax-details-first td { border-top:1px solid #d2d8db; } /* Shopping cart tax info */ .cart-tax-info { display:block; } .cart-tax-info, .cart-tax-info .cart-price { padding-right:20px; } .cart-tax-total { display:block; padding-right:20px; background:url(../images/bkg_collapse.gif) 100% 4px no-repeat; cursor:pointer; } .cart-tax-info .price, .cart-tax-total .price { display:inline !important; font-weight:normal !important; } .cart-tax-total-expanded { background-position:100% -53px; } /* Class: std - styles for admin-controlled content */ .std .subtitle { padding:0; } .std ol.ol { list-style:decimal outside; padding-left:1.5em; } .std ul.disc { margin:0 0 10px; } .std ul.disc { list-style:disc outside; padding-left:18px; } .std dl dt { font-weight:bold; } .std dl dd { margin:0 0 10px; } /*.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 */ .links li { display:inline; } .links li.first { padding-left:0 !important; } .links li.last { background:none !important; padding-right:0 !important; } .link-cart { font-weight:bold; color:#262626; } .add-to-links li{ font-size:12px; line-height:19px; color:#414141; font-weight:normal;} .add-to-links li .separator{ color:#00B3E1; padding:0 3px 0 2px;} .add-to-links li a{ font-size:12px; line-height:19px; color:#414141; font-weight:normal; text-decoration:underline;} .add-to-links li a:hover{ text-decoration:none;} .link-wishlist { color:#414141;} .link-reorder {} .link-compare { color:#00B3E1 !important;} .link-print { background:url(../images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px; } .link-rss { background:url(../images/i_rss.gif) 0 1px no-repeat; padding-left:18px; white-space:nowrap; } .btn-remove { display:block; width:15px; height:17px; font-size:0; line-height:0; background:url(../images/btn_remove.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .btn-remove2 { display:block; width:16px; height:16px; font-size:0; line-height:0; background:url(../images/btn_trash.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .separator { padding:0 3px; } .divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; background:#ddd; text-indent:-999em; overflow:hidden; } /* 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; } /* ======================================================================================= */ /*custom*/ .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-container { background:#FFFFFF; margin:0 0 0 1px; } .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; margin:0;} .cms-home .border-main-top-2 { background:none; width:100%; padding:3px 0 0 0;} .cms-home .products-grid td { text-align:left; border:none;} .cms-home .products-grid td .product-name{ text-align:left;} .cms-home .products-grid .price-box {padding:12px 0 13px 0;} .cms-home .products-grid { width:623px !important;} .cms-home .products-grid td { width:165px !important;} .cms-home .border-product { background:url(../images/devider_product_2.gif) right top repeat-y; width:120px; padding:0 10px 0 0; margin:0 0 0 0;} .cms-home td.last .border-product { background:none; padding-right:0;} .cms-home .no-decore { text-decoration:none;} .cms-home .no-decore:hover { text-decoration:none;} .clear-block { clear:both;} .checkout-cart-index .indent-col-main { padding:0 0 0 0;} .checkout-cart-index .border-left-title {margin:0 0 10px 0;} .checkout-cart-index .title-buttons { margin:0 0 10px 0;} styles.css (строка 351) /*custom*/ /* Header ================================================================================ */ .logo {width:244px; height:85px; overflow:hidden; } .header-container {width:1023px;margin:0 auto;margin-top:10px} .header { padding:0 0 0 0; border-bottom:2px solid #EEF3F4} .header .logo { float:left; text-decoration:none !important; } .header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } .header h1.logo { margin:0; padding:0; } .logo-block { float:left; padding:15px 0 0 30px;} .quick-access { float:right; width:700px;} .header .welcome-msg { font-weight:bold; text-align:right; line-height:26px; } .header .links { float:right; padding:20px 5px 1px 0; } .header ul.links { text-align:left;} .header ul.links li{ display:inline; color:#BDC7D2; padding:0 7px 0 4px;} .header ul.links li.last { background:none; padding-right:0;} .header ul.links li a{ font-size:12px; line-height:14px; color:#7D8589; text-decoration:none;font-family:'Lato',sans-serif} .header ul.links li a:hover{color:black} .header .form-search { text-align:right; float:right; width:254px; padding:5px 0 0 0; } .header .form-search label{ display:none;} .header .form-search .bg-search-input { float:left; width:185px; height:20px; border:none; background:url(../images/bg_search.gif) 0 0 no-repeat; text-align:left; margin:0 4px 0 6px;} .header .form-search input{ background:none; border:none; color:#647175; text-align:left; width:160px; font-size:11px; line-height:14px; font-family:Arial, Helvetica, sans-serif; padding:2px 0 3px 8px;} .header .form-search button.button{ float:left; margin:0 0 0 0;} .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; text-align:left; } .header .form-search .search-autocomplete li .amount { float:right; font-weight:bold; } .header .form-search .search-autocomplete li.selected {} .header .form-language {color:#7D8589;padding:0 5px;position:relative;font-family:'Lato';font-size:12px;float:right;text-align:left;margin:20px 0 0} .header .form-language ul{display:none;position:absolute;top:14px;left:-10px;background:#F8F8F8;padding:10px 10px 0;z-index:10} .header .form-language span.active-language{cursor:pointer} .header .form-language span.active-language span{background:url('../images/jarden-spritew.png') -159px -21px no-repeat;width:6px;height:3px;display:inline-block;position:relative;top:-2px;margin-left:10px} .header .form-language span.active-language.jser-active{color:black} .header .form-language span.active-language.jser-active span{opacity:0.8;filter:alpha(opacity=80)} .header .form-language ul li{list-style:none;padding:0 5px 5px;margin-bottom:10px;border-bottom:1px solid #E1E1E1} .header .form-language ul li.last{margin-bottom:5px;border-bottom:none} .header .form-language ul li a{text-decoration:none;color:#676767} .header .form-language ul li a:hover{color:#004A9A} .header .clear-block { clear:both;} .left-top-menu{ background:url(../images/left_top_menu.gif) left top no-repeat;} .right-top-menu{ background:url(../images/right_top_menu.gif) right top no-repeat;} .left-bot-menu{ background:url(../images/left_bot_menu.gif) left bottom no-repeat;} .right-bot-menu{ background:url(../images/right_bot_menu.gif) right bottom no-repeat; width:100%; min-height:34px; height:auto !important; height:34px;} .border-left-menu{ background:url(../images/border_left_menu.gif) left top repeat-y #E1E4E7;} .border-right-menu{ background:url(../images/border_right_menu.gif) right top repeat-y;} .border-top-menu{ background:url(../images/border_top_menu.gif) left top repeat-x;} .border-bot-menu{ background:url(../images/border_bot_menu.gif) left bottom repeat-x;} /********** < Navigation */ .nav-container { padding:0 0 0 0px;} #nav { font-size:12px; padding:0 0 0 20px; margin:0 0 0 0; } /* All Levels */ #nav li { text-align:left; position:relative;} #nav li.nav-1 { background:none;} #nav li.over { z-index:999; } #nav li.parent {} #nav li a { display:block; text-decoration:none; } #nav li a:hover { text-decoration:none; } #nav li a span { display:block; white-space:nowrap; cursor:pointer; } #nav li ul a span { white-space:normal; } /* 1st Level */ #nav li { float:left; padding:0 0 0 0; } #nav li a { float:left; background:url(../images/devider_menu.gif) left 14px no-repeat; padding:10px 12px 12px 8px; color:#1E4A55; font-weight:normal; } #nav li a:hover { color:#1E4A55; text-decoration:underline; } #nav li.over a, #nav li.active a { color:#1E4A55; text-decoration:underline; } /* 2nd Level */ #nav ul { position:absolute; width:128px; background:url(../images/bg_submenu.gif) left bottom no-repeat; top:32px; left:-10000px;} #nav ul li { float:none; background:none; padding:0; } #nav ul li.last { border-bottom:0; } #nav ul li a { background:none; text-transform:none; float:none; padding:3px 9px 3px 17px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#8D8D96 !important; } #nav ul li a:hover { color:#1E4A55 !important; } #nav ul li.active > a, #nav ul li.over > a { font-weight:normal; color:#1E4A55 !important; } #nav li.nav-1 a{ background:none; padding:10px 37px 8px 9px;} #nav li a {padding:10px 37px 8px 38px;} #nav li ul li a { background:url(../images/arr_sub_menu.gif) 20px 9px no-repeat !important; padding:0 0 0 25px !important; color:#1E4A55 !important;} #nav li ul li a:hover { text-decoration:none !important; color:#1E4A55 !important;} #nav ul li a { background:none; text-transform:none; float:none; padding:3px 9px 3px 17px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#8D8D96 !important; } #nav ul li a:hover { color:#1E4A55 !important; text-decoration:underline; } #nav ul li a span{ padding:3px 15px 4px;} /* 3rd+ leven */ #nav ul ul { top:7px; background:#E6EAEC; border:1px solid #D2D6D8; } /* Show Menu */ #nav li.over > ul { left:0; } #nav li.over > ul li.over > ul { left:100px; } #nav li.over ul ul { left:-10000px; } /********** Navigation > */ /* ======================================================================================= */ /* Sidebar =============================================================================== */ .block { margin:0 0 3px 0; padding:0 0 0 0;} .block .block-title { background:url(../images/bg_title.gif) 0 0 repeat-y; width:100%; overflow:hidden; margin:0 0 0 0; position:relative; padding:0 0 0 0;} .block .block-title strong { background:url(../images/bg_title_top.gif) 0 0 no-repeat; width:100%; display:block; font-size:12px; line-height:14px; color:#414141; font-weight:bold;} .block .block-title strong span { background:url(../images/bg_title_bot.gif) left bottom no-repeat; display:block; padding:6px 10px 7px 14px;} .block .block-title strong span small{} .block .block-title a { text-decoration:none !important; } .block .block-subtitle { font-size:11px; line-height:13px; color:#828181; font-weight:normal; padding:0 0 17px 0; } .block .block-content {padding:17px 10px 14px 27px; } .block .block-content li.item { background:url(../images/li_item_devider.gif) 0 8px no-repeat; color:#00B3E1; padding:0 0 1px 11px;} .block .block-content li.item p.product-name{ font-size:12px; line-height:16px; color:#00B3E1; text-transform:none; font-weight:normal; margin:0 0 5px 0 !important;} .block .block-content li.item p.product-name a{ font-size:12px; line-height:16px; color:#00B3E1; text-decoration:underline;} .block .block-content li.item p.product-name a:hover{ text-decoration:none;} .block .btn-remove { float:right; } .block .actions { text-align:right; padding:7px 0 5px 0; } .block .actions a { color:#768D94; text-decoration:none;} .block .actions a:hover { text-decoration: underline;} .block .empty {} .block .empty strong{ color:#828181; font-weight:normal;} .block li.odd {} .block li.even {} /* Mini Products List */ .mini-products-list li { padding:5px 0; } .mini-products-list .product-image { float:left; width:80px; padding:0px;} .mini-products-list .product-details { margin-left:90px; } .mini-products-list .product-details h4 { font-size:1em; font-weight:bold; margin:0; } .mini-products-list .price { font-size:12px; color:#454545; font-weight:bold;} .block.block-cart li.item p.product-name { color:#00B3E1; font-size:12px; line-height:14px; font-weight:normal;} .block.block-cart li.item p.product-name a{ color:#00B3E1; font-size:12px; line-height:14px; font-weight:normal; text-decoration:none;} .block.block-cart li.item p.product-name a:hover{ text-decoration:underline;} /* Block: Account */ .block-account {} /* Block: Currency Switcher */ .block-currency {} .block-currency select { width:100%; border:1px solid #888; } /* Block: Layered Navigation */ .block-layered-nav {} .block-layered-nav .block-content { padding:17px 10px 10px 27px; } .block-layered-nav .block-content .block-subtitle { color:#00B3E1; 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:#768D94; font-size:12px; line-height:16px; font-weight:bold;} .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) 0 9px no-repeat; padding:3px 0 6px 14px;} .block-layered-nav .currently a{ float:right; padding:0 4px 0 0;} .block-layered-nav .btn-remove { float:right; position:relative; margin:3px 0 0 0; } .block-layered-nav .actions { text-align:right; padding:5px 20px 25px 0;} .block-layered-nav .actions a{ float:none; color:#00B3E1; background:url(../images/arr_clear.gif) 0 6px no-repeat; padding:0 0 0 18px;} /* Block: Cart */ .block-cart {} .block-cart .block-title strong {} .block-cart .summary {} .block-cart .amount { margin:0 0 0 0;} .block-cart .amount a{ color:#00B3E1; font-weight:normal;} .block-cart .amount a:hover { text-decoration:underline;} .block-cart .subtotal {padding:2px 7px 4px 0; margin:0 0 10px -1px; text-align:left; } .block-cart .actions { padding:0 0 20px 0;} .block-cart .block-subtitle { padding:0 0 12px 0; margin:0 0 5px 0; text-align:left; color:#828181; font-size:11px; font-weight:normal;} .block-cart .block-subtitle { background:url(../images/bg_title.gif) 0 0 repeat-y; width:100%; overflow:hidden; margin:0 0 0 0; position:relative; padding:0 0 0 0;} .block-cart .block-subtitle strong { background:url(../images/bg_title_top.gif) 0 0 no-repeat; width:100%; display:block; font-size:12px; line-height:14px; color:#414141; font-weight:bold;} .block-cart .block-subtitle strong span { background:url(../images/bg_title_bot.gif) left bottom no-repeat; display:block; padding:6px 10px 7px 14px;} .block-cart .block-content li.item { padding:0; background:none;} .block-cart .empty { padding:12px 0 15px 10px;} .block-cart .product-name { font-weight:normal; padding:0 0 7px 0;} .block-cart .block-content li.item p.product-name a { text-decoration:none !important;} /* Block: Wishlist */ .block-wishlist {} .block-wishlist .block-content li.item { background:none; padding:0 0 10px 0;} .my-wishlist textarea { width:90%;} /* Block: Related */ .block-related {} .block-related .block-content { } .block-related .block-subtitle { color:#828181; font-size:11px; font-weight:normal; line-height:15px; padding:0 0 17px; } .block-related .block-subtitle a{ color:#222225; font-weight:bold; text-decoration:none;} .block-related .block-subtitle a:hover{ text-decoration:underline;} .block-related .block-content li.item { background:none; padding:0 0 10px 0;} .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:-61px; width:61px; } .block-related .item .product-details { margin-left:70px; } .block-related .block-content li.item p.product-name { font-size:11px; line-height:15px; color:#828181;} .block-related .block-content li.item p.product-name a{ font-size:11px; line-height:15px; color:#828181; text-decoration:none;} .block-related .block-content li.item p.product-name a:hover{ text-decoration:underline;} .block-related .block-content li.item .price{ font-size:12px; color:#E7002D; font-weight:normal;} .block-related .block-related-link-wishlist { width:100%; overflow:hidden; padding:10px 0 10px 0;} .block-related .block-related-link-wishlist .link-wishlist { text-align:right; float:right; color:#222225; font-size:11px;} /* Block: Compare Products */ .block-compare {} .block-compare li { padding:5px 0; } .block-compare .block-content li.item p.product-name a { text-decoration:underline;} .block-compare .block-content li.item p.product-name a:hover{ text-decoration:none;} .block-compare .actions a{ float:left; position:relative; top:2px; color:#262626; text-decoration:none;} .block-compare .actions a:hover{ color:#000000; text-decoration:underline;} .block-compare .actions-2 { padding:0 0 0 0;} .block-compare .actions-2 a { background:url(../images/arr_actions.gif) 0 6px no-repeat; padding:0 0 0 20px; color:#00B3E1; font-size:12px;} /* Block: Recently Viewed */ .block-viewed {} /* Block: Recently Compared */ .block-compared {} /* Block: Poll */ .block-poll .block-subtitle { font-size:12px; line-height:16px; color:#768D94; font-weight:normal; margin:0 0 12px 0; padding:0; } .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 .block-title { background:none;} .block-poll .block-title strong { background:none;} .block-poll .block-title strong span { background:none; padding:24px 20px 0 27px;} .block-poll .block-content { padding:11px 30px 31px 27px;} .block-poll .block-content .actions { padding:7px 13px 0 0; text-align:left;} .block-poll .block-content button.button{ margin:0 0 0 0; } .block-poll label {} .block-poll input.radio { float:left; margin:1px -18px 0 0; } .block-poll .label { display:block; margin:0 0 0 18px; } .block-poll li { padding:0 0 6px 0;} .block-poll li.last { padding:0 9px 10px 0;} .block-poll .actions { margin:0 0 0;} .block-poll .answer { font-weight:bold; } .block-poll .votes { float:right; margin-left:10px; } /*prettyphoto*/ div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} div.pp_default .pp_top .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat} div.pp_default .pp_content .ppt{color:#f8f8f8} div.pp_default .pp_content_container .pp_left{background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{width:30px;height:30px;background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer} div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} div.pp_default .pp_social{margin-top:7px} div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto} div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px} div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0} div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative} div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px} div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} div.pp_default .pp_bottom .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat} div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y} div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y} div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_rounded .pp_description{margin-right:85px;color:#fff} div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000} div.dark_square .pp_description{color:#fff;margin:0 85px 0 0} div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat} div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_square .pp_nav{clear:none} div.dark_square .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat} div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x} div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat} div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y} div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y} div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} div.facebook .pp_close{width:22px;height:22px;background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer} div.facebook .pp_description{margin:0 37px 0 0} div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat} div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} div.facebook .pp_nav{margin-top:0} div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px} div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer} div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px;min-width:40px} * html .pp_content{width:40px} .pp_content_container{position:relative;text-align:left;width:100%} .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left;margin:10px 0 2px} .pp_description{display:none;margin:0} .pp_social{float:left;margin:0} .pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;white-space:nowrap;margin:2px 4px} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} .pp_gallery div{float:left;overflow:hidden;position:relative} .pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} .pp_gallery ul a img{border:0} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} .pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px} .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat} div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none} /* Block: Category */ .block-category .block-subtitle { font-size:11px; line-height:13px; color:#262626; font-weight:normal; padding:0 0 12px 0; } .block-category .block-title { background:url(../images/bg_title.gif) left bottom repeat-x #F2F2F2; border:0; width:auto; padding:8px 5px 15px 9px;} .block-category .block-title strong { background:url(../images/bull_title.gif) 0 1px no-repeat; font-size:11px; line-height:14px; color:#4E4E4E; font-weight:bold; padding:0 0 4px 26px;} .block-category .block-content { padding:15px 14px 30px 27px;} .block-category .block-content li{ border-bottom:1px solid #E8E8E8; padding:0 0 10px 4px; margin:0 0 9px 0;} .block-category .block-content li.last{ border:none; padding-bottom:0; margin-bottom:0;} .block-category .block-content li a{ font-size:11px; color:#828181; text-decoration:none;} .block-category .block-content li a:hover{ color:#262626; text-decoration:none;} /* Block: Tags */ .tags li { display:inline;} .block-tags {} .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:#768D94;} .block-tags .actions { padding:20px 0 0 0;} /* Block: Subscribe */ /* Block: Reorder */ .block.block-reorder {} .block.block-reorder .block-content li { background:none !important; color:#535353; padding:5px 0 0 0;} .block.block-reorder .actions a { float:left;} .block.block-reorder input.checkbox { float:left; margin:3px -20px 0 0; } .block.block-reorder .block-content li p.product-name { margin:0 0 0 20px !important; padding:0 0; } /* Block: Banner */ .block-banner {} .block-banner .block-content { text-align:center; padding:0; } /* Block: Login */ .block-login label { font-weight:bold; color:#666; } .block-login input.input-text { display:block; width:167px; margin:3px 0; } /* ======================================================================================= */ /* Category Page ========================================================================= */ .category-title { border:0; padding:0 0 20px 0;border-bottom:1px solid #f2f2f2} .category-image { width:100%; overflow:hidden; margin:0 0 10px; text-align:center; } .category-image img {} .category-description { margin:0 0 10px; } .category-products {} /* View Type: Grid */ .products-grid { position:relative; border-top:1px solid #D7E6EA; padding:23px 0 0 0; margin:0 0 25px 0;} .products-grid.last {} .products-grid.first li.item{ padding-top:0;} .products-grid li.item { float:left; width:180px; text-align:center; padding:0; margin:0 12px 15px 0;border:1px solid #f2f2f2;border-radius:2px} .products-grid li.last { margin-right:0} .products-grid.last li.item {} .products-grid .product-image { display:block; width:177px; margin:0 auto; vertical-align:top; } .products-grid .product-name { padding:15px 0 0 0; text-align:center;} .products-grid .product-name h2{margin-bottom:4px} .products-grid .product-name a {color:#3F3F3F;font-size:16px;font-weight:bold;margin-bottom:4px;text-decoration:none} .products-grid .product-name a:hover{color:black} .products-grid .product-model {color:#999999;font-size:12px;margin-bottom:4px} .products-grid .price-box {padding:7px 0 8px;} .products-grid .ratings .rating-box { float:none; margin-right:0; margin-top:2px; margin-bottom:5px !important; margin:0 auto; } .jser-product-options{} .jser-product-options a{background:#F2F6F9;display:block;color:#7C7C7C;text-align:center} .jser-product-options a span{width:26px;height:28px;display:block;background:url('../images/sprite-jarden.png') no-repeat;margin:5px auto} .jser-product-options .jser-po-seeproduct{padding:10px 0;margin-bottom:1px} .jser-product-options .jser-po-seediagrams{width:90px;float:left;padding-bottom:5px} .jser-product-options .jser-po-seediagrams span{background-position:-500px 0} .jser-product-options .jser-po-seemanuals{width:89px;float:right;padding-bottom:5px} .jser-product-options .jser-po-seemanuals span{background-position:-526px 0} /*add to*/ .products-grid .add-to-links { padding:10px 0 0 0;} .products-grid .add-to-links li{ display:block;} .products-grid .add-to-links li .separator{ display:none;} /*add to*/ .products-grid .availability { line-height:21px; } .products-grid .actions {} .col2-left-layout .products-grid, .col2-right-layout .products-grid { width:100%; margin:0 auto; border:none; } .col1-layout .products-grid { width:790px; margin:0 auto; } /* View Type: List */ .products-list li.item { border-bottom:1px solid #D7E6EA; padding:0 0 25px 0; margin:0 0 25px 0; } .products-list li.item.last {} .products-list .product-image { float:left; width:120px; margin:0 30px 0 0; } .products-list .product-shop { float:left; width:235px; padding:0 0 0 0; } .products-list .product-info {} .products-list .product-name {} .products-list .product-name a {} .products-list .price-box { float:left; margin:3px 13px 5px 0; } .products-list .availability { float:left; margin:3px 0 0; } .products-list .ratings .rating-box {float:none; margin:0 0 12px 0;} .products-list .desc { clear:both; padding:6px 0 0; margin:0 0 15px;} .products-list .desc .link-more { font-size:12px; color:#00B3E1;} .products-list .add-to-links { clear:both; } .products-list .add-to-links li { display:block; } .products-list .add-to-links .separator { display:none; margin:0 2px; } /*add to*/ .products-list .add-to-links { padding:0 0 0 0;} .products-list .add-to-links li{ display:inline;} .products-list .add-to-links li .separator{ display:inline;} /*add to*/ .products-list .ratings .rating-links a{ font-size:12px; line-height:19px; color:#828181; display:block;} .products-list .ratings .rating-links a.add-review { color:#262626;} .products-list .ratings .rating-links .separator { display:none; margin:0 2px; } /* ======================================================================================= */ /* Product View ========================================================================== */ /* Rating */ .no-rating { margin:0; padding:3px 0 8px 0;} .ratings { font-size:12px; line-height:19px; margin:7px 0; } .ratings a{ font-size:12px; line-height:19px; color:#414141; } .ratings strong { float:left; margin:1px 3px 0 0; } .ratings .rating-links { margin:0 0 15px 0; } .ratings .rating-links a{ font-size:12px; line-height:19px; color:#414141;} .ratings .rating-links a.add-review { color:#00B3E1;} .ratings .rating-links .separator { margin:0 2px; } .ratings dt {} .ratings dd {} .rating-box { width:80px; height:13px; font-size:0; line-height:0; background:url(../images/bkg_rating.gif) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } .rating-box .rating { float:left; height:13px; background:url(../images/bkg_rating_full.gif) 0 0 repeat-x; } .ratings .rating-box { float:none; margin-right:0; margin-bottom:13px; } .ratings .amount {} .ratings-table th, .ratings-table td { font-size:11px; line-height:1.15; padding:3px 0; } .ratings-table th { font-weight:bold; padding-right:8px; } /* Availability */ .availability { color:#768D94; font-size:11px; line-height:normal; font-family:Arial, Helvetica, sans-serif; padding:1px 0 27px 0;} .availability .in-stock { font-weight:normal; } .availability .out-of-stock { font-weight:normal; color:#f00; } /* Email to a Friend */ .email-friend {} /* Alerts */ .alert-price {} .alert-stock {} /********** < Product Prices */ .price { font-size:12px; line-height:16px; color:#454545; font-weight:bold; padding:0 0 0 0; white-space:nowrap !important; } .price-box {} .price-box .price { font-weight:bold; } /* 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; } .minimal-price-link { display:block; } .minimal-price-link .label {} .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; } /* FTP */ .weee { display:block; font-size:11px; color:#444; } .weee .price { font-size:11px; 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 notice next to the options */ .price-notice { padding-left:10px; } .price-notice .price { font-weight:bold; } /* Price as configured */ .price-as-configured {} .price-as-configured .price-label { font-weight:bold; white-space:nowrap; } .price-box-bundle {} /********** Product Prices > */ .box-reviews .input-box{ width:100%;} .box-reviews .input-box input{ width:99%;} .box-reviews .input-box textarea{ width:99%;} /* 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 {} .tier-prices-grouped {} /* Add to Links */ .add-to-links .separator { display:none; color:#828181; padding:0 3px 0 2px;} /* 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; } /* Add to Links + Add to Cart */ .add-to-box { padding:0 0 10px 0;} .add-to-box .add-to-cart { float:left; } .add-to-box .or { padding:4px 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; position:relative; top:-8px; } .add-to-box .add-to-links li { display:block;} .add-to-box .add-to-links li .separator{ display:none;} .product-view { padding:0 0 0 0;} .product-essential { padding:23px 0 20px;} .product-collateral .box-collateral { margin:0 0 15px; } /*=============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:5px;} #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 12px 0; text-align:center; height:13px; overflow:hidden;} #product-tabs .tabs .active-tab{color:#FFFFFF; background-color:#FFFFFF; margin-bottom:-1px; position:relative; height:35px;} #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:5px;} #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:#FFFFFF; font-size:12px; line-height:16px; font-family:Arial, Helvetica, sans-serif;} #product-tabs .tabs .active-tab h3 { color:#FFFFFF; font-size:12px; 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 Images */ .product-view .product-img-box { float:left; width:292px; } .col3-layout .product-view .product-img-box { float:none; margin:0 auto; } .product-view .product-img-box .product-image { border:1px solid #f2f2f2; text-align:center; } .product-view .product-img-box .product-image-zoom { position:relative; width:265px; height:265px; overflow:hidden; z-index:9; } .product-view .product-img-box .product-image-zoom img { position:absolute; left:0; top:0; 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 15px; padding:0 28px; background:url(../images/slider_bg.gif) 0 4px repeat-x; cursor:pointer; } .product-view .product-img-box .zoom.disabled { -moz-opacity:.3; -webkit-opacity:.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";/*IE8*/ opacity:.3; } .product-view .product-img-box .zoom #track { position:relative; height:18px; } .product-view .product-img-box .zoom #handle { position:absolute; left:0; top:2px; width:11px; height:15px; background:url(../images/magnifier_handle.gif) 0 0 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 .more-views { padding:15px 0 23px 0;} .product-view .product-img-box .more-views h2{ color:#768D94; font-size:12px; line-height:normal; font-weight:bold; margin:0 0 11px 0; padding: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 a img {border:1px solid #f2f2f2;} .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:right; width:450px; padding:10px 0 0 0; } .product-view .product-shop .price-box .price{ font-size:15px;} .col1-layout .product-view .product-shop { float:right; width:700px; } .col3-layout .product-view .product-shop { float:none; width:auto; } .product-view .product-shop .price-box { margin:0 0 15px 0;} .product-view .product-name h1{color:#004A9A;font-size:24px;font-family:"Lato"} .product-view .product-name div.jser-product-model{color:#3F3F3F;font-family:"Lato";font-size:16px} .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 h2{ 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;} /* Product Options */ .product-options { padding:10px; margin:10px 0 0; border:1px solid #ddd; background-color:#f6f6f6; } .product-options dt label { font-weight:bold; } .product-options dt .qty-holder { float:right; } .product-options dt .qty-holder label { vertical-align:middle; } .product-options dt .qty-disabled { background:none; border:0; padding:3px; color:#000; } .product-options dd { margin: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; } .product-options-bottom { padding:10px; border:1px solid #ddd; border-top:0; } .product-options-bottom .price-box { margin:10px 0; } /* Grouped Product */ .product-view .grouped-items-table {} /* Block: Description */ .product-view .box-description { color:#768D94; font-size:12px; line-height:16px; padding:0 0 30px 0;} .product-view .box-description h2{ font-size:12px; line-height:14px; color:#505254; font-weight:bold; padding:0 0 0 0;} .product-view .box-description .std { padding:8px 0 0;} /* Block: Additional */ .product-view .box-additional { color:#768D94; font-size:12px; line-height:16px; padding:0 0 30px 0;} .product-view .box-additional h2{ font-size:12px; line-height:14px; color:#505254; font-weight:bold; padding:0 0 0 0;} .product-view .box-additional th{ font-size:12px; color:#262626; font-weight:bold;} /* Block: Upsell */ #upsell-product-table.products-grid { border-top:none;} .product-view .box-up-sell { color:#768D94; font-size:12px; line-height:16px; padding:0 0 30px 0;} .product-view .box-up-sell h2{ font-size:12px; line-height:14px; color:#505254; font-weight:bold; padding:0 0 0 0;} .product-view .box-up-sell h3.product-name{ text-transform:uppercase;} .product-view .box-up-sell .products-grid td { width:30%; border:none; padding:0 20px 0 0; background:url(../images/devider_product_2.gif) right top repeat-y;} .product-view .box-up-sell .products-grid td.last { padding:0 0 0 0; background:none; } .product-view .box-up-sell .products-grid td .ratings .rating-box { float:none; margin:0 auto; margin-bottom:10px; } .box-up-sell .ratings{ text-align:center;} .box-up-sell .ratings{} .product-view .box-up-sell .products-grid .price-box { float:none; text-align:center; margin:0 0 8px; padding:3px 0 0; } /* Block: Tags */ .product-view .box-tags { color:#768D94; font-size:12px; line-height:16px; padding:0 0 30px 0;} .product-view .box-tags h2{ font-size:12px; line-height:14px; color:#505254; font-weight:bold; padding:0 0 0 0;} .product-view .box-tags h3{color:#768D94; font-size:12px; line-height:18px; font-weight:bold; margin:0 0 5px 0; padding:0;} .product-view .box-tags .form-add label { display:block; color:#1A1A1A; font-size:11px; line-height:16px; font-weight:bold; padding:0 0 5px 0;} .product-view .box-tags .form-add .input-box { float:left; width:322px; margin:0 0 0 0; } .product-view .box-tags .form-add input.input-text { width:305px; border:2px solid #404040; border-bottom:1px solid #CDCDCD; margin-left:0; padding:1px;} .product-view .box-tags .form-add p { clear:both; } .product-view .box-tags p.note{ clear:both; color:#727272; font-size:12px; line-height:normal; padding-top:8px;} .product-view .box-tags ul { margin:0 0 15px 0;} .product-view .box-tags ul li { display:inline; background:url(../images/devider_tags.gif) right 4px no-repeat; padding:0 10px 0 10px; color:#505254; font-weight:bold;} .product-view .box-tags ul li.first { background:none; padding:0 8px 0 0;} .product-view .box-tags ul li a{ font-weight:bold; color:#00B3E1; padding-right:4px; font-weight:normal;} /* Block: Reviews */ .product-view .box-reviews {} .product-view .box-reviews .form-add {} /* Send a Friend */ .send-friend {} /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { font-size:12px; font-weight:bold; line-height:16px; color:#00B3E1} .product-name h1{ font-size:12px; font-weight:bold; line-height:16px; color:#00B3E1; margin:0 0 7px 0; } .product-name a { font-size:12px; font-weight:bold; line-height:16px; color:#00B3E1; text-decoration:underline;} .product-name a:hover { text-decoration:none;} .product-view .product-name{margin:0 0 20px 0;padding:0 0 15px 0;border-bottom:1px solid #f2f2f2} /* Product Tags */ .tags-list li { display:inline; } /* Advanced Search */ .advanced-search {} .advanced-search-amount {} .advanced-search-summary {} /* CMS Home Page */ .cms-home .subtitle {} .cms-index-index .subtitle {} .cms-home .std {} .cms-home .products-list li.item { border-top:1px solid #E8E8E8; border-bottom:none; margin:0 0 15px; padding:35px 0 25px 15px; } .cms-home .indent-col-main { padding-bottom:0;} .cms-home .products-list li.first { border:none; padding:25px 0 0px 15px;} .cms-home .products-list .product-name { margin-bottom:9px;} .cms-home .products-list .desc { clear:both; margin:0 0 0; padding:0 0 11px; font-size:11px; line-height:15px; } .cms-home .products-list .price{ font-size:21px; line-height:15px; font-weight:normal;} /* Sitemap */ .page-sitemap .links { text-align:right; margin:0 8px -22px 0; } .page-sitemap .links a { text-decoration:none; position:relative; } .page-sitemap .links a:hover { text-decoration:underline; } .page-sitemap .sitemap { border:1px solid #D7E6EA; padding:10px; margin:12px; } .page-sitemap .sitemap a {} .page-sitemap .sitemap li { margin:3px 0; } .page-sitemap .sitemap li.level-0 { margin:10px 0 0; font-weight:bold; } .page-sitemap .sitemap li.level-0 a {} /* RSS */ .rss-title h1 { background:url(../images/i_rss-big.png) 0 4px no-repeat; padding-left:27px; } .rss-table .link-rss { display:block; line-height:1.35; background-position:0 2px; } /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ .cart { padding:0 0 0 0;} .cart .data-table th { padding:6px 5px 7px 5px; border:1px solid #D7E6EA; color:#505254; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; white-space:nowrap; } .cart .data-table td { padding:5px; border:1px solid #D7E6EA; } .cart td.cart-buttons { padding:7px 7px 9px 7px !important; } .cart td.cart-buttons button.button { margin:0;} .cart td.cart-buttons .btn-continue { float:left; } /* Checkout Types */ .cart .checkout-types { float:right; text-align:right; } .cart .checkout-types li{ padding:7px 0 3px 0;} .cart .checkout-types li a{ font-size:12px; line-height:14px; color:#00B3E1; font-weight:bold;} /* Shopping Cart Table */ .cart-table .item-msg { font-size:10px; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { padding:19px 0 0 0; } .cart .cart-collaterals .col2-set { float:left; width:668px; border:none; padding:0; margin:0; } .cart .cart-collaterals .col2-set .col-1 { float:left; width:42%; } .cart .cart-collaterals .col2-set .col-2 { float:right; width:55%; } .cart .crosssell { border:1px solid #D7E6EA; padding:15px 16px 15px 13px;} .cart .crosssell h2 { color:#505254; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; margin:0 0 10px 3px;} .cart .crosssell .product-image { float:left; width:134px; border:none;} .cart .crosssell .product-details { margin-left:134px; padding:0 0 0 0; } .cart .crosssell .product-details .price-box { padding:5px 0 7px 0;} .cart .crosssell .product-details .price-box .price { color:#454545; font-size:12px; line-height:24px;} .cart .crosssell .product-details .add-to-links li{ display:block;} .cart .crosssell .product-details .add-to-links li .separator{ display:none;} .cart .crosssell .add-to-links { padding:15px 0 0 0;} .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.last { background:none; margin:0 0 0 0;} .cart .crosssell button.button { margin:0 0 7px 0;} .cart .crosssell product-name{ color:#00B3E1; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; margin:0 0 5px 0; padding:0;} .cart .crosssell product-name a{ color:#00B3E1; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; text-decoration:underline;} .cart .crosssell product-name a:hover{text-decoration:none;} /* Discount Codes & Estimate Shipping and Tax Boxes */ .cart .discount, .cart .shipping {border:1px solid #D7E6EA; padding:15px 20px 27px 16px; margin:0 0 0 0;} .cart .discount { margin-bottom:20px;} .cart .discount h2, .cart .shipping h2{ color:#505254; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; font-weight:bold; margin:0 0 10px 0;} .cart .discount label, .cart .shipping p{ display:block; color:#768D94; font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:16px; font-weight:bold;} .cart .discount .input-box input, .cart .shipping .input-box input, .cart .shipping .input-box select { border-left:1px solid; border-color:#828282 #D6D6D4 #D6D6D4 #828282; width:210px; margin:0 0 0 0; padding:1px 1px 1px 1px;} .cart .discount .discount-form { overflow:hidden;} .cart .discount .input-box { float:left;} .cart .discount .buttons-set { float:left; border:none; margin:0; padding:0 0 0 9px; clear:none;} .cart .shipping .buttons-set { border:none; margin:0 0 5px 0; padding:0 0 0 0;} .cart .shipping .buttons-set button.button {float:none; margin:0;} .cart .shipping .input-box input, .cart .shipping .input-box select { width:226px !important; color:#616E84; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:10px; line-height:14px; padding:1px;} /* Shopping Cart Totals */ .cart .totals { float:right; border:1px solid #D7E6EA; width:205px; padding:15px 5px 35px 5px; } .cart .totals table { width:100%; } .cart .totals table th, .cart .totals table td { padding:5px 20px 8px 12px;} .cart .totals table th { font-weight:bold; } .cart .totals .checkout-types { float:none; text-align:center; } .cart .totals .checkout-types li{ padding:7px 0 3px 0;} .cart .totals table td.title-totals { width:70px; padding:7px 0 5px 0; text-align:right !important; color:#505254 !important; font-weight:normal !important; font-size:12px;} .cart .totals table td strong{ font-weight:normal !important;} .cart .totals table .price { font-size:12px; line-height:20px; color:#454545; 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 ============================================================================== */ /********** < 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; } .sp-methods .centinel-logos a { margin-right:3px; } .sp-methods .centinel-logos img { vertical-align:middle; } .please-wait { float:right; margin-right:5px; font-size:11px; color:#768D94; font-weight:bold; } .please-wait img { vertical-align:middle; } .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 .btn-close a { display:block; margin:0 0 0 auto; width:15px; height:15px; background:url(../images/btn_window_close.gif) 100% 0 no-repeat; text-align:left; text-indent:-999em; overflow:hidden; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .gift-messages {} .gift-messages-form { border:1px solid #ddd; background-color:#f5f5f5; } .gift-messages-form .inner-box { padding:10px;} .gift-messages-form { position:relative; } .gift-messages-form .form-list li.wide textarea{ width:70%;} .gift-messages-form label { float:none !important; position:static !important; } .gift-messages-form h4 {} .gift-messages-form .whole-order {} .gift-messages-form .item { margin:0 0 10px; } .gift-messages-form .item .product-img-box { float:left; width:75px; } .gift-messages-form .item .product-image { margin:0 0 7px; } .gift-messages-form .item .number { margin:0; font-weight:bold; text-align:center; } .gift-messages-form .item .details { margin-left:90px; } .gift-messages-form .item .details .product-name {} .gift-message-link { display:block; background:url(../images/bkg_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; } /* Centinel */ .centinel {} /* Generic Info Set */ .info-set {} /********** Common Checkout Styles > */ /* One Page Checkout */ .checkout-multishipping-shipping .box-title h3{ padding:3px 0 10px 0;} .checkout-onepage-index .indent-col-main { padding:24px 0 0 0;} .checkout-onepage-index .page-title{ display:none;} /* Block: Checkout Progress */ .sidebar .block-progress dl { border:1px solid #D7E6EA; border-top:none;} .sidebar .block-progress { border:1px solid #D7E6EA; margin:0 0 0 10px;} .sidebar .block-progress .block-title { background:#EEF1F3; border-bottom:1px solid #D7E6EA; padding:12px 10px 9px 15px; font-size:12px; line-height:14px; color:#00B3E1; text-transform:uppercase; width:auto;} .sidebar .block-progress .block-title strong { background:none; padding:0; font-size:12px; line-height:14px; color:#00B3E1; text-transform:uppercase;} .sidebar .block-progress .block-title strong span { background:none; padding:0; } .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:#EEF1F3; padding:13px 10px 9px 18px; border-bottom:1px solid #D7E6EA;} .sidebar .block-progress dt.complete { background:none;} .opc {border-bottom:1px solid #D7E6EA; position:relative; } .opc li.section { border:1px solid #D7E6EA; border-bottom:0; } /**/ .opc li.section input, .opc li.section select{ border-left:1px solid; border-color:#D5D5D6 #D5D5D6 #D5D5D6 #D5D5D6; padding:0px;} .opc li.section .form-list label { font-size:13px; color:#7F7F7F; font-weight:normal; } /**/ .opc .buttons-set.disabled button.button { display:none; } .opc .buttons-set .please-wait { height:21px; line-height:21px; } .opc .step-title { background:#EEF1F3; padding:8px 0 8px 31px; text-align:right; } .opc .step-title .number { float:left; font-size:12px; line-height:16px; font-weight:bold; margin-right:10px; border:1px solid #3A4750; padding:0 5px 0 5px; color:#505254; margin:0 10px 0 0; } .opc .step-title h2 { font-size:12px; line-height:18px; float:left; color:#3A4750; font-weight:bold; padding:0;} .opc .step-title a { display:none; float:right; } .opc .allow .step-title { cursor:pointer; } /*.opc .allow .step-title a { display:block; }*/ .opc .active {} .opc .active .step-title { background:#FFFFFF; } .opc .active .step-title h2 { color:#00B3E1;} .opc .active .step-title .number{ background:#00B3E1; border:none; color:#FFFFFF;} /*.opc .active .step-title a { display:none; }*/ .opc .step { border-top:1px solid #E8E8E8; padding:20px 5px 20px 31px; position:relative; } .opc .step .tool-tip { right:10px; } .opc .order-review {} /* 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; padding:15px 0 0 0; } .multiple-checkout .grand-total big {} .multiple-checkout .grand-total .price {} /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ .account-login {} .account-login .new-users {} .account-login .registered-users {} .account-create {} /* Account Login/Create Pages ============================================================ */ /* My Account ============================================================================= */ .my-account .title-buttons .link-rss { float:none; margin:0; } /********** < Dashboard */ .dashboard {} .dashboard .welcome-msg {} /* Block: Recent Orders */ .dashboard .box-recent { margin:10px 0; } /* Block: Account Information */ .dashboard .box-info {} /* Block: Reviews */ .dashboard .box-reviews .number { float:left; font-size:10px; font-weight:bold; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#ddd; } .dashboard .box-reviews .details { margin-left:20px; } /* Block: Tags */ .dashboard .box-tags .number { float:left; font-size:10px; font-weight:bold; line-height:1; color:#fff; margin:3px -20px 0 0; padding:3px 5px; background:#B9BFC2; } .dashboard .box-tags .details { margin-left:20px; } /********** Dashboard > */ /* Address Book */ .addresses-list {} .addresses-list-additional li.item {} /* 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; } .order-date { margin:10px 0; } .order-info-box {} .order-items { width:100%; overflow-x:auto; } .order-gift-message { margin:15px 0; } .gift-message dt strong { color:#666; } .gift-message dd { margin:5px 0 0; font-size:13px; } .order-about { margin:15px 0; } .order-about dt { font-weight:bold; } .order-about dd { font-size:13px; margin:0 0 7px; } .tracking-table { margin:0 0 15px; } .tracking-table th { font-weight:bold; white-space:nowrap; } .tracking-table th, .tracking-table td { padding:1px 5px 0 0; } .tracking-table-popup { width:100%; } .tracking-table-popup th { font-weight:bold; white-space:nowrap; } .tracking-table-popup th, .tracking-table-popup td { padding:1px 8px; } /* Order 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; } /* My Reviews */ .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box .product-image { display:block; width:125px; height:125px; } .product-review .product-img-box .label { font-size:11px; margin:0 0 3px; } .product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 3px; } .product-review .product-details { margin-left:150px; } .product-review .product-name { font-size:16px; font-weight:bold; margin:0 0 10px; } .product-review h3 {} .product-review .ratings-table { margin:0 0 10px; } .product-review dt { font-weight:bold; } .product-review dd { font-size:13px; margin:5px 0 0; } /* ======================================================================================= */ /* Footer ================================================================================ */ .footer .store-switcher { text-align:center; margin:0 auto; padding:10px 0 0 0;} .footer {padding:15px 0 0 0} .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:#00B3E1; 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;} .footer .block-subscribe { float:right; width:200px; margin:0 0 20px 0;} .footer .block-subscribe .block-title { background:none; padding:0;} .footer .block-subscribe .block-title strong { font-size:12px; line-height:16px; color:#454545; background:none; display:block; margin:0 0 9px 0; padding:0 0 0 0;} .footer .block-subscribe .block-title strong span{ background:none; display:inline; padding:0;} .footer .block-subscribe .block-content { padding:0 10px 5px 0;} .footer .block-subscribe .block-content label{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:21px; color:#838383;} .footer .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;} .footer .block-subscribe .block-content button.button{ float:none;} .footer .block-subscribe .actions { float:none; text-align:left; padding:0;} .row-footer { border-top:1px solid #D7E6EA; padding:12px 0 0 28px;} .footer p { text-align:left; font-size:12px; line-height:18px; color:#9A9A9A; } .footer address { text-align:right; } /* ======================================================================================= */ /* Custom ================================================================================ */ .cms-home .subtitle { display:none;} .cms-home .products-grid { width:auto !important; position:relative; border-top:none; padding:28px 0 0 0; margin:0 0 0 0;} .cms-home .products-grid.last {} .cms-home .products-grid.first li.item{ padding-top:0;} .cms-home .products-grid li.item { float:left; width:145px; text-align:left; background:url(../images/devider_product_2.gif) right top repeat-y; padding:0 10px 0 0; margin:0 20px 15px 0;} .cms-home .products-grid li.last { width:120px; padding-right:0; background:none; margin-right:0;} .cms-home .products-grid.last li.item {} .cms-home .products-grid .product-image { display:block; width:120px; margin:1px; vertical-align:top; } .cms-home .products-grid .product-name { padding:2px 0 0 0; text-align:left;} .cms-home .products-grid .product-name a {} .cms-home .products-grid .price-box {padding:7px 0 8px;} .cms-home .products-grid .ratings .rating-box { float:none; margin-right:0; margin-top:2px; margin-bottom:5px !important; margin:0 auto; } .product-image-fix { text-align:center;} /* ======================================================================================= */ /* Fixes ================================================================================ */ body { min-width:980px;} body.page-print { min-width:80% !important; padding:0;} body.page-empty { min-width:80% !important; padding:0;} body.page-popup { min-width:80% !important; padding:0;} body.page-print > div, body.page-empty > div, body.page-popup > div{ padding:20px;} .page-popup .product-image{display:block; margin-bottom:10px;} .page-popup .price-box{margin:10px 0;} .page-popup .add-to-links{padding:15px 0;} .page-popup .buttons-set{padding-top:25px!important;} a:hover img {position:relative;} .product-view .product-img-box .product-image { text-align:center;width:290px;height:320px;position:relative} .jser-img-zoom{background:url('../images/sprite-jarden.png') no-repeat -775px -81px;width:30px;height:30px;display:block;position:absolute;bottom:15px;right:15px} .product-image-popup { margin:0 auto; text-align:center; } /**/ .border-cart { border-right:1px solid #D7E6EA; margin-bottom:7px;} .border-cart .data-table { margin-bottom:0 !important;} .border-cart .data-table th.last{ border-right:none;} .border-cart .data-table td.last{ border-right:none;} /**/ .buttons-set button.button { float:right; margin-left:5px; } .my-wishlist textarea { width:90%;} .review-product-list .pager, .review-product-list .sorter { background:none; padding:10px 0 10px 0;} .box-reviews dl{ border:1px solid #B6B6B6;} .box-reviews dt{ padding:10px; border-bottom:1px solid #B6B6B6; background:#F4F4F4;} .box-reviews dd{ padding:10px;} .box-reviews ul.form-list { padding:20px 0 0 0;} .box-reviews ul.form-list .input-box{ width:99%;} .box-reviews ul.form-list .input-box input{ width:99%;} .box-reviews ul.form-list .input-box textarea{ width:99%;} .gift-messages-form { padding:15px;} .gift-messages-form p{ padding:4px 0 7px 0;} .gift-messages-form .input-box { width:90% !important;} .gift-messages-form textarea { width:90% !important;} .my-account .data-table { margin-bottom:10px;} .multiple-checkout .grand-total big { display:block; padding:5px 0 7px 0;} .std p { padding:0 0 10px 0;} .product-image-popup .nav { padding:7px 0 7px 0; } .advanced-search-summary{padding:15px 0;} .dashboard .box-title, .dashboard .box-head{width:100%; overflow:hidden; margin-bottom:10px;} .dashboard .box-title h2, .dashboard .box-title h3, .dashboard .box-head h2, .dashboard .box-head h3{float:left;} .dashboard .box-title a, .dashboard .box-head a{float:right;} .clear-block { clear:both;} /* ======================================================================================= */ /* ======================================================================================= */ /* Clears ================================================================================ */ .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-collateral:after, .product-view .product-img-box .more-views ul:after, .product-view .box-tags .form-add:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* ======================================================================================= */ .clearFloat{width:100%;height:1px;display:block;float:none;clear:both} .js-footer-brands{background:url('../images/sprite-jarden.png') no-repeat 0 -126px;width:1024px;height:80px;display:block;overflow:hidden;text-align:center;padding-top:25px} .js-footer-brands img{margin:0 15px} .js-footer-brands img.last{margin-right:0} .js-footer-links{background:#F8F8F8;border-top:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6;padding:20px 0 20px 30px;margin:10px 0} .js-footer-links .col1{width:160px;float:left} .js-footer-links .col2{width:180px;float:left} .js-footer-links .col3{width:650px;float:left} .js-footer-links h4{color:#004A9A;font-family:'Lato';text-transform:uppercase;font-size:16px;margin-bottom:10px} .js-footer-links ul{float:left} .js-footer-links ul li{margin-bottom:7px;color:#676767} .js-footer-links ul li a{color:#676767;text-decoration:none;font-size:11px} .js-footer-links ul li a:hover{color:black} .js-footer-links .col3 ul li{margin-right:15px;float:left;width:200px} .js-copyright{color:#676767;font-size:12px;background:url('../images/jarden-spritew.png') no-repeat 0 -224px;width:1012px;height:31px;padding-top:20px;text-align:center;margin:15px auto;} .header-seal{background:url('../images/sprite-jarden.png') no-repeat -422px -8px;width:66px;height:66px;float:right;display:block;margin:11px 15px 0 0} /*menu*/ .main-menu{position:relative;z-index:9;background:url('../images/jarden-spritew.png') no-repeat 0 -162px;width:1023px;height:63px;margin:0 auto 10px;} .main-menu ul{list-style:none;position:relative;top:6px} .main-menu ul li{float:left;margin:0 0 0 10px} .main-menu ul li a{padding:2px 5px;color:#7D8589;font-size:13px;font-family:'Lato';text-decoration:none} .main-menu ul li a:hover{color:#004A9A} .design-es .main-menu ul li{margin-left:7px} .main-menu > ul > li{position:relative} .main-menu > ul > li > a{border-right:1px solid #E2E2E2;line-height:46px;height:46px;display:block;padding-right:12px;padding-left:0} .main-menu > ul > li.last > a{border-right:none;padding-right:0 !important} .main-menu > ul > li > .child{display:none;position:absolute;left:-18px;top:17px} .main-menu > ul > li > .child a{color:#676767;font-size:12px;display:inline-block;padding:4px 6px;margin-bottom:10px} .main-menu > ul > li > .child img{float:left;margin:10px 30px 10px 35px} .main-menu > ul > li > .child ul{border-left:1px solid #f2f2f2;margin-left:20px;float:left;padding-left:15px} .main-menu > ul > li > .child ul li{float:none;text-align:left} .main-menu > ul > li > .child ul li a{margin-bottom:0;color:#676767;font-size:12px} .main-menu > ul > li > .child ul li a:hover{color:#004A9A} .main-menu > ul > li > .child ul.first{border:none;padding-left:0;margin-left:0} .main-menu > ul > li > .child .other{border-top:1px solid #f2f2f2;margin-top:10px;width:100%;width:690px;float:right;clear:both;margin-right:35px} .main-menu > ul > li > .child .other a{margin-bottom:0;color:#676767;font-size:12px} .main-menu > ul > li > .child .other a:hover{color:#004A9A} .main-menu > ul > li > .child > div.menuStop{background:url('../images/menus/col1-top.png') no-repeat;width:218px;height:21px} .main-menu > ul > li > .child > div.menuSmiddle{background:url('../images/menus/col1-middle.png') repeat-y;width:200px;overflow:hidden;padding:5px 0 5px 18px} .main-menu > ul > li > .child > div.menuSbottom{background:url('../images/menus/col1-bottom.png') no-repeat;width:218px;height:16px} .main-menu > ul > li > .child.col2{left:-72px} .main-menu > ul > li > .child.col2 > div.menuStop{background:url('../images/menus/col2-top.png') no-repeat;width:439px;height:21px} .main-menu > ul > li > .child.col2 > div.menuSmiddle{background:url('../images/menus/col2-middle.png') repeat-y;width:421px;overflow:hidden} .main-menu > ul > li > .child.col2 > div.menuSbottom{background:url('../images/menus/col2-bottom.png') no-repeat;width:439px;height:16px} .main-menu > ul > li > .child.col3{left:-182px} .main-menu > ul > li > .child.col3 > div.menuStop{background:url('../images/menus/col3-top.png') no-repeat;width:661px;height:21px} .main-menu > ul > li > .child.col3 > div.menuSmiddle{background:url('../images/menus/col3-middle.png') repeat-y;width:643px;overflow:hidden} .main-menu > ul > li > .child.col3 > div.menuSbottom{background:url('../images/menus/col3-bottom.png') no-repeat;width:661px;height:16px} .main-menu > ul > li > .child.col4{left:-295px} .main-menu > ul > li > .child.col4 > div.menuStop{background:url('../images/menus/col4-top.png') no-repeat;width:882px;height:21px} .main-menu > ul > li > .child.col4 > div.menuSmiddle{background:url('../images/menus/col4-middle.png') repeat-y;width:864px;overflow:hidden} .main-menu > ul > li > .child.col4 > div.menuSbottom{background:url('../images/menus/col4-bottom.png') no-repeat;width:882px;height:16px} .main-menu > ul > li > a > span{background:url('../images/jarden-spritew.png') no-repeat;width:30px;height:25px;display:inline-block;margin-right:5px;position:relative;top:7px} .main-menu > ul > li.menuItem-0 > a > span{background-position:-560px 0} .main-menu > ul > li.menuItem-0 > a:hover > span{background-position:-560px -25px} .main-menu > ul > li.menuItem-1 > a > span{background-position:-210px 0} .main-menu > ul > li.menuItem-1 > a:hover > span{background-position:-210px -25px} .main-menu > ul > li.menuItem-2 > a > span{background-position:-240px 0} .main-menu > ul > li.menuItem-2 > a:hover > span{background-position:-240px -25px} .main-menu > ul > li.menuItem-3 > a > span{background-position:-270px 0} .main-menu > ul > li.menuItem-3 > a:hover > span{background-position:-270px -25px} .main-menu > ul > li.menuItem-4 > a > span{background-position:-300px 0} .main-menu > ul > li.menuItem-4 > a:hover > span{background-position:-300px -25px} .main-menu > ul > li.menuItem-5 > a > span{background-position:-330px 0} .main-menu > ul > li.menuItem-5 > a:hover > span{background-position:-330px -25px} .main-menu > ul > li.menuItem-6 > a > span{background-position:-360px 0} .main-menu > ul > li.menuItem-6 > a:hover > span{background-position:-360px -25px} .main-menu > ul > li.menuItem-7 > a > span{background-position:-390px 0} .main-menu > ul > li.menuItem-7 > a:hover > span{background-position:-390px -25px} .main-menu > ul > li.menuItem-8 > a > span{background-position:-180px 0} .main-menu > ul > li.menuItem-8 > a:hover > span{background-position:-180px -25px} .main-menu > ul > li.menuItem-9 > a > span{background-position:-530px 0} .main-menu > ul > li.menuItem-9 > a:hover > span{background-position:-530px -25px} .main-menu > ul > li.menuItem-12 > a > span{background-position:-636px 0} .main-menu > ul > li.menuItem-12 > a:hover > span{background-position:-636px -25px} /*.main-menu.menu-group-4 > ul > li > a{padding-left:5px;padding-right:17px}*/ .main-menu.menu-group-4 > ul > li > a{padding-left:2px;padding-right:6px} .main-menu.menu-group-4 > ul > li.first{margin-left:4px} .main-menu.menu-group-4 > ul > li{margin-left:0} .design-en .main-menu.menu-group-4 > ul > li > a{padding-right:16px} /*customer group 3*/ .main-menu.menu-group-3 > ul > li > a{padding-left:5px;padding-right:17px} .design-es .main-menu.menu-group-3 > ul > li > a{padding-left:0;padding-right:7px} /*customer group 2*/ .main-menu.menu-group-2 > ul > li > a{padding-left:5px;padding-right:17px} /*customer group 1*/ .main-menu.menu-group-1 > ul > li > a{padding-left:5px;padding-right:17px} .header-container .main-menu > ul > li > ul{display:none;background:#F8F8F8;padding:10px 10px 5px;position:absolute;top:49px;right:-15px;width:130px;border:1px solid #CACACA} .header-container .main-menu > ul > li > ul > li{margin:0 0 5px} /*search form*/ .jser-form{width:100%;background:url('../images/sprite-jarden.png') no-repeat 0 -81px;height:44px;display:none;position:relative} .jser-form input.input-text{background:none;height:42px;width:87%;padding:0 25px;font-family:'Lato'} .jser-form .jser-btn-search{background:url('../images/sprite-jarden.png') no-repeat -320px 0;width:49px;height:44px;position:absolute;top:0;right:0} .jser-form .jser-btn-search:hover{background-position:-369px 0} .jser-watermark{color:#91A0A3} .jser-home-buttons{width:100%;margin-top:10px} .jser-home-buttons a{display:block;width:155px;height:185px;text-align:center;background:#004A9A;color:white;text-decoration:none;font-family:'Lato';font-size:16px;border-radius:3px;float:left;line-height:20px;margin-right:10px;padding:0 15px} .jser-home-buttons a:hover{filter:alpha(opacity=85);opacity:0.85} .jser-home-buttons a span{background:url('../images/sprite-jarden.png') no-repeat;width:80px;height:80px;display:block;margin:26px auto 20px} .jser-home-buttons a.jser-hpb-diagrams span{background-position:0 0;margin-bottom:30px} .jser-home-buttons a.jser-hpb-manuals span{background-position:-80px 0;margin-bottom:30px} .jser-home-buttons a.jser-hpb-videos span{background-position:-160px 0} .jser-home-buttons a.jser-hpb-technical span{background-position:-240px 0} .jser-home-buttons a.jser-hpb-technical{margin-right:0} .ui-accordion .ui-accordion-header{font-family:'Lato';font-size:13px;color:#545454;margin-top:0;padding:13px 0 13px 20px;background:url('../images/bg-btn.jpg')} .ui-accordion .ui-accordion-header .ui-accordion-header-icon{left:90%;top:58%;background:url('../images/sprite-jarden.png') no-repeat -362px -62px;width:9px;height:8px} .ui-accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon,.ui-accordion .ui-accordion-header.ui-state-active.ui-state-hover .ui-accordion-header-icon{background-position:-362px -72px} .ui-accordion .ui-accordion-header.ui-state-hover .ui-accordion-header-icon{background-position:-362px -71px} .ui-accordion .ui-accordion-header.ui-state-active.ui-state-hover{color:#545454} .ui-accordion .ui-accordion-header.ui-state-hover{color:#004A9A;border:1px solid #f2f2f2} .ui-accordion .ui-accordion-content{padding:1em 1.5em} #jser-left-menu ul{background:url('../images/left-menu-bg.png') repeat-y} #jser-left-menu ul li{padding:5px 0 4px 6px;border-bottom:1px solid #F2F2F2} #jser-left-menu ul li a{color:#676767;display:block;position:relative;padding-right:10px} #jser-left-menu ul li a:hover{color:#004A9A} #jser-left-menu ul li a span{display:block;width:4px;height:7px;background:url('../images/sprite-jarden.png') no-repeat -353px -63px;position:absolute;top:34%;right:4px} #jser-left-menu ul li a:hover span{background-position:-353px -70px} #jser-left-menu ul li.last{border-bottom:none} #jser-left-menu h6.first{border-radius:3px 3px 0 0} #jser-left-menu h6.last{border-radius:0 0 3px 3px} #jser-left-menu ul ul{border-left:1px solid #f2f2f2;background:none;margin:5px 0 5px 10px;display:none} /*home sliders*/ #slideshow{float:left;width:530px;height:320px;border:1px solid #F2F2F2;overflow:hidden;position:relative;border-radius:2px} #nav-slideshow {z-index:10;position:absolute;bottom:10px;right:7px} #nav-slideshow a {background:url('../images/slider-btns.png') no-repeat right center;margin:0 3px;text-decoration:none;width:6px;height:6px;display:inline-block;overflow:hidden;text-indent:-15px} #nav-slideshow a.activeSlide {background-position:left center} #nav-slideshow a:focus {outline:none;} #slideshow .slide-item{position:relative} #slideshow .slide-item img{} #slideshow .slide-item .si-sdescription{position:absolute;bottom:25px;right:15px;font-family:"Lato";font-size:12px;width:310px} /*home news*/ .main-news{float:right;width:225px;height:320px;border:1px solid #F2F2F2;overflow:hidden;position:relative;border-radius:2px} #nav-news-slideshow {width:225px;height:16px;text-align:center;padding:15px 0} #nav-news-slideshow a{background:url('../images/sprite-jarden.png') no-repeat right center;margin:0 3px;text-decoration:none;width:16px;height:16px;display:inline-block;overflow:hidden;text-indent:-15px;position:relative;top:3px} #nav-news-slideshow a#ns-prev{background-position:-321px -45px} #nav-news-slideshow a#ns-next{background-position:-337px -45px} #nav-news-slideshow a#ns-prev:hover{background-position:-320px -63px} #nav-news-slideshow a#ns-next:hover{background-position:-336px -63px} #nav-news-slideshow a:focus {outline:none;} #nav-news-slideshow span{line-height:16px;color:#EF3E42;font-size:13px;width:140px;display:inline-block} #news-slideshow{width:185px;margin:0 auto;overflow:hidden} #news-slideshow .news-item-list{width:185px} #news-slideshow .news-item{margin:5px auto 18px;padding:15px 0 0;width:185px;border-top:1px solid #f2f2f2} #news-slideshow .news-item h4 a{font-size:12px;font-weight:bold;color:black} #news-slideshow .news-item img{} #news-slideshow .news-item .ni-sdescription{font-family:"Lato";font-size:12px;width:125px;floar:right;float:right;height:64px;line-height:16px;overflow:hidden} #news-slideshow .news-item a.ni-seemore{color:#034EA1;font-family:"Lato";font-size:12px;margin-left:60px} #news-slideshow .news-item a.ni-seemore:hover{text-decoration:underline} .news-list .page-title{border-bottom:1px solid #f2f2f2;padding-bottom:22px} .news-list .news-item a{display:block;padding:10px 0 20px;margin:10px 0;border-bottom:1px solid #f2f2f2;color:#004A9A;position:relative} .news-list .news-item a:hover{color:#676767} .news-list .news-item a span{background:url('../images/sprite-jarden.png') no-repeat -362px -71px;display:block;position:absolute;right:5px;top:30%;width:5px;height:9px} .news-list .news-item a:hover span{background-position:-362px -62px} .single-news .jser-news-date{font-style:italic} .single-news .jser-news-image{display:block;margin:4px auto 10px} .single-news .jser-news-description{text-align:justify;line-height:20px} .single-news .jser-news-description p{margin-bottom:15px} /*cms redesign*/ .cms-page-view .content-width > .std{font-family:"Lato";color:#545454} .cms-page-view .content-width > .std p{font-size:13px;line-height:20px;padding:0;margin:0 0 20px;text-align:justify} .cms-page-view .content-width > .std h4{color:#004A9A;margin:30px 0 15px;font-size:18px;font-family:"Lato"} .page-title h1{height:24px} .page-title h1 img{margin-right:10px;position:relative;top:-10px;height:40px} .jser-history .std > p > strong{width:32px;display:inline-block} /*custom selects*/ .jser-products-filters{float:right} .jser-products-filters label{color:#545454;margin:9px 10px 0;float:left;font-family:"Lato"} .jser-products-filters a.jser-button{margin-top:3px} .jser-custom-select{width:136px;height:32px;background:url('../images/dropdown.png') no-repeat;color:#545454;font-size:12px;position:relative;float:left;font-family:"Lato"} .jser-custom-select select{position:absolute;top:3px;left:0;width:131px;height:24px;-webkit-appearance:menulist-button;line-height:24px;opacity:0;filter:alpha(opacity=0);font-size:12px;cursor:pointer} .jser-custom-select span{width:101px;padding:5px 25px 0 5px;display:block;margin-top:3px;height:15px;overflow:hidden} .jser-custom-select.jser-cs-long{background-position:0px -60px;width:152px} .jser-custom-select.jser-cs-long select{width:152px} .jser-custom-select.jser-cs-long span{width:117px;padding-top:8px;text-align:left} .jser-custom-select-css{width:100%;height:24px;position:relative;background:url('../images/select-bg.png') no-repeat center right #F3FFFF;color:#545454;font-size:12px;float:left;font-family:"Lato";border:1px solid #D3D8DA} .jser-custom-select-css select{position:absolute;top:0;left:0;width:100%;height:24px;-webkit-appearance:menulist-button;line-height:24px;opacity:0;filter:alpha(opacity=0);font-size:12px;cursor:pointer} .jser-custom-select-css span{width:75%;padding:5px 0 0 10px;display:block;height:15px;overflow:hidden} /*product view options*/ .jser-productview-options > div{width:218px;height:124px;float:left;background:url('../images/sprite-jarden.png') no-repeat -806px 0;margin-bottom:10px;margin-right:14px} .jser-productview-options > div.last{margin-right:0} .jser-productview-options > div a{color:#7D8589;font-family:"Lato";font-size:14px;text-align:center;display:block;width:218px;height:104px;padding-top:20px} .jser-productview-options > div span{background:url('../images/sprite-jarden.png') no-repeat;width:60px;height:60px;display:block;margin:0 auto 5px} .jser-productview-options > div.jser-pvo-diagrams span{background-position:-553px -9px} .jser-productview-options > div.jser-pvo-manuals span{background-position:-673px -10px} .jser-productview-options > div.jser-pvo-salesheets span{background-position:-613px -10px} .jser-productview-options > div.jser-pvo-videos span{background-position:-733px -10px} .jser-pvo-technicalcorner{border:1px solid #f2f2f2;text-align:center;margin-top:5px} .jser-pvo-technicalcorner a{color:#7D8589;font-family:"Lato";font-size:14px;line-height:23px;width:100%;display:inline-block;padding:15px 0} .jser-pvo-technicalcorner span{background:url('../images/sprite-jarden.png') no-repeat -504px -41px;width:18px;height:23px;display:inline-block;margin-right:10px} .jser-product-files a{display:block;text-align:left;margin:2px 0;padding:4px;width:209px;float:left;line-height:18px} /*jqueryui*/ .jser-dialogui .ui-dialog-titlebar .ui-dialog-title{font-family:"Lato";color:#004A9A;font-size:24px;overflow:visible;margin:8px 0} .jser-dialogui .ui-dialog-title{width:100%} .jser-dialogui .ui-dialog-content{padding:0.9em 2em} #jser-popup-dialogui{overflow:visible} /*policies*/ .jser-policies-and-procedures .content-width > .std p{font-size:12px} .jser-policies-and-procedures .content-width > .std h4{color:#3F3F3F;font-size:13px;font-family:"Lato"} .jser-policies-and-procedures .content-width > .std > table{background:#F2F6F9} .jser-policies-and-procedures .content-width > .std > table tr{border-bottom:15px solid white} .jser-policies-and-procedures .content-width > .std > table td{padding:15px 15px 0} .jser-policies-and-procedures .content-width > .std > table td img{margin-left:20px} .jser-policies-and-procedures .content-width > .std h5{color:#004A9A;font-size:13px} .jser-policies-and-procedures .content-width > .std ul li a{display:block;padding:10px 0 20px;margin:10px 0;border-bottom:1px solid #f2f2f2;color:#004A9A;position:relative} .jser-policies-and-procedures .content-width > .std ul li a:hover{color:#676767} .jser-policies-and-procedures .content-width > .std ul li a span{background:url('../images/sprite-jarden.png') no-repeat -362px -71px;display:block;position:absolute;right:5px;top:30%;width:5px;height:9px} .jser-policies-and-procedures .content-width > .std ul li a:hover span{background-position:-362px -62px} .jser-policies-and-procedures .content-width > .std ul ul{display:none;margin-left:10px} .jser-policies-and-procedures .content-width > .std ul ul li{margin-bottom:10px;text-align:justify;line-height:20px} .jser-policies-and-procedures .content-width > .std ul ul li table{width:500px;margin:5px auto 10px} .jser-policies-and-procedures .content-width > .std ul ul li table td{border:1px solid #D5D5D5;padding:3px 8px} .jser-policies-and-procedures .content-width > .std h6{color:#004A9A;font-size:12px;font-weight:normal} .jser-policies-and-procedures .content-width > .std ol{list-style:none} .jser-policies-and-procedures .content-width > .std ol li{background:url('../images/list-icon.png') no-repeat;line-height:20px;margin-bottom:20px;padding:0 0 0 20px;text-align:justify} /*diagrams*/ .jser-files-layout .col2-left-layout .indent-col-main{width:770px} .jser-files-layout .jser-cf-item{width:180px;height:200px;float:left;margin-right:16px;margin-bottom:14px;position:relative} .jser-files-layout .jser-cf-item.last{margin-right:0} .jser-files-layout .content-width > .std .jser-cf-item h4{margin:15px 0 0;text-align:center;color:#3F3F3F;font-size:14px;font-family:"Lato";height:28px;padding:0 5px} .jser-files-layout .jser-cf-item img{display:block;margin:0 auto} .jser-files-layout .jser-cf-item .jser-cfi-options{display:block;height:42px;text-align:center;padding-top:8px;background:#F2F6F9;position:absolute;bottom:0;left:0;width:100%} .jser-files-layout .jser-cfi-container{border:1px solid #f2f2f2;height:150px} .jser-files-layout .jser-cf-item .jser-cfi-options .jser-custom-select{margin-right:auto;margin-left:auto;float:none} .jser-files-layout .jser-cfi-options > a{background:#004A9A;color:white;display:inline-block;margin-top:6px;padding:5px 15px} .jser-files-layout .jser-cfi-options > a:hover{background:#676767} .jser-files-layout .content-width > .std .jser-cfi-options > p{font-size:12px;text-align:center;margin-top:6px;padding:0 3px} .jser-files-layout .content-width > .std > table{background:#F2F6F9} .jser-files-layout .content-width > .std > table td{padding:15px 15px} .jser-files-layout .content-width > .std > table td p{margin:10px 0 0} .jser-files-layout .content-width > .std > table td img{margin-left:20px} /*files*/ .z-files h4{margin-bottom:6px;font-family:"Lato";font-size:16px;margin-top:30px} /*generic*/ .jser-styled-ul > li a{display:block;padding:10px 0 20px;margin:10px 0;border-bottom:1px solid #f2f2f2;color:#004A9A;position:relative} .jser-styled-ul > li a:hover{color:#676767} .jser-styled-ul > li a span{background:url('../images/sprite-jarden.png') no-repeat -362px -71px;display:block;position:absolute;right:5px;top:30%;width:5px;height:9px} .jser-styled-ul > li a:hover span{background-position:-362px -62px} .jser-button{background:#004A9A;color:white;display:inline-block;padding:5px 8px;border-radius:2px} .jser-button:hover{background:#676767} button.jser-button{border:none;margin:none;font-size:12px;cursor:pointer} .jser-form-box textarea{background:#F3FFFF;border:1px solid #D3D8DA;border-radius:2px;width:96%;height:69px;resize:none;padding:10px 2%} .jser-form-box input{background:#F3FFFF;border:1px solid #D3D8DA;border-radius:2px;width:96%;padding:3px 2%} /*technical corner*/ .jser-tc-addproblem{float:right;position:relative;top:-5px} .jser-tc-addproblem a{color:#004A9A;font-size:13px} .jser-tc-addproblem a span{background:url('../images/tc-sprite.png') no-repeat -22px 0;width:41px;height:40px;display:inline-block;margin-left:15px;line-height:40px} .jser-tc-addproblem a:hover{opacity:0.8;filter:alpha(opacity=80)} .jser-technical-corner .jser-products-filters{float:none} .jser-technical-corner .jser-products-filters label{margin:9px 10px 0} .jser-technical-corner .jser-products-filters label.first{margin-left:0} .jser-technical-corner .jser-products-filters .jser-button{float:right;margin-top:3px} .jser-tc-issue-problems{} .jser-tc-issue-problems .jser-tcip h4{font-family:"Lato";font-size:20px;font-weight:normal;color:#004A9A;line-height:35px;border-bottom:1px solid #f2f2f2;margin:15px 0} .jser-tc-issue-problems .jser-tcip h4 span{background:url('../images/tc-sprite.png') no-repeat -29px -40px;width:28px;height:35px;display:inline-block;margin-right:15px} .jser-tc-tabs > ul{background:url('../images/tc-bg.menu.png') repeat-x;width:100%;height:51px;border:1px solid #E6E6E6;border-radius:3px;overflow:hidden;margin-bottom:20px} .jser-tc-tabs > ul > li{float:left;height:51px;border-right:1px solid #E6E6E6} .jser-tc-tabs > ul > li.last{border:none} .jser-tc-tabs > ul > li a{padding:0 9px;line-height:51px;color:#B3B3B3;font-size:14px;font-family:"Lato";display:block;height:100%} .jser-tc-tabs > ul > li a.selected,.jser-tc-tabs > ul > li a:hover{color:#004A9A} .jser-tc-tabs > ul > li a span{background:url('../images/tc-sprite.png') no-repeat 0 -44px;width:22px;height:22px;display:inline-block;margin-right:10px;line-height:22px;color:white;text-align:center} .jser-tc-tabs > ul > li a.selected span,.jser-tc-tabs > ul > li a:hover span{background-position:0 -22px} .jser-tc-tabs > div{display:none} .jser-tc-tabs > div.jser-opened{display:block} .jser-tc-tabs .jserAddImageVideo{background:url('../images/tc-sprite.png') no-repeat -63px 0;width:160px;height:91px;display:block} .jser-tc-tabs .jser-form-box{width:100%;float:left;display:block} /*770 /3 =256 ... 250px 9 250 9*/ .jser-tc-tabs #tabs-2 .jser-form-box.box-cols2{width:589px;margin-right:9px} .jser-tc-tabs #tabs-3 .jser-form-box.box-cols3{width:280px;margin-right:19px} .jser-tc-tabs #tabs-3 .jser-form-box.box-cols2{width:290px;margin-right:9px} .jser-tc-tabs #tabs-4 .jser-form-box.box-cols3{width:100%;border-bottom:1px solid #f2f2f2;padding-bottom:20px;margin-bottom:15px} .jser-tc-tabs #tabs-4 .jser-form-box.box-cols2{width:589px;margin-right:9px} .jser-tc-tabs #tabs-5 .jser-form-box.box-cols3{width:100%;border-bottom:1px solid #f2f2f2;padding-bottom:20px;margin-bottom:15px} .jser-tc-tabs #tabs-5 .jser-form-box.box-cols2{width:376px;margin-right:9px;margin-bottom:10px} .jser-tc-tabs #tabs-5 .jser-form-box.box-cols2.last{margin-right:0;float:right} .jser-tc-tabs #tabs-5 .jser-form-box.box-cols1{width:179px;margin-right:18px;margin-bottom:10px} .jser-tc-tabs #tabs-5 .jser-form-box.box-cols1.last{margin-right:0} .jser-tc-tabs .jser-form-box p{margin-bottom:3px} .jser-tc-tabs #tabs-1 .jser-products-filters .jser-custom-select-css{width:135px} .jser-tc-tabs #tabs-1 .jser-products-filters label{margin-top:5px} .jser-tc-tabs .jser-form-box.box-cols1{width:160px;float:right} .jser-tc-tabs .jser-form-box a.jser-button{margin-top:10px;float:right} .jser-tc-tabs .tc-fix-step{border-bottom:1px solid #f2f2f2;padding-bottom:20px;margin-bottom:15px} .jser-tc-tabs .jser-tc-addproblem{top:0;position:relative;margin-top:10px} .jser-tc-tabs h4{font-family:"Lato";font-size:20px;font-weight:normal;color:#004A9A;line-height:35px;border-bottom:1px solid #f2f2f2;margin:0} #contactForm .buttons-set p.required{float:left;margin-top:6px} #contactForm div.fieldset{margin:28px 0 5px;background:none;border:none;padding:0} #contactForm .form-list .field{width:350px} #contactForm .form-list .input-box{width:325px} #contactForm .form-list{width:700px;margin:auto;} #contactForm .form-list .wide .input-box{width:677px} #contactForm div.buttons-set .jser-button{float:right} #contactForm div.buttons-set{width:677px;margin:auto;position:relative;left:-10px} .jser-validation-failed .validation-advice{margin-top:8px} .jser-validation-failed{background-color:#FAEBE7;border:1px dashed #FF0000} .jwser-watermark{color:#A7A9AC;font-family:'Lato',sans-serif;} .jwser-watermark-white{color:white;font-family:'Lato',sans-serif;} .validation-advice{display:none !important} /*jwser-login*/ .customer-account-login,.customer-account-forgotpassword{background:#f2f2f2} .jwser-login{width:456px;margin:auto} .jwser-login form{width:426px;height:360px;display:block;margin:20% auto 0;background:url('../images/login-bg.png') no-repeat;padding:15px} .jwser-login .page-title h1{text-align:center} .jwser-login .logo-img{width:257px;height:86px;display:block;margin:40px auto 20px} .jwser-login .form-list .input-box{margin:2px auto} .jwser-fpassword{color:#004A9A;font-family:'Lato',sans-serif} .jwser-login .buttons-set{text-align:center} .jwser-login button.button{padding:8px 20px;float:none;margin:auto} .jwser-login .registered-users{border-bottom:1px solid #EFEFEF;margin-bottom:20px;padding-bottom:20px} .jwser-login .copyright-login{text-align:center;margin-top:15px;line-height:15px;color:#878787} .customer-account-forgotpassword .jwser-login .registered-users{margin:0px auto 20px;border-bottom:1px solid #DDDDDD;padding-top:10px;padding-bottom:0} .customer-account-forgotpassword .jwser-login .registered-users p{font-family:'Lato',sans-serif;font-size:12px;text-align:justify} .customer-account-forgotpassword .jwser-login .buttons-set .back-link{margin-top:10px} .customer-account-forgotpassword .jwser-login .buttons-set button.button{float:right} .input-box textarea{background:#F3FFFF;border:1px solid #D3D8DA;width:96%;height:69px;resize:none;padding:10px 2%} .input-box input[type="text"],.input-box input[type="password"]{background:#F3FFFF;border:1px solid #D3D8DA;width:90%;padding:3px 1% 3px 10px} .h1-title{color:#0069B0;font-family:'Lato',sans-serif;font-size:18px;float:left;line-height:28px;margin-right:15px} .h1-title span{background:url('../images/jarden-spritew.png') no-repeat;display:inline-block;margin-right:8px;width:30px;height:25px} .cid-4 .h1-title span{background-position:-240px -25px} .cid-83 .h1-title span{background-position:-300px -25px} .sid-9 .h1-title span{background-position:-270px -25px} .sid-10 .h1-title span{background-position:-210px -25px} .jwser-users-management .h1-title span{background-position:-360px -25px} .jwser-reports-management .h1-title span{background-position:-558px -25px} .jwser-locations-management .h1-title span{background-position:-390px -25px} .jser-configuration-page .h1-title span{background-position:-390px -25px} .warranty-css .h1-title span{background-position:-560px -25px} .frmFilters{} .frmFilters .jser-custom-select-css{width:180px;margin-left:15px;margin-top:4px} .frmFilters .searchBox{float:right;position:relative;margin-top:4px} .frmFilters .searchBox #searchInput{border:none;background:url('../images/jarden-spritew.png') no-repeat 0 -113px;width:150px;height:24px;position:relative;padding:0 20px 0 10px;color:white} .frmFilters .searchBox #searchBtn{background:url('../images/jarden-spritew.png') no-repeat -156px 0;width:12px;height:14px;display:block;position:absolute;right:5px;top:5px;border:none;cursor:pointer} .editBtn{width:20px;height:24px;display:inline-block;background:url('../images/jarden-spritew.png') no-repeat -421px 0} .editBtn:hover{background-position:-421px -25px} .deleteBtn{width:20px;height:20px;display:inline-block;background:url('../images/jarden-spritew.png') no-repeat -502px -2px;position:relative;top:2px} .deleteBtn:hover{background-position:-502px -28px} .seeBtn{width:27px;height:24px;display:inline-block;background:url('../images/jarden-spritew.png') no-repeat -600px 0} .seeBtn:hover{background-position:-600px -25px} .jser-add-button{float:right;clear:both;display:block;line-height:20px;color:#7D8589;font-family:'Lato',sans-serif;font-size:13px;margin:10px 0} .jser-add-button span{background:url('../images/jarden-spritew.png') 0 -20px no-repeat;width:19px;height:20px;display:inline-block;margin-right:7px} .jser-add-button:hover span{background-position:left top} .jwser-default-table{width:100%;font-family:'Lato',sans-serif} .jwser-default-table th{background:#0069B0;border:1px solid #0076B7;border-collapse:collapse;color:white;font-size:14px;padding:15px 10px} .jwser-default-table td{border:1px solid #DFE7EA;border-collapse:collapse;color:#7D8589;font-size:13px;padding:7px 10px;line-height:24px; background:#FFF} .jwser-default-table tr.even{background:#F2F2F2} .jwser-default-table th.actions{text-align:center;width:60px} .jwser-default-table td.actions{text-align:center;padding:7px 0} .jwser-default-table .status{text-align:center;width:90px} .jwser-default-table .description{line-height:24px !important} .jwser-active-color,.jwser-status-color1{color:green !important} .jwser-inactive-color,.jwser-status-color2{color:red !important} .jwser-status-color0{color:#0069B0 !important} #frmAddEdit .input-box input[type="text"],#frmAddEdit .input-box input[type="password"]{width:60%;float:left} #frmAddEdit .input-box input[type="text"].jser-disabled{background:white} #frmAddEdit .input-box textarea{width:59%;float:left} #frmAddEdit .input-box input[type="file"]{float:left} #frmAddEdit .input-box .jser-custom-select-css{width:63%} #frmAddEdit .input-box .jser-custom-select-css span{width:87%;text-align:left} #frmAddEdit .form-list label{margin-right:15px;color:#7D8589;text-align:right;font-weight:normal;font-size:13px;line-height:21px} #frmAddEdit .form-list label em{color:red;margin-left:2px} #frmAddEdit .form-list div.input-box > label{width:150px} #frmAddEdit .jwser-fields-multi label{} #frmAddEdit .jwser-fields-multi .jser-custom-radio{float:left} #editFormWarranty .input-box input[type="text"],#editFormWarranty .input-box input[type="password"]{width:60%;float:left} #editFormWarranty .input-box input[type="text"].jser-disabled{background:white} #editFormWarranty .input-box textarea{width:59%;float:left} #editFormWarranty .input-box input[type="file"]{float:left} #editFormWarranty .input-box .jser-custom-select-css{width:63%} #editFormWarranty .input-box .jser-custom-select-css span{width:87%;text-align:left} #editFormWarranty .form-list label{margin-right:15px;color:#7D8589;text-align:right;font-weight:normal;font-size:13px;line-height:21px} #editFormWarranty .form-list label em{color:red;margin-left:2px} #editFormWarranty .form-list div.input-box > label{width:150px} #editFormWarranty .jwser-fields-multi label{} #editFormWarranty .jwser-fields-multi .jser-custom-radio{float:left} .jser-custom-radio{display:inline-block;width:20px;height:21px;background:url('../images/jarden-spritew.png') no-repeat -445px 0;cursor:pointer;margin-right:4px} .jser-custom-radio.active{background:url('../images/jarden-spritew.png') no-repeat -445px -27px} .ui-widget-content a.jser-button{color:white} .ui-dialog.jser-dialogui-frm .ui-dialog-title{color:#004A9A;font-family:'Lato',sans-serif;font-size:15px} .jser-dialogui-frm div.buttons-set a.jser-button{padding:5px 20px} .jser-dialogui-frmConfirmation p{font-family:'Lato',sans-serif;font-size:14px;margin:20px 0;text-align:center} #frmAddEdit label.jwser-validation-failed{color:red !important} #editFormWarranty label.jwser-validation-failed{color:red !important} .jser-configuration-page #frmAddEdit .form-list div.input-box > label{width:180px} #f_photo_file{display:block;margin-left:160px;border:1px solid #f2f2f2;top:5px;position:relative;clear:both} .page-header{border-bottom:2px solid #DEE8E9;padding-bottom:15px;margin-bottom:15px} .jwser-products-management .jwser-default-table td{line-height:40px} .jwser-products-management .jwser-default-table td .editBtn{position:relative;top:7px} .jwser-products-management .jwser-default-table td .deleteBtn{position:relative;top:7px} .header .welcome-msg{float:right;clear:right} .header .welcome-msg-group{line-height:1em;font-size:0.9em} .form-list .input-box input[type="text"],.form-list .input-box input[type="password"], .form-list .input-box textarea, .jwser-input-corner,.jser-custom-select-css,#searchInput,td.input-box input[type="text"]{border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px} a.jser-button, .buttons-set button.button{border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px} #formaddpart .input-box input[type="text"],#formaddpart .input-box input[type="password"]{width:60%;float:left} #formaddpart .input-box input[type="text"].jser-disabled{background:white} #formaddpart .input-box textarea{width:59%;float:left} #formaddpart .input-box input[type="file"]{float:left} #formaddpart .input-box .jser-custom-select-css{width:63%} #formaddpart .input-box .jser-custom-select-css span{width:87%;text-align:left} #formaddpart .form-list label{margin-right:15px;color:#7D8589;text-align:right;font-weight:normal;font-size:13px;line-height:21px} #formaddpart .form-list label em{color:red;margin-left:2px} #formaddpart .form-list div.input-box > label{width:145px} #formaddpart .jwser-fields-multi label{} #formaddpart .jwser-fields-multi .jser-custom-radio{float:left} #formaddpart label.jwser-validation-failed{color:red !important} #formaddpart2 .input-box input[type="text"],#formaddpart2 .input-box input[type="password"]{width:60%;float:left} #formaddpart2 .input-box input[type="text"].jser-disabled{background:white} #formaddpart2 .input-box textarea{width:59%;float:left} #formaddpart2 .input-box input[type="file"]{float:left} #formaddpart2 .input-box .jser-custom-select-css{width:63%} #formaddpart2 .input-box .jser-custom-select-css span{width:87%;text-align:left} #formaddpart2 .form-list label{margin-right:15px;color:#7D8589;text-align:right;font-weight:normal;font-size:13px;line-height:21px} #formaddpart2 .form-list label em{color:red;margin-left:2px} #formaddpart2 .form-list div.input-box > label{width:145px} #formaddpart2 .jwser-fields-multi label{} #formaddpart2 .jwser-fields-multi .jser-custom-radio{float:left} #formaddpart2 label.jwser-validation-failed{color:red !important} #listado_wrapper .dataTables_length{margin-bottom:10px} #listado{margin-bottom:10px} .dataTables_wrapper .dataTables_filter input{border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;background:#F3FFFF;border:1px solid #D3D8DA;padding:3px 1% 3px 10px} .dataTables_wrapper .dataTables_length select{border-radius:15px 0 0 15px !important} div.DTTT_container{margin-bottom:10px !important} /*pagination*/ .jPaginate{height:34px;position:relative;color:#a5a5a5;font-size:small;width:70%;float:left;margin-top:10px} .jPaginate a{line-height:15px;height:18px;cursor:pointer;padding:2px 5px 0;margin:2px;float:left} .jPag-control-back{position:absolute;left:0} .jPag-control-front{position:absolute;top:0} .jPaginate span{cursor:pointer} ul.jPag-pages{float:left;list-style-type:none;margin:0;padding:0} ul.jPag-pages li{display:inline;float:left;padding:0;margin:0} ul.jPag-pages li a{float:left;padding:2px 5px 0} span.jPag-current{cursor:default;font-weight:normal;line-height:15px;height:18px;padding:2px 5px;margin:2px;float:left} ul.jPag-pages li span.jPag-previous,ul.jPag-pages li span.jPag-next,span.jPag-sprevious,span.jPag-snext,ul.jPag-pages li span.jPag-previous-img,ul.jPag-pages li span.jPag-next-img,span.jPag-sprevious-img,span.jPag-snext-img{height:22px;margin:2px;float:left;line-height:18px} ul.jPag-pages li span.jPag-previous,ul.jPag-pages li span.jPag-previous-img{margin:2px 0 2px 2px;font-size:12px;font-weight:bold;width:10px} ul.jPag-pages li span.jPag-next,ul.jPag-pages li span.jPag-next-img{margin:2px 2px 2px 0;font-size:12px;font-weight:bold;width:10px} span.jPag-sprevious,span.jPag-sprevious-img{margin:2px 0 2px 2px;font-size:18px;width:15px;text-align:right} span.jPag-snext,span.jPag-snext-img{margin:2px 2px 2px 0;font-size:18px;width:15px;text-align:right} ul.jPag-pages li span.jPag-previous-img{background:transparent url(../images/previous.png) no-repeat center right} ul.jPag-pages li span.jPag-next-img{background:transparent url(../images/next.png) no-repeat center left} span.jPag-sprevious-img{background:transparent url(../images/sprevious.png) no-repeat center right} span.jPag-snext-img{background:transparent url(../images/snext.png) no-repeat center left} .ui-state-hover a{color:#4d4d4d !important} .ui-autocomplete.ui-menu .ui-menu-item a{text-align:left} .subtitle{ color:#0069B0;font-family:'Lato',sans-serif;font-size:15px;line-height:17px;margin-right:15px } .nopart{ background-color:#D0E1FD !important; } tr{ white-space:nowrap; } .freePart{background-color:#FFFF8E !important;} .newPart{background-color:#D0E1FD !important;} .js-add-part-btn{text-align:left;font-weight:bold;background:#E7E7E7;padding:10px 10px;font-size:13px} .js-add-part-btn a{color:#004A9A} .total-container{clear:both;float:none;background:#ECECEC;padding:6px 4px;width:25%;line-height:1.5em;margin-top:10px} .total-container strong{color:#0069B0} .cp-prices-filter{width:30%;overflow:hidden;margin-bottom:10px} #countrypartsprice{clear:both} #countrypartsprice_filter{margin-bottom:10px} #openImport{border:1px solid #ccc;background:#f2f2f2;padding:10px;margin-top:15px;width:40%} #openImport p{margin-bottom:5px} .branch-color.ui-state-default{background:#ef6769;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmNjc2OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZjNlNDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,rgba(239,103,105,1) 0,rgba(239,62,66,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(239,103,105,1)),color-stop(100%,rgba(239,62,66,1)));background:-webkit-linear-gradient(top,rgba(239,103,105,1) 0,rgba(239,62,66,1) 100%);background:-o-linear-gradient(top,rgba(239,103,105,1) 0,rgba(239,62,66,1) 100%);background:-ms-linear-gradient(top,rgba(239,103,105,1) 0,rgba(239,62,66,1) 100%);background:linear-gradient(to bottom,rgba(239,103,105,1) 0,rgba(239,62,66,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef6769',endColorstr='#ef3e42',GradientType=0);} .sbe-color.ui-state-default{background:#9a9a9a;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlhOWE5YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NzY3NjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,rgba(154,154,154,1) 0,rgba(103,103,103,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(154,154,154,1)),color-stop(100%,rgba(103,103,103,1)));background:-webkit-linear-gradient(top,rgba(154,154,154,1) 0,rgba(103,103,103,1) 100%);background:-o-linear-gradient(top,rgba(154,154,154,1) 0,rgba(103,103,103,1) 100%);background:-ms-linear-gradient(top,rgba(154,154,154,1) 0,rgba(103,103,103,1) 100%);background:linear-gradient(to bottom,rgba(154,154,154,1) 0,rgba(103,103,103,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9a9a9a',endColorstr='#676767',GradientType=0);} .branch-color.ui-state-hover,.sbe-color.ui-state-hover{background:white} .model-container{margin-top:5px;padding-top:10px;border-top:2px solid #DEE8E9;margin-bottom:0} /*.model-container button,#ResultTotal0 #quantities .jser-button{background:#EF3E42}*/ .model-container > div{background:#F2F2F2;padding:8px 0 30px} .periods_sbe{float:right;width:250px;border:1px solid #004A9A;padding:15px;margin-top:-50px} .periods_sbe .period_title{display:block;color:#EF3E42;font-size:18px;margin-bottom:10px;font-weight:bold;} .periods_sbe .period_item{display:inline-block;width:32%;margin:3px 0} .gray-button{background:#676767} .gray-button:hover{background:#858585} .hightlight{background:#EF3E42} .hightlight-border{border:1px solid #EF3E42;padding:2px} .m-description{margin-top:4px;width:100%;font-style:italic;font-weight:normal} .import-orders .col-main .content-width ul{margin:0 0 15px 20px;list-style:disc outside;font-size:13px;line-height:20px} .total-footer{border:1px solid #DFE7EA!important;color:#ffffff!important;text-align:right;background:#0069B0!important}