/**
 * 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_default
 * @copyright   Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

/* Reset ================================================================================= */
* { margin:0; padding:0; }

body          { background:#496778 50% 0 repeat-y; font:12px/1.55 Arial, Helvetica, sans-serif; color:#2f2f2f; text-align:center; }

img           { border:0; vertical-align:top; }

a             { color:#1e7ec8; text-decoration:underline; }
a:hover       { text-decoration:none; }
:focus        { outline:0; }

/* Headings */
h1,h2,h3,
h4,h5,h6      { margin:0 0 5px; line-height:1.35; color:#0a263c; }
h1            { font-size:20px; font-weight:normal; }
h2            { font-size:18px; font-weight:normal; }
h3            { font-size:16px; font-weight:bold; }
h4            { font-size:14px; font-weight:bold; }
h5            { font-size:12px; font-weight:bold; }
h6            { font-size:11px; font-weight:bold; }

/* 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 */
p             { margin:0 0 10px; }
strong        { font-weight:bold; }
address       { font-style:normal; line-height:1.35; }
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 { min-width:954px; }
.page {}
.page-print { background:#fff; padding:25px 30px; text-align:left; }
.page-empty { background:#fff; padding:20px; text-align:left; }
.page-popup { background:#fff; padding:25px 30px; text-align:left; }
.main-container { background:#fbfaf6 50% 0 no-repeat; }
.main { width:900px; margin:0 auto; min-height:400px; padding:25px 25px 80px; background:#fffffe 0 0 no-repeat; text-align:left; }

/* Base Columns */
.col-left { float:left; width:195px; padding:0 0 1px; }
.col-main { float:left; width:685px; padding:0 0 1px; }
.col-right { float:right; width:195px; padding:0 0 1px; }

/* 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:475px; margin-left:17px; }
.col3-layout .col-wrapper { float:left; width:687px; }
.col3-layout .col-wrapper .col-main { float:right; }

/* Content Columns */
.col2-set .col-1 { float:left; width:48.5%; }
.col2-set .col-2 { float:right; width:48.5%; }
.col2-set .col-narrow { width:32%; }
.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%; }
/* ======================================================================================= */


/* Global Styles ========================================================================= */
/* Form Elements */
input,select,textarea,button { font:12px/15px Arial, Helvetica, sans-serif; vertical-align:middle; color:#2f2f2f; }
input.input-text,select,textarea { background:#fff; border:1px solid #b6b6b6; }
input.input-text,textarea { padding:2px; }
select { padding:1px; }
select option { padding-right:10px; }
select.multiselect option { border-bottom:1px solid #b6b6b6; padding:2px 5px; }
select.multiselect option:last-child { border-bottom:0; }
textarea { overflow:auto; }
input.radio { margin-right:3px; }
input.checkbox { margin-right:3px; }
input.qty { width:2.5em !important; }
button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */
button.button { overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; }
button.button span { display:block; height:19px; border:1px solid #de5400; background:#f18200; padding:0 8px; font:bold 12px/19px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#fff; }
button.button span span { border:0; padding:0; }
button.disabled span { border-color:#bbb !important; background:#bbb !important; }

button.btn-checkout span { height:40px; border:0; background: 0 0 no-repeat; padding:0 0 0 9px; font:bold 15px/40px Arial, Helvetica, sans-serif; color:#fff; }
button.btn-checkout span span { background-position:100% 0; padding:0 25px 0 16px; }
button.btn-checkout.no-checkout span { background-position:0 100%; color:#b8baba; }
button.btn-checkout.no-checkout span span { background-position:100% 100%; }

p.control input.checkbox,
p.control input.radio { margin-right:6px; }
/* Form Highlight */
input.input-text:focus,select:focus,textarea:focus { background-color:#edf7fd; }
/*.highlight { background:#efefef; }*/

/* Form lists */
/* Grouped fields */
/*.form-list { width:535px; margin:0 auto; overflow:hidden; }*/
.form-list li { margin:0 0 8px; }
.form-list label { float:left; color:#666; font-weight:bold; position:relative; z-index:0; }
.form-list label.required {}
.form-list label.required em { float:right; font-style:normal; color:#eb340a; 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; }

.form-list-narrow li  { margin-bottom:0; }
.form-list-narrow li .input-box { margin-bottom:6px; }
.form-list-narrow li.wide .input-box { width:260px; }
.form-list-narrow li.wide input.input-text,
.form-list-narrow li.wide textarea { width:254px }
.form-list-narrow li.wide select { width:260px; }

/* 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 .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,
.form-list .customer-name-middlename .name-middlename { width:210px; }

.form-list .customer-name-suffix .name-lastname,
.form-list .customer-name-middlename .name-firstname,
.form-list .customer-name-middlename .name-middlename,
.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 .name-middlename 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; }

/* Independent fields */
/*.form-list li { margin:0 0 8px; }
.form-list li.fields { margin:0; }
.form-list .field { display:block; margin:0 0 8px; }
.form-list li.control {}
.form-list label { float:left; width:150px; padding:2px 10px 0 0; text-align:right; }
.form-list label.required { font-weight:bold; }
.form-list label.required em { font-variant:normal; color:#eb340a; margin-right:3px; }
.form-list .input-box { float:left; width:260px; }
.form-list input.input-text,
.form-list textarea { width:254px; }
.form-list select { width:260px; }
.form-list li.additional-row { border-top:1px solid #ddd; margin-top:10px; }
.form-list li.additional-row .btn-remove { float:right; margin:5px 5px 0 0; }
.form-list .input-range input.input-text { width:96px; }*/
/* Customer */
/*.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:11px; font-weight:normal; color:#777; text-align:left; }
.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:4em 0 0; padding:8px 0 0; border-top:1px solid #e4e4e4; text-align:right; }
.buttons-set p.required { margin:0 0 10px; }
.buttons-set .back-link { float:left; margin:0; }
.buttons-set button.button { float:right; margin-left:5px; }

.buttons-set-order { margin:10px 0 0; }
.buttons-set-order .please-wait { padding:12px 7px 0 0; }

.fieldset { border:1px solid #bbafa0; background:#fbfaf6; padding:22px 25px 12px 33px; margin:28px 0; }
.fieldset .legend { float:left; font-weight:bold; font-size:13px; border:1px solid #f19900; background:#f9f3e3; color:#e76200; 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:11px; font-weight:bold; line-height:13px; background: 2px 0 no-repeat; color:#eb340a; }
.validation-failed { border:1px dashed #eb340a !important; background:#faebe7 !important; }
.validation-passed {}
p.required { font-size:11px; text-align:right; color:#EB340A; }
/* 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:#df280a; font-weight:bold; }
.notice { color:#e26703; }

.messages,
.messages ul { list-style:none !important; margin:0 !important; padding:0 !important; }
.messages { width:100%; overflow:hidden; }
.messages li { margin:0 0 10px !important; }
.messages li li { margin:0 0 3px !important; }
.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; color:#df280a; }
.success-msg { border-color:#446423; background-color:#eff5ea; color:#3d6611; }
.note-msg,
.notice-msg { border-color:#fcd344; background-color:#fafaec; color:#3d6611; }

/* BreadCrumbs */
.breadcrumbs { font-size:11px; line-height:1.25; margin:0 0 13px; }
.breadcrumbs li { display:inline; }
.breadcrumbs li strong { font-weight:bold; }

/* Page Heading */
.page-title { width:100%; overflow:hidden; border-bottom:1px solid #ccc; margin:0 0 25px; }
.page-title h1,
.page-title h2 { margin:0; font-size:20px; color:#0a263c; }
.page-title .separator { margin:0 3px; }
.page-title .link-rss { float:right; margin:7px 0 0; }
.title-buttons { text-align:right; }
.title-buttons h1,
.title-buttons h2,
.title-buttons h3,
.title-buttons h4,
.title-buttons h5,
.title-buttons h6 { float:left; }

.subtitle,
.sub-title { clear:both; padding:15px 0 0; font-size:15px; font-weight:bold; margin:0 0 6px; color:#e25203; }

/* Pager */
.pager { font-size:11px; background:#fff 0 100% repeat-x; padding:4px 8px; border-top:1px solid #e2e2e2; text-align:center; }
.pager .amount { float:left; margin:0; }
.pager .limiter { float:right; }
.pager .limiter label { vertical-align:middle; }
.pager .limiter select { padding:0; margin:0 0 1px; vertical-align:middle; }
.pager .pages { margin:0 140px; }
.pager .pages ol { display:inline; }
.pager .pages li { display:inline; margin:0 2px; }
.pager .pages .current {}

/* Sorter */
.sorter { font-size:11px; background:#fff 0 100% repeat-x; padding:3px 8px; border-top:1px solid #e2e2e2; }
.sorter .view-mode { float:left; margin:0; }
.sorter .sort-by { float:right; padding-right:36px; }
.sorter .sort-by label { vertical-align:middle; }
.sorter .sort-by select { padding:0; margin:0 0 1px; vertical-align:middle; }
.sorter .link-feed {}

/* Toolbar */
.toolbar {}
.toolbar .pager { padding:3px 8px; border-bottom:1px solid #fff; }
.toolbar .sorter { border-bottom:1px solid #fff; }
.toolbar-bottom {}

/* Data Table */
.data-table { width:100%; border:1px solid #bebcb7; }
.data-table .odd  { background:#f8f7f5 }
.data-table .even { background:#eeeded; }
/*.data-table tr.odd:hover,
.data-table tr.even:hover { background:#ebf1f6; }*/
.data-table td.last,
.data-table th.last { border-right:0; }
.data-table tr.last th,
.data-table tr.last td { border-bottom:0 !important; }
.data-table th { padding:3px 8px; font-weight:bold; }
.data-table td { padding:3px 8px; }

.data-table thead th { font-weight:bold; border-right:1px solid #c2d3e0; padding:2px 8px; color:#0a263c; white-space:nowrap; vertical-align:middle; }
.data-table thead th.wrap { white-space:normal; }
.data-table thead th a,
.data-table thead th a:hover { color:#fff; }
.data-table thead th { background: repeat-x 0 100% #d9e5ee; }
.data-table thead th .tax-flag { font-size:11px; white-space:nowrap; }

.data-table tfoot { border-bottom:1px solid #d9dde3; }
.data-table tfoot tr.first td { background: 0 0 repeat-x; }
.data-table tfoot tr { background-color:#dee5e8 !important; }
.data-table tfoot td { padding-top:1px; padding-bottom:1px; border-bottom:0; border-right:1px solid #d9dde3; }
.data-table tfoot strong { font-size:16px; }

.data-table tbody th,
.data-table tbody td { border-bottom:1px solid #d9dde3; border-right:1px solid #d9dde3; }
/* Bundle products tables */
.data-table tbody.odd tr { background:#f8f7f5 !important; }
.data-table tbody.even tr { background:#f6f6f6 !important; }
.data-table tbody.odd tr td,
.data-table tbody.even tr td { border-bottom:0; }
.data-table tbody.odd tr.border td,
.data-table tbody.even tr.border td { border-bottom:1px solid #d9dde3; }

.data-table tbody td .option-label { font-weight:bold; font-style:italic; }
.data-table tbody td .option-value { padding-left:10px; }

/* Generic Info Box */
.info-box { background:#fff 0 0 repeat-x; border:1px solid #d0cbc1; padding:12px 15px; margin:0 0 15px; }
.info-box h2 { font-weight:bold; font-size:13px; }

.info-table th { font-weight:bold; padding:2px 15px 2px 0; }
.info-table td { padding:2px 0; }

/* Shopping cart total summary row expandable to details */
tr.summary-total { cursor:pointer; }
tr.summary-total td {}
tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; background: 0 5px no-repeat; cursor:pointer; }
tr.show-details .summary-collapse { background-position:0 -52px; }
tr.show-details td {}
tr.summary-details td { font-size:11px; background-color:#dae1e4; color:#626465; }
tr.summary-details-first td { border-top:1px solid #d2d8db; }
tr.summary-details-excluded { font-style:italic; }

/* 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: 100% 5px 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% -52px; }

/* 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 { list-style:disc outside; padding-left:18px; margin:0 0 10px; }
.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 { color:#dc6809 !important; font-weight:bold; }
.link-wishlist { color:#dc6809 !important; font-weight:bold; }
.link-reorder { font-weight:bold; color:#dc6809 !important; }
.link-compare { font-weight:bold; }
.link-print { /*background: 0 2px no-repeat; padding:2px 0 2px 25px;*/ font-weight:bold; color:#dc6809; }
.link-rss { background: 0 2px no-repeat; padding-left:18px; line-height:14px; white-space:nowrap; }
.btn-remove  { display:block; width:11px; height:11px; font-size:0; line-height:0; background: 0 0 no-repeat; text-indent:-999em; overflow:hidden; }
.btn-previous  { display:block; width:11px; height:11px; font-size:0; line-height:0; background: 0 0 no-repeat; text-indent:-999em; overflow:hidden; }
.btn-remove2 { display:block; width:16px; height:16px; font-size:0; line-height:0; background: 0 0 no-repeat; text-indent:-999em; overflow:hidden; }
.btn-edit    { display:block; width:11px; height:11px; font-size:0; line-height:0; background: 0 0 no-repeat; text-indent:-999em; overflow:hidden; }

.cards-list dt { margin:5px 0 0; }
.cards-list .offset { padding:2px 0 2px 20px; }

.separator { margin:0 3px; }

.divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; background: 0 50% repeat-x; text-indent:-999em; overflow:hidden; }

/* Global site notices */
.global-site-notice { border:1px solid #cfcfcf; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; }
.global-site-notice .notice-inner { width:860px; margin:0 auto; padding:12px 0 12px 80px; background: 20px 25px no-repeat; text-align:left; }
.global-site-notice .notice-inner p { margin:0; border:1px dotted #cccc73; padding:10px; }
.global-site-notice .notice-inner .actions { padding-top:10px; }

/* Cookie Notice */
.notice-cookie { position:fixed; z-index:9999; width:100%; bottom:0; left:0; margin:0 !important; opacity:0.95; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; /* IE8 */ }

/* Noscript Notice */
.noscript {}

/* Demo Notice */
.demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; border:0; text-align:center; color:#fff; }
.demo-notice .notice-inner { width:auto; padding:0; background:none; text-align:center; }
.demo-notice .notice-inner p { padding:0; border:0; }

/* ======================================================================================= */


/* Header ================================================================================ */
.logo { float:left; }
.header-container { border-top:5px solid #0d2131; border-bottom:1px solid #415966; background: 50% 0 repeat; }
.header { width:930px; margin:0 auto; padding:10px; text-align:right; position:relative; z-index:10; }
.header .logo { float:left; margin:3px 0 10px 12px; 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; }
.header .quick-access { float:right; width:600px; padding:28px 10px 0 0; }
.header .welcome-msg { margin:0; color:#fff; text-align:right; }
.header .welcome-msg a { color:#ebbc58; }
.header .form-search { position:absolute; top:0; right:29px; width:315px; height:30px; background: 0 0 no-repeat; padding:1px 0 0 16px; }
.header .form-search label { float:left; width:24px; height:21px; text-align:left; text-indent:-999em; overflow:hidden; }
.header .form-search input.input-text { float:left; border-color:#5c7989; width:209px; margin-right:4px; }
.header .form-search button.button { float:left; }
.header .form-search button.button span { border:0; height:21px; background: 0 0 no-repeat; padding:0 0 0 3px; font:bold 11px/21px Tahoma, Verdana, Arial, sans-serif; }
.header .form-search button.button span span { background-position:100% 0; padding:0 6px 0 3px; }
.header .form-search .search-autocomplete { z-index:999; left:40px !important; top:22px !important; }
.header .form-search .search-autocomplete ul { border:1px solid #5c7989; background-color:#f9f5f0; }
.header .form-search .search-autocomplete li { text-align:left; border-bottom:1px solid #f4eee7; padding:2px 8px 1px 8px; cursor:pointer; }
.header .form-search .search-autocomplete li .amount { float:right; font-weight:bold; }
.header .form-search .search-autocomplete li.odd { background-color:#fffefb; }
.header .form-search .search-autocomplete li.selected { background-color:#f7e8dd; }
.header .form-language { clear:both; padding:5px 0 0; text-align:right; }
.header .form-language label { font-weight:bold; padding-right:5px; color:#a7c6dd; vertical-align:middle; }
.header .form-language select { padding:0; }
.header .form-language select.flags option { background-position:4px 50%; background-repeat:no-repeat; padding-left:25px; }
.header .links { float:right; margin:0 0 6px; }
.header .links li { float:left; font-size:11px; background: 100% 60% no-repeat; padding:0 8px 0 7px; }
.header .links a { color:#ebbc58; }
.header-container .top-container { clear:both; padding:5px 10px 0 12px; text-align:right; }
.header-container .top-container a { font-size:11px; color:#ebbc58; }
.top-container .paypal-logo {text-align: left; display: inline-table;}

/********** < Navigation */
.nav-container { background:#0a263d 50% 0 repeat-y; }
#nav { width:918px; margin:0 auto; padding:0 16px; font-size:13px; }

/* All Levels */ /* Style consistent throughout all nav levels */
#nav li { position:relative; text-align:left; }
#nav li.over { z-index:998; }
#nav a,
#nav a:hover { display:block; line-height:1.3em; text-decoration:none; }
#nav span { display:block; cursor:pointer; white-space:nowrap; }
#nav li ul span {white-space:normal; }
#nav ul li.parent a { background: 100% 100% no-repeat; }
#nav ul li.parent li a { background-image:none; }

/* 0 Level */
#nav li { float:left; }
#nav li.active a { color:#d96708; }
#nav a { float:left; padding:5px 12px 6px 8px; color:#a7c6dd; font-weight:bold; }
#nav li.over a,
#nav a:hover { color:#d96708; }

/* 1st Level */
#nav ul li,
#nav ul li.active { float:none; margin:0; padding-bottom:1px; background:#ecf3f6 0 100% repeat-x; }
#nav ul li.last { background:#ecf3f6; padding-bottom:0; }

#nav ul a,
#nav ul a:hover { float:none; padding:0; background:none; }
#nav ul li a { font-weight:normal !important; }

/* 2nd Level */
#nav ul,
#nav div { position:absolute; width:15em; top:27px; left:-10000px; border:1px solid #899ba5; }
#nav div ul { position:static; width:auto; border:none; }

/* 3rd+ Level */
#nav ul ul,
#nav ul div { top:5px; }

#nav ul li a { background:#ecf3f6; }
#nav ul li a:hover { background:#d5e4eb; }
#nav ul li a,
#nav ul li a:hover { color:#2f2f2f !important; }
#nav ul span,
#nav ul li.last li span { padding:3px 15px 4px 15px; }

/* Show menu */
#nav li ul.shown-sub,
#nav li div.shown-sub { left:0; z-index:999; }
#nav li .shown-sub ul.shown-sub,
#nav li .shown-sub li div.shown-sub { left:100px; }
/********** Navigation > */
/* ======================================================================================= */


/* Sidebar =============================================================================== */
.block { border:1px solid #c4c1bc; margin:0 0 15px; }
.block .block-title { background: 0 0 repeat-x; border-bottom:1px solid #ddd; padding:2px 9px; }
.block .block-title strong { display:block; font:bold 12px/16px Arial, Helvetica, sans-serif; min-height:16px; padding:1px 0 1px; text-transform:uppercase; color:#e26703; }
.block .block-title strong span {}
.block .block-title a { text-decoration:none !important; }
.block .block-subtitle { margin:0; padding:5px 9px; font-size:1em; font-weight:bold; color:#0a263c; }
.block .block-content { background:#f8f7f5; }
.block .block-content li.item { padding:7px 9px; }
.block .block-content .product-name { color:#1e7ec8; }
.block .btn-remove,
.block .btn-edit { float:right; margin:1px 0 2px 5px; }
.block .actions { background:#dee5e8 0 0 repeat-x; padding:6px 9px; text-align:right; }
.block .actions a { float:left; }
.block .actions button.button { float:right; }
.block .empty { margin:0; padding:5px 9px; }

.block li.odd { background-color:#f4f3f3; }
.block li.even { background-color:#fafafa; }

/* Mini Blocks */
.block-cart,
.block-wishlist,
.block-subscribe,
.block-compare,
.block-reorder,
.block-poll,
.block-gr-search,
.block-viewed,
.block-compared,
.block-related,
.block-tags,
.block-login { font-size:11px; line-height:1.25; }
.block-cart .block-title strong,
.block-wishlist .block-title strong,
.block-subscribe .block-title strong,
.block-compare .block-title strong,
.block-reorder .block-title strong,
.block-poll .block-title strong,
.block-viewed .block-title strong,
.block-compared .block-title strong,
.block-related .block-title strong,
.block-tags .block-title strong,
.block-login .block-title strong {  background-position:0 0; background-repeat:no-repeat; padding-left:21px; }

/* Mini Products List */
.mini-products-list .product-image { float:left; width:50px; border:1px solid #a9a9a9; }
.mini-products-list .product-details { margin-left:60px; }
.block-cart .mini-products-list .product-details .product-name,
.block-cart .mini-products-list .product-details .nobr small { word-wrap:break-word; }
.block-cart .mini-products-list .product-details .nobr { white-space:normal !important; }

/* Block: Account */
.block-account { border-color:#bbb; }
.block-account .block-title { background:#fc9d36 0 100% repeat-x; border:0; padding:3px 10px; }
.block-account .block-title strong { font-size:13px; color:#fff; }
.block-account .block-content { background:#fbfaf6; padding:7px 10px 7px; }
.block-account .block-content li a { display:block; border-bottom:1px solid #ddd; padding:3px 0; color:#5f5d5c; text-decoration:none !important; }
.block-account .block-content li a:hover { color:#ea7900; }
.block-account .block-content li.last a { border-bottom:0; }
.block-account .block-content li.current { border-bottom:1px solid #ddd; padding:3px 0; color:#ea7900; }
.block-account .block-content li.current.last { border-bottom:0; }

/* Block: Currency Switcher */
.block-currency { border:0; background: 0 0 no-repeat; padding:7px 12px 10px; height:51px; }
.block-currency .block-title { background:none; border:0; padding:0; margin:0 0 5px; }
.block-currency .block-title strong { font:bold 13px/21px Arial, Helvetica, sans-serif; background: 0 50% no-repeat; padding:0 0 0 21px; text-transform:none; color:#fff; }
.block-currency .block-content { background:none; padding:0; }
.block-currency .block-content select { width:100%; padding:0; }

/* Block: Layered Navigation */
.block-layered-nav { border:0; }
.block-layered-nav .block-title { border:0; padding:0; height:24px; background: 0 0 no-repeat; text-indent:-999em; overflow:hidden; }
.block-layered-nav .block-subtitle { line-height:1.35; background:#d5e8ff 0 50% repeat; padding:3px 9px; border:1px solid #b9ccdd; border-width:1px 0; text-transform:uppercase; color:#1f5070; }
.block-layered-nav .block-content { border:1px solid #a0b3c3; background:#e7f1f4; }
.block-layered-nav dt { background: 9px 11px no-repeat; padding:7px 10px 0 25px; font-weight:bold; text-transform:uppercase; }
.block-layered-nav dd { padding:0 12px 12px; background: 0 100% repeat-x; }
.block-layered-nav dd.last { background:none; }
.block-layered-nav .currently li { background:#fff 0 100% repeat-x; padding:6px 24px 6px 10px; position:relative; z-index:1; line-height:1.5; }
.block-layered-nav .currently .label { font-weight:bold; padding-left:15px; background: 0 4px no-repeat; text-transform:uppercase; display:inline-block; vertical-align:top; }
.block-layered-nav .currently .value { display:inline-block; vertical-align:top; }
.block-layered-nav .currently .btn-previous,
.block-layered-nav .currently .btn-remove { position:absolute; right:4px; top:9px; margin:0; }
.block-layered-nav .currently .btn-previous { right:17px; }
.block-layered-nav .actions { font-size:11px; padding:4px 5px 4px 9px; background:#cad6e4; border:1px solid #dee5e8; border-width:1px 0; text-align:right; }
.block-layered-nav .actions a { float:none; }

/* Block: Cart */
.block-cart .block-title { /*border-bottom:0;*/ }
.block-cart .summary { background:#fff; padding:2px 8px 8px; margin:-1px 0 0; position:relative; z-index:1; }
.block-cart .amount { margin:0; }
.block-cart .amount a { font-weight:bold; }
.block-cart .subtotal { margin:5px 0 0; padding:2px 0; background:#fbebd9; text-align:center; }
.block-cart .subtotal .price { font-weight:bold; }
.block-cart .actions { border-bottom:1px solid #c2c2c2; }
.block-cart .actions .paypal-logo { float:left; width:100%; margin:3px 0 0; text-align:right; }
.block-cart .actions .paypal-logo .paypal-or { clear:both; display:block; padding:0 55px 8px 0; }

/* Block: Wishlist */
.block-wishlist .actions { text-align:right; }
.block-wishlist .actions a { float:none; }

/* Block: Related */
.block-related .block-title strong { background-position:0 1px; }
.block-related input.checkbox { float:left; }
.block-related .product { margin-left:20px; }

/* Block: Compare Products */
.block-compare .block-title strong { background-position:0 1px; }
.block-compare button.button span { border-color:#406a83; background:#618499; }
.page-popup .link-print { background: 0 2px no-repeat; padding:2px 0 2px 25px; font-weight:bold; color:#1e7ec8; }
.compare-table { border:0; }
.compare-table thead tr.first th,
.compare-table thead tr.first td { border:0; background:none; padding:0; font-size:0; line-height:0; }
.compare-table .btn-remove { float:right; width:72px; height:15px; }
.compare-table tbody th { background:#d9e5ee 100% 0 repeat-y; }
.compare-table tbody th,
.compare-table tbody td { padding:10px; border:0; border-top:1px solid #ccc; border-left:1px solid #ccc; }
.compare-table tbody td.last { border-right:1px solid #ccc; }
.compare-table tbody tr.last th,
.compare-table tbody tr.last td { border-bottom:1px solid #ccc !important; }
.compare-table tr.add-to-row td { background:#fffada; text-align:center; }
.compare-table tr.first td { text-align:center; }
.compare-table tr.first td .product-name { font-size:13px; font-weight:bold; margin:0 0 5px; color:#203548; }
.compare-table tr.first td .product-name a { color:#203548; }
.compare-table tr.first td .ratings { width:69px; margin:0 auto; }
.compare-table tr.first td p,
.compare-table tr.add-to-row td p { margin:0; }

/* Block: Recently Compared */
.block-compared .block-title strong { background-position:0 1px; }

/* Block: Poll */
.block-poll .block-subtitle { font-size:12px; }
.block-poll label { color:#777; font-weight:bold; }
.block-poll input.radio { float:left; margin:1px -18px 0 0; }
.block-poll .label { display:block; margin-left:18px; }
.block-poll li { padding:3px 9px; }
.block-poll .actions { margin:5px 0 0; }
.block-poll button.button span { border-color:#406a83; background:#618499; }
.block-poll .answer { font-weight:bold; }
.block-poll .votes { float:right; margin-left:10px; }

/* Block: Orders and Returns */
.block-gr-search li { padding:3px 9px; }
.block-gr-search button.button span { border-color:#406a83; background:#618499; }

/* Block: Tags */
.block-tags .block-content .tags-list { background:none; border:0; font-size:12px; }
.block-tags .block-content a { color:#1b2d3b; }
.block-tags .actions { text-align:right; }
.block-tags .actions a { float:none; }

/* Block: Subscribe */
.block-subscribe .block-content { padding:5px 10px; }
.block-subscribe label { font-weight:bold; color:#666; }
.block-subscribe input.input-text { display:block; width:167px; margin:3px 0; }
.block-subscribe .actions { background:none; padding:0; margin:3px 0 0; text-align:left; }
.block-subscribe .actions button.button { float:none; }
.block-subscribe .actions button.button span { border-color:#406a83; background:#618499; }

/* Block: Reorder */
.block-reorder input.checkbox { float:left; margin:2px -20px 0 0; }
.block-reorder .product-name { margin-left:20px; }
.block-reorder .validation-advice { margin:3px 9px 7px; }

/* Block: Banner */
.block-banner { border:0; }
.block-banner .block-content { padding:0; text-align:center; }

/* Block: Login */
.block-login .block-content { padding:5px 10px; }
.block-login label { font-weight:bold; color:#666; }
.block-login input.input-text { display:block; width:167px; margin:3px 0; }
.block-login .actions { background:none; padding:0; margin:3px 0 0; }
.block-login .actions button.button span { border-color:#406a83; background:#618499; }

/* Paypal */
.sidebar .paypal-logo { display:block; margin:10px 0; text-align:center; }
.sidebar .paypal-logo a { float:none; }
/* ======================================================================================= */


/* Category Page ========================================================================= */
.category-title { border:0; margin:0 0 7px; }
.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 { border-bottom:1px solid #d9ddd3; background: 0 0 repeat; position:relative; }
.products-grid.last { border-bottom:0; }
.products-grid li.item { float:left; width:138px; padding:12px 10px 80px; }
.products-grid .product-image { display:block; width:135px; height:135px; margin:0 0 10px; }
.products-grid .product-name { /*min-height:2.7em;*/ margin:0 0 5px; font-weight:bold; font-size:13px; color:#203548; }
.products-grid .product-name a { color:#203548; }
.products-grid .price-box { margin:5px 0; }
.products-grid .availability { line-height:21px; }
.products-grid .actions { position:absolute; bottom:12px; }
.col2-left-layout .products-grid,
.col2-right-layout .products-grid { width:632px; margin:0 auto; }
.col1-layout .products-grid { width:790px; margin:0 auto; }

/* View Type: List */
.products-list li.item { border-bottom:1px solid #d9ddd3; padding:12px 10px; }
.products-list li.item.last { border-bottom:0; }
.products-list .product-image { float:left; width:135px; height:135px; margin:0 0 10px; }
.products-list .product-shop { margin-left:150px; }
.products-list .product-name { margin:0 0 5px; font-weight:bold; font-size:13px; color:#203548; }
.products-list .product-name a { color:#203548; }
.products-list .price-box { float:left; margin:3px 13px 5px 0; }
.products-list .availability { float:left; margin:3px 0 0; }
.products-list .desc { clear:both; padding:6px 0 0; margin:0 0 15px; line-height:1.35; }
.products-list .desc .link-learn { font-size:11px; }
.products-list .add-to-links { clear:both; }
.products-list .add-to-links li { display:inline; }
.products-list .add-to-links .separator { display:inline; margin:0 2px; }
/* ======================================================================================= */


/* Product View ========================================================================== */
/* Rating */
.no-rating { margin:0; }

.ratings { font-size:11px; line-height:1.25; margin:7px 0; }
.ratings strong { float:left; margin:1px 3px 0 0; }
.ratings .rating-links { margin:0; }
.ratings .rating-links .separator { margin:0 2px; }
.ratings dt {}
.ratings dd {}
.rating-box { width:69px; height:13px; font-size:0; line-height:0; background: 0 0 repeat-x; text-indent:-999em; overflow:hidden; }
.rating-box .rating { float:left; height:13px; background: 0 100% repeat-x; }
.ratings .rating-box { float:left; margin-right:3px; }
.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 { margin:0; }
.availability span { font-weight:bold; }
.availability.in-stock span {}
.availability.out-of-stock span { color:#d83820; }

.availability-only { margin:10px 0 7px; line-height:16px; background: 0 50% no-repeat; padding-left:15px; }
.availability-only span,
.availability-only a { border-bottom:1px dashed #751d02; color:#000; }
.availability-only a { background: 100% 0 no-repeat; cursor:pointer; padding-right:15px; text-decoration:none; }
.availability-only .expanded { background-position:100% -15px; }
.availability-only strong { color:#be2c00; }

.availability-only-details { margin:0 0 7px; }
.availability-only-details th { background:#d2d6d9; font-size:10px; padding:0 8px; }
.availability-only-details td { background:#ebf0f3; border-bottom:1px solid #fff; font-size:11px; padding:2px 8px 1px; }
.availability-only-details tr.odd td.last { color:#d95e00; font-weight:bold; }

.product-view .product-shop .availability { font-size:11px; }
.product-view .product-shop .availability span { font-weight:normal; }

/* Email to a Friend */
.email-friend { margin:0; }

/* Alerts */
.alert-price { margin:0; font-size:11px; }
.alert-stock { margin:0; font-size:11px; }

/********** < Product Prices */
.price { white-space:nowrap !important; }

.price-box { margin:5px 0; }
.price-box .price { font-weight:bold; color:#c76200; }

/* Regular price */
.regular-price { color:#c76200; }
.regular-price .price { font-weight:bold; font-size:13px; color:#c76200; }
.block .regular-price,
.block .regular-price .price { color:#2f2f2f; }

/* Old price */
.old-price { margin:0; }
.old-price .price-label { white-space:nowrap; color:#999; }
.old-price .price { font-weight:bold; color:#c76200; text-decoration:line-through; }

/* Special price */
.special-price { margin:0; padding:3px 0; }
.special-price .price-label { font-size:13px; font-weight:bold; white-space:nowrap; color:#cd5033; }
.special-price .price { font-size:13px; font-weight:bold; color:#c76200; }

/* Minimal price (as low as) */
.minimal-price { margin:0; }
.minimal-price .price-label { font-weight:bold; white-space:nowrap; }

.minimal-price-link { display:block; }
.minimal-price-link .label {color:#1e7ec8;}
.minimal-price-link .price { font-weight:normal; color:#1e7ec8; }

/* Excluding tax */
.price-excluding-tax { display:block; color:#999; }
.price-excluding-tax .label { white-space:nowrap; color:#999; }
.price-excluding-tax .price { font-size:13px; font-weight:normal; color:#c76200; }

/* Including tax */
.price-including-tax { display:block; color:#999; }
.price-including-tax .label { white-space:nowrap; color:#999; }
.price-including-tax .price { font-size:13px; font-weight:bold; color:#c76200; }

/* Configured price */
.configured-price { margin:0; }
.configured-price .price-label { font-weight:bold; white-space:nowrap; }
.configured-price .price { font-weight:bold; }

/* FPT */
.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 { margin:0; }
.price-from .price-label { font-weight:bold; white-space:nowrap; }

.price-to { margin:0; }
.price-to .price-label { font-weight:bold; white-space:nowrap; }

/* Price notice next to the options */
.price-notice { padding-left:10px; color:#999; }
.price-notice .price { font-weight:bold; color:#2f2f2f; }

/* Price as configured */
.price-as-configured { margin:0; }
.price-as-configured .price-label { font-weight:bold; white-space:nowrap; }

.price-box-bundle { padding:0 0 10px 0; }
.price-box-bundle .price-box { margin:0 !important; padding:0 !important; }
.price-box-bundle .price { color:#555; }
/********** Product Prices > */

/* Tier Prices */
.product-pricing,
.tier-prices { margin:10px 0; padding:10px; background-color:#f4f7f7; border:1px solid #dadddd; color:#424242; }
.tier-prices li { line-height:1.4; background: no-repeat 0 3px; padding:2px 0 2px 10px; }
.tier-prices .benefit { font-style:italic; font-weight:bold; color:#2f2f2f; }
.tier-prices .price { font-weight:bold; color:#2f2f2f; }

.tier-prices-grouped li { padding:2px 0; color:#e26703; }
.tier-prices-grouped li .price { font-weight:bold; }

/* Add to Links */
.add-to-links { font-size:11px; margin:5px 0 0; }
.add-to-links .separator { display:none; }

/* Add to Cart */
.add-to-cart label { float:left; margin-right:5px; font-weight:bold; color:#666; }
.add-to-cart .qty { float:left; margin-right:5px; }
.add-to-cart button.button { float:left; }
.add-to-cart .paypal-logo { clear:left; margin:0; text-align:left; }
.add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 60px; }
.product-view .add-to-cart .paypal-logo { margin:0; }
.bml-checkout-type { list-style: none; }
.bml-checkout-type .bml_button  { width: 150px; display: inline-table; }

/* Add to Links + Add to Cart */
.add-to-box { margin:10px 0; }
.add-to-box .add-to-cart { float:left; }
.add-to-box .or { float:left; font-weight:bold; margin:0 7px; color:#666; }
.add-to-box .add-to-links { float:left; margin:0; font-size:12px !important; line-height:1.25 !important; text-align:left !important; }
.add-to-box .add-to-links li { display:block !important; }
.add-to-box .add-to-links li .separator { display:none !important; }


.product-view { border:1px solid #c4c6c8; }

.product-essential { padding:25px; background:#fff 100% 0 no-repeat; }
.product-essential h2 { font:bold 13px/1.35 Arial, Helvetica, sans-serif; }

.product-collateral { background:#faf7ee 0 0 repeat-x; padding:25px; }
.product-collateral h2 { font-weight:bold; font-size:15px; color:#e26703; border-bottom:1px solid #e5dcc3; padding:0 0 1px; margin:0 0 15px; }
.product-collateral .box-collateral { margin:0 0 25px; }

/* Product Images */
.product-view .product-img-box { float:left; width:267px; }
.col3-layout .product-view .product-img-box { float:none; margin:0 auto; }
.product-view .product-img-box .product-image { margin:0 0 13px; }
.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 { font-size:11px; margin:0 0 5px; text-align:center; }
.product-view .product-img-box .zoom { position:relative; z-index:9; height:18px; margin:0 auto 13px; padding:0 28px; background: 50% 50% no-repeat; 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:-1px; width:9px; height:22px; background: 0 0 no-repeat;  }
.product-view .product-img-box .zoom .btn-zoom-out { position:absolute; left:2px; top:0; }
.product-view .product-img-box .zoom .btn-zoom-in { position:absolute; right:2px; top:0; }
.product-view .product-img-box .more-views h2 { font-size:11px; border-bottom:1px solid #ccc; margin:0 0 8px; text-transform:uppercase; }
.product-view .product-img-box .more-views ul { margin-left:-9px }
.product-view .product-img-box .more-views li { float:left; margin:0 0 8px 9px; }
.product-view .product-img-box .more-views li a { float:left; width:56px; height:56px; border:2px solid #ddd; overflow:hidden; }

.product-image-popup { margin:0 auto; }
.product-image-popup .buttons-set { float:right; clear:none; border:0; margin:0; padding:0; }
.product-image-popup .nav { font-weight:bold; margin:0 100px; text-align:center; }
.product-image-popup .image { display:block; margin:10px 0;  }
.product-image-popup .image-label { font-size:13px; font-weight:bold; margin:0 0 10px; color:#2f2f2f; }

/* Product Shop */
.product-view .product-shop { float:right; width:330px; }
.col1-layout .product-view .product-shop { float:right; width:545px; }
.col3-layout .product-view .product-shop { float:none; width:auto; }
.product-view .product-shop .product-name { margin:0 0 5px; }
.product-view .product-shop .product-name h1 { margin:0; font:bold 15px/1.35 Arial, Helvetica, sans-serif; }
.product-view .product-shop .availability { margin:10px 0; }
.product-view .product-shop .short-description { margin:10px 0; background: 0 0 repeat-x; padding:10px 0 0; }
.product-view .product-shop .price-box { margin:10px 0; }
.product-view .product-shop .add-to-links { margin:0; }
.product-view .product-shop .add-to-links { font-size:12px; text-align:right; }
.product-view .product-shop .add-to-links li,
.product-view .product-shop .add-to-links li .separator { display:inline; }
.product-view .product-shop .add-to-links a { color:#1E7EC8 !important; font-weight:normal !important; }

/* Product Options */
.product-options { margin:20px 0 0; padding:10px 15px 20px; position:relative; background-color:#f6f6f6; border:1px solid #e4e4e4; }
.product-options dt { padding:10px 0 0; font-weight:normal; }
.product-options dt label { font-weight:bold; color:#2f2f2f; }
.product-options dt label.required em { color:#eb340a; margin-left:5px; }
.product-options dd .qty-holder { display:block; padding:10px 0 0; }
.product-options dd .qty-holder label { vertical-align:middle; }
.product-options dt .qty-disabled { background:none; border:0; padding:3px; color:#2f2f2f; }
.product-options dd { padding:5px 10px 15px; margin:0 0 5px; border-bottom:1px solid #e4e4e4; }
.product-options dl.last dd.last { border-bottom:0; padding-bottom:5px; margin-bottom:0; }
.product-options dd input.input-text { width:98%; }
.product-options dd input.datetime-picker { width:150px; }
.product-options dd .time-picker { display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle; }
.product-options dd textarea { width:98%; height:8em; }
.product-options dd select { width:99%; }
.product-options dd .multiselect option { border-bottom:1px dotted #d9e5ee; padding:2px 4px; }
.product-options ul.options-list { margin-right:5px; }
.product-options ul.options-list li { line-height:1.5; padding:2px 0; }
.product-options ul.options-list input.radio { float:left; margin-top:3px; }
.product-options ul.options-list input.checkbox { float:left; margin-top:3px; }
.product-options ul.options-list .label { display:block; margin-left:18px; }
.product-options ul.options-list label { font-weight:normal; }
.product-options ul.validation-failed { padding:0 7px; }
.product-options p.note { margin:0; font-size:11px; }
.product-options p.required { position:absolute; right:20px; top:20px; }

.product-options-bottom { background-color:#fffada; padding:15px 20px; border:1px solid #e4e4e4; border-top:0; }
.product-options-bottom .product-pricing,
.product-options-bottom .tier-prices { margin:0; padding:0 0 10px; border:0; background:0; color:#e26703; }
.product-options-bottom .tier-prices li { background:0; padding:2px 0; }
.product-options-bottom .tier-prices .price,
.product-options-bottom .tier-prices .benefit { color:#e26703; }
.product-options-bottom .price-box { float:left; margin:0; padding:0; }
.product-options-bottom .add-to-links { clear:both; padding:5px 0 0; text-align:right; }
.col3-layout .product-options-bottom .price-box { float:none; padding:0 0 5px; }
.product-options-bottom .price-label { float:left; padding-right:5px; }
.product-options-bottom .price-tax { float:left; }
.product-options-bottom .add-to-cart { float:right; }
.product-shop .product-options-bottom { margin:0 0 10px; }
.product-shop .product-options-bottom .price-box { float:none; margin:0 0 5px; }
.product-shop .product-options-bottom .price-label { float:none; padding-right:0; }
.product-shop .product-options-bottom .price-tax { float:none; }
.product-shop .product-options-bottom .add-to-cart-box { clear:both; float:left; padding-top:12px; }
.product-shop .product-options-bottom .add-to-links { clear:both; padding:5px 0 0; text-align:right; }

/* Grouped Product */
.product-view .grouped-items-table .price-box { margin:0; padding:0; }

/* Block: Description */
.product-view .box-description {}

/* Block: Additional */
.product-view .box-additional .data-table th,
.product-view .box-additional .data-table td { line-height:1.25; }

/* Block: Upsell */
.product-view .box-up-sell h2 { border-bottom:0; padding:0; margin:0 0 8px; }
.product-view .box-up-sell .products-grid { width:100%; border:1px solid #e5dcc3; }
.product-view .box-up-sell .products-grid td { width:25%; background:#f6f2e7; border-right:1px solid #e5dcc3; border-bottom:1px solid #e5dcc3; padding:15px 10px 12px; line-height:1.6em; }
.product-view .box-up-sell .products-grid tr.last td { border-bottom:0; }
.product-view .box-up-sell .products-grid td.last { border-right:0; }
.product-view .box-up-sell .products-grid td img { border:1px solid #e5dcc3; }
.product-view .box-up-sell .products-grid .product-image { text-align:center; }
.product-view .box-up-sell .products-grid td.empty { border-right:0; background:#f1ecdb; }
.product-view .box-up-sell .products-grid .ratings .rating-box { float:none; display:block; margin:0 0 3px; }

/* Block: Tags */
.product-view .box-tags { margin:0; }
.product-view .box-tags h3 { font-size:13px; }
.product-view .box-tags .product-tags { display:block; margin:0 0 15px; }
.product-view .box-tags .product-tags li { display:inline; background: 100% 4px no-repeat; padding:0 7px 0 4px; }
.product-view .box-tags .product-tags li.first { padding-left:0; }
.product-view .box-tags .product-tags li.last { background:none; padding-right:0; }
.product-view .box-tags .form-add label { display:block; font-size:13px; font-weight:bold; margin:0 0 5px; color:#0a263c;}
.product-view .box-tags .form-add .input-box { float:left; width:305px; margin:0 5px 0 0; background: 0 2px no-repeat; padding:0 0 0 23px; }
.product-view .box-tags .form-add input.input-text { width:299px; }
.product-view .box-tags .form-add button.button span { border-color:#406a83; background:#618499; }
.product-view .box-tags .note { margin:3px 0 0; padding:0 0 0 23px; font-size:11px; }

/* Block: Reviews */
.product-view .box-reviews dl { margin:15px 0; }
.product-view .box-reviews dt a,
.product-view .box-reviews dt span { font-weight:bold; }
.product-view .box-reviews dd { margin:0 0 15px; }
.product-view .box-reviews dd small { font-style:italic; }
.product-view .box-reviews .form-add { margin:15px 0 0; }
.product-view .box-reviews .form-add h3 { font-size:13px; font-weight:normal; }
.product-view .box-reviews .form-add h3 span { font-weight:bold; }
.product-view .box-reviews .form-add h4 { font-size:12px; }
.product-view .box-reviews .form-add .data-table td { text-align:center; }
.product-view .box-reviews .form-add .form-list { margin:15px 0 0; }
.product-view .box-reviews .form-add .form-list .input-box { width:360px; }
.product-view .box-reviews .form-add .form-list input.input-text,
.product-view .box-reviews .form-add .form-list textarea { width:354px; }

/* Send a Friend */
.send-friend .form-list { width:615px; overflow:hidden; }
.send-friend .form-list li { margin-right:-15px; }
.send-friend .form-list li p { margin:0 15px 0 0; }
.send-friend .form-list .field { width:315px; }
.send-friend .form-list .input-box { width:300px; }
.send-friend .form-list input.input-text,
.send-friend .form-list textarea { width:294px; }
.send-friend .form-list li.wide .input-box { width:612px; }
.send-friend .form-list li.wide textarea { width:609px; }
.send-friend .buttons-set .limit { float:right; margin:0 7px 0 0; font-size:11px; line-height:21px; }
/* ======================================================================================= */


/* Content Styles ================================================================= */
.product-name { margin:0; font-size:1em; font-weight:normal; }
.product-name a { color:#1e7ec8; }

/* Product Tags */
.tags-list { display:block; font-size:13px; border:1px solid #c1c4bc; background:#f8f7f5; padding:10px; }
.tags-list li { display:inline !important; margin:0 4px 0 0; }
.tags-list li a { color:#1b2d3b; }

/* Advanced Search */
.advanced-search .form-list label { width:160px; padding-right:10px; }
.advanced-search .form-list .input-box,
.advanced-search .form-list .input-range { float:left; clear:none; }
.advanced-search-amount { margin:0 0 10px; }
.advanced-search-summary { margin:10px 0; border:1px solid #e9d7c9; background:#fff6f1; padding:10px; }
.advanced-search-summary ul { float:left; width:49%; }
.advanced-search-summary strong { color:#E17C24; padding-left:15px; background: 0 3px no-repeat; }
.advanced-search-summary p { clear:both; font-weight:bold; margin:0; }

/* CMS Home Page */
.cms-home .subtitle {}
.cms-index-index .subtitle {}

/* 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 { margin:12px; }
.page-sitemap .sitemap a { color:#1b2d3b; }
.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 { color:#1e7ec8; }

/* RSS */
.rss-title h1 { background: 0 4px no-repeat; padding-left:27px; }
.rss-table .link-rss { display:block; line-height:1.55; background-position:0 4px; }
/* ======================================================================================= */


/* Shopping Cart ========================================================================= */
.cart .page-title { border-bottom:0; margin:0 0 12px; }
.cart .page-title h1 { margin:10px 0 0; }

/* Checkout Types */
.cart .page-title .checkout-types li { margin:0 0 5px; }
.cart .title-buttons .checkout-types { float:right; }
.cart .title-buttons .checkout-types li { float:left; margin:0 0 5px 5px; }
.cart .checkout-types .paypal-or { margin:0 8px; line-height:2.3; vertical-align: top;}
.cart .checkout-types .bml_button {display:inline-table; width: 150px; margin: 0 0 5px;}
.cart .totals .checkout-types .paypal-or { clear:both; display:block; padding:8px 55px 0 0; line-height:1.0; font-size:11px; }

/* Shopping Cart Table */
.cart-table th { padding:2px 10px; }
.cart-table td { padding:10px; }
.cart-table .product-name { font-weight:bold; margin:0 0 5px; color:#2f2f2f; }
.cart-table .item-msg { margin:5px 0; font-size:11px; font-weight:bold; color:#df280a; }
.cart-table tfoot td { padding:5px 10px; }
.cart-table .btn-continue { float:left; }
.cart-table .btn-empty span,
.cart-table .btn-continue span,
.cart-table .btn-update span { border-color:#406a83; background:#618499; }
.cart-table .btn-update,
.cart-table .btn-empty { float:right; }
.cart-table .btn-update { margin-left:10px; }

/* Shopping Cart Collateral boxes */
.cart .cart-collaterals { padding:25px 0 0; }
.cart .cart-collaterals .col2-set { float:left; width:605px; }
.cart .cart-collaterals .col2-set .col-2 { width:294px; }

.cart .crosssell { border:1px solid #cec3b6; background:#fafaec; padding:12px 15px; }
.cart .crosssell h2 { font-size:13px; font-weight:bold; }
.cart .crosssell .product-image { float:left; width:75px; height:75px; border:1px solid #d0cdc9; }
.cart .crosssell .product-details { margin-left:90px; }
.cart .crosssell .product-name { font-weight:bold; }
.cart .crosssell li.item { margin:12px 0; }
.cart .crosssell .link-compare { font-weight:normal; }

/* Discount Codes & Estimate Shipping and Tax Boxes */
.cart .discount,
.cart .shipping { border:1px solid #d0cbc1; background:#fff 0 0 repeat-x; padding:12px 15px; margin:0 0 18px; }
.cart .discount h2,
.cart .shipping h2 { background-position:0 0; background-repeat:no-repeat; font:bold 13px/16px Arial, Helvetica, sans-serif; padding:0 0 0 21px; color:#e26703; text-transform:uppercase; }
.cart .discount button span,
.cart .shipping button span { border-color:#406a83; background:#618499; }
.cart .discount .buttons-set,
.cart .shipping .buttons-set { margin:10px 0 0; border:0; padding:0; text-align:left; }
.cart .discount .buttons-set button.button,
.cart .shipping .buttons-set button.button { float:none; margin-left:0; }

.cart .discount .input-box { margin:8px 0 0; width:260px; }
.cart .discount input.input-text { width:254px; }

.cart .shipping .sp-methods { margin:10px 0 0; padding:5px 0 0; background: 0 0 repeat-x; }

/* Shopping Cart Totals */
.cart .totals { float:right; width:268px; background:#dee5e8; border:1px solid #bebcb7; }
.cart .totals table { width:100%; margin:7px 0; }
.cart .totals td { padding:1px 15px 1px 7px; }
.cart .totals tr.last td {}
.cart .totals tfoot th { padding:5px 15px 5px 7px; }
.cart .totals tfoot td { padding-top:5px; padding-bottom:5px; }
.cart .totals tfoot th strong,
.cart .totals tfoot td strong { font-size:15px; }
.cart .totals .checkout-types { font-size:13px; padding:8px 15px 15px; text-align:right; }
.cart .totals .checkout-types li { clear:both; margin:10px 0; }

/* Options Tool Tip */
.item-options dt { font-weight:bold; font-style:italic; }
.item-options dd { padding-left:10px; margin:0 0 6px; }
.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 .item-options { position:absolute; top:-99999em; left:-99999em; z-index:999; width:250px; padding:8px; border:1px solid #ddd; background-color:#f6f6f6; }
.truncated .truncated_full_value .item-options > p { font-weight:bold; text-transform:uppercase; }
.truncated .show .item-options { top:-20px; left:50%; }
.col-left .truncated .show .item-options { left:15px; top:7px; }
.col-right .truncated .show .item-options { left:-240px; top:7px; }
/* ======================================================================================= */


/* Checkout ============================================================================== */
/********** < Common Checkout Styles */
/* Shipping and Payment methods */
.sp-methods { margin:0 0 8px; }
.sp-methods dt { margin:13px 0 5px; font-weight:bold; }
.sp-methods dd {}
.sp-methods dd li { margin:5px 0; }
.sp-methods label { font-weight:bold; color:#666; }
.sp-methods .price { font-weight:bold; }
.sp-methods .form-list { padding-left:20px; }
.sp-methods .form-list li { margin:0 0 8px; }
.sp-methods select.month { width:154px; margin-right:10px; }
.sp-methods select.year { width:96px; }
.sp-methods input.cvv { width:3em !important; }

.sp-methods .checkmo-list li { margin:0 0 5px; }
.sp-methods .checkmo-list label { width:135px; padding-right:10px; text-align:right; }
.sp-methods .checkmo-list address { float:left; }

.sp-methods .centinel-logos a { margin-right:3px; }
.sp-methods .centinel-logos img { vertical-align:middle; }

.sp-methods .release-amounts { margin:0.5em 0; }
.sp-methods .release-amounts button { float:left; margin:5px 10px 0 0; }

.please-wait { float:right; }
.please-wait img { vertical-align:middle; }
.cvv-what-is-this { font-size:11px; cursor:help; margin-left:10px; }

/* Tooltip */
.tool-tip { border:1px solid #7BA7C9; background:#EAF6FF; padding:15px 20px; position:absolute; z-index:9999; }
.tool-tip .btn-close { margin:-9px -14px 0; text-align:right; }
.tool-tip .btn-close a { display:block; margin:0 0 0 auto; width:15px; height:15px; background: 100% 0 no-repeat; text-align:left; text-indent:-999em; overflow:hidden; }
.tool-tip .tool-tip-content { padding:5px; }

/* Gift Messages */
.gift-messages h3 { font-size:12px; font-weight:bold; color:#e87403; }
.gift-messages p.control { color:#8e8d8b; }
.gift-messages-form { position:relative; }
.gift-messages-form label { float:none !important; position:static !important; }
.gift-messages-form h4 { font-size:12px; font-weight:bold; color:#e87403; }
.gift-messages-form .whole-order { margin:0 0 25px; }
.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; color:#8a8987; }
.gift-messages-form .item .details { margin-left:90px; }
.gift-messages-form .item .details .product-name { font-size:13px; font-weight:bold; margin:0 0 10px; }
.gift-messages-form .item .details .form-list .field { width:255px; }
.gift-messages-form .item .details .form-list .input-box { width:240px; }
.gift-messages-form .item .details .form-list input.input-text { width:234px; }
.gift-messages-form .item .details .form-list li.wide .input-box { width:500px; }
.gift-messages-form .item .details .form-list li.wide textarea { width:494px; }

.gift-message-link { font-size:11px; background: 100% 6px no-repeat; padding-right:7px; }
.gift-message-link.expanded { background-position:100% -40px; }
.gift-message-row { background:#f2efe9; }
.gift-message-row .btn-close { float:right; width:16px; height:16px; background: 0 0 no-repeat; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; }

/* Checkout Agreements */
.checkout-agreements li { margin:30px 0; }
.checkout-agreements .agreement-content { overflow:auto; height:12em; padding:10px; background-color:#fbfaf6; border:1px solid #bbb6a5; }
.checkout-agreements .agree { margin:0; padding:10px 0 10px 11px; }
.checkout-agreements .agree input.checkbox { margin-right:6px; }
.checkout-agreements .agree label { font-weight:bold; color:#666; }

.opc .checkout-agreements { border:1px solid #d9dde3; border-width:0 1px; padding:5px 30px; }
.opc .checkout-agreements li { margin:20px 0 0; }
.opc .checkout-agreements .agreement-content { background-color:#fff; border-color:#e4e4e4; padding:5px; }
.opc .checkout-agreements .agree { padding-left:6px; }

/* Centinel */
.centinel {}
.centinel .authentication { border:1px solid #ddd; background:#fff; }
.centinel .authentication iframe { width:99%; height:400px; background:transparent !important; margin:0 !important; padding:0 !important; border:0 !important; }

.opc .centinel { border:1px solid #bbb6a5; border-width:0 1px 1px; padding:10px 30px; }

/* Generic Info Set */
.info-set { background:#fbfaf6 0 0 repeat-x; border:1px solid #bbb6a5; margin:0 0 25px; padding:20px; }
.info-set h2 { font-size:13px; font-weight:bold; margin:0 0 10px; }
.info-set h3,
.info-set h4 { font-size:13px; font-weight:bold; color:#E26703; }
.info-set h2 a,
.info-set h3 a,
.info-set h4 a { font-weight:normal; }
.info-set h2.legend { margin:-20px -20px 15px; padding:5px 10px; background:#f9f3e3; border-bottom:1px solid #bbafa0; position:relative; }
.info-set h3.legend { margin:0 0 10px; color:#0a263c; }
.info-set .divider { margin:0 -20px; padding:25px 0; position:relative; }
.info-set .box { margin:0 0 15px; }
.info-set .box h2 { color:#e26703; }
.info-set .data-table .product-name { font-size:1em !important; font-weight:bold !important; color:#1e7ec8 !important; }
.info-set .data-table .product-name a { font-weight:bold !important; }
.info-set .data-table .item-options { margin:5px 0 0; }
/********** Common Checkout Styles > */

/* One Page Checkout */
.block-progress { border:0; margin:0; }
.block-progress .block-title { background:none; border:0; padding:0; margin:0 0 5px; }
.block-progress .block-title strong { font-size:13px; color:#0a263c; }
.block-progress .block-content { background:none; }
.block-progress dt { font-size:13px; font-weight:bold; line-height:1.35; background:#eee; border:1px solid #a3aeb3; margin:0 0 6px; padding:2px 8px; color:#999; }
.block-progress dd { background:#eee; border:1px solid #a3aeb3; border-top:0; padding:8px 13px; margin:0 0 6px; }
.block-progress dt.complete { margin:0; background:#d0dce1; color:#5e8ab4; }
.block-progress dd.complete {}
.block-progress p { margin:0; }
.block-progress .cards-list dt { background:none; border:0 none; color:inherit; font-size:12px; margin:5px 0; padding:0; }
.block-progress .cards-list dd { border:0 none; margin:0; padding:0; }
.block-progress .cards-list .info-table th { font-weight:normal; }

/* show/hide "change" link for progress step depend on complete status
 * should be placed in .css file */
.opc-block-progress dt.complete a,
.opc-block-progress dt.complete .separator { display: inline; }
.opc-block-progress dt a,
.opc-block-progress dt .separator { display: none; }

.opc .buttons-set { margin-top:0; padding-top:2em; }
.opc .buttons-set p.required { margin:0; padding:0 0 10px; }
.opc .buttons-set .back-link small { display:none; }
.opc .buttons-set .back-link a { background: 0 50% no-repeat; padding-left:16px; }
.opc .buttons-set.disabled button.button { display:none; }
.opc .buttons-set .please-wait { height:21px; line-height:21px; }
.opc .ul { list-style:disc outside; padding-left:18px; }

.opc { position:relative; }
.opc li.section {}

.opc .step-title { border-width:0 1px; border-style:solid; border-color:#fff #d9dde3 #d9dde3; background:#eee 0 100% repeat-x; padding:4px 8px 6px; text-align:right; }
.opc .step-title .number { float:left; background:#fff; border:1px solid #fff; padding:0 4px; margin:0 5px 0 0; font:bold 11px/14px arial, helvetica, sans-serif; color:#999; }
.opc .step-title h2 { float:left; margin:0; font:bold 13px/16px Arial, Helvetica, sans-serif; color:#999; }
.opc .step-title a { display:none; float:right; font-size:11px; line-height:16px; }

.opc .allow .step-title { background:#d0dce1; border:1px solid #a3aeb3; border-bottom:0; color:#a4b3b9; cursor:pointer; }
.opc .allow .step-title .number { background:#dbe6eb; border-color:#dbe6eb; color:#a4b3b9; }
.opc .allow .step-title h2 { color:#a4b3b9; }
/*.opc .allow .step-title a { display:block; }*/

.opc .active .step-title { background:#f9f3e3; border:1px solid #bbafa0; padding-bottom:5px; color:#f18200; cursor:default; }
.opc .active .step-title .number { background:#f18200; border-color:#f19900; color:#fff; }
.opc .active .step-title h2 { color:#f18200; }
/*.opc .active .step-title a { display:none; }*/

.opc .step { border:1px solid #bbafa0; border-top:0; background:#fbfaf6 0 0 repeat-x; padding:15px 30px; position:relative; }
.opc .step .tool-tip { right:30px; }

#opc-login .buttons-set { border-top:0; }
#opc-login h3 { font-size:13px; border-bottom:1px solid #e4e4e4; padding-bottom:2px; text-transform:uppercase; }
#opc-login h4 { font-size:1em; font-weight:bold; margin:0; color:#2f2f2f; }

#opc-shipping_method .buttons-set { border-top:0; }
.opc .gift-messages-form { margin:0 -30px; background:#f6f1eb; border:1px solid #e9e4de; border-width:1px 0; padding:22px 24px 22px 30px; }
.opc .gift-messages-form .inner-box { padding:5px; height:260px; overflow:auto; }

#opc-review .step { border:0; padding:0; }
#opc-review .product-name { font-weight:bold; color:#0a263c; }
#opc-review .item-options { margin:5px 0 0; }
#opc-review .buttons-set { padding:20px 30px; border:1px solid #d9dde3; border-width:0 1px 1px; }
#opc-review .buttons-set p { margin:0; line-height:40px; }
#opc-review .buttons-set .please-wait { height:40px; line-height:40px; }
#opc-review .authentication { margin:0 auto; width:570px; }
#opc-review .warning-message { color:#222; font-weight:bold; text-align:center; padding:10px 10px 0; }

/* Multiple Addresses Checkout */
.checkout-progress { padding:0 90px; margin:0 0 20px; }
.checkout-progress li { float:left; width:19%; margin:0 3px 0 0; border-top:10px solid #999; padding:2px 0 0; font-weight:bold; text-align:center; color:#abb5ba; }
.checkout-progress li.active { border-top-color:#e96200; color:#e96200; }

.multiple-checkout h2 { font-size:13px; font-weight:bold; margin:0 0 10px; }
.multiple-checkout h3,
.multiple-checkout h4 { font-size:13px; font-weight:bold; color:#E26703; }
.multiple-checkout h2 a,
.multiple-checkout h3 a,
.multiple-checkout h4 a { font-weight:normal; }
.multiple-checkout .data-table .product-name { font-size:1em !important; font-weight:bold !important; color:#1e7ec8 !important; }
.multiple-checkout .data-table .product-name a { font-weight:bold !important; }
.multiple-checkout .data-table .item-options { margin:5px 0 0; }

.multiple-checkout .gift-messages { margin:15px 0 0; }

.multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:20px; }

.multiple-checkout .col2-set,
.multiple-checkout .col3-set { background:#fbfaf6 0 0 repeat-x; border:1px solid #bbb6a5; margin:0 0 25px; padding:20px; }
.multiple-checkout .col2-set h2.legend { margin:-20px -20px 15px; padding:5px 10px; background:#f9f3e3; border-bottom:1px solid #bbafa0; position:relative; }
.multiple-checkout .col2-set h3.legend { margin:0 0 10px; color:#0a263c; }
.multiple-checkout .col2-set .divider { margin:0 -20px; padding:25px 0; position:relative; }
.multiple-checkout .box { margin:0 0 15px; }
.multiple-checkout .box h2 { color:#e26703; }

.multiple-checkout .place-order .please-wait { float:right; padding:27px 7px 0 0; }
.multiple-checkout .place-order .grand-total { float:right; height:71px; font-size:1.5em; padding:0 0 0 21px; background: 0 0 no-repeat; overflow:hidden; }
.multiple-checkout .place-order .grand-total .inner { float:left; height:57px; padding:14px 21px 0 0; background: 100% 0 no-repeat; }
.multiple-checkout .place-order .grand-total .inner div { display:inline; }
.multiple-checkout .place-order .grand-total big { display:inline; margin-right:12px; }
.multiple-checkout .place-order .grand-total .price { color:#E26703; }
.multiple-checkout .place-order .grand-total button.button span { font-size:16px; }
.multiple-checkout .place-order .grand-total button.button span span { padding:0 45px 0 36px; }

/* Step 1 */
.multiple-checkout .title-buttons button.button span { border-color:#406a83; background:#618499; }
#multiship-addresses-table td { padding:10px; }
#multiship-addresses-table tfoot td { padding:5px 10px; }
#multiship-addresses-table tfoot button.button span { border-color:#406a83; background:#618499; }

/* Step 2 */
.multiple-checkout .gift-messages-form .item .details .form-list { width:100%; overflow:hidden; }
.multiple-checkout .gift-messages-form .item .details .form-list li { margin-right:-15px; }
.multiple-checkout .gift-messages-form .item .details .form-list .field { width:230px; }
.multiple-checkout .gift-messages-form .item .details .form-list .input-box { width:215px; }
.multiple-checkout .gift-messages-form .item .details .form-list input.input-text { width:209px; }
.multiple-checkout .gift-messages-form .item .details .form-list li.wide .input-box { width:445px; }
.multiple-checkout .gift-messages-form .item .details .form-list li.wide textarea { width:439px; }
.checkout-multishipping-shipping .box-sp-methods { border:1px solid #d9d2be; background:#f9f3e3; padding:13px; position:relative; }
.checkout-multishipping-shipping .box-sp-methods .pointer { position:absolute; top:-20px; right:-40px; width:178px; height:41px; background: 0 0 no-repeat; overflow:hidden; }

/* Step 3 */
.checkout-multishipping-billing .multiple-checkout { position:relative; }
/* ======================================================================================= */


/* Account Login/Create Pages ============================================================ */
.account-login .content { min-height:345px; padding:14px 21px; background:#faf7ee 0 0 repeat-x; border:1px solid #bbb6a5; border-bottom:0; }
.account-login .content h2 { font-weight:bold; font-size:13px; margin:0 0 14px; padding:0 0 5px 23px; border-bottom:1px solid #ddd; background-position:0 1px; background-repeat:no-repeat; text-transform:uppercase; color:#e76200; }
.account-login .buttons-set { border:1px solid #bbb6a5; border-top:0; margin:0; padding:8px 13px; background:#dee5e8 0 0 repeat-x; }

.account-create {}

/* Captcha ================================================================================ */
.captcha-note      { clear:left; padding-top:5px; }
.captcha-image     { float:left; display:inline;  margin:0; position:relative; width:258px; }
.captcha-image .captcha-img { border:1px solid #b6b6b6; vertical-align:bottom; width:100%; }
.registered-users .captcha-image { margin:0;}
.captcha-reload { cursor:pointer; position:absolute; top:2px; right:2px;}
.captcha-reload.refreshing  { animation:rotate 1.5s infinite linear; -webkit-animation:rotate 1.5s infinite linear; -moz-animation:rotate 1.5s infinite linear; }

@-webkit-keyframes rotate {
    0% { -webkit-transform:rotate(0); }
    0% { -webkit-transform:rotate(-360deg); }
}
@-moz-keyframes rotate {
    0% { -moz-transform:rotate(0); }
    0% { -moz-transform:rotate(-360deg); }
}
@keyframes rotate {
    0% { transform:rotate(0); }
    0% { transform:rotate(-360deg); }
}

/* Remember Me Popup ===================================================================== */
.window-overlay { background: repeat; background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; height:100%; width:100%; z-index:990; }

.remember-me label { float:none; margin:0 6px; }
.remember-me-popup { background:#fff; border:1px solid #ccc; left:50%; top:50%; position:absolute; margin:-85px 0 0 -200px; width:400px; text-align:left; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; -box-shadow:0 0 6px #ccc; z-index:1000; }
.remember-me-popup h3 { background:#d9e5ee; border-bottom:1px solid #ccc; font-size:14px; padding:5px 10px; }
.remember-me-popup .remember-me-popup-head { position:relative; }
.remember-me-popup .remember-me-popup-head .remember-me-popup-close { background: no-repeat; display:block; position:absolute; top:7px; right:7px; height:15px; width:15px; text-indent:-9999em; }
.remember-me-popup .remember-me-popup-body { padding:10px; }
.remember-me-popup .remember-me-popup-body a { display:inline-block; height:19px; border:1px solid #de5400; background:#f18200; padding:0 8px; font:bold 12px/19px Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; white-space:nowrap; color:#fff; }
/* Remember Me Popup ===================================================================== */


/* My Account ============================================================================= */
.my-account .title-buttons .link-rss { float:none; margin:0; }

/********** < Dashboard */
.dashboard .welcome-msg { margin:0 8em 1.5em 0; }
.dashboard .welcome-msg p { margin:0; }
.dashboard .col2-set { margin:0 0 15px; }

/* General Box */
.box-account { background:#fff 0 0 repeat-x; border:1px solid #ccc; border-color:#ccc #999 #999 #ccc; padding:15px; margin: 0 0 20px; }
.box-account .box-head { border-bottom:1px solid #d9dde3; margin:0 0 10px; text-align:right; }
.box-account .box-head h2 { float:left; margin:0; font-size:13px; font-weight:bold; text-transform:uppercase; background-position:0 0; background-repeat:no-repeat; padding-left:21px; color:#e65505; }

.dashboard .box .box-title { background: 0 100% repeat-x; padding:0 0 2px; margin:0 0 8px; text-align:right; }
.dashboard .box .box-title h3,
.dashboard .box .box-title h4 { float:left; font-size:13px; font-weight:bold; margin:0; }}

/* Block: Account Information */
.dashboard .box-info h4 { font-size:11px; font-weight:bold; text-transform:uppercase; }

/* 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:#0a263c; }
.dashboard .box-reviews .details { margin-left:20px; }
.dashboard .box-reviews li.item { margin:0 0 7px; }
.dashboard .box-reviews li.item.last { margin:0; }
.dashboard .box-reviews .ratings { margin:7px 0 0; }

/* 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:2px 3px; background:#0a263c; }
.dashboard .box-tags .details { margin-left:20px; }
.dashboard .box-tags li.item { margin:0 0 7px; }
.dashboard .box-tags li.item.last { margin:0; }
.dashboard .box-tags .tags strong,
.dashboard .box-tags .tags ul,
.dashboard .box-tags .tags ul li { display:inline; }
/********** Dashboard > */

/* Address Book */
.addresses-list h2 { font-weight:bold; font-size:13px; color:#e26703; text-transform:uppercase; }
.addresses-list h3 { font-weight:bold; font-size:13px; }
.addresses-list address { margin:0 0 3px; }
.addresses-list p { margin:0; }
.addresses-list a { font-weight:bold; }
.addresses-list .link-remove { color:#646464; }
.addresses-list .separator { margin:0 3px; }
.addresses-list li.item { background:#fff 0 0 repeat-x; border:1px solid #ccc; padding:10px 13px; margin:0 0 10px; }
.addresses-list li.empty { background:none; border:0; padding:0; }
.addresses-list li.empty p { font-weight:bold; }
.addresses-list .addresses-additional li.item { background:none; border:0; padding:0; }

/* Order View */
.order-info { background:#dee5e8; border:1px solid #d0cbc1; padding:4px 8px; margin:0 0 8px; }
.order-info dt,
.order-info dd,
.order-info ul,
.order-info li { display:inline; }
.order-info .current { font-weight:bold; }
.order-info li { margin:0 3px; }

.order-date { margin:10px 0; }

.order-info-box { background:#fff 0 0 repeat-x; border:1px solid #d0cbc1; padding:12px 15px; margin:0 0 15px; }
.order-info-box h2 { font-weight:bold; font-size:13px; }
.order-info-box .box-payment p { margin:0 0 3px; }
.order-info-box .box-payment th { font-weight:bold; padding-right:7px; }

.order-items { width:100%; overflow-x:auto; }
.order-items h2,
.order-items h3 { clear:none; font-weight:bold; font-size:13px; padding:0; margin:0 0 5px; color:#0a263c; }
.order-items .product-name { font-size:1em !important; font-weight:bold !important; }
.order-items .link-print { color:#1e7ec8; font-weight:normal; }
.order-items .order-links { text-align:right; }

.order-additional { margin:15px 0; }
/* Order Gift Message */
.gift-message dt strong { color:#666; }
.gift-message dd { font-size:13px; margin:5px 0 0; }
/* Order Comments */
.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-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 { margin:0 0 15px; }
.page-print .print-head .logo { float:left; }
.page-print .print-head address { float:left; margin-left:15px; }
.page-print h1 { font-size:16px; font-weight:bold; }
.page-print h2,
.page-print h3 { font-size:13px; font-weight:bold; }
.page-print h2.h2 { font-size:16px; font-weight:bold; }
.page-print .order-date { background: 0 100% repeat-x; padding:0 0 10px; margin:0 0 10px; }
.page-print .col2-set { margin:0 0 10px; }
/* 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 Wishlist */
.my-wishlist .data-table td { padding:10px; }
.my-wishlist .product-image { display:block; width:113px; height:113px; margin:0 0 5px; }
.my-wishlist textarea { display:block; width:97%; height:109px; }
.my-wishlist .buttons-set { margin-top:2em; }
.my-wishlist .buttons-set button.button { float:none; }
.my-wishlist .buttons-set .btn-add span,
.my-wishlist .buttons-set .btn-share span { border-color:#406a83; background:#618499; }
#wishlist-table .add-to-links { white-space:nowrap; }

/* My Tags */
.my-tag-edit { float:left; margin:0 0 10px; }
.my-tag-edit .btn-remove { float:right; margin:4px 0 0 5px; }
#my-tags-table { clear:both; }
#my-tags-table td { padding:10px; }
#my-tags-table .add-to-links { white-space:nowrap; }

/* My Reviews */
#my-reviews-table td { padding:10px; }

.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 { font-size:12px; margin:0 0 3px; color:#2f2f2f; }
.product-review .ratings-table { margin:0 0 10px; }
.product-review dt { font-weight:bold; }
.product-review dd { font-size:13px; margin:5px 0 0; }

/* Billing Agreements */
.billing-agreements .info-box{ margin:15px 0; }
.billing-agreements .form-list li select { float:left; }
.billing-agreements .form-list li button.button { float:left; margin-left:10px; }
.billing-agreements .table-caption { font-weight:bold; font-size:13px; }
/* ======================================================================================= */


/* MAP Popup============================================================================== */
.cart-msrp-totals { color:red; font-size:12px !important; font-weight:bold; margin:10px 10px 0; padding:10px; text-align:right; text-transform:uppercase;}
.map-cart-sidebar-total { color:red; display:block; font-size:10px; font-weight:bold; text-align:left; padding:2px 5px; text-shadow:0 1px 0 #fff; }

.map-popup { background:#fff; border:1px solid #aaa; margin:12px 0 0; position:absolute; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; box-shadow:0 0 6px #ccc; text-align:left; width:300px; z-index:100; }
.map-popup-heading { background:#d9e5ee; border-bottom:1px solid #ccc; padding:5px 30px 5px 10px; width:260px; }
.map-popup-heading h2 { font-size:16px; margin:0; text-shadow:0 1px 0 #f6f6f6; overflow:hidden; white-space:nowrap; word-wrap:break-word; text-align:left; text-overflow:ellipsis; }
.map-popup-arrow { background: no-repeat; position:absolute; left:50%; top:-10px; height:10px; width:19px; }
.map-popup-close { background: no-repeat; display:block; position:absolute; top:8px; right:10px; height:15px; width:15px; text-indent:-9999em; -moz-box-shadow:0 0 3px #999; -webkit-box-shadow:0 0 3px #999; box-shadow:0 0 3px #999; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
.map-popup-content { border-top:1px solid #eee; padding:10px; overflow:hidden; text-align:left; width:280px; }
.map-popup-checkout { display:inline; float:right; text-align:right; }
.map-popup-checkout span { display:block; }
.map-popup-checkout .paypal-or { clear:both; display:block; }
.map-popup-checkout .paypal-logo { margin:0 0 5px; }
.map-popup-checkout li { list-style: none; }
.map-popup-checkout { text-align: center; }
.map-popup-price .price-box,
.map-popup-price .price-box .special-price { margin:0; padding:0; }
.map-popup-price { margin:5px 0 0; }
.map-popup-text { clear:right; margin:0 10px; padding:10px 0; text-align:left; word-wrap:break-word; }
.map-popup-only-text { border-top:1px solid #ddd; }
/* ======================================================================================= */


/* Footer ================================================================================ */
.footer-container { border-top:15px solid #b6d1e2; }
.footer { width:930px; margin:0 auto; padding:10px 10px 50px; }
.footer .store-switcher { display:inline; margin:0 5px 0 0; color:#fff; }
.footer .store-switcher label { font-weight:bold; vertical-align:middle; }
.footer .store-switcher select { padding:0; vertical-align:middle; }
.footer a { color:#fff; text-decoration:none; }
.footer a:hover { text-decoration:underline; }
.footer .bugs { margin:13px 0 0; color:#ecf3f6; }
.footer .bugs a { color:#ecf3f6; text-decoration:underline; }
.footer .bugs a:hover { text-decoration:none; }
.footer address { margin:0 0 20px; color:#ecf3f6; }
.footer address a { color:#ecf3f6; text-decoration:underline; }
.footer address a:hover { text-decoration:none; }
.footer ul { display:inline; }
.footer ul.links { display:block; }
.footer li { display:inline; background: 100% 60% no-repeat; padding:0 7px 0 4px; }
.footer li.last { background:none !important; padding-right:0 !important; }
.footer-container .bottom-container { margin:0 0 5px; }
/* ======================================================================================= */

/* Sample Data============================================================================ */
.home-callout { margin-bottom:12px; }
.home-callout img { display:block }
.home-spot { float:left; width:470px; margin-left:20px; }
.best-selling h3 { margin:12px 0 6px 0; color:#e25203; font-size:1.2em; }
.best-selling table { border-top:1px solid #ccc; }
.best-selling tr.odd { background:#eee 0 100% repeat-x; }
.best-selling tr.even { background:#fff 0 100% repeat-x; }
.best-selling td { width:50%; border-bottom:1px solid #ccc; padding:8px 10px 8px 8px; font-size:11px; }
.best-selling .product-img { float:left; border:2px solid #dcdcdc; }
.best-selling .product-description { margin-left:107px; line-height:1.3em; }
.best-selling a.product-name,
.home-spot .best-selling a.product-name:hover { color:#203548; }
/* ======================================================================================= */


/* 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,
.col3-layout .product-options-bottom .price-box: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-view .product-shop .short-description:after,
.product-view .box-description: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; }
/* ======================================================================================= */

.guest-select {width:305px !important;}

/**
 * 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     base_default
 * @copyright   Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

/* Widgets =============================================================================== */
.widget { display:inline; }
.widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; }
.widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; }

.widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; }
.widget .mini-products-images-list li.item { float:left; width:77px; height:77px; }

/* Widget: Catalog New Proructs List */
.widget-new-products { display:block; }
.col-main .widget-new-products { margin:7px 0; }
.widget-new-products .products-grid .product-image,
.widget-new-products .products-list .product-image { width:85px; height:85px; }
.widget-new-products .products-list .product-shop { margin-left:100px; }
.sidebar .widget-new-products .block { font-size:11px; line-height:1.25; }
.sidebar .widget-new-products .block-title strong { background:url(http://www.autoparto.de/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; }

/* Widget: Recently Viewed Proructs */
.widget-viewed { display:block; }
.col-main .widget-viewed { margin:7px 0; }
.widget-viewed .products-grid .product-image,
.widget-viewed .products-list .product-image { width:85px; height:85px; }
.widget-viewed .products-list .product-shop { margin-left:100px; }
.sidebar .widget-viewed .block { font-size:11px; line-height:1.25; }
.sidebar .widget-viewed .block-title strong { background:url(http://www.autoparto.de/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }

/* Widget: Recently Compared Proructs */
.widget-compared { display:block;}
.col-main .widget-compared { margin:7px 0; }
.widget-compared .products-grid .product-image,
.widget-compared .products-list .product-image { width:85px; height:85px; }
.widget-compared .products-list .product-shop { margin-left:100px; }
.sidebar .widget-compared .block { font-size:11px; line-height:1.25; }
.sidebar .widget-compared .block-title strong { background:url(http://www.autoparto.de/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }

/* Widget: CMS Static Block */
.widget-static-block {}
.sidebar .widget-static-block { display:block; margin:0 0 15px; }

/* Widgets: Links Common Styles */
.top-container .widget a { padding:0 0 0 7px; }

.bottom-container .widget a { padding:0 3px; }

/* Widget: Catalog Product Link */
.widget-product-link-inline { display:inline; }

.col-main .widget-product-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-product-link a { background:url(http://www.autoparto.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-product-link a { background:url(http://www.autoparto.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }

/* Widget: Catalog Category Link */
.widget-category-link-inline { display:inline; }

.col-main .widget-category-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-category-link a { background:url(http://www.autoparto.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-category-link a { background:url(http://www.autoparto.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }

/* Widget: CMS Page Link */
.widget-cms-link-inline { display:inline; }

.col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-cms-link a { background:url(http://www.autoparto.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-cms-link a { background:url(http://www.autoparto.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* ======================================================================================= */

.amsocial-iframe
{
    max-width: 570px;
    min-width: 314px;
    width: 95%;
    height: 360px;
    position: relative;
    top: -360px;
    padding-top: -170px;
    margin: 0 auto;
    border: 3px solid #faa819;
    background-color: white;
    z-index: 99999;
}


#amsocial_iframe_id {
    width:100%;
    height: 100%;
    border:0;
}

#amsocial_dark
{
    position: fixed;
    top: 0px;
    left: 0;
    background:url('http://www.autoparto.de/skin/frontend/base/default/css/amasty/amsocial/ie.png');
    background: -moz-linear-gradient(rgba(11,11,11,0.1), rgba(11,11,11,0.6)) repeat-x rgba(11,11,11,0.2);
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11,11,11,0.1)), to(rgba(11,11,11,0.6))) repeat-x rgba(11,11,11,0.2);
    z-index: 2147483647;
    width: 100%;
    height: 100%;
}

.amsocial-header
{
    height: 40px;
    font-size: 22px;
    color: white;
    background: #faa819;
    padding-top: 3px;
}

.amsocial-header a
{
    color: white;
    text-decoration: none;
}

.amsocial-note
{
    font-size: 14px;
    color: #515151;
    line-height: 16px;
    width:92%;
    margin:0 auto;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: left;
}

hr.amsocial-hr
{
    color: #faa819;
    border: 0px none;
    height: 1px;
    text-align: left;
    background-color: #faa819;
    margin: 0 auto;
    width: 92%;
}

.amsocial-block {
    float: left;
    font-size: 15px;
    max-width: 265px;
    padding-left: 20px;
    text-align: left;
    width: 100%;
}


@media screen and (max-width: 565px) {
    
  .amsocial-block {
        float: none;  
        font-size: 14px;
        max-width: 240px;
        padding-left: 18px;
        text-align: left;
        width: 100%;
    }
    
    .amsocial-iframe {
        max-width: 490px;
    }
    
    .block-one{
        position: relative;
        top: 97px;
        clear: both;
    }
    
    .block-two {
        position: relative;
        top: -98px;
        clear: both;
    }
    
    .amsocial-note
    {
         font-size: 13px;
    }
    
    .amsocial-header
    {
        font-size: 20px;
    }
}

.amsocial-items
{
    text-align: center;
    left: -3px;
}

.amsocial-items div
{
    float: left;
    width: 55px;
}

.amsocial-popup table
{
   padding-top: 15px;
   padding-bottom: 27px;
  padding-right: 20px;
}

.amsocial-icons{
    margin-left: 20px;
}

.amsocial-popup table .title
{
    font-size: 14px;
    font-weight: bold;
}

#ccode_placeholder
{
    border: 1px solid #bbbbbb;
    height: 32px;
    width: 210px;
    font-size: 18px;
    padding-top: 4px;
    padding-left: 8px;
    color: #00940a;
}

.amsocial-nocode
{
    color: #bbbbbb !important;
}

.amsocial-codecomment
{
    padding-top: 3px;
    color: #bbbbbb;
}

/* Side image styling */

.amsocial-side-image
{
    display: block;
    position: fixed;
    left: -0px;
    top: 320px;
    z-index: 9999;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.searchautocomplete .search-autocomplete {
  position: absolute;
}
.searchautocomplete .form-search {
  overflow: none !important;
  position: relative;
}
.searchautocomplete .sprite {
  background: url('http://www.autoparto.de/skin/frontend/base/default/images/mirasvit/sprite.png');
}
.searchautocomplete .nav-search-in {
  position: absolute;
  top: 2px;
  left: 0px;
  z-index: 11;
}
.searchautocomplete .nav-search-in .category {
  opacity: 0;
  filter: alpha(opacity=0);
  background: white;
  border: 1px solid #DDD;
  color: black;
  cursor: pointer;
  height: 29px;
  left: 0;
  margin: 0;
  outline: 0;
  padding: 0;
  position: absolute;
  top: 0;
  visibility: visible;
  width: auto;
}
.searchautocomplete .nav-search-in .category-fake {
  height: 20px;
  color: #777;
  cursor: pointer;
  float: left;
  font-size: 11px;
  padding: 0px 25px 0px 10px;
  text-align: center;
  white-space: nowrap;
  margin-top: 6px;
}
.searchautocomplete .nav-search-in .nav-down-arrow {
  right: 10px;
  top: 16px;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 4.5px 0 4.5px;
  border-color: #000000 transparent transparent transparent;
  line-height: 0px;
}
.searchautocomplete .nav-search-in:hover .category-fake {
  color: #000;
}
.searchautocomplete .nav-search-in:hover .nav-down-arrow {
  background-position: -6px -34px;
}
.searchautocomplete .searchautocomplete-placeholder {
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  background: #FFF;
  border: 1px solid #ccc;
  position: absolute;
  z-index: 102;
  box-shadow: 0 10px 10px #5E5E5E;
  top: 30px;
}
.searchautocomplete .searchautocomplete-placeholder:before {
  border-color: transparent transparent #CCC transparent;
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 5px;
  height: 0;
  width: 0;
  top: -11px;
  left: 30px;
}
.searchautocomplete .searchautocomplete-placeholder ul {
  list-style: none;
  margin: 0;
  border: none!important;
  background: none!important;
  box-shadow: none;
  position: relative;
  padding: 5px;
}
.searchautocomplete .searchautocomplete-placeholder ul li {
  *zoom: 1;
  text-align: left;
  padding: 5px 5px;
  border: 1px solid #e2e2e2;
  margin-bottom: 5px;
}
.searchautocomplete .searchautocomplete-placeholder ul li:before,
.searchautocomplete .searchautocomplete-placeholder ul li:after {
  display: table;
  content: "";
  line-height: 0;
}
.searchautocomplete .searchautocomplete-placeholder ul li:after {
  clear: both;
}
.searchautocomplete .searchautocomplete-placeholder ul li a {
  text-decoration: none;
}
.searchautocomplete .searchautocomplete-placeholder ul li a .pull-right {
  float: right;
}
.searchautocomplete .searchautocomplete-placeholder ul li.active {
  background-color: #eeffee;
  box-shadow: 0 0 1px #525252;
  cursor: pointer;
}
.searchautocomplete .searchautocomplete-placeholder ul li.active a {
  text-decoration: none;
}
.searchautocomplete .searchautocomplete-placeholder ul li .searchautocomlete-image {
  float: left;
  margin: 0px 10px 5px 0px;
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box {
  font-weight: bold;
  font-size: 13px;
  color: #C76200;
  float: right;
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .regular-price .price-label,
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .old-price .price-label,
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .special-price .price-label {
  display: none;
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .price-label {
  font-weight: normal;
  color: #999;
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .old-price .price {
  font-size: 0.9em;
  color: #999;
}
.searchautocomplete .searchautocomplete-placeholder ul li .ratings {
  margin: 0;
  line-height: 14px;
}
.searchautocomplete .searchautocomplete-placeholder ul li .ratings .rating-box {
  float: left;
  margin: 0 5px 0 0;
}
.searchautocomplete .searchautocomplete-placeholder .index-title {
  text-align: right;
  color: #0A263C;
  border-bottom: 1px solid #CCC;
  padding: 2px 5px;
  background-color: #F7F7F6;
}
.searchautocomplete .searchautocomplete-placeholder .index-title span {
  color: #666;
  font-size: 0.9em;
}
.searchautocomplete .searchautocomplete-placeholder .all {
  text-align: right;
  margin: 10px 10px 5px 10px;
}
.searchautocomplete .searchautocomlete-image {
  float: left;
  margin: 0px 5px 5px 0px;
}
.searchautocomplete .searchautocomplete-loader {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 11px;
  right: 44px;
  z-index: 99;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6);
  display: none;
}
.searchautocomplete .searchautocomplete-loader div {
  position: absolute;
  background-color: #FFFFFF;
  height: 3px;
  width: 3px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-animation-name: f_autocomplete_loader;
  animation-name: f_autocomplete_loader;
  -webkit-animation-duration: 0.64s;
  animation-duration: 0.64s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  animation-direction: normal;
}
.searchautocomplete .searchautocomplete-loader div#g01 {
  left: 0px;
  top: 7px;
  -webkit-animation-delay: 0.24s;
  animation-delay: 0.24s;
}
.searchautocomplete .searchautocomplete-loader div#g02 {
  left: 2px;
  top: 2px;
  -webkit-animation-delay: 0.32s;
  animation-delay: 0.32s;
}
.searchautocomplete .searchautocomplete-loader div#g03 {
  left: 7px;
  top: 0px;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.searchautocomplete .searchautocomplete-loader div#g04 {
  right: 2px;
  top: 2px;
  -webkit-animation-delay: 0.48s;
  animation-delay: 0.48s;
}
.searchautocomplete .searchautocomplete-loader div#g05 {
  right: 0px;
  top: 7px;
  -webkit-animation-delay: 0.56s;
  animation-delay: 0.56s;
}
.searchautocomplete .searchautocomplete-loader div#g06 {
  right: 2px;
  bottom: 2px;
  -webkit-animation-delay: 0.64s;
  animation-delay: 0.64s;
}
.searchautocomplete .searchautocomplete-loader div#g07 {
  left: 7px;
  bottom: 0px;
  -webkit-animation-delay: 0.72s;
  animation-delay: 0.72s;
}
.searchautocomplete .searchautocomplete-loader div#g08 {
  left: 2px;
  bottom: 2px;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
@-moz-keyframes f_autocomplete_loader {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: #ffffff;
  }
}
@-webkit-keyframes f_autocomplete_loader {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: #ffffff;
  }
}
@-ms-keyframes f_autocomplete_loader {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: #ffffff;
  }
}
@-o-keyframes f_autocomplete_loader {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: #ffffff;
  }
}
@keyframes f_autocomplete_loader {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: #ffffff;
  }
}

.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.searchindex-results {
  *zoom: 1;
  margin-bottom: 10px;
  border-bottom: 1px solid #a0b3c3;
}
.searchindex-results:before,
.searchindex-results:after {
  display: table;
  content: "";
  line-height: 0;
}
.searchindex-results:after {
  clear: both;
}
.searchindex-results li {
  margin-bottom: -1px;
  float: left;
  *zoom: 1;
  margin: 0px 2px;
}
.searchindex-results li:before,
.searchindex-results li:after {
  display: table;
  content: "";
  line-height: 0;
}
.searchindex-results li:after {
  clear: both;
}
.searchindex-results li a {
  font-size: 12px;
  font-weight: bold;
  color: #333;
  display: block;
  cursor: pointer;
  padding: 2px 5px 1px 5px;
  line-height: 20px;
  border: 1px solid transparent;
  border-bottom: none;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  text-decoration: none;
}
.searchindex-results li a:hover {
  background-color: #f1f1f1;
  background-image: -moz-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: -o-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: linear-gradient(to bottom, #e8e8e8, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#ffffffff', GradientType=0);
  border: 1px solid #a0b3c3;
  border-bottom: none;
}
.searchindex-results li a span {
  font-weight: normal;
  font-size: 0.9em;
}
.searchindex-results li.active a {
  background-color: #f1f1f1;
  background-image: -moz-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: -o-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: linear-gradient(to bottom, #e8e8e8, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#ffffffff', GradientType=0);
  cursor: default;
  border: 1px solid #a0b3c3;
  border-bottom: none;
}
.searchindex-result li {
  padding: 5px;
}
.searchindex-result li .title a {
  font-weight: bold;
  color: #203548;
  font-size: 13px;
}
.searchindex-result.searchindex-result-category {
  margin-bottom: 20px;
}
.searchindex-result.searchindex-result-category li {
  padding: 1px 0px;
}
.searchindex-result.searchindex-result-category li a {
  font-weight: bold;
  color: #203548;
}
.col-main .searchindex-highlight {
  background-color: #ff0;
}

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
	font-family: 'flexslider-icon';
	src:url('http://www.autoparto.de/skin/frontend/autoparto/default/css/flexslider/fonts/flexslider-icon.eot');
	src:url('http://www.autoparto.de/skin/frontend/autoparto/default/css/flexslider/fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('http://www.autoparto.de/skin/frontend/autoparto/default/css/flexslider/fonts/flexslider-icon.woff') format('woff'),
		url('http://www.autoparto.de/skin/frontend/autoparto/default/css/flexslider/fonts/flexslider-icon.ttf') format('truetype'),
		url('http://www.autoparto.de/skin/frontend/autoparto/default/css/flexslider/fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}

/* --- EASYDROPDOWN DEFAULT THEME --- */

/* PREFIXED CSS */

.dropdown,
.dropdown div,
.dropdown li,
.dropdown div::after{
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

.dropdown .selected::after,
.dropdown.scrollable div::after{
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	pointer-events: none;
}

/* WRAPPER */

.dropdown{
	position: relative;
	width: 160px;
	border: 1px solid #ccc;
	cursor: pointer;
	background: #fff;

	border-radius: 3px;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.dropdown.open{
	z-index: 2;
}

.dropdown:hover{
	box-shadow: 0 0 5px rgba(0,0,0,.15);
}

.dropdown.focus{
	box-shadow: 0 0 5px rgba(51,102,248,.4);
}

/* CARAT */

.dropdown .carat{
	position: absolute;
	right: 12px;
	top: 50%;
	margin-top: -4px;
	border: 6px solid transparent;
	border-top: 8px solid #000;
}

.dropdown.open .carat{
	margin-top: -10px;
	border-top: 6px solid transparent;
	border-bottom: 8px solid #000;
}

.dropdown.disabled .carat{
	border-top-color: #999;
}

/* OLD SELECT (HIDDEN) */

.dropdown .old{
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	width: 0;
	overflow: hidden;
}

.dropdown select{
	position: absolute;
	left: 0px;
	top: 0px;
}

.dropdown.touch .old{
	width: 100%;
	height: 100%;
}

.dropdown.touch select{
	width: 100%;
	height: 100%;
	opacity: 0;
}

/* SELECTED FEEDBACK ITEM */ 

.dropdown .selected,
.dropdown li{
	display: block;
	font-size: 18px;
	line-height: 1;
	color: #000;
	padding: 9px 12px;
	overflow: hidden;
	white-space: nowrap;
}

.dropdown.disabled .selected{
	color: #999;
}

.dropdown .selected::after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 60px;
	
	border-radius: 0 2px 2px 0;
	box-shadow: inset -55px 0 25px -20px #fff;
}

/* DROP DOWN WRAPPER */

.dropdown div{
	position: absolute;
	height: 0;
	left: -1px;
	right: -1px;
	top: 100%;
	margin-top: -1px;
	background: #fff;
	border: 1px solid #ccc;
	border-top: 1px solid #eee;
	border-radius: 0 0 3px 3px;
	overflow: hidden;
	opacity: 0;
}

/* Height is adjusted by JS on open */

.dropdown.open div{
	opacity: 1;
	z-index: 2;
}

/* FADE OVERLAY FOR SCROLLING LISTS */

.dropdown.scrollable div::after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 50px;
	
	box-shadow: inset 0 -50px 30px -35px #fff;
}

.dropdown.scrollable.bottom div::after{
	opacity: 0;
}

/* DROP DOWN LIST */

.dropdown ul{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	list-style: none;
	overflow: hidden;
}

.dropdown.scrollable.open ul{
	overflow-y: auto;
}

/* DROP DOWN LIST ITEMS */

.dropdown li{
	list-style: none;
	padding: 8px 12px;
}

/* .focus class is also added on hover */

.dropdown li.focus{
	background: #d24a67;
	position: relative;
	z-index: 3;
	color: #fff;
}

.dropdown li.active{
	font-weight: 700;
}
.magnifyarea { /* CSS to add shadow to magnified image. Optional */
	box-shadow: 5px 5px 7px #818181;
	-webkit-box-shadow: 5px 5px 7px #818181;
	-moz-box-shadow: 5px 5px 7px #818181;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true);
	background: white;
}

.targetarea { /* CSS for container div(s) of the zoomable image */
	width: 325px; /* wide or wider than the widest zoomable image */
	margin-top:3px;
}

#two { /* Added CSS for second target div of zoomable images */
	height: 243px; /* high or higher than the tallest zoomable image */
}

.targetarea img { /* zoomable image */
	margin: auto; /* for horizontal centering */
	display: block; /* also for horizontal centering */
	position: relative; /* along with on the fly calculations in script, for vertical centering */
	border-width: 0;
}

.thumbs { /* divs holding the trigger links - styles optional, used here to center their links below their respective zoomable image */
	padding-top: 25px;
	width: 325px;
	text-align: center;
}

.thumbs a { /* trigger links on the thumbnail images */
	text-decoration: none; /* avoid underlines of images, text or spaces in these links */
}

.thumbs img { /* trigger images - the thumbnails used to load new zoomable images into the targetarea */
	border-width: 0; /* avoid default borders in some browsers */
}

#description, #description2 {
	position: absolute; /* required for description folows image bottom (descpos: true) */
	width: 325px; /* should be width of zoomable image container (.targetarea) */
	text-align: center;
	font: bold 95% sans-serif;
	margin-top: 3px; /* when following image bottom, this sets a fixed distance for that */
	color: #222;
	background-color: #fff;
}
/*
// inner box-shadow with prefix
.box-shadow-inset(@x: 2px, @y: 2px, @blur: 2px, @spread: 0, @alpha: 0.35) {
  -webkit-box-shadow:	@x @y @blur @spread rgba(0, 0, 0, @alpha) inset;
  -moz-box-shadow:	@x @y @blur @spread rgba(0, 0, 0, @alpha) inset;
  box-shadow:		@x @y @blur @spread rgba(0, 0, 0, @alpha) inset;
}

// gradient
.gradient(@color: #000, @start: #000, @stop: #FFF) {
  background: @color;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, @start), color-stop(1, @stop));
  background: -ms-linear-gradient(bottom, @start, @stop);
  background: -moz-linear-gradient(center bottom, @start 0%, @stop 100%);
  background: -o-linear-gradient(@stop, @start);
  filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@stop,@start));
}

// converts hex to rgba inc. fallback
.rgba(@alpha, @color: @grey) {
  @alphaColor: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
  @ieAlphaColor: argb(@alphaColor);

  background-color: @color; // Fallback for older browsers
  background-color: @alphaColor;

  // IE hacks
  zoom: 1; // hasLayout
  background-color: transparent\9;
  -ms-filter:  "progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieAlphaColor}, endColorstr=@{ieAlphaColor})"; // IE 8+
  filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieAlphaColor}, endColorstr=@{ieAlphaColor})"; // IE 6 & 7
}

// rounded corners with prefixes
.rounded-corners (@radius: 5px) {
  border-radius: @radius;
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
}
*/
.page-title {
  color: #333333;
  margin: 0;
  border: none;
}
.page-title h1,
.page-title h2,
.page-title .cs-h1,
.page-title .cs-h2 {
  margin-bottom: 1rem;
  color: #333333;
}
.page-title h1,
.page-title .cs-h1 {
  font-size: 35px;
  font-size: 2.692rem;
  line-height: 150%;
}
.page-title h2,
.page-title .cs-h2 {
  font-size: 25px;
  font-size: 1.923rem;
  line-height: 150%;
}
.block-title,
.block-cart .block-title,
.block .block-title {
  padding: 0;
  border: none;
  font-family: 'Open Sans', sans-serif;
  background: none;
}
.block-title strong,
.block-cart .block-title strong,
.block .block-title strong {
  padding: 0;
  font-family: 'Open Sans', sans-serif;
  background: none;
  text-transform: none;
  min-height: 0;
  color: #333333;
}
.block-cart,
.block-wishlist,
.block-subscribe,
.block-compare,
.block-reorder,
.block-poll,
.block-gr-search,
.block-viewed,
.block-compared,
.block-related,
.block-tags,
.block-login,
.block .block-content {
  background: none;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  font-size: 1rem;
  line-height: 150%;
}
.block-cart p,
.block-wishlist p,
.block-subscribe p,
.block-compare p,
.block-reorder p,
.block-poll p,
.block-gr-search p,
.block-viewed p,
.block-compared p,
.block-related p,
.block-tags p,
.block-login p,
.block .block-content p {
  padding: 0;
  margin-bottom: 1rem;
}
.form-list {
  padding: 0;
  margin-bottom: 0;
  list-style: none;
}
.form-list li {
  margin-bottom: 0;
}

/*
// inner box-shadow with prefix
.box-shadow-inset(@x: 2px, @y: 2px, @blur: 2px, @spread: 0, @alpha: 0.35) {
  -webkit-box-shadow:	@x @y @blur @spread rgba(0, 0, 0, @alpha) inset;
  -moz-box-shadow:	@x @y @blur @spread rgba(0, 0, 0, @alpha) inset;
  box-shadow:		@x @y @blur @spread rgba(0, 0, 0, @alpha) inset;
}

// gradient
.gradient(@color: #000, @start: #000, @stop: #FFF) {
  background: @color;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, @start), color-stop(1, @stop));
  background: -ms-linear-gradient(bottom, @start, @stop);
  background: -moz-linear-gradient(center bottom, @start 0%, @stop 100%);
  background: -o-linear-gradient(@stop, @start);
  filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@stop,@start));
}

// converts hex to rgba inc. fallback
.rgba(@alpha, @color: @grey) {
  @alphaColor: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
  @ieAlphaColor: argb(@alphaColor);

  background-color: @color; // Fallback for older browsers
  background-color: @alphaColor;

  // IE hacks
  zoom: 1; // hasLayout
  background-color: transparent\9;
  -ms-filter:  "progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieAlphaColor}, endColorstr=@{ieAlphaColor})"; // IE 8+
  filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieAlphaColor}, endColorstr=@{ieAlphaColor})"; // IE 6 & 7
}

// rounded corners with prefixes
.rounded-corners (@radius: 5px) {
  border-radius: @radius;
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
}
*/
.cs-cols {
  margin-bottom: 20px;
}
.cs-cols:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.cs-cols > div > *:last-child {
  margin-bottom: 0;
}
.cs-cols > div img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.cs-cols.cs-2-cols > div {
  width: 484px;
  margin-left: 20px;
  float: left;
}
.cs-cols.cs-2-cols > div:first-child {
  margin-left: 0;
  width: 484px;
}
.cs-cols.cs-4-cols > div {
  width: 232px;
  margin-left: 20px;
  float: left;
}
.cs-cols.cs-4-cols > div:first-child {
  margin-left: 0;
  width: 232px;
}
.cs-cols.cs-3-1-cols > div {
  width: 232px;
  margin-left: 20px;
  float: left;
}
.cs-cols.cs-3-1-cols > div:first-child {
  width: 736px;
  margin-left: 0;
}
.cs-cols.cs-1-3-cols > div {
  width: 736px;
  margin-left: 20px;
  float: left;
}
.cs-cols.cs-1-3-cols > div:first-child {
  width: 232px;
  margin-left: 0;
}
.col2-left-layout .col-left {
  width: 232px;
}
.col2-left-layout .col-main {
  width: 736px;
}
.col2-right-layout .col-right {
  width: 232px;
}
.col2-right-layout .col-main {
  width: 736px;
}
@media screen and (max-width: 988px) {
  .cs-cols.cs-2-cols > div {
    width: 48%;
    margin-left: 4%;
    float: left;
  }
  .cs-cols.cs-2-cols > div:first-child {
    margin-left: 0;
    width: 48%;
  }
  .cs-cols.cs-4-cols > div {
    width: 22%;
    margin-left: 4%;
  }
  .cs-cols.cs-4-cols > div:first-child {
    width: 22%;
  }
  .cs-cols.cs-3-1-cols > div {
    width: 22%;
    margin-left: 4%;
  }
  .cs-cols.cs-3-1-cols > div:first-child {
    width: 74%;
  }
  .cs-cols.cs-1-3-cols > div {
    width: 74%;
    margin-left: 4%;
  }
  .cs-cols.cs-1-3-cols > div:first-child {
    width: 22%;
  }
  .col2-left-layout .col-left {
    width: 22%;
  }
  .col2-left-layout .col-main {
    width: 74%;
  }
  .col2-right-layout .col-right {
    width: 22%;
  }
  .col2-right-layout .col-main {
    width: 74%;
  }
}
@media screen and (max-width: 940px) {
  .col2-right-layout .col-right,
  .col2-right-layout .col-main,
  .col2-left-layout .col-left,
  .col2-left-layout .col-main {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 820px) {
  .cs-cols.cs-4-cols > div {
    width: 48%;
    margin-left: 4%;
    margin-bottom: 20px;
  }
  .cs-cols.cs-4-cols > div:first-child,
  .cs-cols.cs-4-cols > div:nth-child(2n+1) {
    width: 48%;
    margin-left: 0;
    clear: left;
  }
}
@media screen and (max-width: 768px) {
  .cs-cols.cs-3-1-cols > div,
  .cs-cols.cs-1-3-cols > div {
    width: 100%;
    margin-left: 0;
    float: none;
  }
  .cs-cols.cs-3-1-cols > div:first-child,
  .cs-cols.cs-1-3-cols > div:first-child {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 680px) {
  .cs-cols.cs-2-cols > div {
    width: 100%;
    margin-left: 0;
    clear: left;
  }
  .cs-cols.cs-2-cols > div:first-child {
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .cs-cols.cs-4-cols > div {
    width: 100%;
    margin-left: 0;
    clear: left;
  }
  .cs-cols.cs-4-cols > div:first-child,
  .cs-cols.cs-4-cols > div:nth-child(2n+1) {
    width: 100%;
    margin-left: 0;
  }
}

/*
// inner box-shadow with prefix
.box-shadow-inset(@x: 2px, @y: 2px, @blur: 2px, @spread: 0, @alpha: 0.35) {
  -webkit-box-shadow:	@x @y @blur @spread rgba(0, 0, 0, @alpha) inset;
  -moz-box-shadow:	@x @y @blur @spread rgba(0, 0, 0, @alpha) inset;
  box-shadow:		@x @y @blur @spread rgba(0, 0, 0, @alpha) inset;
}

// gradient
.gradient(@color: #000, @start: #000, @stop: #FFF) {
  background: @color;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, @start), color-stop(1, @stop));
  background: -ms-linear-gradient(bottom, @start, @stop);
  background: -moz-linear-gradient(center bottom, @start 0%, @stop 100%);
  background: -o-linear-gradient(@stop, @start);
  filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@stop,@start));
}

// converts hex to rgba inc. fallback
.rgba(@alpha, @color: @grey) {
  @alphaColor: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
  @ieAlphaColor: argb(@alphaColor);

  background-color: @color; // Fallback for older browsers
  background-color: @alphaColor;

  // IE hacks
  zoom: 1; // hasLayout
  background-color: transparent\9;
  -ms-filter:  "progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieAlphaColor}, endColorstr=@{ieAlphaColor})"; // IE 8+
  filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieAlphaColor}, endColorstr=@{ieAlphaColor})"; // IE 6 & 7
}

// rounded corners with prefixes
.rounded-corners (@radius: 5px) {
  border-radius: @radius;
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
}
*/
* {
  margin: 0;
  padding: 0;
  font-family: 'Open Sans', sans-serif;
}
body,
html {
  color: #333333;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  line-height: 150%;
  -webkit-text-size-adjust: none;
  background: none;
  background-color: #ffffff;
}
h1,
h2,
h3,
h4,
h5,
h6,
.cs-h1,
.cs-h2,
.cs-h3,
.cs-h4,
.cs-h5,
.cs-h6 {
  margin-bottom: 1rem;
  font-weight: normal;
  color: #333333;
}
h1,
.cs-h1 {
  font-size: 35px;
  font-size: 2.692rem;
  line-height: 150%;
}
h2,
.cs-h2 {
  font-size: 25px;
  font-size: 1.923rem;
  line-height: 150%;
}
h3,
.cs-h3 {
  font-size: 19px;
  font-size: 1.462rem;
  line-height: 150%;
}
h4,
.cs-h4 {
  font-size: 15px;
  font-size: 1.154rem;
  line-height: 150%;
  font-weight: 600;
}
h5,
.cs-h5 {
  font-size: 13px;
  font-size: 1rem;
  line-height: 150%;
  font-weight: bold;
}
h6,
.cs-h6 {
  font-size: 13px;
  font-size: 1rem;
  line-height: 150%;
}
hr {
  border: none;
  border-top: 1px solid #cccccc;
  margin-bottom: 20px;
  margin-top: 20px;
}
hr.cs-light {
  border-top: 1px solid #e5e5e5;
}
hr.cs-dotted {
  border-top: 1px dotted #cccccc;
}
textarea {
  padding: 7px;
  color: #333333;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  font-size: 1rem;
  line-height: 150%;
  resize: none;
  border: 1px solid #cccccc;
}
textarea:focus {
  background-color: #f5f5f5;
}
.error-msg,
.success-msg,
.note-msg,
.notice-msg {
  font-size: 13px !important;
  font-size: 1rem !important;
  line-height: 150% !important;
  font-weight: normal !important;
  padding: 15px !important;
  min-height: 0 !important;
  color: #333333;
}
.error-msg {
  background-color: #ffd8ce;
  border-color: #ff403d;
}
.success-msg {
  background-color: #d5eabf;
  border-color: #63b15c;
}
.note-msg,
.notice-msg {
  background-color: #fff4cc;
  border-color: #ffd83c;
}
.cs-info-box {
  cursor: pointer;
  position: relative;
}
.cs-info-box:hover {
  color: #99cc00;
}
.cs-info-box:after {
  font-family: "autoparto-icons";
  content: '\e806';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-left: .3em;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
}
.cs-info-box > .cs-info-box-popup {
  display: none;
  background-color: #f5f5f5;
  padding: 7px 12px;
  position: absolute;
  left: 110%;
  top: 10px;
  color: #333333;
  font-weight: normal;
  font-size: 12px;
  font-size: 0.923rem;
  line-height: 150%;
  width: 429px;
  z-index: 500;
  -webkit-box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.35);
}
.cs-info-box > .cs-info-box-popup:after {
  right: 100%;
  top: 10px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(245, 245, 245, 0);
  border-right-color: #F5F5F5;
  border-width: 0 10px 10px;
  margin-top: -10px;
}
p {
  margin-bottom: 1rem;
}
p.cs-hint {
  font-size: 12px;
  font-size: 0.923rem;
  line-height: 150%;
  color: #999999;
  font-style: italic;
}
p.cs-highlight {
  padding: 10px;
  background: #f5f5f5;
}
p.cs-normal-style {
  font-style: normal;
}
p.cs-info {
  padding: 10px;
  background: #f5f5f5;
  font-style: italic;
}
a {
  color: #0a407b;
  text-decoration: underline;
  font-weight: 600;
}
a img {
  border: 0 none;
}
a:hover {
  color: #99cc00;
  text-decoration: underline;
}
a:link,
a:active,
a:visited,
a:hover,
a:focus {
  outline: none;
}
a.cs-extern:after {
  font-family: "autoparto-icons";
  content: '\e80f';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: none;
  width: 1em;
  height: .9em;
  margin-left: .2em;
  text-align: center;
  color: #daddd9;
  overflow: hidden;
  font-size: 12px;
  font-size: 0.923rem;
  line-height: 100%;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
}
a.cs-extern:hover:after {
  text-decoration: none;
}
a.cs-arrow,
a.show_car_articles,
a.manufacturer_name,
a.model_name {
  margin-bottom: 1rem;
  display: block;
  text-decoration: none;
  padding-left: 20px;
  position: relative;
}
a.cs-arrow:hover,
a.show_car_articles:hover,
a.manufacturer_name:hover,
a.model_name:hover {
  text-decoration: none;
}
a.cs-arrow:before,
a.show_car_articles:before,
a.manufacturer_name:before,
a.model_name:before {
  font-family: "autoparto-icons";
  content: '\e804';
  font-size: 20px;
  font-size: 1.538rem;
  line-height: 100%;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  color: #99cc00;
  position: absolute;
  top: 0;
  left: 0;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
}
a.show_car_articles {
  margin-bottom: 0;
}
a.cs-button,
a.button {
  color: #FFF;
  display: inline-block;
  margin-bottom: 1rem;
  padding: 5px 8px;
  background-color: #0a407b;
  text-decoration: none;
  font-size: 15px;
  font-size: 1.154rem;
  line-height: 150%;
}
a.cs-button:hover,
a.button:hover {
  background-color: #99cc00;
}
li.open > a.manufacturer_name:before,
li.open > a.model_name:before {
  content: '\e802';
}
ul,
ol {
  padding-left: 20px;
  margin-bottom: 1rem;
}
ul li,
ol li {
  margin-bottom: 5px;
}
ul {
  list-style: disc;
}
ul.cs-link-list {
  list-style: none;
  padding-left: 0;
}
ul.cs-link-list li a {
  color: #333333;
  font-weight: normal;
  text-decoration: none;
  position: relative;
  padding-left: 20px;
}
ul.cs-link-list li a:hover {
  color: #99cc00;
}
ul.cs-link-list li a:before {
  font-family: "autoparto-icons";
  content: '\e804';
  font-size: 20px;
  font-size: 1.538rem;
  line-height: 100%;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  position: absolute;
  top: -1px;
  left: -3px;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
}
table.data-table {
  width: 100%;
  border-collapse: collapse;
  border: none;
  margin-bottom: 1rem;
}
table.data-table tr th,
table.data-table tr td {
  border: 1px solid #FFF;
  border-bottom: 1px solid #e5e5e5;
  padding: 8px;
}
table.data-table tr th {
  background-color: #f5f5f5;
  border-bottom: 1px solid #FFF;
  color: #666666;
  font-weight: 600;
}
table.data-table tr.odd,
table.data-table tr.even {
  background: none;
}
.form-list label,
label {
  display: block;
  margin-bottom: 5px;
  font-weight: normal;
  color: #333333;
}
p.required {
  color: #999999;
  font-size: 12px;
  font-size: 0.923rem;
  line-height: 150%;
  text-align: left;
}
.validation-advice {
  margin-top: 0;
  padding-left: 0;
  margin-bottom: 1rem;
}
input[type="text"],
input[type="password"],
input.input-text,
button,
button.button {
  color: #333333;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  font-size: 1rem;
  line-height: 150%;
  margin-bottom: 1rem;
  display: block;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0 none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  border: none;
  background: none;
}
.form-list input[type="text"],
.form-list input.input-text,
.form-list input[type="password"],
.form-list li.wide input[type="text"],
.form-list li.wide input.input-text,
.form-list li.wide input[type="password"],
input[type="text"],
input.input-text,
input[type="password"] {
  border: 1px solid #cccccc;
  padding: 7px 4%;
  width: 92%;
  background-color: #FFF;
}
.form-list input[type="text"]:focus,
.form-list input.input-text:focus,
.form-list input[type="password"]:focus,
.form-list li.wide input[type="text"]:focus,
.form-list li.wide input.input-text:focus,
.form-list li.wide input[type="password"]:focus,
input[type="text"]:focus,
input.input-text:focus,
input[type="password"]:focus {
  background-color: #f5f5f5;
}
input[type="checkbox"],
input[type="radio"] {
  display: none;
}
input[type="checkbox"] + label,
input[type="radio"] + label,
input[type="checkbox"] + span.label > label,
input[type="radio"] + span.label > label {
  margin-bottom: 1em;
  margin-left: 30px;
  margin-right: 20px;
  position: relative;
  display: inline-block;
}
input[type="checkbox"] + label:hover,
input[type="radio"] + label:hover,
input[type="checkbox"] + span.label > label:hover,
input[type="radio"] + span.label > label:hover {
  cursor: pointer;
}
input[type="checkbox"] + label span.cs-span,
input[type="radio"] + label span.cs-span,
input[type="checkbox"] + span.label > label span.cs-span,
input[type="radio"] + span.label > label span.cs-span {
  display: inline-block;
  width: 19px;
  height: 18px;
  background: url('http://www.autoparto.de/skin/frontend/autoparto/default/images/checkbox-inactive.png') no-repeat;
  margin: 0 10px 0 0;
  vertical-align: middle;
  cursor: pointer;
  position: absolute;
  top: 1px;
  left: -30px;
}
input[type="checkbox"]:checked + label span.cs-span,
input[type="radio"]:checked + label span.cs-span,
input[type="checkbox"]:checked + span.label > label span.cs-span,
input[type="radio"]:checked + span.label > label span.cs-span {
  background-image: url('http://www.autoparto.de/skin/frontend/autoparto/default/images/checkbox-active.png');
}
input[type="radio"] + label span {
  background-image: url('http://www.autoparto.de/skin/frontend/autoparto/default/images/radiobutton-inactive.png');
}
input[type="radio"]:checked + label span {
  background-image: url('http://www.autoparto.de/skin/frontend/autoparto/default/images/radiobutton-active.png');
}
button,
button.button {
  color: #FFF;
  display: block;
  margin-bottom: 1rem;
  padding: 4px 7px;
  background-color: #0a407b;
  text-decoration: none;
  font-weight: 600;
  float: right;
  cursor: pointer;
}
button:hover,
button.button:hover {
  background-color: #99cc00;
}
button:after,
button.button:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
button span,
button.button span {
  background: none;
  padding: 0;
  border: none;
  font-family: 'Open Sans', sans-serif;
  height: auto;
  font-size: 13px;
  font-size: 1rem;
  line-height: 150%;
}
.dropdown {
  width: 100%;
  color: #333333;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  font-size: 1rem;
  line-height: 150%;
  margin-bottom: 1rem;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: none;
}
.dropdown .selected {
  padding: 7px 8% 7px 4%;
  background-color: #FFF;
  border: 1px solid #cccccc;
  color: #333333;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  font-size: 1rem;
  line-height: 150%;
  min-height: 20px;
}
.dropdown .selected:after {
  display: none;
}
.dropdown .carat {
  border: none;
  right: 8px;
  margin-top: 0;
  top: 10px;
}
.dropdown .carat:after {
  font-family: "autoparto-icons";
  content: '\e802';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-size: 16px;
  font-size: 1.231rem;
  line-height: 100%;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
}
.dropdown > div {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: none;
  width: 100%;
  left: 0;
  -webkit-box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.35);
}
.dropdown > div > ul {
  padding: 0;
  margin: 0;
  border: 1px solid #cccccc;
}
.dropdown > div > ul li {
  color: #333333;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  font-size: 1rem;
  line-height: 150%;
  padding: 7px 4%;
  margin: 0 !important;
  white-space: normal;
  word-break: break-all;
}
.dropdown > div > ul li.focus {
  background-color: #0a407b;
}
.dropdown.open .carat {
  border: none;
  margin-top: 0;
}
.dropdown.open .carat:after {
  content: '\e803';
}
.my-account .dropdown .selected {
  text-overflow: ellipsis;
}
.my-account .dropdown > div > ul > li {
  word-break: normal;
}
.form-list {
  margin-bottom: 20px;
  width: 80%;
}
.form-list > li {
  margin-bottom: 1rem;
}
.form-list .field {
  width: 48%;
}
.form-list .field:first-child {
  margin-right: 4%;
}
.form-list .control label {
  display: inline-block;
  position: relative;
  top: 2px;
}
.form-list .input-box {
  width: 100%;
}
.form-list .input-box .v-fix {
  width: 48%;
}
.form-list .input-box .v-fix:first-child {
  margin-right: 4%;
}
.form-list .half-width {
  width: 48%;
}
.sp-methods .form-list {
  padding-left: 5%;
  width: 95%;
}
form .cs-form-2-cols {
  width: 100%;
}
form .cs-form-2-cols > div {
  width: 48%;
  margin-left: 4%;
  float: left;
}
form .cs-form-2-cols > div:first-child {
  margin-left: 0;
}
form .cs-form-2-cols:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
form:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/*
// inner box-shadow with prefix
.box-shadow-inset(@x: 2px, @y: 2px, @blur: 2px, @spread: 0, @alpha: 0.35) {
  -webkit-box-shadow:	@x @y @blur @spread rgba(0, 0, 0, @alpha) inset;
  -moz-box-shadow:	@x @y @blur @spread rgba(0, 0, 0, @alpha) inset;
  box-shadow:		@x @y @blur @spread rgba(0, 0, 0, @alpha) inset;
}

// gradient
.gradient(@color: #000, @start: #000, @stop: #FFF) {
  background: @color;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, @start), color-stop(1, @stop));
  background: -ms-linear-gradient(bottom, @start, @stop);
  background: -moz-linear-gradient(center bottom, @start 0%, @stop 100%);
  background: -o-linear-gradient(@stop, @start);
  filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@stop,@start));
}

// converts hex to rgba inc. fallback
.rgba(@alpha, @color: @grey) {
  @alphaColor: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
  @ieAlphaColor: argb(@alphaColor);

  background-color: @color; // Fallback for older browsers
  background-color: @alphaColor;

  // IE hacks
  zoom: 1; // hasLayout
  background-color: transparent\9;
  -ms-filter:  "progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieAlphaColor}, endColorstr=@{ieAlphaColor})"; // IE 8+
  filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieAlphaColor}, endColorstr=@{ieAlphaColor})"; // IE 6 & 7
}

// rounded corners with prefixes
.rounded-corners (@radius: 5px) {
  border-radius: @radius;
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
}
*/
.cs-clearfix {
  display: block;
}
.cs-clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.main-container {
  background: none;
}
.main-container .main {
  width: 988px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  min-height: 0;
}
/*  BOXES  */
.cs-payment-info {
  margin-bottom: 20px;
}
.cs-payment-info .cs-payment-provider,
.cs-payment-info .cs-dispatch-provider {
  margin-bottom: 13px;
}
.cs-payment-info .cs-payment-provider img,
.cs-payment-info .cs-dispatch-provider img {
  display: block;
  margin-bottom: 7px;
  margin-left: 7px;
  float: left;
}
.cs-payment-info .cs-payment-provider img:nth-child(4n+1),
.cs-payment-info .cs-dispatch-provider img:nth-child(4n+1) {
  margin-left: 0;
  clear: both;
}
.cs-payment-info > *:last-child {
  margin-bottom: 0;
}
.cs-newsletter {
  margin-bottom: 20px;
}
.cs-newsletter > div {
  border: none;
}
.cs-newsletter > div .block-title {
  margin-bottom: 1rem;
}
.cs-newsletter > div .block-title strong span {
  font-size: 15px;
  font-size: 1.154rem;
  line-height: 150%;
  font-weight: 600;
  text-transform: none;
  font-family: 'Open Sans', sans-serif;
  color: #333333;
}
.cs-newsletter > div form {
  display: block;
  margin-bottom: 5px;
}
.cs-newsletter > div form .block-content {
  background: none;
  padding: 0;
  position: relative;
}
.cs-newsletter > div form .block-content input[type="email"],
.cs-newsletter > div form .block-content input[type="text"] {
  margin-bottom: 0;
  width: 86%;
  padding: 7px 10% 7px 4%;
}
.cs-newsletter > div form .block-content .actions {
  position: absolute;
  top: 0;
  right: 0;
  float: none;
  overflow: visible;
  height: 36px;
  width: 36px;
  margin: 0;
}
.cs-newsletter > div form .block-content .actions button {
  background: none;
  border: none;
  color: #0a407b;
  position: absolute;
  top: 4px;
  right: 0px;
  padding: 0;
}
.cs-newsletter > div form .block-content .actions button:hover {
  color: #99cc00;
}
.cs-newsletter > div form .block-content .actions button:before {
  font-family: "autoparto-icons";
  content: '\e804';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-size: 26px;
  font-size: 2rem;
  line-height: 100%;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
}
.cs-newsletter > div > *:last-child {
  margin-bottom: 0;
}
.cs-social-media {
  margin-bottom: 20px;
}
.cs-social-media a[class^="icon-"],
.cs-social-media a[class*=" icon-"] {
  color: #0a407b;
}
.cs-social-media a[class^="icon-"]:hover,
.cs-social-media a[class*=" icon-"]:hover {
  color: #99cc00;
}
.cs-social-media a[class^="icon-"]:before,
.cs-social-media a[class*=" icon-"]:before {
  font-size: 30px;
  font-size: 2.308rem;
  line-height: 100%;
  margin-right: 2px;
}
.cs-brands {
  background-color: #f5f5f5;
  padding: 20px 0;
  width: 100%;
  display: table;
}
.cs-brands > p {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 0 15px;
}
.cs-brands > p img {
  width: 100%;
  height: auto;
}
.cs-tecdoc-copyright {
  margin-top: 20px;
}
.cs-tecdoc-copyright > img {
  float: left;
  margin-right: 15px;
}
.cs-tecdoc-copyright > p {
  font-size: 12px;
  font-size: 0.923rem;
  line-height: 140%;
  color: #999999;
}
/*  PRODUCT-VIEWS  */
.cs-price-info,
.tax-details {
  color: #999999;
  font-size: 11px;
  font-size: 0.846rem;
  line-height: 150%;
}
.cs-price-info a,
.tax-details a {
  color: #999999;
  font-weight: normal;
}
.cs-price-info a:hover,
.tax-details a:hover {
  color: #99cc00;
}
.price-box {
  margin: 0;
}
.price-box .regular-price,
.price-box .regular-price .price {
  color: #0a407b;
  font-size: 19px;
  font-size: 1.462rem;
  line-height: 150%;
  font-weight: 600;
}
.price-box .regular-price {
  display: block;
}
.price-box .special-price,
.price-box .special-price .price {
  color: #cc0000;
  font-size: 29px;
  font-size: 2.231rem;
  line-height: 150%;
  font-weight: 600;
}
.price-box .special-price {
  margin: 0;
  padding: 0;
}
.price-box .special-price .price {
  position: relative;
}
.price-box .special-price .price:after {
  content: '';
  width: 45px;
  height: 46px;
  background: url('http://www.autoparto.de/skin/frontend/autoparto/default/images/product-special-offer.png') no-repeat top right;
  position: absolute;
  right: -40px;
  top: -14px;
}
.price-box .old-price,
.price-box .old-price .price,
.price-box .old-price .price-label {
  color: #666666;
  font-size: 12px;
  font-size: 0.923rem;
  line-height: 150%;
  font-weight: normal;
  text-decoration: none;
}
.price-box .old-price {
  margin-bottom: 3px;
  text-decoration: line-through;
}
.product-name,
.product-name a {
  font-size: 15px;
  font-size: 1.154rem;
  line-height: 150%;
  font-weight: 600;
  margin-bottom: 0;
  color: #333333;
  text-decoration: none;
}
.product-name:hover,
.product-name a:hover {
  color: #99cc00;
}
.icon-available,
.icon-not-available,
.icon-soon-available {
  height: 9px;
  width: 9px;
  margin-right: 8px;
}
.label-availability {
  font-size: 12px;
  font-size: 0.923rem;
  line-height: 150%;
}
.icon-available {
  background-color: #339900;
}
.icon-available + .label-availability {
  color: #339900;
}
.icon-not-available {
  background-color: #cc0000;
}
.icon-not-available + .label-availability {
  color: #cc0000;
}
.icon-soon-available {
  background-color: #ff9900;
}
.icon-soon-available + .label-availability {
  color: #ff9900;
}
.cs-product-description > span {
  display: inline-block;
  width: 70px;
}
.cs-products-box-view-index {
  margin-bottom: 20px;
}
.cs-products-box-view-index ul.products-grid {
  width: 100%;
  list-style: none;
  padding: 0;
}
.cs-products-box-view-index ul.products-grid > li {
  width: 232px;
  margin-bottom: 20px;
  float: left;
  text-align: center;
  padding: 0;
  margin-left: 20px;
}
.cs-products-box-view-index ul.products-grid > li.first,
.cs-products-box-view-index ul.products-grid > li:nth-child(4n+1) {
  margin-left: 0;
}
.cs-products-box-view-index ul.products-grid > li > .cs-product-item {
  border: 1px solid #e5e5e5;
  padding: 15px 15px 10px;
}
.cs-products-box-view-index ul.products-grid > li > .cs-product-item a.product-image {
  display: block;
  width: 100%;
  height: auto;
}
.cs-products-box-view-index ul.products-grid > li > .cs-product-item a.product-image img {
  max-width: 100%;
  height: auto;
}
.cs-products-box-view-index ul.products-grid > li > .cs-product-item .price-box .regular-price {
  margin: 1rem 0 25px 0;
}
.cs-products-box-view-index ul.products-grid > li > .cs-product-item .price-box .special-price {
  margin-top: 1px;
  padding: 3px 0;
}
.cs-products-box-view-index ul.products-grid > li.cs-product-item-special-offer {
  border: 2px #cccccc solid;
}
.products-list {
  padding: 0;
  margin: 0;
}
.products-list > li.item {
  border: 1px solid #e5e5e5;
  padding: 20px;
  margin-bottom: 20px;
}
.products-list > li.item.first,
.products-list > li.item:first-child {
  margin-top: 20px;
}
.products-list > li.item.last {
  border-bottom: 1px solid #e5e5e5;
}
.products-list > li.item .f-fix {
  position: relative;
  min-height: 170px;
}
.products-list > li.item .product-image {
  text-align: center;
  height: auto;
  margin-bottom: 0;
}
.products-list > li.item .product-image img:first-child {
  margin-bottom: 10px;
}
.products-list > li.item .price-box {
  width: 25%;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  text-align: right;
}
.products-list > li.item .price-box .special-price .price:after {
  display: none;
}
.products-list > li.item .cs-price-info {
  width: 30%;
  position: absolute;
  top: 45px;
  right: 0;
  text-align: right;
}
.products-list > li.item .tax-details {
  position: absolute;
  right: 0;
  top: 30px;
}
.products-list > li.item p {
  margin: 0;
}
.products-list > li.item p button {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 30%;
  padding: 4px 2%;
  margin-bottom: 0;
}
.products-list > li.item .cs-availability {
  position: absolute;
  bottom: 35px;
  right: 0;
  width: 27%;
  text-align: right;
}
.products-list > li.item .cs-availability > div {
  display: inline-block;
}
.products-list > li.item .desc.std {
  margin-bottom: 0;
  font-size: 12px;
  font-size: 0.923rem;
  line-height: 150%;
  padding: 0;
}
.products-list > li.item .desc.std .link-learn {
  margin-top: 1rem;
  margin-bottom: 0;
  display: block;
  text-decoration: none;
  padding-left: 18px;
  position: relative;
  font-size: 12px;
  font-size: 0.923rem;
  line-height: 150%;
}
.products-list > li.item .desc.std .link-learn:hover {
  text-decoration: none;
}
.products-list > li.item .desc.std .link-learn:before {
  font-family: "autoparto-icons";
  content: '\e804';
  font-size: 17px;
  font-size: 1.308rem;
  line-height: 100%;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  color: #99cc00;
  position: absolute;
  top: 0;
  left: 0;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
}
.products-list > li.item .product-name,
.products-list > li.item .desc.std {
  width: 70%;
}
.products-list > li.item.cs-product-item-special-offer {
  border: 2px #cccccc solid;
  position: relative;
}
.products-list > li.item.cs-product-item-special-offer:before {
  content: '';
  width: 45px;
  height: 46px;
  background: url('http://www.autoparto.de/skin/frontend/autoparto/default/images/product-special-offer.png') no-repeat top right;
  position: absolute;
  right: -9px;
  bottom: 30px;
  z-index: 50;
}
.products-list > li.item.cs-product-item-special-offer .f-fix {
  min-height: 170px;
}
.products-list > li.item.cs-product-item-special-offer .price-box {
  top: -6px;
}
.products-list > li.item.cs-product-item-special-offer .cs-price-info {
  top: 80px;
}
.products-list > li.item.cs-product-item-special-offer .tax-details {
  top: 65px;
}
.cs-product-filter {
  background-color: #99cc00;
  color: #FFF;
  padding: 15px 0 10px;
  margin-bottom: 1rem;
}
.cs-product-filter .cs-info-box {
  display: inline-block;
}
.cs-product-filter .cs-info-box:hover {
  color: #0a407b;
}
.cs-product-filter form {
  padding: 0 15px;
}
.cs-product-filter form:first-child {
  border-bottom: 1px solid #FFF;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding-bottom: 10px;
}
.cs-product-filter form:last-child {
  padding-top: 5px;
}
.cs-product-filter button {
  margin-bottom: 0;
}
.cs-product-filter button:hover {
  background-color: #0a407b;
  -webkit-box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.35);
}
.cs-product-filter button.disabled {
  background-color: #666666;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: default;
}
.cs-product-filter input,
.cs-product-filter label,
.cs-product-filter .dropdown {
  margin-bottom: 6px;
}
.cs-product-filter input[type="text"] {
  padding: 7px 6%;
  width: 88%;
}
.cs-product-filter label {
  font-weight: bold;
  font-size: 12px;
  font-size: 0.923rem;
  line-height: 150%;
  color: #FFF;
}
.cs-product-filter h1 {
  color: #FFF;
}
.cs-product-filter > .left {
  padding: 0 2% 10px;
  width: 41%;
  border-right: 1px solid #FFF;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}
.cs-product-filter > .left form {
  padding: 0;
}
.cs-product-filter > .left form:first-child,
.cs-product-filter > .left form:last-child {
  border: none;
  padding: 0;
}
.cs-product-filter > .left:first-child {
  width: 24%;
}
.cs-product-filter > .left:last-child {
  width: 21%;
  border: none;
}
#tecdoc_cars #tecdoc_car_notice {
  margin-bottom: 10px;
  font-style: italic;
}
#tecdoc_cars table.data-table {
  margin-bottom: 60px;
}
#tecdoc_cars table.data-table a:not(.show_car_articles) {
  color: #333333;
  text-decoration: none;
}
#tecdoc_cars table.data-table a:not(.show_car_articles):hover {
  color: #99cc00;
}
#tecdoc_cars table.data-table tr th {
  background-color: #0a407b;
  color: #fff;
}
.cs-carbox {
  background-color: #99cc00;
  padding: 15px;
  margin-bottom: 1rem;
}
.cs-carbox label {
  font-weight: bold;
  font-size: 12px;
  font-size: 0.923rem;
  line-height: 150%;
  color: #FFF;
  margin-bottom: 5px;
}
.cs-carbox a.button:hover {
  background-color: #0a407b;
  -webkit-box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.35);
}
.cs-carbox .car_info {
  background-color: #FFF;
  padding: 10px;
  margin-bottom: 10px;
}
.cs-carbox .car_info .car_name {
  font-size: 15px;
  font-size: 1.154rem;
  line-height: 150%;
  font-weight: 600;
  padding-right: 20px;
  cursor: pointer;
  position: relative;
}
.cs-carbox .car_info .car_name:after {
  font-family: "autoparto-icons";
  content: '\e802';
  font-style: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-weight: normal;
  font-size: 20px;
  font-size: 1.538rem;
  line-height: 150%;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  position: absolute;
  top: -5px;
  right: -3px;
}
.cs-carbox .car_info .car_name:hover:after {
  color: #99cc00;
}
.cs-carbox .car_info .car_name.cs-closed:after {
  content: '\e803';
}
.cs-carbox .car_info .car_details {
  margin-top: 15px;
  font-size: 12px;
  font-size: 0.923rem;
  line-height: 150%;
}
.cs-carbox a.button {
  margin-bottom: 0;
  font-size: 13px;
  font-size: 1rem;
  line-height: 150%;
}
.cs-carbox a.button:hover {
  -webkit-box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.35);
}
.block-layered-nav .block-title {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 7px;
  margin-bottom: 5px;
}
.block-layered-nav .block-title strong,
.block-layered-nav .block-title strong span {
  font-weight: normal;
  color: #333333;
  font-size: 19px;
  font-size: 1.462rem;
  line-height: 150%;
  display: block;
  text-indent: 0;
}
.block-layered-nav .block-content {
  border: none;
  background: none;
  padding: 0;
  margin-bottom: 20px;
}
.block-layered-nav .block-content > dl > dt {
  display: none;
}
.block-layered-nav .block-content > dl > dd {
  padding: 0;
}
.block-layered-nav .block-content > dl > dd ol {
  padding: 0;
  margin: 0;
  list-style: none;
}
.block-layered-nav .block-content > dl > dd ol > li {
  margin-bottom: 3px;
}
.block-layered-nav .block-content > dl > dd ol > li label {
  margin-bottom: 0;
  line-height: 20px;
}
.block-layered-nav .block-content > dl > dd ol > li > a {
  color: #333333;
  font-weight: normal;
  font-size: 15px;
  font-size: 1.154rem;
  line-height: 150%;
  text-decoration: none;
  padding: 3px 30px 3px 10px;
  background-color: #f5f5f5;
  display: block;
  position: relative;
}
.block-layered-nav .block-content > dl > dd ol > li > a span {
  color: #999999;
  position: absolute;
  right: 0px;
  top: 0px;
  height: 29px;
  width: 29px;
  display: none;
}
.block-layered-nav .block-content > dl > dd ol > li > a span:before {
  font-size: 20px;
  font-size: 1.538rem;
  line-height: 150%;
  margin-right: 0;
  position: relative;
  left: 5px;
  top: -1px;
}
.block-layered-nav .block-content > dl > dd ol > li > a.current,
.block-layered-nav .block-content > dl > dd ol > li > a:hover {
  color: #FFF;
  background-color: #99cc00;
}
.block-layered-nav .block-content > dl > dd ol > li > a.current span,
.block-layered-nav .block-content > dl > dd ol > li > a:hover span {
  color: #FFF;
}
.block-layered-nav .block-content > dl > dd ol > li ul {
  padding: 0;
  list-style: none;
  padding-top: 10px;
}
.block-layered-nav .block-content > dl > dd ol > li ul > li {
  margin-bottom: 0;
}
.block-layered-nav .block-content > dl > dd ol > li ul > li > a {
  margin-left: 10px;
  position: relative;
  display: block;
  color: #999999;
  font-weight: normal;
  font-size: 13px;
  font-size: 1rem;
  line-height: 150%;
  text-decoration: none;
  padding: 1px 0 1px 17px;
}
.block-layered-nav .block-content > dl > dd ol > li ul > li > a:before {
  content: '\e804';
  font-family: "autoparto-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  position: absolute;
  left: 0;
  top: 1px;
}
.block-layered-nav .block-content > dl > dd ol > li ul > li > a:hover,
.block-layered-nav .block-content > dl > dd ol > li ul > li > a.current {
  font-weight: 600;
  color: #333333;
}
.block-layered-nav .block-content > dl > dd ol > li.cs-open > a span:before {
  content: '\e802';
}
.block-layered-nav .block-content > dl > dd ol > li.cs-open > ul {
  display: block;
}
.block-layered-nav .block-content > dl.cs-filter-list > dt {
  display: block;
  text-transform: none;
  padding: 0;
  font-weight: 600;
  font-size: 13px;
  font-size: 1rem;
  line-height: 200%;
}
.block-layered-nav .block-content > dl.cs-filter-list > dt:before {
  position: absolute;
  right: 0;
  color: #daddd9;
  font-size: 18px;
  font-size: 1.385rem;
  line-height: 150%;
}
.block-layered-nav .block-content > dl.cs-filter-list > dd ol li {
  font-size: 13px;
  font-size: 1rem;
  line-height: 200%;
}
.block-layered-nav .block-content > dl.cs-filter-list > dd ol li a {
  background-color: #fff;
  display: inline;
  padding: 0;
  font-size: 13px;
  font-size: 1rem;
  line-height: 200%;
}
.block-layered-nav .block-content > dl.cs-filter-list > dd ol li a:hover {
  color: #333333;
}
.block-layered-nav .block-content .actions {
  background: none;
  border: none;
}
.cs-brands-box {
  margin-bottom: 20px;
}
.cs-brands-box h3 {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 7px;
  margin-bottom: 1rem;
}
.cs-brands-box > div > div {
  width: 50%;
  float: left;
  text-align: center;
  margin-bottom: 1rem;
}
.cs-brands-box > div > div img {
  max-width: 90%;
}
.product-view {
  border: none;
}
.product-view .product-essential {
  padding: 0;
  margin-bottom: 20px;
}
.product-view .product-essential .product-shop {
  width: 358px;
}
.product-view .product-essential .product-shop .product-name,
.product-view .product-essential .product-shop .product-name h1 {
  margin-bottom: 1rem;
  font-weight: normal;
  color: #333333;
  font-size: 25px;
  font-size: 1.923rem;
  line-height: 150%;
}
.product-view .product-essential .product-shop .ratings {
  margin: 0 0 1rem;
}
.product-view .product-essential .product-shop .ratings .rating-links a {
  color: #999999;
  font-size: 12px;
  font-size: 0.923rem;
  line-height: 150%;
  font-weight: normal;
}
.product-view .product-essential .product-shop .no-rating {
  margin: 0 0 1rem;
}
.product-view .product-essential .product-shop .no-rating a {
  color: #999999;
  font-size: 12px;
  font-size: 0.923rem;
  line-height: 150%;
  font-weight: normal;
}
.product-view .product-essential .product-shop .ratings-table,
.product-view .product-essential .product-shop a.review-count {
  float: left;
  display: block;
  margin: 0 0 1rem;
}
.product-view .product-essential .product-shop .ratings-table td {
  padding: 0;
}
.product-view .product-essential .product-shop a.review-count {
  color: #999999;
  font-size: 12px;
  font-size: 0.923rem;
  line-height: 150%;
  font-weight: normal;
}
.product-view .product-essential .product-shop .cs-product-sub-info {
  margin-bottom: 20px;
  padding-top: 10px;
  border-top: #e5e5e5 1px solid;
}
.product-view .product-essential .product-shop .cs-product-sub-info img {
  float: right;
  max-width: 40%;
  height: auto;
}
.product-view .product-essential .product-shop .cs-product-sub-info .cs-product-description {
  float: left;
  width: 50%;
}
.product-view .product-essential .product-shop .cs-product-detail-price-box {
  background: #f5f5f5;
  border: 2px solid #cccccc;
  padding: 20px;
}
.product-view .product-essential .product-shop .cs-product-detail-price-box .price-box {
  margin: 0;
  text-align: right;
}
.product-view .product-essential .product-shop .cs-product-detail-price-box .price-box .special-price .price {
  font-size: 40px;
  font-size: 3.077rem;
  line-height: 150%;
  font-weight: normal;
}
.product-view .product-essential .product-shop .cs-product-detail-price-box .price-box .special-price .price:after {
  display: none;
}
.product-view .product-essential .product-shop .cs-product-detail-price-box .cs-price-info {
  text-align: right;
  margin-bottom: 30px;
}
.product-view .product-essential .product-shop .cs-product-detail-price-box .cs-price-info > div {
  display: inline;
}
.product-view .product-essential .product-shop .cs-product-detail-price-box .tax-details {
  text-align: right;
  display: block;
  width: 100%;
}
.product-view .product-essential .product-shop .cs-product-detail-price-box .cs-availability {
  text-align: right;
  margin-bottom: 10px;
}
.product-view .product-essential .product-shop .cs-product-detail-price-box .cs-availability > div {
  display: inline-block;
}
.product-view .product-essential .product-shop .cs-product-detail-price-box .add-to-box {
  margin: 0;
  text-align: right;
}
.product-view .product-essential .product-shop .cs-product-detail-price-box .add-to-box .add-to-cart {
  width: 100%;
  float: none;
}
.product-view .product-essential .product-shop .cs-product-detail-price-box .add-to-box .add-to-cart * {
  float: right;
}
.product-view .product-essential .product-shop .cs-product-detail-price-box .add-to-box .add-to-cart label {
  font-weight: normal;
  font-size: 12px;
  font-size: 0.923rem;
  line-height: 36px;
}
.product-view .product-essential .product-shop .cs-product-detail-price-box .add-to-box .add-to-cart .qty {
  width: 20px !important;
}
.product-view .product-essential .product-shop .cs-product-detail-price-box .add-to-box .add-to-cart .button.btn-cart {
  display: inline-block;
  margin-bottom: 0;
  padding: 7px;
}
.product-view .product-essential .product-shop .cs-product-detail-price-box .add-to-box .add-to-cart .button.btn-cart:before {
  margin-right: 6px;
  font-size: 18px;
  font-size: 1.385rem;
  line-height: 100%;
  position: relative;
  top: 2px;
}
.product-view .product-essential .product-shop .cs-product-detail-price-box .add-to-box .add-to-links {
  text-align: right;
  width: 100%;
  padding: 0;
}
.product-view .product-essential .product-shop .cs-product-detail-price-box .add-to-box .add-to-links li {
  margin: 0;
  float: right;
  margin-left: 20px;
}
.product-view .product-essential .product-shop .cs-product-detail-price-box .add-to-box .add-to-links li a {
  margin-bottom: 0;
  display: inline-block;
  text-decoration: none;
  padding-left: 20px;
  position: relative;
  color: #0a407b !important;
  font-weight: 600 !important;
  font-size: 13px;
  font-size: 1rem;
  line-height: 150%;
}
.product-view .product-essential .product-shop .cs-product-detail-price-box .add-to-box .add-to-links li a:hover {
  text-decoration: none;
  color: #99cc00 !important;
}
.product-view .product-essential .product-shop .cs-product-detail-price-box .add-to-box .add-to-links li a:before {
  font-size: 14px;
  font-size: 1.077rem;
  line-height: 100%;
  color: #99cc00;
  position: absolute;
  top: 4px;
  left: 0;
}
.product-view .product-essential .product-shop .cs-product-detail-price-box .product-options {
  margin: 0px 0px 30px 0px;
  background: #ebebeb;
  border: 2px solid #cccccc;
  padding: 10px;
  text-align: right;
}
.product-view .product-essential .product-shop .cs-product-detail-price-box .product-options dl {
  padding-bottom: 10px;
}
.product-view .product-essential .product-shop .cs-product-detail-price-box .product-options dl.last {
  padding-bottom: 0px;
}
.product-view .product-essential .product-shop .cs-product-detail-price-box .product-options dl em {
  display: none;
}
.product-view .product-essential .product-shop .cs-product-detail-price-box .product-options dl dt {
  padding-top: 0px;
}
.product-view .product-essential .product-shop .cs-product-detail-price-box .product-options dl dt label {
  color: #333333;
  margin: 0px 0px 5px 0px;
}
.product-view .product-essential .product-shop .cs-product-detail-price-box .product-options dl dd {
  padding: 0px;
}
.product-view .product-essential .product-shop .cs-product-detail-price-box .product-options dl dd ul.options-list {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.product-view .product-essential .product-shop .cs-product-detail-price-box .product-options dl dd ul.options-list.validation-failed {
  padding: 5px;
}
.product-view .product-essential .product-shop .cs-product-detail-price-box .product-options dl dd ul.options-list li {
  padding: 0px;
  margin-bottom: 5px;
}
.product-view .product-essential .product-shop .cs-product-detail-price-box .product-options dl dd ul.options-list li:last-child {
  margin-bottom: 0px;
}
.product-view .product-essential .product-shop .cs-product-detail-price-box .product-options dl dd ul.options-list li label {
  margin: 0px;
}
.product-view .product-essential .product-shop .cs-product-detail-price-box .product-options dl dd .validation-advice {
  margin: 0px 0px 5px 0px;
}
.product-view .product-essential .product-shop .cs-product-detail-price-box .product-options dl dd .price-notice {
  color: #333333;
}
.product-view .product-essential .product-shop .cs-product-detail-price-box .product-options dl dd .price-notice .price {
  color: #333333;
}
.product-view .product-essential .product-shop .product-options ul.options-list {
  list-style: none outside none;
}
.product-view .product-essential .product-img-box {
  width: 358px;
}
.product-view .product-essential .product-img-box .product-image {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
.product-view .product-essential .product-img-box .product-image img {
  max-width: 100%;
  height: auto;
}
.product-view .product-essential .product-img-box .more-views ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.product-view .product-essential .product-img-box .more-views ul li:first-child {
  margin-left: 0;
}
.product-view .product-essential .product-img-box .more-views ul li > a {
  border: 1px solid #e5e5e5;
}
/*  PAGINATION  */
.toolbar .pager,
.pager {
  padding: 0;
  border: none;
}
.toolbar .pager .amount,
.pager .amount {
  font-size: 13px;
  font-size: 1rem;
  line-height: 150%;
}
.toolbar .pager .pages ol,
.pager .pages ol {
  font-size: 13px;
  font-size: 1rem;
  line-height: 150%;
  margin: 0;
  padding: 0;
}
.toolbar .pager .pages ol li,
.pager .pages ol li {
  margin: 0 4px;
}
.toolbar .pager .pages ol li a,
.pager .pages ol li a {
  text-decoration: none;
  color: #333333;
}
.toolbar .pager .pages ol li a:hover,
.pager .pages ol li a:hover {
  color: #99cc00;
}
.toolbar .pager .pages ol li a.previous,
.pager .pages ol li a.previous,
.toolbar .pager .pages ol li a.next,
.pager .pages ol li a.next {
  position: relative;
}
.toolbar .pager .pages ol li a.previous:before,
.pager .pages ol li a.previous:before,
.toolbar .pager .pages ol li a.next:before,
.pager .pages ol li a.next:before {
  font-family: "autoparto-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-size: 18px;
  font-size: 1.385rem;
  line-height: 100%;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  color: #99cc00;
  position: relative;
  top: 1px;
}
.toolbar .pager .pages ol li a.previous:hover:before,
.pager .pages ol li a.previous:hover:before,
.toolbar .pager .pages ol li a.next:hover:before,
.pager .pages ol li a.next:hover:before {
  color: #0a407b;
}
.toolbar .pager .pages ol li a.previous img,
.pager .pages ol li a.previous img,
.toolbar .pager .pages ol li a.next img,
.pager .pages ol li a.next img {
  display: none;
}
.toolbar .pager .pages ol li a.next:before,
.pager .pages ol li a.next:before {
  content: '\e804';
}
.toolbar .pager .pages ol li a.previous:before,
.pager .pages ol li a.previous:before {
  content: '\e805';
}
.toolbar .pager .pages ol li.current,
.pager .pages ol li.current {
  color: #0a407b;
  font-weight: 600;
}
.toolbar {
  position: relative;
}
.toolbar .pager + .sorter {
  margin: 0;
  padding: 0;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
}
.toolbar .pager + .sorter .sort-by {
  padding: 0;
  float: none;
  width: 170px;
}
.toolbar .pager + .sorter .sort-by .dropdown {
  margin-bottom: 0;
}
.toolbar .pager + .sorter .sort-by .dropdown.focus,
.toolbar .pager + .sorter .sort-by .dropdown:hover {
  box-shadow: none;
}
.toolbar .pager + .sorter .sort-by .dropdown .selected {
  border: none;
  padding: 0 21px 0 0;
  text-align: right;
}
.toolbar .pager + .sorter .sort-by .dropdown .carat {
  top: 1px;
  right: -2px;
  color: #cccccc;
}
.toolbar .pager + .sorter .sort-by .dropdown > div ul li {
  padding: 3px 4%;
}
/*  SLIDER  */
.flexslider.cs-index-slider {
  background: none;
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  box-shadow: none;
  margin: 0;
  margin-bottom: 10px !important;
}
.flexslider.cs-index-slider ol,
.flexslider.cs-index-slider ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.flexslider.cs-index-slider ol li,
.flexslider.cs-index-slider ul li {
  margin-bottom: 0;
}
.flexslider.cs-index-slider .slides li {
  position: relative;
}
.flexslider.cs-index-slider .slides li > div {
  position: absolute;
  left: 20px;
  top: 40px;
}
.flexslider.cs-index-slider .slides li > div > p {
  color: #0a407b;
  font-size: 35px;
  font-size: 2.692rem;
  line-height: 150%;
}
.flexslider.cs-index-slider .slides li > div a {
  color: #fff;
  background-color: #0a407b;
  padding: 4px 7px;
  text-decoration: none;
  font-size: 15px;
  font-size: 1.154rem;
  line-height: 150%;
  border: 1px solid #0a407b;
  font-weight: 600;
}
.flexslider.cs-index-slider .slides li > div a:hover {
  background-color: #99cc00;
  border-color: #99cc00;
}
.flexslider.cs-index-slider .slides li > div b {
  font-weight: 600;
}
.flexslider.cs-index-slider .flex-control-nav {
  bottom: -10px;
  height: 10px;
}
.flexslider.cs-index-slider .flex-control-nav li {
  margin: 0 4px;
}
.flexslider.cs-index-slider .flex-control-nav li a {
  background-color: #cccccc;
  height: 11px;
  width: 11px;
  box-shadow: none;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
}
.flexslider.cs-index-slider .flex-control-nav li a:hover {
  background-color: #0a407b;
}
.flexslider.cs-index-slider .flex-control-nav li a.flex-active {
  background-color: #99cc00;
}
/* Edit, Delete-Icon */
.cs-edit,
.btn-remove,
.btn-remove2 {
  background: none;
  text-indent: 0;
  font-weight: normal;
  color: #999999;
  font-size: 20px;
  font-size: 1.538rem;
  line-height: 100%;
  text-decoration: none;
  display: block;
  width: 22px;
  height: 22px;
}
.cs-edit:hover,
.btn-remove:hover,
.btn-remove2:hover {
  text-decoration: none;
  color: #99cc00;
}
.cs-edit:before,
.btn-remove:before,
.btn-remove2:before {
  margin-right: 0;
}
.btn-remove,
.btn-remove2 {
  color: #cccccc;
}
/*  Warenkorb  */
table.cart-table.data-table thead tr th.a-center {
  padding: 8px 25px;
}
table.cart-table.data-table thead tr th.a-center:last-child {
  padding: 8px 8px 8px 25px;
}
table.cart-table.data-table tbody tr,
table.cart-table.data-table tbody tr.odd,
table.cart-table.data-table tbody tr.even {
  background: none;
}
table.cart-table.data-table tfoot {
  border-bottom: none;
}
table.cart-table.data-table tfoot tr.first {
  background: none !important;
}
table.cart-table.data-table tfoot tr.first td,
table.cart-table.data-table tfoot tr.first td.a-right.last {
  border-top: 1px solid #e5e5e5;
  border-bottom: none !important;
  background: none !important;
  padding: 8px 0;
}
table.cart-table.data-table .cart-price {
  text-align: right;
  display: block;
}
table.cart-table.data-table .cart-price .price {
  font-weight: 600;
}
table.cart-table.data-table input.input-text {
  padding: 7px 5px;
  width: 20px !important;
  margin: 0 auto;
}
table.cart-table.data-table .button.btn-continue,
table.cart-table.data-table .button.btn-update,
table.cart-table.data-table .button.btn-empty {
  margin-bottom: 1rem;
  display: block;
  text-decoration: none;
  padding: 0 0 0 20px;
  position: relative;
  background: none;
  border: none;
}
table.cart-table.data-table .button.btn-continue span,
table.cart-table.data-table .button.btn-update span,
table.cart-table.data-table .button.btn-empty span {
  background: none;
  border: none;
  color: #0a407b;
  font-weight: 600;
}
table.cart-table.data-table .button.btn-continue:hover,
table.cart-table.data-table .button.btn-update:hover,
table.cart-table.data-table .button.btn-empty:hover,
table.cart-table.data-table .button.btn-continue:hover span,
table.cart-table.data-table .button.btn-update:hover span,
table.cart-table.data-table .button.btn-empty:hover span {
  text-decoration: none;
  color: #99cc00;
}
table.cart-table.data-table .button.btn-continue:before,
table.cart-table.data-table .button.btn-update:before,
table.cart-table.data-table .button.btn-empty:before {
  font-family: "autoparto-icons";
  content: '\e804';
  font-size: 20px;
  font-size: 1.538rem;
  line-height: 100%;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  margin-right: .2em;
  text-align: center;
  color: #99cc00;
  position: absolute;
  top: 0;
  left: 0;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
}
table.cart-table.data-table .button.btn-update:before,
table.cart-table.data-table .button.btn-empty:before {
  font-size: 14px;
  font-size: 1.077rem;
  line-height: 100%;
  top: 4px;
  width: 1em;
}
table.cart-table.data-table .button.btn-continue {
  padding-left: 15px;
}
table.cart-table.data-table .button.btn-continue:before {
  content: '\e805';
  width: 0;
}
table.cart-table.data-table .button.btn-update {
  margin-left: 20px;
}
table.cart-table.data-table .button.btn-update:before {
  content: '\e811';
}
table.cart-table.data-table .button.btn-empty:before {
  content: '\e80e';
}
.cart-collaterals {
  margin-bottom: 20px;
}
.cart-collaterals > form {
  width: 610px;
  float: left;
  margin-right: 20px;
}
.cart-collaterals > form .discount {
  border: none;
  padding: 0;
  margin: 0;
}
.cart-collaterals > form .discount h2 {
  padding: 0;
  margin-bottom: 1rem;
  font-weight: normal;
  color: #333333;
  font-size: 25px;
  font-size: 1.923rem;
  line-height: 150%;
  text-transform: none;
}
.cart-collaterals > form .discount .input-box {
  margin: 0 12px 0 0;
  width: 280px;
  float: left;
}
.cart-collaterals > form .discount .input-box input {
  margin-bottom: 0;
  width: 92%;
}
.cart-collaterals > form .discount .buttons-set {
  clear: none;
  margin-top: 0;
}
.cart-collaterals > form .discount .buttons-set button {
  padding: 7px;
}
.cart-collaterals > form .discount .buttons-set button span {
  border: none;
  background: none;
}
.cart-collaterals .totals {
  background: #f5f5f5;
  border: 2px solid #cccccc;
  padding: 20px;
  width: 314px;
}
.cart-collaterals .totals table {
  margin: 0;
}
.cart-collaterals .totals table tr td:last-child {
  padding-right: 0;
}
.cart-collaterals .totals table tr td:first-child {
  padding-left: 0;
}
.cart-collaterals .totals table tfoot tr td {
  padding-top: 25px;
}
.cart-collaterals .totals .checkout-types {
  list-style: none;
  padding: 0;
  margin: 20px 0 0;
}
.cart-collaterals .totals .checkout-types li {
  margin: 0;
}
.cart-collaterals .totals .checkout-types li button.btn-checkout {
  margin: 0;
}
.cart-collaterals .totals .checkout-types li button.btn-checkout span {
  padding: 0;
}
/*  Kasse  */
#checkoutSteps {
  padding: 0;
  margin: 0 0 1rem;
}
#checkoutSteps li .step-title {
  cursor: pointer;
  padding: 0 45px 0 15px;
  margin-bottom: 10px;
  position: relative;
  text-align: left;
  background: none;
  color: #999999;
  border: 1px solid #e5e5e5;
}
#checkoutSteps li .step-title .number {
  display: none;
}
#checkoutSteps li .step-title h2 {
  font-size: 19px;
  font-size: 1.462rem;
  line-height: 250%;
  float: none;
  font-weight: normal;
}
#checkoutSteps li .step-title:after {
  font-family: "autoparto-icons";
  content: '\e803';
  font-style: normal;
  font-weight: normal;
  speak: none;
  text-decoration: inherit;
  width: 1em;
  height: auto;
  overflow: visible;
  text-align: center;
  font-size: 24px;
  font-size: 1.846rem;
  line-height: 100%;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  position: absolute;
  right: 10px;
  top: 12px;
  color: #cccccc;
  display: none;
}
#checkoutSteps li .step-title:hover {
  background-color: #99cc00;
}
#checkoutSteps li .step-title:hover h2 {
  color: #fff;
}
#checkoutSteps li .step-title:hover:after {
  color: #fff;
  display: inline-block;
}
#checkoutSteps li.allow .step-title {
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
}
#checkoutSteps li.allow .step-title h2 {
  color: #333333;
}
#checkoutSteps li.allow .step-title:after {
  color: #cccccc;
  display: inline-block;
}
#checkoutSteps li.active .step-title {
  background-color: #99cc00;
  border: 1px solid #99cc00;
}
#checkoutSteps li.active .step-title h2 {
  color: #fff;
}
#checkoutSteps li.active .step-title:after {
  content: '\e802';
  color: #fff;
}
#checkoutSteps li .step {
  border: none;
  padding: 20px;
  background: none;
}
#checkoutSteps li .step .sp-methods dt {
  margin: 0;
}
#checkoutSteps li .step .sp-methods dd {
  margin-bottom: 0;
}
#checkoutSteps li .step .sp-methods dd > ul {
  list-style: none outside none;
  padding: 0;
}
#checkoutSteps li .step .sp-methods label {
  color: #333333;
  font-weight: normal;
}
#checkoutSteps li .step .sp-methods input.radio + label {
  display: inline-block;
  position: relative;
  top: 2px;
}
#checkoutSteps li .step .sp-methods label[for="p_method_sagepaydirectpro"],
#checkoutSteps li .step .sp-methods label[for="p_method_sagepayserver"],
#checkoutSteps li .step .sp-methods label[for="p_method_sagepayform"] {
  padding: 0 !important;
  background-position: 0 0;
  background-image: none;
  min-height: 0;
}
#checkoutSteps li .step .buttons-set {
  border: none;
  padding: 0;
  text-align: left;
}
#checkoutSteps li .step .buttons-set button.button {
  float: none;
  margin-left: 0;
  margin-right: 10px;
  display: inline-block;
  margin-bottom: 0;
}
#checkoutSteps li .step .buttons-set button.button:after {
  clear: none;
  display: none;
}
#checkoutSteps li .step .buttons-set button.button.btn-checkout span span {
  padding: 0 25px;
}
#checkoutSteps li .step .buttons-set .back-link {
  float: none;
  display: inline-block;
}
#checkoutSteps li .step .buttons-set .required {
  display: block;
  clear: both;
  margin-top: 5px;
}
#checkoutSteps li .step #shipping-new-address-form ul,
#checkoutSteps li .step #billing-new-address-form ul {
  padding: 0;
  list-style: none;
}
#checkoutSteps li .step #shipping-new-address-form ul li,
#checkoutSteps li .step #billing-new-address-form ul li {
  margin-bottom: 0;
}
#checkoutSteps li .step #co-billing-form .dropdown .selected,
#checkoutSteps li .step #co-shipping-form .dropdown .selected {
  white-space: normal;
}
#checkoutSteps li .step #co-billing-form .dropdown ul li,
#checkoutSteps li .step #co-shipping-form .dropdown ul li {
  word-break: normal;
}
#checkoutSteps li .step .please-wait img {
  margin-right: 10px;
}
#checkoutSteps li .step #payment_form_ccsave {
  margin-top: 1rem;
}
#checkoutSteps li .step #checkout-review-table .cart-price {
  display: block;
  text-align: right;
}
#checkoutSteps li .step #checkout-review-table tfoot tr {
  background: #f5f5f5 !important;
}
#checkoutSteps li .step #checkout-review-table tfoot tr.first td {
  border-top: 2px solid #cccccc !important;
}
#checkoutSteps li .step #checkout-review-table tfoot tr td {
  border: 1px solid #f5f5f5 !important;
}
#checkoutSteps li .step #checkout-review-submit button.button {
  float: right;
  margin-right: 0;
  margin-left: 10px;
}
#checkoutSteps li .step #checkout-review-submit p {
  line-height: 150%;
}
#checkoutSteps li .step #checkout-review-submit p .cs-arrow {
  display: inline-block;
}
#checkoutSteps.opc .checkout-agreements {
  padding: 0;
  border: none;
}
#checkoutSteps.opc .checkout-agreements .agree label {
  font-weight: normal;
}
#checkoutSteps.opc #checkout-review-table-wrapper {
  border: none;
}
#checkoutSteps.opc #checkout-review-table-wrapper #checkout-review-table tr.odd,
#checkoutSteps.opc #checkout-review-table-wrapper #checkout-review-table tr.odd,
#checkoutSteps.opc #checkout-review-table-wrapper #checkout-review-table tr.even,
#checkoutSteps.opc #checkout-review-table-wrapper #checkout-review-table tr.even {
  background-color: #ffffff;
}
#checkoutSteps.opc #checkout-review-submit {
  background-color: #ffffff;
  border: none;
}
#checkoutSteps.opc #opc-review .additional-information {
  border: none;
}
#checkout-progress-wrapper .opc-block-progress {
  margin-bottom: 40px;
}
#checkout-progress-wrapper .opc-block-progress .block-title,
#checkout-progress-wrapper .opc-block-progress .block-title strong,
#checkout-progress-wrapper .opc-block-progress .block-title strong span {
  font-size: 19px;
  font-size: 1.462rem;
  line-height: 150%;
  font-weight: normal;
}
#checkout-progress-wrapper .opc-block-progress .block-title {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-top: 28px;
}
#checkout-progress-wrapper .opc-block-progress .block-content dl > div dt {
  background-color: #f5f5f5;
  padding: 3px 30px 3px 10px;
  font-weight: normal;
  color: #333333;
  border: none;
  margin-bottom: 3px;
  font-size: 15px;
  font-size: 1.154rem;
  line-height: 150%;
}
#checkout-progress-wrapper .opc-block-progress .block-content dl > div dt.complete {
  background-color: #99cc00;
  color: #FFF;
  position: relative;
}
#checkout-progress-wrapper .opc-block-progress .block-content dl > div dt.complete .changelink {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 29px;
  height: 29px;
}
#checkout-progress-wrapper .opc-block-progress .block-content dl > div dt.complete .changelink a {
  width: 29px;
  height: 29px;
  color: #FFF;
  text-decoration: none;
}
#checkout-progress-wrapper .opc-block-progress .block-content dl > div dt.complete .changelink a:before {
  content: '\e810';
  font-family: "autoparto-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 29px;
  text-align: center;
  position: absolute;
  top: 4px;
  right: 0px;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
}
#checkout-progress-wrapper .opc-block-progress .block-content dl > div dt.complete .changelink a:hover {
  text-decoration: none;
  color: #0a407b;
}
#checkout-progress-wrapper .opc-block-progress .block-content dl > div dt.incomplete + dd {
  display: none;
}
#checkout-progress-wrapper .opc-block-progress .block-content dl > div dd {
  margin-bottom: 20px;
  padding: 5px 10px 0;
  border: none;
  background: none;
}
#checkout-progress-wrapper .opc-block-progress .block-content dl > div dd.incomplete {
  display: none;
}
/*  Login  */
.account-login .new-users {
  min-height: 330px;
  padding-right: 20px;
  border-right: 1px solid #e5e5e5;
}
.account-login .content {
  border: none;
  padding: 0;
  background: none;
  min-height: 0;
  margin-bottom: 20px;
}
.account-login .content h2 {
  padding: 0;
  border: none;
  margin-bottom: 1rem;
  font-weight: normal;
  color: #333333;
  font-size: 25px;
  font-size: 1.923rem;
  line-height: 150%;
  text-transform: none;
}
.account-login .buttons-set {
  border: none;
  padding: 0;
  background: none;
}
.account-login .buttons-set button.button {
  margin-left: 0;
  float: left;
  margin-right: 20px;
}
.account-login .buttons-set a {
  margin-bottom: 1rem;
  display: block;
  text-decoration: none;
  position: relative;
  padding: 5px 0 5px 20px;
}
.account-login .buttons-set a:hover {
  text-decoration: none;
}
.account-login .buttons-set a:before {
  font-family: "autoparto-icons";
  content: '\e804';
  font-size: 20px;
  font-size: 1.538rem;
  line-height: 100%;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  color: #99cc00;
  position: absolute;
  top: 5px;
  left: 0;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
}
/* Header über Kategorie */
.category-header {
  background-color: #f5f5f5;
  margin-bottom: 20px;
}
.category-header .category-image {
  width: 50%;
  min-height: 200px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  float: left;
  margin: 0;
}
.category-header .page-title.category-title {
  padding-top: 25px;
  padding-left: 3%;
  width: auto;
}
.category-header .page-title.category-title h1 {
  color: #333333;
}
.category-header .category-description {
  padding-left: 3%;
  margin-bottom: 10px;
  padding-right: 5%;
  color: #333333;
  height: 100px;
  overflow: hidden;
}
/* Hilfeseite */
.cs-help > p {
  padding-left: 2px;
  margin-bottom: 40px;
  font-size: 15px;
  font-size: 1.154rem;
  line-height: 140%;
}
.cs-help > p strong {
  font-weight: 600;
}
.cs-help .content-block {
  padding-left: 2px;
}
.cs-help .content-block #help-list .help-title {
  cursor: pointer;
  background-color: #f5f5f5;
  padding: 0 45px 0 15px;
  margin-bottom: 10px;
  position: relative;
  font-size: 19px;
  font-size: 1.462rem;
  line-height: 250%;
}
.cs-help .content-block #help-list .help-title:hover {
  background-color: #99cc00;
  color: #fff;
}
.cs-help .content-block #help-list .help-title:after {
  font-family: "autoparto-icons";
  content: '\e803';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-size: 24px;
  font-size: 1.846rem;
  line-height: 200%;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  position: absolute;
  right: 10px;
  color: #cccccc;
}
.cs-help .content-block #help-list .help-title:hover:after {
  color: #fff;
}
.cs-help .content-block #help-list .help-title.ui-state-active {
  background-color: #99cc00;
  color: #fff;
}
.cs-help .content-block #help-list .help-title.ui-state-active:after {
  content: '\e802';
  color: #fff;
}
.cs-help .content-block #help-list .help-items {
  padding-left: 15px;
  padding-bottom: 10px;
}
.cs-help .content-block #help-list .help-items .ui-accordion-header {
  position: relative;
  padding-left: 23px;
  font-size: 15px;
  font-size: 1.154rem;
  line-height: 180%;
  font-weight: 600;
  color: #daddd9;
  cursor: pointer;
}
.cs-help .content-block #help-list .help-items .ui-accordion-header:before {
  position: absolute;
  top: 3px;
  left: 0;
  font-family: "autoparto-icons";
  content: '\e804';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-size: 20px;
  font-size: 1.538rem;
  line-height: 100%;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
}
.cs-help .content-block #help-list .help-items .ui-accordion-header.ui-state-active {
  cursor: default;
  color: #333333;
}
.cs-help .content-block #help-list .help-items .ui-accordion-header.ui-state-active:before {
  content: '\e802';
}
.cs-help .content-block #help-list .help-items .ui-accordion-content p {
  padding-left: 23px;
}
/* Kontaktdaten-Box */
.cs-contact-data {
  border: 1px solid #e5e5e5;
  padding: 10px;
}
.cs-contact-data > p {
  display: block;
  font-size: 19px;
  font-size: 1.462rem;
  line-height: 120%;
}
.cs-contact-data > p.important {
  color: #99cc00;
  font-size: 25px;
  font-size: 1.923rem;
  line-height: 120%;
}
.cs-contact-data td {
  padding-right: 10px;
}
/* Produktdetails: Tab-Navigation */
.product-collateral {
  padding: 25px 0;
  background: none;
}
.product-collateral h2 {
  border: none;
  color: #333333;
  font-size: 25px;
  font-size: 1.923rem;
  line-height: 100%;
  font-weight: normal;
  padding: 0;
}
.product-collateral .tab-navigation.r-tabs > ul {
  list-style: none outside none;
  padding: 0;
  height: 35px;
  background-color: #f5f5f5;
}
.product-collateral .tab-navigation.r-tabs > ul > li {
  float: left;
  margin: 0;
}
.product-collateral .tab-navigation.r-tabs > ul > li a {
  text-decoration: none;
  color: #333333;
  display: block;
  height: 100%;
  line-height: 35px;
  padding: 0 20px;
}
.product-collateral .tab-navigation.r-tabs > ul > li.r-tabs-state-active {
  position: relative;
  top: -5px;
  background-color: #99cc00;
  height: 40px;
}
.product-collateral .tab-navigation.r-tabs > ul > li.r-tabs-state-active a {
  font-size: 15px;
  font-size: 1.154rem;
  line-height: 100%;
  line-height: 40px;
  color: #fff;
}
.product-collateral .tab-navigation.r-tabs .r-tabs-accordion-title {
  margin-bottom: 3px;
}
.product-collateral .tab-navigation.r-tabs .r-tabs-accordion-title a {
  background-color: #f5f5f5;
  text-decoration: none;
  color: #333333;
  display: block;
  line-height: 35px;
  padding: 0 20px;
}
.product-collateral .tab-navigation.r-tabs .r-tabs-accordion-title.r-tabs-state-active a {
  background-color: #99cc00;
  color: #fff;
  font-size: 15px;
  font-size: 1.154rem;
  line-height: 100%;
  line-height: 40px;
}
.product-collateral .tab-navigation.r-tabs .r-tabs-panel {
  padding: 5px 0;
}
.product-collateral .tab-navigation.r-tabs .r-tabs-panel ul {
  list-style: none outside none;
}
.product-collateral .tab-navigation.r-tabs .r-tabs-panel .std {
  display: table-cell;
}
.product-collateral .tab-navigation.r-tabs .r-tabs-panel .box-up-sell {
  display: table-cell;
  padding-left: 30px;
}
.product-collateral .tab-navigation.r-tabs .r-tabs-panel .box-up-sell .upsell-product-wrapper {
  margin-bottom: 15px;
  width: 230px;
}
.product-collateral .tab-navigation.r-tabs .r-tabs-panel .box-up-sell .upsell-product-wrapper .upsell-product {
  border: 1px solid #e5e5e5;
  padding: 10px;
}
.product-collateral .tab-navigation.r-tabs .r-tabs-panel .box-up-sell .upsell-product-wrapper .upsell-product > .product-name {
  margin-bottom: 10px;
}
.product-collateral .tab-navigation.r-tabs .r-tabs-panel .box-up-sell .upsell-product-wrapper .upsell-product .product-image {
  float: left;
}
.product-collateral .tab-navigation.r-tabs .r-tabs-panel .box-up-sell .upsell-product-wrapper .upsell-product .price-box,
.product-collateral .tab-navigation.r-tabs .r-tabs-panel .box-up-sell .upsell-product-wrapper .upsell-product .cs-price-info {
  float: right;
}
.product-collateral .tab-navigation.r-tabs .r-tabs-panel .box-up-sell .upsell-product-wrapper .upsell-product .tax-details {
  float: right;
}
.product-collateral .tab-navigation.r-tabs .r-tabs-panel .data-table ul {
  list-style: disc;
}
.product-collateral .tab-navigation.r-tabs .r-tabs-panel .short-description + .description {
  padding-top: 20px;
}
.product-collateral #product-review-table input[type="checkbox"] + label,
.product-collateral #product-review-table input[type="radio"] + label {
  left: 15px;
}
.product-collateral .box-reviews .form-add {
  margin-top: 35px;
}
.product-collateral .box-reviews .form-add .form-list textarea {
  width: 369px;
}
/* Warenkorb */
table.data-table#shopping-cart-table .cs-cart-image {
  width: 75px;
  table-layout: fixed;
}
table.data-table#shopping-cart-table .cs-cart-edit,
table.data-table#shopping-cart-table .cs-cart-delete {
  width: 20px;
  table-layout: fixed;
  padding: 8px;
}
table.data-table#shopping-cart-table .cs-cart-count {
  width: 30px;
  table-layout: fixed;
  padding: 8px;
}
tr.summary-total {
  color: #0a407b;
}
tr.summary-total:hover {
  color: #99cc00;
}
tr.summary-total td div:before {
  font-family: "autoparto-icons";
  width: 20px;
  display: inline-block;
  text-align: center;
  content: '\e804';
  font-size: 14px;
  font-size: 1.077rem;
  line-height: 100%;
}
tr.summary-total.show-details td div:before {
  content: '\e803';
}
/* Interner Bereich */
.block-account {
  border: none;
}
.block-account .block-title {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 7px;
  margin-bottom: 5px;
}
.block-account .block-title strong,
.block-account .block-title strong span {
  font-weight: normal;
  font-size: 19px;
  font-size: 1.462rem;
  line-height: 150%;
}
.block-account .block-content {
  padding: 0;
}
.block-account .block-content ul {
  list-style: none outside none;
  padding: 0;
}
.block-account .block-content ul li {
  background-color: #f5f5f5;
  margin-bottom: 3px;
  font-size: 15px;
  font-size: 1.154rem;
  line-height: 150%;
}
.block-account .block-content ul li a {
  border: none;
  font-weight: normal;
  padding-left: 10px;
}
.block-account .block-content ul li.current {
  background-color: #99cc00;
  color: #fff;
  border: none;
  padding: 0;
}
.block-account .block-content ul li.current a {
  color: #fff;
}
.block-account .block-content ul li:hover {
  background-color: #99cc00;
}
.block-account .block-content ul li:hover a {
  color: #fff;
}
.my-account .dashboard .welcome-msg {
  margin-right: 0;
}
.my-account .dashboard .box-account {
  border: none;
  padding: 0;
}
.my-account .dashboard .box-account.box-recent .box-head,
.my-account .dashboard .box-account.box-reviews .box-head {
  border: none;
  text-align: left;
}
.my-account .dashboard .box-account.box-info .box .box-title {
  text-align: left;
  padding: 0;
  margin-bottom: 10px;
}
.my-account .dashboard .box-account.box-info .box .box-content > p {
  margin-bottom: 10px;
}
.my-account .dashboard .box-account.box-info .box .box-content address {
  margin-bottom: 10px;
}
.my-account .dashboard .box-account.box-info .box .box-content h4 {
  text-transform: none;
  font-size: 14px;
  font-size: 1.077rem;
  line-height: 100%;
  font-weight: 600;
  margin-bottom: 10px;
}
.my-account .pager {
  margin-bottom: 20px;
}
.my-account #my-orders-table .cs-shipping-name span {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 240px;
}
.my-account #my-reviews-table .product-name a {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 205px;
}
.my-account #my-reviews-table .cs-review-details span {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 265px;
}
.my-account .link-print {
  color: #0a407b;
  font-weight: 600;
}
.my-account .title-buttons .link-print {
  display: block;
  margin-top: 20px;
}
.my-account dl.order-info {
  border: none;
  background-color: #f5f5f5;
}
.my-account p.order-date {
  margin-bottom: 0;
}
.my-account p.order-state {
  margin-bottom: 20px;
}
.my-account .order-info-box {
  border: none;
  padding: 0;
  margin-bottom: 20px;
}
.my-account .order-info-box h2 {
  font-size: 14px;
  font-size: 1.077rem;
  line-height: 100%;
  margin-bottom: 10px;
  font-weight: 600;
}
.my-account .order-items ul.cs-h3 {
  list-style: none outside none;
}
.my-account .order-items ul.cs-h3 li {
  font-size: 14px;
  font-size: 1.077rem;
  line-height: 100%;
  float: left;
}
.my-account .order-items table.data-table th {
  background-color: #f5f5f5;
}
.my-account .order-items table.data-table tr {
  background-color: #fff !important;
}
.my-account .order-items table.data-table tfoot {
  border: none;
}
.my-account .order-items table.data-table tfoot tr {
  background-color: #f5f5f5 !important;
}
.my-account .order-items table.data-table tfoot tr td {
  border-bottom: 1px solid #f5f5f5;
}
.my-account #form-validate .fieldset {
  border: none;
  padding: 0;
  background: none;
}
.my-account #form-validate .button {
  float: none;
  margin-left: 0;
}
.my-account #form-validate .button span {
  font-size: 15px;
  font-size: 1.154rem;
  line-height: 150%;
}
.my-account .addresses-list h2 {
  font-size: 19px;
  font-size: 1.462rem;
  line-height: 150%;
  color: #333333;
  text-transform: none;
  font-weight: 400;
}
.my-account .addresses-list .addresses-primary ol {
  padding: 0;
}
.my-account .addresses-list .addresses-primary ol li.item {
  padding: 0;
  border: none;
  margin-top: 30px;
}
.my-account .addresses-list .addresses-primary ol li.item h3 {
  font-size: 14px;
  font-size: 1.077rem;
  line-height: 100%;
  font-weight: 600;
}
.my-account .addresses-list .addresses-primary button {
  float: left;
}
.my-account .addresses-list .addresses-additional ol {
  padding: 0;
}
.my-account .addresses-list .link-remove {
  color: #0a407b;
}
.my-account .addresses-list .link-remove:hover {
  color: #99cc00;
}
.my-account .my-wishlist #wishlist-table h3.product-name {
  margin-bottom: 5px;
}
.my-account .my-wishlist #wishlist-table .description.std {
  margin-bottom: 10px;
}
.my-account .my-wishlist #wishlist-table th:last-child,
.my-account .my-wishlist #wishlist-table td:last-child {
  display: none;
}
.my-account .my-wishlist #wishlist-table .btn-remove {
  width: 130px;
}
.my-account .my-wishlist #wishlist-table .btn-remove span {
  font-size: 13px;
  font-size: 1rem;
  line-height: 140%;
  position: relative;
  top: -2px;
}
.my-account .my-wishlist #wishlist-table .btn-cart {
  float: left;
}
.my-account .my-wishlist .buttons-set .button {
  float: left;
}
.my-account .my-wishlist .buttons-set .button:first-child {
  display: none;
}
.my-account .my-wishlist .buttons-set .button.btn-add span,
.my-account .my-wishlist .buttons-set .button.btn-share span {
  background: none;
}
.ratings .rating-box,
#my-reviews-table .rating-box,
.ratings-table .rating-box {
  margin-right: 10px;
  background: url('http://www.autoparto.de/skin/frontend/autoparto/default/images/rating-stars-empty.jpg') top left no-repeat;
  height: 15px;
  width: 92px;
}
.ratings .rating-box .rating,
#my-reviews-table .rating-box .rating,
.ratings-table .rating-box .rating {
  background: url('http://www.autoparto.de/skin/frontend/autoparto/default/images/rating-stars-full.jpg') top left no-repeat;
  height: 15px;
}
/* Benutzerkonto anlegen */
.account-create form .fieldset,
.cs-forgot-password form .fieldset {
  border: none;
  margin: 0;
  padding: 0;
  background-color: #fff;
}
.account-create form .buttons-set,
.cs-forgot-password form .buttons-set {
  border: none;
  margin: 0;
  padding: 0;
}
.account-create form .buttons-set .button,
.cs-forgot-password form .buttons-set .button {
  float: none;
  margin-left: 0;
}
.account-create form .buttons-set .button span,
.cs-forgot-password form .buttons-set .button span {
  font-size: 15px;
  font-size: 1.154rem;
  line-height: 150%;
}
/* Diverses */
.cs-selected-filters.currently ol {
  padding: 0;
}
.cs-selected-filters.currently ol li {
  padding: 0;
}
.subtitle,
.sub-title {
  font-size: 15px;
  font-size: 1.154rem;
  line-height: 150%;
  font-weight: 600;
  margin-bottom: 0 0 5px;
  color: #333333;
}
#opc-login h3 {
  border: none;
  font-size: 19px;
  font-size: 1.462rem;
  line-height: 100%;
  text-transform: none;
}
.my-wishlist .buttons-set {
  border: none;
}
.review-product-list .magnifyarea,
.review-product-list .zoomstatus,
.review-product-list .zoomtracker {
  display: none !important;
}

/*
// inner box-shadow with prefix
.box-shadow-inset(@x: 2px, @y: 2px, @blur: 2px, @spread: 0, @alpha: 0.35) {
  -webkit-box-shadow:	@x @y @blur @spread rgba(0, 0, 0, @alpha) inset;
  -moz-box-shadow:	@x @y @blur @spread rgba(0, 0, 0, @alpha) inset;
  box-shadow:		@x @y @blur @spread rgba(0, 0, 0, @alpha) inset;
}

// gradient
.gradient(@color: #000, @start: #000, @stop: #FFF) {
  background: @color;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, @start), color-stop(1, @stop));
  background: -ms-linear-gradient(bottom, @start, @stop);
  background: -moz-linear-gradient(center bottom, @start 0%, @stop 100%);
  background: -o-linear-gradient(@stop, @start);
  filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@stop,@start));
}

// converts hex to rgba inc. fallback
.rgba(@alpha, @color: @grey) {
  @alphaColor: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
  @ieAlphaColor: argb(@alphaColor);

  background-color: @color; // Fallback for older browsers
  background-color: @alphaColor;

  // IE hacks
  zoom: 1; // hasLayout
  background-color: transparent\9;
  -ms-filter:  "progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieAlphaColor}, endColorstr=@{ieAlphaColor})"; // IE 8+
  filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieAlphaColor}, endColorstr=@{ieAlphaColor})"; // IE 6 & 7
}

// rounded corners with prefixes
.rounded-corners (@radius: 5px) {
  border-radius: @radius;
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
}
*/
@font-face {
  font-family: 'autoparto-icons';
  src: url('http://www.autoparto.de/skin/frontend/autoparto/default/font/autoparto-icons.eot?82516128');
  src: url('http://www.autoparto.de/skin/frontend/autoparto/default/font/autoparto-icons.eot?82516128#iefix') format('embedded-opentype'), url('http://www.autoparto.de/skin/frontend/autoparto/default/font/autoparto-icons.woff?82516128') format('woff'), url('http://www.autoparto.de/skin/frontend/autoparto/default/font/autoparto-icons.ttf?82516128') format('truetype'), url('http://www.autoparto.de/skin/frontend/autoparto/default/font/autoparto-icons.svg?82516128#autoparto-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "autoparto-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .3em;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
}
.icon-search:before {
  content: '\e800';
}
/* '' */
.icon-phone:before {
  content: '\e801';
}
/* '' */
.icon-angle-down:before {
  content: '\e802';
}
/* '' */
.icon-angle-up:before {
  content: '\e803';
}
/* '' */
.icon-angle-right:before {
  content: '\e804';
}
/* '' */
.icon-angle-left:before {
  content: '\e805';
}
/* '' */
.icon-help-circled:before {
  content: '\e806';
}
/* '' */
.icon-stop:before {
  content: '\e807';
}
/* '' */
.icon-info-circled:before {
  content: '\e808';
}
/* '' */
.icon-star-empty:before {
  content: '\e809';
}
/* '' */
.icon-star:before {
  content: '\e80a';
}
/* '' */
.icon-star-half:before {
  content: '\e80b';
}
/* '' */
.icon-star-half-alt:before {
  content: '\e80c';
}
/* '' */
.icon-pin:before {
  content: '\e80d';
}
/* '' */
.icon-cancel-circled:before {
  content: '\e80e';
}
/* '' */
.icon-link-ext-alt:before {
  content: '\e80f';
}
/* '' */
.icon-edit:before {
  content: '\e810';
}
/* '' */
.icon-arrows-cw:before {
  content: '\e811';
}
/* '' */
.icon-facebook-squared:before {
  content: '\e812';
}
/* '' */
.icon-gplus-squared:before {
  content: '\e813';
}
/* '' */
.icon-twitter-squared:before {
  content: '\e814';
}
/* '' */
.icon-xing-squared:before {
  content: '\e815';
}
/* '' */
.icon-youtube-squared:before {
  content: '\e816';
}
/* '' */
.icon-autoparto-car:before {
  content: '\e817';
}
/* '' */
.icon-autoparto-profile:before {
  content: '\e818';
}
/* '' */
.icon-autoparto-cart:before {
  content: '\e819';
}
/* '' */
.icon-menu:before {
  content: '\e81a';
}
/* '' */
.icon-cart:before {
  content: '\e81b';
}
/* '' */

/*
// inner box-shadow with prefix
.box-shadow-inset(@x: 2px, @y: 2px, @blur: 2px, @spread: 0, @alpha: 0.35) {
  -webkit-box-shadow:	@x @y @blur @spread rgba(0, 0, 0, @alpha) inset;
  -moz-box-shadow:	@x @y @blur @spread rgba(0, 0, 0, @alpha) inset;
  box-shadow:		@x @y @blur @spread rgba(0, 0, 0, @alpha) inset;
}

// gradient
.gradient(@color: #000, @start: #000, @stop: #FFF) {
  background: @color;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, @start), color-stop(1, @stop));
  background: -ms-linear-gradient(bottom, @start, @stop);
  background: -moz-linear-gradient(center bottom, @start 0%, @stop 100%);
  background: -o-linear-gradient(@stop, @start);
  filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@stop,@start));
}

// converts hex to rgba inc. fallback
.rgba(@alpha, @color: @grey) {
  @alphaColor: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
  @ieAlphaColor: argb(@alphaColor);

  background-color: @color; // Fallback for older browsers
  background-color: @alphaColor;

  // IE hacks
  zoom: 1; // hasLayout
  background-color: transparent\9;
  -ms-filter:  "progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieAlphaColor}, endColorstr=@{ieAlphaColor})"; // IE 8+
  filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieAlphaColor}, endColorstr=@{ieAlphaColor})"; // IE 6 & 7
}

// rounded corners with prefixes
.rounded-corners (@radius: 5px) {
  border-radius: @radius;
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
}
*/

/*
// inner box-shadow with prefix
.box-shadow-inset(@x: 2px, @y: 2px, @blur: 2px, @spread: 0, @alpha: 0.35) {
  -webkit-box-shadow:	@x @y @blur @spread rgba(0, 0, 0, @alpha) inset;
  -moz-box-shadow:	@x @y @blur @spread rgba(0, 0, 0, @alpha) inset;
  box-shadow:		@x @y @blur @spread rgba(0, 0, 0, @alpha) inset;
}

// gradient
.gradient(@color: #000, @start: #000, @stop: #FFF) {
  background: @color;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, @start), color-stop(1, @stop));
  background: -ms-linear-gradient(bottom, @start, @stop);
  background: -moz-linear-gradient(center bottom, @start 0%, @stop 100%);
  background: -o-linear-gradient(@stop, @start);
  filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@stop,@start));
}

// converts hex to rgba inc. fallback
.rgba(@alpha, @color: @grey) {
  @alphaColor: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
  @ieAlphaColor: argb(@alphaColor);

  background-color: @color; // Fallback for older browsers
  background-color: @alphaColor;

  // IE hacks
  zoom: 1; // hasLayout
  background-color: transparent\9;
  -ms-filter:  "progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieAlphaColor}, endColorstr=@{ieAlphaColor})"; // IE 8+
  filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieAlphaColor}, endColorstr=@{ieAlphaColor})"; // IE 6 & 7
}

// rounded corners with prefixes
.rounded-corners (@radius: 5px) {
  border-radius: @radius;
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
}
*/
.cms-home .cs-1-3-cols > div {
  width: 232px;
  margin-right: 20px;
  float: right;
  margin-left: 0;
}
.cms-home .cs-1-3-cols > div:first-child {
  width: 736px;
  margin-right: 0;
}
.cms-home h1 {
  font-size: 15px;
  font-size: 1.154rem;
  line-height: 150%;
  font-weight: 600;
}
.cms-home .page-title,
.cms-home .std {
  width: 736px;
  float: left;
}
.cms-home .cs-rating-widget {
  width: 232px;
  margin-left: 20px;
  float: left;
  position: relative;
  top: -36px;
  text-align: right;
}
.cms-home .cs-rating-widget img {
  max-width: 100%;
  text-align: center;
}
.cms-home .cs-rating-widget + div {
  clear: both;
}
.cms-home .products-grid {
  border: none;
}
@media screen and (max-width: 988px) {
  .cms-home .cs-1-3-cols > div {
    width: 100%;
    margin-right: 0;
    float: none;
  }
  .cms-home .cs-1-3-cols > div:first-child {
    width: 100%;
    margin-bottom: 40px;
  }
  .cms-home .cs-product-filter > form {
    width: 44%;
    float: left;
    padding: 0 2% 10px;
  }
  .cms-home .cs-product-filter > form:first-child {
    margin-right: 4%;
    border-bottom: none;
  }
  .cms-home .page-title,
  .cms-home .std {
    width: 74%;
  }
  .cms-home .cs-rating-widget {
    width: 22%;
    margin-left: 4%;
  }
}
@media screen and (max-width: 768px) {
  .cms-home .page-title,
  .cms-home .std {
    width: 100%;
    float: none;
  }
  .cms-home .cs-rating-widget {
    width: 100%;
    margin-left: 0;
    float: none;
    position: static;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .cms-home .cs-brands {
    display: none;
  }
  .cms-home .cs-tecdoc-copyright {
    border-top: 1px dotted #cccccc;
    padding-top: 20px;
  }
  .cms-home .cs-product-filter > form {
    width: 96%;
    float: none;
  }
  .cms-home .cs-product-filter > form:first-child {
    margin-right: 0;
    border-bottom: 1px solid #FFF;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}

