/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

#quotelist td .btn-update:first-child {
    display: none;
}



audio, canvas, video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
}

[hidden] {
    display: none;
}

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

/* html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

html, button, input, select, textarea {
    font-family: sans-serif;
    color: #222222;
}

body {
    margin: 0;
    font-size: 1em;
    line-height: 1.4;
}
*/
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection {
    background: #666666;
    color: #FFFFFF;
    text-shadow: none;
}



/* =============================================================================
   Links
   ========================================================================== */

a {
    color: #0000EE;
}

a:hover {
    color: #0066EE;
}

a:focus {
    outline: none;
}

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */

a:hover, a:active {
    outline: 0;
}

/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: bold;
}

/*blockquote { margin: 1em 40px; }*/

dfn {
    font-style: italic;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #CCCCCC;
    margin: 1em 0;
    padding: 0;
}

ins {
    background: #FFFF99;
    color: #000000;
    text-decoration: none;
}

mark {
    background: #FFFF00;
    color: #000000;
    font-style: italic;
    font-weight: bold;
}

/* pre, code, kbd, samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-break: break-word;
}

q {
    quotes: none;
}

q:before, q:after {
    content: "";
    content: none;
}

small {
    font-size: 85%;
}
*/
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */

/* sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

pre {
    overflow-x: auto;
    padding-left: 8px;
    margin-bottom: 20px;
    background: url('../images/bg_code.png') repeat 0 0;
    line-height: 21px;
}
*/
/* =============================================================================
   Lists
   ========================================================================== */

/* ul, ol {
    margin: 0;
    padding: 0px;
}

dd {
    margin: 0 0 0 40px;
}

nav ul, nav ol {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}
*/
/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */

/*img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
	width: 100%;
}
*/

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) {
    overflow: hidden;
}

/* =============================================================================
   Figures
   ========================================================================== */

figure {
    margin: 0;
}

/* =============================================================================
   Forms
   ========================================================================== */
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/* Indicate that 'label' will shift focus to the associated form element */

label {
    cursor: pointer;
}

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend {
    border: 0;
    padding: 0;
    white-space: normal;
}

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */

button, input {
    line-height: normal;
}

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */

button, input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}

/*
 * Re-set default cursor for disabled elements
 */

button[disabled], input[disabled] {
    cursor: default;
}

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    vertical-align: middle;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

/* Custom styles for Radio button, test */

input[type="radio"] {
    background-color: #FFFFFF;
    position: relative;
    width: 13px;
    height: 13px;
    display: inline-block;
    padding: 0;
    border: 1px solid #E0E0E0;
    -webkit-box-shadow: inset 0px 0px 5px 0px #EAEAEA;
    box-shadow: inset 0px 0px 5px 0px #EAEAEA;
    border-radius: 100%;
    -webkit-appearance: none;
    box-sizing: border-box;
}

input[type="radio"]:checked {
    background-color: #FFFFFF;
    -webkit-box-shadow: none;
    box-shadow: none
}

input[type="radio"]:checked:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 3px;
    top: 3px;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #37322F;
}

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

/* Colors for form validity */

input:invalid, textarea:invalid {
    background-color: #F0DDDD;
}

/* =============================================================================
   Tables
   ========================================================================== */


td {
    vertical-align: top;
}

/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #CCCCCC;
    color: black;
    padding: 0.2em 0;
}

/* ==|== primary styles ===================================================== */



/* Sprite (list of images using sprite on local.css):
-------------------------------------------------------------- */

.sorter .sort-order a, button.btn-proceed-checkout span span:before, .cart-top-title a span.icon, .btn-edit, .btn-remove, .compare-top-container .details .actions a:before, .block-compare .block-content .actions a:before, .std ul.disc li, #queldoreiNav li.custom-block div.sub-wrapper>ul>li, #queldoreiNav li.custom-block div.sub-wrapper ul li, #nav li.custom-block ul li>ul>li, .toolbar-dropdown ul li, .block .block-content li, .block .block-content li.item, .block-layered-nav .block-content dd li, .product-tabs-content ul.disc li, .header-switch span.current:before, .cart-top>a, .search-top, .search-top-container .search-form .search-top-title span.icon, .compare-top, .compare-top-title a span.icon, .product-view .add-to-links li.compare span.icon, .footer-info ul.twitterList li span.tweet-icon, .breadcrumbs span, .error-msg:before, .success-msg:before, .note-msg:before, .notice-msg:before, .slider-container .jcarousel-list .button-container button.button span span, .products-grid .button-container button.button span span, .products-list .button-container .btn-add-cart span, .box-up-sell2 .jcarousel-list .button-container button.button span span, .blog-icon .inner, .toolbar-switch .toolbar-title:before, .products-grid .hover .button-container button.button span span em, .data-table .btn-edit2, .data-table .btn-remove2, .block-layered-price .ui-widget-content .ui-state-default, .product-view .add-to-cart button.button span span, .product-view .add-to-links li span.icon, .blog-img-wrap .blog-img-link-hover, .product-view .add-to-links li.email-friend span.icon {
    background-image: url(../images/sprite/shopper_sprite.png);
}

.cart-top > a {
    background: url(../images/matbuu-sepet-icon.png) #ffffff !important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
}

a {
    color: #828282;
    text-decoration: none;
    outline: none;
}

a:hover {
    color: #3C3C3C;
}
.buttons-set .back-link a {
    display: block;
    height: 42px;
    padding: 0 16px;
    border-radius: 3px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 300;
    line-height: 42px;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
}

.buttons-set .back-link a small {
    display: none;
}

button.btn-proceed-checkout span span:before {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    right: 18px;
    width: 28px;
    height: 19px;
    background-position: 0 0;
    transition: width 200ms ease-in-out;
}

button.btn-proceed-checkout:hover span span:before {
    width: 32px;
}

.btn-remove, .btn-edit {
    display: block;
    width: 15px;
    height: 15px;
    background-color: #FE5252;
    border-radius: 100%;
}

.btn-edit {
    background-position: -96px -47px;
}

.btn-remove {
    background-position: -145px -45px;
}

h1, h2, h3 {
    color: #000000;
    color: rgba(0, 0, 0, 0.75);
    font-weight: 400;
}

.page-404 {}

.std dl dt {
    color: #4C4C4C;
}

.std h1, .std h2, .std h3, .std h4 {
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
}

.std h2 {
    font-size: 24px;
    padding-left: 3px;
}

.std h3, .std h3 {
    font-size: 18px;
}

.std ul.disc {
    list-style: none;
    margin: 10px 0;
}

.std ul.disc li {
    line-height: 22px;
    padding: 0 10px 0 20px;
    background-repeat: no-repeat;
    background-position: left 0 bottom 8px;
}

.std ul.buttons li {
    background: none;
    float: left;
    padding: 0;
    margin: 0 3px 0;
}

.std ul.buttons li button.button span {
    text-transform: capitalize;
    font-size: 12px;
}

.std img {
    max-width: 100%;
}

.col2-left-layout .page-title {
    margin-left: -300px;
}

.col3-layout .page-title {
    margin: 0 -300px;
}

.page-popup .page-title {
    padding: 25px 0 18px 0;
}

.page-title h1, .page-title h2 {
    text-transform: uppercase;
    font-size: 35px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: -1.5px;
    padding: 0px 0 0;
}

.page-head-alt {
    margin: 0 0 20px;
    padding: 0 0 15px;
    border-bottom: 1px solid #E6E6E6;
}

.page-head-alt h3 {
    text-transform: uppercase;
    font-size: 24px;
    color: #4C4C4C;
}

.page-head h3, .col-main-wrap>.blog-title, .col-main-wrap>.product-category-title {
    position: relative;
    z-index: 2;
    word-wrap: break-word;
    margin: -31px 0 30px;
    line-height: 36px;
    font-size: 36px;
    font-weight: 400;
    padding: 20px 0;
    color: #322C29;
    border-top: 1px solid;
    border-color: rgba(227, 227, 227, 0.61);
}

.product-category-title {
    font-weight: 400;
    letter-spacing: -1.5px;
}


.fieldset+.fieldset {
    margin-top: 28px;
}

.fieldset .legend {
    margin: 0;
    padding: 0 0 10px;
    float: none;
    background: transparent;
    border: none;
}

.form-list label {
    float: left;
    color: #000000;
    color: rgba(0, 0, 0, 0.75);
    font-weight: 300;
    position: relative;
    z-index: 0;
    margin-top: 0px;
    line-height: 21px;
}

.input-box {
    border: 0;
    padding: 0;
}

textarea, input.qty {
    padding: 4px 9px;
    height: 29px;
    border: 1px solid #E0E0E0;
    -webkit-box-shadow: inset 0px 0px 5px 0px #EAEAEA;
    /*for iOs*/
    box-shadow: inset 0px 0px 5px 0px #EAEAEA;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    line-height: 19px;
    box-sizing: border-box;
    -webkit-appearance: none;
}

select {
    padding: 1px;
    border-radius: 3px;
    height: 29px;
    border: 1px solid #E0E0E0;
    -webkit-box-shadow: inset 0px 0px 5px 0px #EAEAEA;
    box-shadow: inset 0px 0px 5px 0px #EAEAEA;
    position: relative;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: right 10px top -288px;
    background-image: url(../images/sprite/shopper_sprite.png);
    padding: 4px 25px 4px 3px;
    box-sizing: border-box;
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000000;
}

/* hide dotted line on FF*/

select::-ms-expand {
    display: none;
}

/* hide arrow on IE, "appearance" - not work */

select.multiselect {
    height: auto;
}

.form-list select {
    width: 100%;
}

.buttons-set p.required {
    margin: 5px 0 10px;
}

p.required {
    font-size: 12px;
    text-align: left;
}

.form-list li.wide textarea {
    width: 100%;
}

.dotted-border {
    border: 2px dotted #AAAAAA;
    padding: 10px;
}

input.radio+label {
    margin-left: 7px;
}

.form-list li.control {
    line-height: 25px;
}

.form-list li.control input.radio, .form-list li.control input.checkbox {
    vertical-align: middle;
}

/* Layout ================================================================================ */

.top-border {
    border-top: 3px solid #9A1212;
}

.main {
    position: relative;
    z-index: 1;
}

/* Base Columns */


.col-left {
    float: left;
}

.col-right {
    float: right;
}

.sidebar {
    position: relative;
    margin-top: 130px;
}

/* 1 Column Layout */

/* 2 Columns Layout */

/*.col2-left-layout .col-left {
    width: 300px;
}

.col2-right-layout .col-right {
    width: 300px;
}

.col2-left-layout .col-main {
    margin-left: 300px;
}

.col2-left-layout .col-main-wrap {
    float: right;
}

.col2-right-layout .col-main {
    margin-right: 300px;
}

.col2-right-layout .col-main-wrap {
    float: left;
}
*/
/* 3 Columns Layout */

.col3-layout .col-main {
    margin-right: 300px;
}

.col3-layout .col-main-wrap-left {
    width: 100%;
    box-sizing: border-box;
    float: left;
}

.col3-layout .col-main-wrap-right {
    margin-left: 300px;
}

.col3-layout .col-main-wrap {
    float: right;
}

.col3-layout .col-left, .col3-layout .col-right {
    width: 300px;
}

/* Home Page Layout */

/*.home-main-wrap {
    width: 100%;
    box-sizing: border-box;
}

.home-left {
    width: 285px;
    float: left;
}

.home-main {
    width: 870px;
}

.cms-shopper-home-2col-left .home-main, .home-main-right {
    float: right;
}

.cms-shopper-home-2col .home-main, .cms-shopper-home-slideshow .home-main, .home-main-left {
    float: left;
}

.cms-shopper-home-2col .home-right, .cms-shopper-home-slideshow .home-right, .home-right {
    float: right;
    width: 285px;
}
*/
/*** CUSTOM STYLES ****/

/*body.non-responsive {
    min-width: 1200px;
}

.cms-index-index .col-main {
    float: none;
    width: auto;
    margin: 0;
    padding: 0
}

.contacts-index-index .buttons-set p.required {
    float: left;
    margin: 0 0 25px;
}

.contacts-index-index .buttons-set button.button {
    margin: -12px 0 0;
    clear: left;
}

.contacts-index-index .form-list .input-box {
    width: 100%
}

.contacts-index-index .form-list input.input-text {
    width: 100%;
    height: 36px
}

.contacts-index-index .form-list li.wide textarea {
    width: 100%
}

.fieldset h2.legend {
    padding-bottom: 21px;
    font-size: 26px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: -1px;
    line-height: 1.25;
    float: none;
}
*/
/* blog */

.blog-wrap span.date, body.blog-post-view .postView .postDetails>div {
    background-image: url(../images/post_meta.png);
    background-repeat: no-repeat;
}

/*Contacts Page*/

.topmap {
    margin-top: -80px;
    margin-bottom: 20px;
}

.cform_wrap .fieldset .legend {
    font-weight: normal;
    margin: 0;
}

.cform_wrap {
    background-color: #FFFFFF;
    border-top: 6px solid #FE5252;
    padding: 20px 23px 24px;
    border-radius: 2px;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.10);
    box-sizing: border-box;
}

.cform_wrap .buttons-set button.button {
    margin-top: 0;
}

.cform_wrap button.button span span {
    padding: 0 25px;
}

.cform_wrap .buttons-set {
    margin-top: 12px;
}

.cform_wrap .input-box input::-webkit-input-placeholder, .cform_wrap .input-box textarea::-webkit-input-placeholder {
    color: #000000;
    opacity: .7;
    font-size: 13px;
}

.cform_wrap .input-box input::-moz-placeholder, .cform_wrap .input-box textarea::-moz-placeholder {
    color: #000000;
    opacity: .7;
    font-size: 13px;
}

/* Firefox 19+ */

.cform_wrap .input-box input:-moz-placeholder, .cform_wrap .input-box textarea:-moz-placeholder {
    color: #000000;
    opacity: .7;
    font-size: 13px;
}

/* Firefox 18- */

.cform_wrap .input-box input:-ms-input-placeholder, .cform_wrap .input-box textarea:-ms-input-placeholder {
    color: #000000;
    opacity: .7;
    font-size: 13px;
}

.cform_wrap .form-list li {
    margin: 0 0 10px;
}

.cform_wrap input.input-text {
    height: 36px;
}

.cform_wrap input.qty, .cform_wrap input.input-text, .cform_wrap textarea {
    padding: 4px 8px;
}

.caddress {
    float: left;
    width: 40%;
    padding-right: 30px;
    position: relative;
}

.caddress:after {
    content: "";
    width: 1px;
    height: 90%;
    display: block;
    position: absolute;
    right: 0;
    top: 5px;
    background-color: #E1DFDF;
}

.ccontacts {
    float: right;
    width: 45%;
    padding-left: 20px;
}

/* Login page*/

.customer-account-login .main-container {
    box-shadow: inset 0px 4px 10px -5px rgba(0, 0, 0, .15);
}

.account-login, .account-create {
    padding: 30px 0 60px;
}

body.customer-account-login .col-main-wrap, body.customer-account-create .col-main-wrap {
    padding: 0;
}

.account-login, .account-create {
    padding: 50px 0;
}

.customer-account-login h2 {
    margin: 0 0 10px;
}

.customer-account-create .account-create h2.legend {
    margin: 25px 0 0;
    padding-top: 15px;
}

.customer-account-create .account-create h2.first {
    margin: 0;
    padding-top: 0;
}

.customer-account-create .account-create .form-list .field {
    float: none;
    width: auto;
}

.customer-account-create .account-create .buttons-set {
    margin: 0;
    padding: 10px;
    text-align: center;
}

.customer-account-create .account-create .buttons-set button.button {
    float: none
}

.customer-account-create .account-create p.required {
    text-align: center;
}

.customer-account-forgotpassword .main-container {
    box-shadow: inset 0px 4px 10px -5px rgba(0, 0, 0, .15);
}

.main .cart-empty {
    padding-bottom: 29px;
}

.main .cart-empty img {
    width: initial;
}
.catalog-category-view .col-left, .catalog-category-view .col-right {
    padding: 30px 0 0;
    margin-top: 0;
}

.catalogsearch-result-index .breadcrumbs, .catalogsearch-advanced-index .breadcrumbs, .catalogsearch-advanced-result .breadcrumbs {
    display: none;
}

.checkout-onepage-index .col-right {
    margin-top: 213px;
}

.checkout-onepage-success .page-title {
    margin-top:0;
}
.checkout-onepage-success h2.sub-title {
    padding-bottom: 21px;
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: -1px;
    line-height: 1.25;
}

.checkout-onepage-success .col-main p {
    margin-bottom: 10px;
    font-size: 16px;
}

.checkout-onepage-success .qq-upload-button {
    width: 100%;
    background-color: #00afef;
}

.checkout-onepage-success .buttons-set {
    margin: 15px 0;
    text-align: center;
}

.checkout-onepage-success .buttons-set button {
    float: none;
}

.cart .page-title .checkout-types {
    margin: -1px 0 -1px;
    line-height: 0;
}

.cart .title-buttons .checkout-types li {
    margin: 0;
    min-height: 42px;
    vertical-align: middle;
}

.sendfriend-product-send .form-list li.wide textarea {
    width: 100%;
}

.sendfriend-product-send .buttons-set {
    text-align: left;
}

.sendfriend-product-send .buttons-set button.button {
    float: none;
    display: inline-block;
}

.sendfriend-product-send .buttons-set button.button span span {
    width: 120px
}

.sendfriend-product-send #add_recipient_button {
    display: inline-block;
}

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

/* Header ================================================================================ */



.top-switch-bg {
    background: #F9F9F9;
    min-height: 29px;
    position: relative;
    z-index: 10030;
}



.top-switch-bg .over {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .15);
}

.top-switch-bg .over span {
    background: #FFFFFF;
}













.language-switch {
    margin-left: -10px;
}

.language-switch .header-dropdown ul li a {
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding: 0 9px 0 35px;
}

.language-select, .currency-select {
    display: none;
}

.links li {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.links li a {
    color: #1D1C1B;
    white-space: nowrap;
}

.links li a:hover {
    color: #777777;
    text-decoration: none;
}

.links li.separator {
    margin: 0 11px;
    width: 1px;
    height: 7px;
    vertical-align: middle;
    background-color: rgba(0, 0, 0, .15);
}

.header-container .links {
    padding: 7px 0 6px;
    text-align: right;
}



.logo {
    float: none;
    display: inline-block;
}

a.logo {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.15;
}

header a.logo {
    text-decoration: none !important;
    margin: 28px 0;
}

header a.logo img {
    max-width: 75%;
    height: auto;
}

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 {
    padding: 0;
}



.cart-top-container {
    float: right;
    position: relative;
    margin: 0px 0px 0 4px;
}

.cart-top>a {
    float: left;
    display: block;
    background-color: transparent;
    background-position: 7px -241px;
    width: 38px;
    height: 38px;
}

.cart-top>a::before {
    content: '';


}

.cart-top>a:hover {
    background-color: #322C29;
    text-decoration: none;
}

.cart-top span {
    padding: 9px 0 0 9px;
    color: #373230;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    line-height: normal;
    /*max-width   : 90px;*/
    white-space: nowrap;
}

.cart-top-container .details {
    display: none;
    background: #FFFFFF;
    width: auto;
    padding: 16px 16px 11px;
    line-height: 150%;
    color: #7B7B7B;
    position: absolute;
    z-index: 10020;
    left: -183px;
    top: 48px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
    border-radius: 2px;
}

.cart-top-container .details-border {
    background: #FE5252;
    height: 4px;
    width: 100%;
    padding: 0 16px;
    margin: -16px 0 16px -16px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.cart-top-container .details-border:before {
    content: "";
    position: absolute;
    border-color: transparent transparent #FE5252 transparent;
    border-style: solid;
    border-width: 5px;
    height: 0;
    width: 0;
    top: -9px;
    left: 198px;
}

.cart-top-container .details .text-recently {
    font-size: 11px;
}

.cart-top-container .details a {
    color: #7B7B7B;
}

.cart-top-container .details a:hover {
    text-decoration: none;
    color: #000000;
}

.cart-top-container .details p {
    margin: 14px 0 5px 0
}

.cart-top-container .details p.product-name {
    margin: 0
}

.cart-top-container .details .item-options {
    font-size: 12px;
    line-height: 10px;
}

.cart-top-container .details ol {
    margin: 0;
    padding: 0;
}

.cart-top-container .details ol li.item {
    padding: 0 0 10px;
    margin: 0 0 10px;
    border-bottom: 1px solid #F1F1F1;
}

.cart-top-container .details ol li.item:last-child {
    margin: 0;
    border: none;
}

.cart-top-container .details ol li.item strong {
    font-weight: 300;
}

.mini-products-list .product-image {
    border: none;
    padding: 0px;
}

.mini-products-list .product-details {
    margin-left: 60px;
}

.cart-top-container .details .btn-edit {
    float: right;
    margin-left: 18px;
}

.cart-top-container .details .btn-remove {
    float: right;
    margin-left: 2px;
}

.cart-top-container .details .buttons {
    margin-top: 15px;
    display: table;
    width: 100%;
}

.cart-top-container .details .buttons .button_wrap {
    display: table-cell;
}

.cart-top-container .details .buttons .button_wrap+.button_wrap {
    padding-left: 8px;
}

.cart-top-container .details .button.btn-checkout {
    float: right;
}

.cart-top-container .cart-promotion {
    background: #EEEEEE;
    padding: 10px;
    color: #392420;
}

.cart-top-container .details .subtotal-wrapper {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.cart-top-container .details .subtotal {
    background: #FEFEFE;
    width: 100%;
    margin: 0 -16px;
    padding: 0 16px;
    line-height: 41px;
    font-size: 13px;
    font-weight: 700;
    text-align: right;
    text-transform: uppercase;
    box-shadow: inset 0 0 10px rgba(57, 36, 32, 0.08);
}

.top-dropdowns {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -20px;
}

.cart-top-title {
    font-size: 14px;
    line-height: 38px;
    text-align: left;
    margin: 0 0 10px 5px;
    display: none;
}

.cart-top-title a {
    display: block;
    vertical-align: top;
}

.cart-top-title a:hover {
    text-decoration: none;
    color: #000000;
}

.cart-top-title a span.icon {
    display: block;
    float: left;
    background-color: #FE5252;
    background-position: 7px -241px;
    width: 38px;
    height: 38px;
    margin: 0 10px 0 0;
    border-radius: 100%;
}

.cart-top-title a:hover span.icon {
    background-color: #322C29;
    text-decoration: none;
}

/********** < Search form */

.search-top-container {
    float: right;
    position: relative;
}

.search-top {
    display: block;
    overflow: hidden;
    background-color: #FE5252;
    background-position: 10px -90px;
    width: 38px;
    height: 38px;
    border-radius: 100%;
    cursor: pointer;
}

.search-top:hover {
    background-color: #322C29;
}

.search-form {
    display: none;
    background: #FFFFFF;
    width: 240px;
    padding: 8px;
    position: absolute;
    z-index: 10030;
    right: -60px;
    top: 47px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
    border-radius: 2px;
}

.search-form-border {
    background: #FE5252;
    height: 4px;
    width: 240px;
    padding: 0 8px;
    margin: -8px 0 8px -8px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.search-form-border:before {
    content: "";
    position: absolute;
    border-color: transparent transparent #FE5252 transparent;
    border-style: solid;
    border-width: 5px;
    height: 0;
    width: 0;
    top: -9px;
    right: 74px;
}

.search-top-container .search-form .search-top-title {
    font-size: 16px;
    line-height: 38px;
    text-align: left;
    vertical-align: top;
    margin: 0 0 0 42px;
    display: none;
}

.search-top-container .search-form .search-top-title span.icon {
    display: inline-block;
    background-color: #FE5252;
    background-position: 10px -90px;
    width: 38px;
    height: 38px;
    margin: 0 10px 0 0;
    border-radius: 100%;
}

.search-top-container .search-form .search-top-title:hover span.icon {
    background-color: #322C29;
    text-decoration: none;
}

/**#search {
    width: 100%;
    padding: 4px 15px;
    color: #7B7B7B;
    border-radius: 2px;
}
**/
#search_mini_form .form-search button {
    display: none;
}

.search-autocomplete {
    background: #FFFFFF;
    margin: 0;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
}

.search-autocomplete ul {
    margin: 0;
    padding: 0;
}

.search-autocomplete ul li {
    line-height: 21px;
    padding: 0 10px;
    color: #000000;
    color: rgba(0, 0, 0, 0.67);
}

.search-autocomplete ul li span.amount {
    float: right;
    font-weight: 800;
}

.search-autocomplete ul li.even {
    background: #E7E7E7;
}

.search-autocomplete ul li:hover {
    background: #DDDDDD;
}

::-webkit-input-placeholder {
    color: #7B7B7B;
}

::-moz-placeholder {
    color: #7B7B7B;
}

/* Firefox 19+ */

:-ms-input-placeholder {
    color: #7B7B7B;
}

#search_mini_form .form-search {
    position: relative;
}

.search-field .search-top-container {
    margin: 5px 6px 0 0;
}

.search-field #search {
    width: 180px;
    padding-right: 27px;
    height: 32px;
}

.search-field #search_mini_form .form-search button {
    display: block;
}

#search_mini_form .form-search button {
    position: absolute;
    width: 23px;
    height: 29px;
    right: 15px;
    top: 7px;
    background: transparent url('../images/search-matbuu.png') 0 0 no-repeat;
    background-size: cover!important;
    border: 0;
}

#search_mini_form .form-search button:hover {
    background-position: 0 100%;
}

/********** < Search form */

/* top compare block*/

.compare-top-container {
    float: right;
    position: relative;
    margin: 0px 0 0 4px;
}

.compare-top {
    display: block;
    overflow: hidden;
    background-color: #FE5252;
    background-position: -87px -89px;
    width: 38px;
    height: 38px;
    border-radius: 100%;
    cursor: pointer;
}

.compare-top:hover {
    background-color: #322C29;
}

.compare-top-container .details {
    display: none;
    background: #FFFFFF;
    width: 254px;
    padding: 16px;
    line-height: 150%;
    color: #7B7B7B;
    position: absolute;
    z-index: 10020;
    right: -40px;
    top: 48px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
    border-radius: 2px;
}

.compare-top-container .details-border {
    background: #FE5252;
    height: 4px;
    width: 254px;
    padding: 0 16px;
    margin: -16px 0 16px -16px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.compare-top-container .details-border:before {
    content: "";
    position: absolute;
    border-color: transparent transparent #FE5252 transparent;
    border-style: solid;
    border-width: 5px;
    height: 0;
    width: 0;
    top: -9px;
    right: 54px;
}

.compare-top-container .details a:hover {
    text-decoration: none;
    color: #000000;
}

.compare-top-container .details li.item {
    margin: 0 0 20px 25px;
    padding: 0;
    line-height: 16px;
    background: none;
}

.compare-top-container .details .btn-remove {
    float: left;
    margin: 1px 0 0 -25px;
}

.compare-top-container .details .actions {
    margin: 10px 0 0 0;
    padding: 10px 0 0;
    border-top: 1px solid #E8E8E8;
    text-align: center
}

.compare-top-container .details .actions .f-right {
    float: none !important;
    line-height: 27px;
}

.compare-top-container .details .actions a {
    float: none;
    margin-left: 20px;
}

.compare-top-container .details .actions a:before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    margin: 5px 0 0 -20px;
    border-radius: 100%;
    background-position: -145px -45px;
}

.compare-top-title {
    font-size: 14px;
    line-height: 38px;
    text-align: left;
    margin: 0 0 10px 5px;
    display: none;
}

.compare-top-title a {
    display: block;
    vertical-align: top;
}

.compare-top-title a:hover {
    text-decoration: none;
    color: #000000;
}

.compare-top-title a span.icon {
    display: block;
    float: left;
    background-color: #FE5252;
    background-position: -87px -89px;
    width: 38px;
    height: 38px;
    margin: 0 10px 0 0;
    border-radius: 100%;
}

.compare-top-title a:hover span.icon {
    background-color: #322C29;
    text-decoration: none;
}

/*	Social links
-------------------------------------------------- */

ul.social:after {
    clear: both;
    display: table;
    content: '';
}

ul.social li, .footer-info ul.social li {
    float: left;
    margin: 0 4px 4px 0;
    padding: 0;
    background: none;
}

ul.social li a, .footer-info ul.social li a {
    margin: 0;
}

/*ul.social li a {}*/

a.social_links {
    position: relative;
    display: block;
    width: 36px;
    height: 36px;
    background: url('../images/sprite/sprite_socialbuttons.png') 0 0 no-repeat;
    border-radius: 100%;
    overflow: hidden;
    font-size: 0;
    color: transparent;
    margin: 0 4px 4px 0;
}

a.social_links:hover {
    background-color: #FE5252;
}

a.rss_feed {
    background-color: #FFB400;
    background-position: 1px -1px;
}

a.facebook_account {
    background-color: #3B5998;
    background-position: 1px -157px;
}

a.twitter_account {
    background-color: #00C3F4;
    background-position: 1px -197px;
}

a.dribble_account {
    background-color: #F977A6;
    background-position: 1px -118px;
}

a.flicker_account {
    background-color: #FF0084;
    background-position: 0px -40px;
}

a.vimeo_account {
    background-color: #1AB7EA;
    background-position: 1px -79px;
}

a.picasa_account {
    background-color: #4B8DF8;
    background-position: 0px -975px;
}

a.digg_account {
    background-color: #1B5891;
    background-position: 1px -1014px;
}

a.plurk_account {
    background-color: #CF682F;
    background-position: 1px -937px;
}

a.tripadvisor_account {
    background-color: #589642;
    background-position: 0px -898px;
}

a.yahoo_account {
    background-color: #AB64BC;
    background-position: -1px -819px;
}

a.email_to {
    background-color: #A8C000;
    background-position: 0px -235px;
}

a.youtube_account {
    background-color: #B72D28;
    background-position: 0px -313px;
}

a.pinterest_account {
    background-color: #CB2027;
    background-position: 0px -390px;
}

a.google_plus_account {
    background-color: #4B8DF7;
    background-position: 0px -274px;
}

a.linkedin_account {
    background-color: #0073B2;
    background-position: 1px -351px;
}

a.delicious_account {
    background-color: #004795;
    background-position: 0px -1092px;
}

a.devianart_account {
    background-color: #54675A;
    background-position: 1px -664px;
}

a.tumblr_account {
    background-color: #34526F;
    background-position: 0px -703px;
}

a.skype_account {
    background-color: #33BFF3;
    background-position: 0px -741px;
}

a.apple_account {
    background-color: #4C4C4C;
    background-position: 1px -781px;
}

a.aim_account {
    background-color: #FFB400;
    background-position: 1px -1054px;
}

a.paypal_account {
    background-color: #0079C1;
    background-position: 1px -469px;
}

a.blogger_account {
    background-color: #FF6403;
    background-position: 1px -586px;
}

a.behance_account {
    background-color: #1769FF;
    background-position: 0px -625px;
}

a.myspace_account {
    background-color: #003399;
    background-position: 0px -859px;
}

a.stumble_account {
    background-color: #CC492B;
    background-position: 0px -429px;
}

a.forrst_account {
    background-color: #176023;
    background-position: 0px -508px;
}

a.imdb_account {
    background-color: #F4C118;
    background-position: 0px -548px;
}

a.instagram_account {
    background-color: #99654D;
    background-position: 0px -1132px;
}

/* FOOTER ================================================================================ */

.footer-container {
    background: none #322C29;
    color: #666666;
    margin: 0;
    padding: 0;
    position: relative;
}

.footer-banners {
    /*background : #F7F7F6;*/
    padding: 25px 0;
}

.footer-banners img {
    max-width: 100%;
    height: auto;
}

.footer-banners a:hover img {
    opacity: 0.6;
}

.footer-info {
    background: #F4F4F2;
    border-top: 1px solid #ECECEA;
    padding: 60px 0;
}

.footer-info a {
    color: #FE5252
}

.footer-info a:hover {
    color: #000000;
    text-decoration: none;
}

.footer-info h4 {
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: -1.2px;
    color: rgb(0, 0, 0);
    color: rgba(0, 0, 0, 0.75);
    margin: 0 0 24px;
}

/*.footer-info .information h4{margin-bottom:18px; }*/

.footer-info hr {
    border-top: 1px solid rgb(0, 0, 0);
    border-top-color: #E6E6E4;
    border-top-color: rgba(0, 0, 0, 0.06);
    height: 1px;
    margin: 17px 0;
}

.footer-info p {
    line-height: 150%;
    margin: 0 0 0 3px;
}

.footer-info ul {
    margin: 0;
    padding: 0;
}

.footer-info ul li {
    margin: 0;
    padding: 0;
    line-height: 30px;
}

.footer-info ul li p {
    overflow: hidden;
    line-height: 30px;
}

.footer-info .information ul li, .footer-info ul.disc li {
    margin: 0;
    padding: 0 0 15px 23px;
    line-height: 130%;
    position: relative;
}

.footer-info .information ul li:before, .footer-info ul.disc li:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #FE5252;
}

.footer-info ul.twitterList {
    margin: -3px 0 0;
}

.footer-info ul.twitterList li {
    margin: 0;
    padding: 0;
    line-height: 20px;
    color: #505050;
}

.footer-info ul.twitterList li.follow {
    padding: 0 0 0 53px;
}

.footer-info ul.twitterList li span.tweet-icon {
    display: block;
    float: left;
    width: 36px;
    height: 36px;
    margin: 0px 16px 0 1px;
    background-color: #FE5252;
    background-position: -139px 12px;
    border-radius: 100%;
}

.footer-info ul.twitterList li:hover span.tweet-icon {
    background-color: #322C29;
}

.footer-info ul.twitterList li span.time-ago {
    display: block;
    color: rgba(146, 146, 146, 0.85)
}

.footer-info ul.twitterList li p {
    overflow: hidden;
    line-height: 20px;
    margin: 0 0 20px;
    padding: 3px 0 23px;
    border-bottom: 1px solid #E6E6E4;
    border-bottom-color: rgba(0, 0, 0, 0.06);
}

.footer-info ul.social {
    margin: 35px 0 0;
}

.footer-info .block-control {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    background: #FEFEFE url("../images/sprite/arrow_footer.png") 0 0 no-repeat;
    border-radius: 100% !important;
}

.footer-info .block-control:hover {
    background-color: #FE5252;
    background-position: 0 100%;
}

.footer-info .block-control-hide {
    background-position: 100% 0;
}

.footer-info .block-control-hide:hover {
    background-color: #FE5252;
    background-position: 100% 100%;
}

.footer-info .block-content {
    display: block;
}

.footer-info iframe {
    width: 300px;
    height: 260px;
    margin: 0 0;
}

footer {
    padding: 21px 0 20px;
}

footer a {
    color: #A2A2A2
}

footer a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

footer ul {
    margin: 0;
    padding: 0;
}

footer ul.links {
    float: right;
    margin-top: -1px;
    line-height: 1.5;
}

footer ul.links a {
    color: rgb(140, 140, 140);
    color: rgba(140, 140, 140, 0.87);
}

footer ul.links li {
    line-height: inherit;
}

footer ul.links li a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

footer ul.links li.separator {
    height: 8px;
    background-color: rgba(195, 195, 195, .18);
}

footer .copyright {
    border-top: 1px dotted #E0E0E0;
    margin: 40px 0 0;
    padding: 20px 0 0;
}

/********** < Navigation */

.nav-container {
    position: relative;
    z-index: 10010;
    display: inline-block;
    vertical-align: middle;
}

.nav-container .nav-top-title {
    cursor: pointer;
    font-size: 16px;
    text-align: left;
    width: 220px;
    margin: 0 auto 3px;
    padding: 0 10px;
    line-height: 36px;
    background: #F5F5F3;
    color: #000000;
    border-radius: 3px;
    display: none;
}

.nav-container .nav-top-title a {
    color: #000000;
    text-decoration: none;
}

.nav-container .nav-top-title div.icon {
    float: left;
    width: 15px;
    margin: 11px 10px 0 0;
}

.nav-container .nav-top-title div.icon span {
    display: block;
    height: 3px;
    margin: 0 0 2px;
}

.nav-container .nav-top-title:hover a, .nav-container .nav-top-title.active a {
    color: #FFFFFF;
}

.nav-container .nav-top-title:hover div.icon span, .nav-container .nav-top-title.active div.icon span {
    background: #FFFFFF;
}

/* mobile styles main menu */

.nav-container li>a em {
    float: right;
    display: none;
    width: 36px;
    text-align: center;
    font-size: 0;
    background-image: url(../images/sprite/nav_sprite.png);
    background-repeat: no-repeat;
}

.nav-container li>a em:hover {
    cursor: pointer;
    background-color: #FFFFFF;
    color: #000000 !important;
}

/* main menu position icon */

.nav-container li>a em {
    background-position: 0 0;
}

.nav-container li:hover>a em, .nav-container li.active>a em {
    background-position: 0 -36px;
}

.nav-container li:hover>a em:hover {
    background-position: 0 0;
}

.nav-container ul li.minus>a em {
    background-position: -36px 0;
}

.nav-container ul li.minus.over>a em {
    background-position: -36px -36px;
}

.nav-container ul li.minus:hover>a em, .nav-container ul li.active.minus>a em {
    background-position: -36px -36px;
}

.nav-container ul li.minus:hover>a em:hover {
    background-position: -36px 0;
}

/* sub menu position icon */

.nav-container ul.level0 li>a em {
    background-position: 0 -3px;
}

.nav-container ul.level0 li:hover>a em, .nav-container ul.level0 li.active>a em {
    background-position: 0 -3px;
}

.nav-container ul.level0 li:hover>a em:hover {
    background-position: 0 -3px;
}

.nav-container ul.level0 li.minus>a em, .nav-container ul.level0 li.minus.over>a em {
    background-position: -36px -3px;
}

.nav-container ul.level0 li.minus:hover>a em, .nav-container ul.level0 li.active.minus>a em {
    background-position: -36px -3px;
}

.nav-container ul.level0 li.minus:hover>a em:hover {
    background-position: -36px -3px;
}

#queldoreiNav {
    width: 650px;
    margin: 28px 0 31px 46px;
    padding: 0;
    position: relative;
    border: none;
    float: left;
}

.search-field #queldoreiNav {
    width: 560px
}

/* All Levels */

#queldoreiNav li {
    text-align: left;
    position: static;
}

#queldoreiNav li.over {
    z-index: 998;
}

#queldoreiNav li a {
    display: block;
    text-decoration: none;
    font-weight: 300;
}

#queldoreiNav li a:hover {
    text-decoration: none;
}

#queldoreiNav li a span {
    display: block;
    white-space: nowrap;
    cursor: pointer;
}

#queldoreiNav li ul a span {
    white-space: normal;
}

/* 1st Level */

#queldoreiNav>li {
    float: left;
    position: relative;
    margin: -2px 3px;
}

#queldoreiNav>li>a {
    position: relative;
    float: left;
    padding: 0;
    color: #373230;
    font-size: 14px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -0.1em;
    text-transform: uppercase;
}

#queldoreiNav>li>a>span {
    padding: 0px 10px;
    border-top: 3px solid transparent;
}

#queldoreiNav>li:hover>a>span, #queldoreiNav>li.over>a>span, #queldoreiNav>li.active>a>span {
    background: #FFFFFF;
}

#queldoreiNav>li:hover, #queldoreiNav>li.over, #queldoreiNav>li.active {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}

#queldoreiNav>li>a:hover, #queldoreiNav>li.over>a {
    z-index: 1000;
}

#queldoreiNav>li>a:hover>span, #queldoreiNav>li.over>a>span, #queldoreiNav>li.active>a>span {
    border-top: 3px solid #FE5252;
}

/* 2nd Level */

/*#queldoreiNav ul,*/

#queldoreiNav div.sub-wrapper {
    position: absolute;
    z-index: 999;
    width: auto;
    padding: 16px 0;
    margin: 39px 0 0;
    left: -10000px;
    border: none;
    background: #FFFFFF;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.15);
}

#queldoreiNav div.sub-wrapper ul {
    position: static;
    width: auto;
    border: none;
}

#queldoreiNav>li>div.sub-wrapper>ul>li {
    float: none;
    display: table-cell;
    border: none;
    width: 210px;
    padding: 0 16px;
    border-right: 1px solid #EDEDED;
}

#queldoreiNav>li>div.sub-wrapper>ul>li:last-child {
    border: none;
}

/* 3rd+ leven */

#queldoreiNav div.sub-wrapper ul div.sub-wrapper {
    top: -5px;
    margin: 0 0 0 101px;
    padding: 0;
    width: auto;
    border: none;
}

#queldoreiNav ul div.sub-wrapper ul {
    padding: 16px;
    width: auto;
}

#queldoreiNav ul li {
    float: none;
    border: none;
    width: 210px;
    line-height: 28px;
    position: relative;
}

#queldoreiNav ul li a {
    float: none;
    padding: 0 10px;
    font-family: Arial, serif;
    font-size: 12px;
    font-weight: normal;
    color: #322C29 !important;
    background: transparent none;
}

#queldoreiNav ul li.active>a {
    background: #322C29 !important;
    color: #FFFFFF !important;
}

#queldoreiNav ul li.over>a, #queldoreiNav ul li a:hover {
    background: #F5F4F4;
}

/* Show menu */

#queldoreiNav li ul.shown-sub, #queldoreiNav li div.shown-sub {
    left: 0px;
    z-index: 999;
}

#queldoreiNav li .shown-sub ul.shown-sub, #queldoreiNav li .shown-sub li div.shown-sub {
    left: 15px;
}

#queldoreiNav li.custom-block div.sub-wrapper {
    padding: 16px;
}

#queldoreiNav li.custom-block div.sub-wrapper strong {
    color: #373230;
    font-weight: 700;
}

#queldoreiNav li.custom-block div.sub-wrapper a {
    color: #373230;
    float: none;
    font-weight: 300;
    padding: 0px;
    text-decoration: underline;
    border: none !important;
    background: transparent none !important;
}

#queldoreiNav li.custom-block div.sub-wrapper a:hover, #queldoreiNav li.custom-block div.sub-wrapper>ul>li a:hover, #queldoreiNav li.custom-block div.sub-wrapper ul li.over>a {
    color: #373230 !important;
    text-decoration: none;
    background: transparent none !important;
}

#queldoreiNav li.custom-block div.sub-wrapper>ul>li, #queldoreiNav li.custom-block div.sub-wrapper ul li {
    width: auto;
    float: none;
    background-repeat: no-repeat;
    background-position: left 0 bottom 8px !important;
    background-color: transparent !important;
    /*background:transparent url("../images/arrow_item.gif") no-repeat 10px 8px !important;*/
    line-height: 22px;
    padding: 0 10px 0 20px;
}

/* Custom styles for Navigation Blocks */

#queldoreiNav li.custom-block div.sub-wrapper {
    box-sizing: border-box;
}

table.mobile-custom-block td {
    width: 33.3333%;
    padding: 0 5px;
    text-align: center;
}

table.mobile-custom-block img {
    max-width: 100%;
    height: auto;
}

table.mobile-custom-block~a {
    text-align: center;
}

#nav {
    width: 750px;
    margin: 9px 0 15px 46px;
    padding: 0;
    position: relative;
    border: none;
    float: left;
}

.search-field #nav {
    width: 590px
}

/* All Levels */

#nav li {
    text-align: left;
    position: static;
}

#nav li.over {
    z-index: 998;
}

#nav li a {
    display: block;
    text-decoration: none;
    font-weight: 300;
}

#nav li a:hover {
    text-decoration: none;
}

#nav li a span {
    display: block;
    white-space: nowrap;
    cursor: pointer;
}

#nav li ul a span {
    white-space: normal;
}

/* 1st Level */

#nav>li {
    float: left;
    position: relative;
    margin: -3px 3px;
}

#nav>li>a {
    position: relative;
    float: left;
    padding: 0;
    color: #373230;
    font-size: 14px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -0.1em;
    text-transform: uppercase;
}

#nav>li>a>span {
    padding: 0px 10px;
    border-top: 3px solid transparent;
    background-color: transparent;
}

#nav>li:hover, #nav>li.over, #nav>li.active {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
}

#nav>li>a:hover, #nav>li.over>a {
    z-index: 1000;
}

#nav>li>a:hover>span, #nav>li.over>a>span, #nav>li.active>a>span {
    border-top: 3px solid #FE5252;
    background-color: #FFFFFF;
}

#nav>li.custom-block>a, #nav>li.custom-block>a>span {
    cursor: default;
}

/* 2nd Level */

#nav ul {
    position: absolute;
    z-index: 999;
    width: auto;
    padding: 16px;
    margin: 39px 0 0;
    left: -10000px;
    border: none;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}

/* 3rd+ leven */

#nav ul ul {
    top: -5px;
    margin: 0 0 0 101px;
    padding: 0;
    width: auto;
    border: none;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}

#nav ul ul {
    padding: 16px;
    width: auto;
}

#nav ul li {
    float: none;
    border: none;
    width: 210px;
    line-height: 28px;
    position: relative;
}

#nav ul li a {
    float: none;
    padding: 0 10px;
    font-family: Arial, serif;
    font-size: 12px;
    font-weight: normal;
    color: #322C29 !important;
    background: transparent none;
}

#nav ul li.active>a {
    background: #322C29 !important;
    color: #FFFFFF !important;
}

#nav ul li.over>a, #nav ul li a:hover {
    background: #F5F4F4;
}

/* Show menu */

#nav li ul.shown-sub, #nav li div.shown-sub {
    left: 0px;
    z-index: 999;
}

#nav li .shown-sub ul.shown-sub, #nav li .shown-sub li div.shown-sub {
    left: 15px;
}

#nav li.custom-block>ul>li {
    width: 350px;
    line-height: 150%;
}

#nav li.custom-block ul li strong {
    color: #888888;
    font-weight: 700;
}

#nav li.custom-block ul li a {
    display: inline;
    color: #888888;
    float: none;
    font-weight: 300;
    padding: 0px;
    text-decoration: underline;
    border: none !important;
    background: transparent none !important;
}

#nav li.custom-block ul li a:hover, #nav li.custom-block ul li.over>a {
    color: #888888 !important;
    text-decoration: none;
    background: transparent none !important;
}

#nav li.custom-block ul li>ul {
    position: static;
    width: auto;
    border: none;
    background: #FFFFFF;
    top: 0;
    margin: 0;
    padding: 0;
    box-shadow: none;
}

#nav li.custom-block ul li>ul>li {
    width: auto;
    float: none;
    background-color: transparent !important;
    background-repeat: no-repeat;
    background-position: left 0 bottom 8px !important;
    line-height: 22px;
    padding: 0 10px 0 20px;
}

/********** Navigation > */

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

/*  Below logo
-------------------------------------------------- */

.below-logo .nav-container {
    display: block;
    margin-left: -13px;
}

.below-logo #queldoreiNav, .below-logo #nav {
    width: auto;
    margin: 0 0 14px 5px
}

@media only screen and (min-width: 980px) {
    .below-logo header a.logo {
        margin: 18px 0;
    }
    .below-logo .top-dropdowns {
        margin-top: -32px;
    }
}

/* 
-------------------------------------------------- */
.new-label, .sale-label {
    position: absolute;
    z-index: 10000;
    width: 91px;
    height: 91px;
    background: url(../images/sprite/labels.png) 0 0 no-repeat;
}

.sale-top-left {
    top: -13px;
    left: -13px;
    background-position: -182px 0;
}

.sale-top-right {
    top: -13px;
    right: -13px;
    background-position: -273px 0;
}

.sale-bottom-left {
    bottom: -13px;
    left: -13px;
    background-position: -182px -91px;
}

.sale-bottom-right {
    bottom: -13px;
    right: -13px;
    background-position: -273px -91px;
}

.new-top-left {
    top: -13px;
    left: -13px;
    background-position: 0 0;
}

.new-top-right {
    top: -13px;
    right: -13px;
    background-position: -91px 0;
}

.new-bottom-left {
    bottom: -13px;
    left: -13px;
    background-position: 0 -91px;
}

.new-bottom-right {
    bottom: -13px;
    right: -13px;
    background-position: -91px -91px;
}

.product-img-box .sale-top-left {
    top: -4px;
    left: -4px;
}

.product-img-box .sale-top-right {
    top: -4px;
    right: -4px;
}

.product-img-box .new-top-left {
    top: -4px;
    left: -4px;
}

.product-img-box .new-top-right {
    top: -4px;
    right: -4px;
}

/* Price box styles
-------------------------------------------------- */

.price-box a {
    /*white-space : nowrap;*/
}

.price-box a:hover {
    text-decoration: none;
}

.price-box .price {
    color: #FE5252;
    font-size: 16px;
}

.product-view .product-shop .price-box .price {
    font-size: 40px;
    line-height: 40px;
}

.product-view .product-shop .price-box .price-label {
    display: block;
}

.price-box .old-price .price {
    color: #C3C3C3;
    font-weight: 400;
    /*font-size:11px;*/
}

.price-box {
    display: table;
}

.price-box p.special-price {
    float: left;
    margin: 0 !important;
    line-height: 18px !important;
}

.price-box p.old-price {
    /*float: left;*/
    padding-right: 3px;
    margin: 0 !important;
    line-height: 18px !important;
}

.price-box .price-from, .price-box .price-to {
    float: left;
}

.price-box p.price-from:after {
    content: '-';
    padding: 0 3px 0 2px;
    margin: -1px 0 0;
    display: inline-block;
    vertical-align: top;
}

.product-view .price-box p.price-from:after, .hover .price-box p.price-from:after {
    content: '';
}

.price-box:after {
    clear: both;
    content: '';
    display: table;
}

.hover .price-box p, .product-view .product-shop .price-box .price-to, .product-view .product-shop .price-box .price-from {
    float: none;
}

.in-stock {
    color: green
}

.out-of-stock {
    color: red
}

.rating-box, .rating-box .rating {
    height: 10px;
    background-image: url("../images/sprite/rating.png");
}

.rating-box {
    width: 60px;
    margin: 2px 12px 0 0;
}

.rating-links .separator {
    margin: 0 2px;
    font-weight: 300;
    font-size: 12px;
    color: #D9D9D9;
}

.breadcrumbs {
    border: none;
    padding: 0 15px;
    margin: 0;
    position: relative;
    z-index: 1;
}

.breadcrumbs a {
    color: rgba(27, 26, 25, 0.77);
}

.breadcrumbs strong {
    color: rgba(128, 128, 128, 0.77);
    font-weight: 300;
}

.breadcrumbs span {
    background-repeat: no-repeat;
    background-position: -94px -195px;
    padding: 0 9px;
}

.breadcrumbs ul {
    margin: 0;
    padding: 17px 15px 16px;
}

/* Global Messages  */

.success {
    color: #3D6611;
    font-weight: bold;
}

.error {
    color: #FF0000;
    font-weight: bold;
}

.notice {
    color: #CCCCCC;
}

body ul.messages, body .messages ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

body ul.messages {
    width: 100%;
    margin: 0 0 15px !important;
}

body ul.messages li li {
    padding: 0 !important;
    margin: 0 !important;
    line-height: inherit !important;
    background: none !important;
    font-style: normal;
    text-align: left !important;
}

body ul.messages li.error-msg, body ul.messages li.success-msg, body ul.messages li.note-msg, body ul.messages li.notice-msg {
    padding: 33px 19px 35px 71px !important;
    border-radius: 2px !important;
    background-position: 27px 31px !important;
    background-repeat: no-repeat !important;
    background-color: #FFFFFF !important;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.09) !important;
    color: #888888 !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    position: relative !important;
}

body ul.messages>li:before {
    content: '';
    position: absolute;
    width: 26px;
    height: 26px;
    display: block;
    left: 27px;
    top: 31px;
}

.error-msg:before {
    background-position: -50px -150px;
}

.success-msg:before {
    background-position: 0 -150px;
}

.note-msg:before {
    background-position: -100px -150px;
}

.notice-msg:before {
    background-position: -150px -150px;
}

.ajax_loading {
    position: absolute;
    margin-top: 21px;
    display: none;
}

.products-list .product-shop .ajax_loading {
    left: -23px;
    margin: 10px 0 0;
}

.product-shop .ajax_loading {
    margin: -69px 0 0 320px;
}

.quick-view {
    display: none;
    position: absolute;
    z-index: 2;
    top: 14%;
    left: 30%;
    background: #FE5252 url('../images/gradient/btn_overlay.png') 0 0 repeat-x;
    height: 42px;
    border-radius: 3px;
    line-height: 42px;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 300;
    color: #FFFFFF;
    text-align: center;
    white-space: nowrap;
}

.quick-view a {
    color: #FFFFFF;
}

.quick-view:hover {
    color: #FFFFFF;
    text-decoration: none;
}

div.alert a {
    font-size: 12px;
    color: #8DB201;
    padding-left: 5px;
}

div.alert a:hover {
    color: #FFFFFF;
}

div.alert {
    position: fixed;
    background: #353535;
    top: 0;
    left: 50%;
    width: 333px;
    margin-left: -220px;
    padding: 20px 60px;
    color: #FFFFFF;
    z-index: 10030;
    font-size: 12px;
    font-weight: bold;
    color: #ECECEC;
    border-radius: 0 0 3px 3px;
    text-align: center;
}

div.alert button {
    background: url(../images/sprite/remove-popup.png) 0 0 no-repeat;
    width: 9px;
    height: 9px;
    position: absolute;
    right: 20px;
    top: 45%;
    border: none;
    z-index: 9999;
}

div.alert button:hover {
    cursor: pointer;
    background-position: 0 -9px;
}

/*********** < BANNERS */

/*.row .row.homepage-banners {
    margin-top: -43px;
    margin-bottom: 68px;
}

body.cms-shopper-home .main-container {
    overflow: inherit;
}

.homepage-banners a {
    position: relative;
    overflow: hidden;
    display: block;
    padding: 11px;
    background: #FFFFFF;
    border-radius: 2px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}

.homepage-banners a:hover {
    padding: 16px;
    margin: -5px;
    box-shadow: 0px 0px 22px 1px rgba(0, 0, 0, 0.15);
}

.homepage-banners a, .homepage-banners a:hover {
    transition: all 300ms ease-in-out;
}

.pright {
    right: 0;
    transition: all 300ms ease-in-out;
}

.homepage-banners a:hover .content.pright {
    right: 5px;
    transition: all 300ms ease-in-out;
}

.homepage-banners a img {
    position: relative;
    z-index: 1;
    max-width: 100%;
    height: auto;
}

.homepage-banners a .content {
    position: absolute;
    z-index: 2;
    margin: 38px;
    color: #4E4D4B;
    text-align: center;
}

.homepage-banners a .content strong {
    font-size: 32px;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 24px;
    color: #302F2E;
}

.homepage-banners a .content .border {
    margin: 15px 10px;
    height: 1px;
    background: #D7D4D0;
}

.homepage-banners a .content p {
    margin: 0;
}

.homepage-banners a .content button {
    margin: 15px 0 0;
}

.homepage-banners a.text-right .content {
    right: 11px;
}

.homepage-banners a.text-center .content {
    right: 11px;
    left: 11px
}

.category-products {
    margin: 0 0 50px;
}

.category-products h2 {
    margin: 0 0 30px 0px;
    letter-spacing: -1.2px;
    line-height: 21px;
}
*/
/*********** < BRANDS */

.brands a img {
    opacity: .49;
}

.brands a:hover img {
    opacity: 1;
}

.brands img {
    transition: opacity 200ms ease-in-out;
}

/*********** < SLIDER */

.slider-container {
    position: relative;
    z-index: 2;
    margin: 42px 0 -50px 0px;
    padding: 42px 0 0;
}

.slider-container:before {
    content: '';
    position: absolute;
    top: 0px;
    left: -100%;
    right: -100%;
    display: block;
    height: 100%;
    border-top: 1px solid #E1E1E1;
    background: #EDEDED;
    z-index: -1;
}

.main-container>.slider-container {
    margin: 0;
}

.slider-container h3, .col-main .widget h3, .paypal-express-review h2.legend {
    font-size: 24px;
    font-weight: 400;
    padding: 0 0 26px;
    margin: 0 0 0 0px;
    text-transform: uppercase;
    letter-spacing: -1.2px;
    line-height: 21px;
}

.slider-container .block-subtitle {
    margin: -15px 15px 15px;
    text-align: left;
}

.slider-container .block-subtitle a {
    text-decoration: underline;
}

.slider-container .block-subtitle a:hover {
    text-decoration: none;
}

.slider-container .jcarousel-list li {}

.slider-container .jcarousel-list h3 {
    font-size: 24px;
    font-weight: 300;
    color: #000000;
    color: rgba(0, 0, 0, 0.67);
    letter-spacing: -1px;
    margin: 27px 0 26px 2px;
    text-align: center;
}

.slider-container .jcarousel-list .button-container {
    float: right;
}

.slider-container .jcarousel-list .button-container button.button span {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    text-indent: -9999px;
}

.slider-container .jcarousel-list .button-container button.button span span {
    padding: 0;
    background-position: -241px -89px;
}

.slider-container .jcarousel-list .product-image {
    display: block;
    margin: 0 0 12px;
}

.slider-container .jcarousel-list .product-image img {
    position: relative;
    z-index: 0;
}

.slider-container .jcarousel-list .product-name a {
    color: #3C3C3C;
    font-size: 16px;
    font-weight: 300;
    display: block;
    margin: 4px;
    line-height: 120%;
}

.slider-container .jcarousel-list .product-name:hover {
    color: #000000;
    text-decoration: none;
}

.slider-container .jcarousel-list .related-checkbox {
    margin: 0 4px;
    line-height: 12px;
    float: left;
    display: block;
}

.slider-container .jcarousel-list .price-box {
    margin: 0px 0 0 4px;
    line-height: 12px;
    letter-spacing: -1.2px
}

.slider-container .price-box {
    display: table;
}

.slider-container .price-box p {
    padding: 0;
}

.slider-container .price-box p.old-price {
    padding-right: 3px;
}

.slider-container .price-box:after {
    clear: both;
    content: '';
    display: table;
}

.footer-container .product-slider-container {
    background: #FAFAFA;
    width: 100%;
}

.footer-container .jcarousel-skin-tango .jcarousel-clip-horizontal, .footer-container .jcarousel-skin-tango .jcarousel-container-horizontal {
    width: auto
}

.product-slider-container .title-container {
    position: relative;
    margin: 0 0 -27px;
    padding-right: 83px;
}

.product-slider-container h2 {
    margin: 0 0 0 0px;
    padding: 0 0 26px;
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: -1.2px;
    line-height: 21px;
}

.product-slider-container .jcarousel-skin-tango .jcarousel-clip {
    margin: 0 -15px;
}

.product-slider-container .jcarousel-skin-tango .jcarousel-clip ul.jcarousel-list {
    padding: 28px 0 50px !important;
}

.product-slider-container .jcarousel-skin-tango ul.products-grid li.item {
    width: 300px;
}

.product-slider-container .jcarousel-skin-tango .jcarousel-clip ul li.item div.hover {
    box-shadow: 0px 0px 25px 6px rgba(0, 0, 0, 0.09);
}

.home-main .product-slider-container h2 {
    margin-left: 0;
}

.product-slider-container .title-container+ul.products-grid {
    padding-top: 28px;
}

.product-slider-container+script+script+.widget {
    margin-top: 50px;
}

.col-main .widget {
    padding-top: 50px;
}

/* Category Page ========================================================================= */

/* Pager */

.pager {
    padding: 16px 0 0;
    margin: 0 0 16px;
    line-height: 22px;
    text-align: center;
    border-top: 1px solid;
    border-top-color: #E3E3E3;
    border-top-color: rgba(227, 227, 227, 0.61);
}

.pager .amount {
    float: left;
    color: #262525;
    color: rgba(38, 37, 37, 0.5);
}

.pager .amount strong {
    font-weight: 400;
}

.pager .pages {
    float: right;
    margin: 0;
}

.pager .pages ol {
    display: inline;
    margin: 0;
    padding: 0;
}

.pager .pages li {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: 0;
    text-align: center;
}

.pager .pages li a {
    display: block;
    float: left;
    width: 22px;
    height: 22px;
    text-decoration: none;
    line-height: 25px;
    color: #262525;
    color: rgba(38, 37, 37, 0.75);
}

.pager .pages li a:hover {
    color: #FE5252;
}

.pager .pages li a.next, .pager .pages li a.previous {
    border: 1px solid #E1E1E1;
    background: url('../images/gradient/pager_bg.png') 0 0 repeat-x;
}

.pager .pages li a.next:hover, .pager .pages li a.previous:hover {
    box-shadow: inset 2px 2px 6px 0px rgba(0, 0, 0, 0.05);
}

.pager .pages strong {
    display: none
}

.pager .pages .current {
    vertical-align: top;
    color: #FE5252;
    line-height: 25px;
}

/* Sorter */

.sorter {
    padding: 0px;
    margin: -10px 0 18px;
    line-height: 27px;
    text-align: left;
    color: #808080;
}

.sorter .limiter, .sorter .sort-by, .sorter .sort-order, .sorter .view-mode {
    float: left;
    height: 27px;
    border: 1px solid #E1E1E1;
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.05);
    background: url('../images/gradient/sorter_bg.png') 0 0 repeat-x
}

.sorter .sort-by {
    margin: 10px 1px 0 0
}

.sorter .sort-by label {
    margin: 0 8px 0 8px
}

.sorter .limiter label {
    margin: 0 7px;
}

.sorter .sort-order {
    margin: 10px 10px 0 0;
}

.sorter .sort-order a {
    display: block;
    width: 27px;
    height: 27px;
}

.sorter .sort-order a img {
    display: none;
}

.sorter .sort-order a.i_asc_arrow {
    background-position: -239px -191px;
}

.sorter .sort-order a.i_desc_arrow {
    background-position: -189px -191px;
}

.sorter .view-mode {
    margin: 10px 10px 0 0;
}

.sorter .view-mode label {
    display: block;
    float: left;
    margin: 0 7px;
}

.sorter .view-mode a, .sorter .view-mode strong {
    position: relative;
    display: block;
    float: left;
    overflow: hidden;
    width: 27px;
    height: 27px;
    margin: 0;
    text-indent: -999px;
}

.sorter .view-mode a:before, .sorter .view-mode strong:before {
    content: '';
    position: absolute;
    width: 27px;
    height: 27px;
    display: block;
}

.sorter .view-mode .grid {
    border-left: 1px solid #E1E1E1;
    border-right: 1px solid #E1E1E1;
}

.sorter .view-mode .list {}

.sorter .view-mode .grid:before {
    background: transparent url(../images/sprite/i_grid_mode.png) 0% 0% no-repeat;
}

.sorter .view-mode .list:before {
    background: transparent url(../images/sprite/i_list_mode.png) 0% 0% no-repeat;
}

.sorter .view-mode a:hover:before, .sorter .view-mode strong:before {
    opacity: .35;
}

.sorter .view-mode a:hover, .sorter .view-mode strong.grid, .sorter .view-mode strong.list, .sorter .sort-order a:hover {
    box-shadow: inset 2px 2px 6px 0px rgba(0, 0, 0, 0.10);
}

/* Toolbar */

.toolbar img.v-middle {
    vertical-align: top;
}

.toolbar select {
    height: 27px;
    padding: 0;
    margin: 0;
    line-height: 27px;
    border: none;
    box-shadow: none;
    color: #434343;
}

.toolbar .sort-by select {
    width: auto;
}

.toolbar-bottom .sorter {
    display: none;
}

.toolbar-switch {
    margin-top: 10px;
}

.toolbar-switch .toolbar-dropdown {
    display: none;
}

.toolbar-switch select {
    display: none;
}

.toolbar-switch .current {
    color: #434343;
}

.toolbar-switch .toolbar-title {
    position: relative;
    z-index: 8;
    padding: 0 40px 0 0;
    background-color: transparent;
}

.toolbar-switch .toolbar-title:before {
    content: '';
    position: absolute;
    right: 0;
    top: 6px;
    width: 29px;
    height: 14px;
    background-position: 0 -200px;
}

.over .toolbar-title {
    background-color: #FFFFFF;
    height: 30px;
    margin: 0 -1px;
    border-left: 1px solid #E1E1E1;
    border-right: 1px solid #E1E1E1;
}

.toolbar-dropdown {
    background: #FFFFFF;
    padding: 11px 22px;
    display: none;
    position: absolute;
    z-index: 7;
    margin: -1px;
    border: 1px solid #E1E1E1;
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.05);
}

.toolbar-dropdown ul {}

.toolbar-dropdown ul li {
    padding: 0 0 0 12px;
    background-repeat: no-repeat;
    background-position: left 0 bottom 8px;
}

.toolbar-dropdown ul li a {
    display: block;
    line-height: 20px;
    margin: 0;
    padding: 0;
    color: #8C8C8C;
}

.toolbar-dropdown ul li a:hover, .toolbar-dropdown ul li.selected a {
    text-decoration: none;
    color: #FE5252;
}

.category-title {
    display: none;
}

.category-image {
    width: 100%;
    overflow: hidden;
    margin: 0 0 30px;
    text-align: center;
    display: none !important;
}

.category-image img {
    max-width: 100%;
}

.category-description {
    border: 1px solid;
    border-color: #E3E3E3;
    border-color: rgba(227, 227, 227, 0.61);
    margin: 0 0 20px 0;
    padding: 20px;
    line-height: 18px;
    text-align: center;
    color: #808080;
}

.category-description h1 {
    display: block;
    margin: 0;
    font-size: 24px;
    font-style: normal;
    color: #000000;
    color: rgba(0, 0, 0, 0.67);
    text-transform: uppercase;
}

.category-description p {
    margin: 22px 0 0;
}

.category-description strong {
    color: #000000;
    color: rgba(0, 0, 0, 0.67);
    font-style: normal;
}

.category-description img {
    max-width: 100%;
    height: auto;
}

/* View Type: Grid */

.products-grid {
    border: none;
    position: relative;
    margin: 0 -15px;
}

.products-grid.last {
    border-bottom: 0;
}

.products-grid li.item {
    position: relative;
    float: left;
    padding: 0 15px;
    margin: 0 0 30px;
    box-sizing: border-box;
}

.products-grid li.item .regular {
    position: relative;
    background: #FFFFFF;
    border: 9px solid #FFFFFF;
    border-radius: 3px;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
}

/*	Prodcut grid and item */

/*one column layouts*/

/*one_column_4*/

.one_column_4 .col1-layout .category-products .products-grid li.item:nth-child(4n+1), .one_column_4 .col1-layout .widget-products .products-grid li.item:nth-child(4n+1) {
    clear: both;
}

.one_column_4 .col1-layout .category-products .products-grid li.item, .one_column_4 .col1-layout .widget-products .products-grid li.item {
    width: 25%;
}

/*one_column_5*/

.one_column_5 .col1-layout .category-products .products-grid li.item:nth-child(5n+1), .one_column_5 .col1-layout .widget-products .products-grid li.item:nth-child(5n+1) {
    clear: both;
}

.one_column_5 .col1-layout .category-products .products-grid li.item, .one_column_5 .col1-layout .widget-products .products-grid li.item {
    width: 20%;
}

/*one_column_6*/

.one_column_6 .col1-layout .category-products .products-grid li.item:nth-child(6n+1), .one_column_6 .col1-layout .widget-products .products-grid li.item:nth-child(6n+1) {
    clear: both;
}

.one_column_6 .col1-layout .category-products .products-grid li.item, .one_column_6 .col1-layout .widget-products .products-grid li.item {
    width: 16.66%;
}

/*two columns layouts*/

/*two_columns_3*/

.two_columns_3 .col2-left-layout .category-products .products-grid li.item:nth-child(3n+1), .two_columns_3 .col2-right-layout .category-products .products-grid li.item:nth-child(3n+1), .two_columns_3 .col2-left-layout .widget-products .products-grid li.item:nth-child(3n+1), .two_columns_3 .col2-right-layout .widget-products .products-grid li.item:nth-child(3n+1) {
    clear: both;
}

.two_columns_3 .col2-left-layout .category-products .products-grid li.item, .two_columns_3 .col2-right-layout .category-products .products-grid li.item, .two_columns_3 .col2-left-layout .widget-products .products-grid li.item, .two_columns_3 .col2-right-layout .widget-products .products-grid li.item {
    width: 33.33%;
}

/*two_columns_4*/

.two_columns_4 .col2-left-layout .category-products .products-grid li.item:nth-child(4n+1), .two_columns_4 .col2-right-layout .category-products .products-grid li.item:nth-child(4n+1), .two_columns_4 .col2-left-layout .widget-products .products-grid li.item:nth-child(4n+1), .two_columns_4 .col2-right-layout .widget-products .products-grid li.item:nth-child(4n+1) {
    clear: both;
}

.two_columns_4 .col2-left-layout .category-products .products-grid li.item, .two_columns_4 .col2-right-layout .category-products .products-grid li.item, .two_columns_4 .col2-left-layout .widget-products .products-grid li.item, .two_columns_4 .col2-right-layout .widget-products .products-grid li.item {
    width: 25%;
}

/*two_columns_5*/

.two_columns_5 .col2-left-layout .category-products .products-grid li.item:nth-child(5n+1), .two_columns_5 .col2-right-layout .category-products .products-grid li.item:nth-child(5n+1), .two_columns_5 .col2-left-layout .widget-products .products-grid li.item:nth-child(5n+1), .two_columns_5 .col2-right-layout .widget-products .products-grid li.item:nth-child(5n+1) {
    clear: both;
}

.two_columns_5 .col2-left-layout .category-products .products-grid li.item, .two_columns_5 .col2-right-layout .category-products .products-grid li.item, .two_columns_5 .col2-left-layout .widget-products .products-grid li.item, .two_columns_5 .col2-right-layout .widget-products .products-grid li.item {
    width: 20%;
}

/*three columns layouts*/

/*three_columns_2*/

.three_columns_2 .col3-layout .category-products .products-grid li.item:nth-child(2n+1), .three_columns_2 .col3-layout .widget-products .products-grid li.item:nth-child(2n+1) {
    clear: both;
}

.three_columns_2 .col3-layout .category-products .products-grid li.item, .three_columns_2 .col3-layout .widget-products .products-grid li.item {
    width: 50%;
}

/*three_columns_3*/

.three_columns_3 .col3-layout .category-products .products-grid li.item:nth-child(3n+1), .three_columns_3 .col3-layout .widget-products .products-grid li.item:nth-child(3n+1) {
    clear: both;
}

.three_columns_3 .col3-layout .category-products .products-grid li.item, .three_columns_3 .col3-layout .widget-products .products-grid li.item {
    width: 33.33%;
}

.cms-shopper-home-slideshow .col1-layout .category-products .products-grid li.item:nth-child(4n+1), .cms-shopper-home-2col .col1-layout .category-products .products-grid li.item:nth-child(4n+1), .cms-shopper-home-2col-left .col1-layout .category-products .products-grid li.item:nth-child(4n+1) {
    clear: inherit;
}

.cms-shopper-home-slideshow .col1-layout .category-products .products-grid li.item:nth-child(3n+1), .cms-shopper-home-2col .col1-layout .category-products .products-grid li.item:nth-child(3n+1), .cms-shopper-home-2col-left .col1-layout .category-products .products-grid li.item:nth-child(3n+1) {
    clear: both;
}

.cms-shopper-home-slideshow .col1-layout .category-products .products-grid li.item, .cms-shopper-home-2col .col1-layout .category-products .products-grid li.item, .cms-shopper-home-2col-left .col1-layout .category-products .products-grid li.item {
    width: 33.33%;
}

ul li h2.product-name, .product-view ul li h2.product-name {
    letter-spacing: 0;
    margin: 0 !important;
    padding: 0;
    word-wrap: break-word;
    text-transform: none;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.products-grid li.item a:hover {
    text-decoration: none;
}

.products-grid h3 {
    font-size: 24px;
    font-weight: 300;
    color: #000000;
    color: rgba(0, 0, 0, 0.67);
    letter-spacing: -1px;
    margin: 27px 0 26px 2px;
    text-align: center;
}

.products-grid .button-container {
    float: right;
    margin-left: 5px;
}

.products-grid .button-container button.button span {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    text-indent: -9999px;
}

.products-grid .button-container button.button span span {
    padding: 0;
    background-position: -241px -89px;
}

.products-grid .product-image {
    display: block;
    margin: 0 0 12px;
    position: relative;
    z-index: 1;
}

.products-grid .product-image img {
    position: relative;
    z-index: 0;
    max-width: 100%;
    height: auto;
}

.products-grid .product-name {}

.products-grid .product-name a {
    color: #3C3C3C;
    font-size: 16px;
    display: block;
    margin: 4px;
    line-height: 120%;
    margin-left: 0;
}

.products-grid .product-name a:hover {
    color: #000000;
    text-decoration: none;
}

.products-grid .price-box {
    display: block;
    margin: 0px 0 5px 0;
    line-height: 14px;
}

.product-name a {
    word-wrap: break-word;
}

/** gird hover mode **/

.products-grid .hover {
    display: none;
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 15px;
    right: 15px;
    background: #FFFFFF;
    border: 9px solid #FFFFFF;
    border-radius: 3px;
    box-shadow: 0px 0px 46px 12px rgba(0, 0, 0, 0.09);
    min-height: 323px;
}

.products-grid .hover .price-box {
    position: absolute;
    z-index: 2;
    right: 11px;
    min-width: 66px;
    margin: 0;
    padding: 0;
    background: #FE5252;
    line-height: 18px;
    text-align: center;
    border-radius: 100%;
    display: none!important;
}

.products-grid .hover .price-box .price-label, .products-grid .hover .price-box .label {
    display: none;
}

.products-grid .hover .price-box sup {
    color: #FFFFFF;
    color: rgba(255, 255, 255, 0.5);
    font-size: 18px;
    font-style: normal;
    top: -0.3em;
}

.products-grid .hover .price-box .price {
    color: #FFFFFF;
    font-size: 24px;
}

.products-grid .hover .price-box .old-price .price {
    color: #FFFFFF;
    color: rgba(255, 255, 255, 0.5);
    font-size: 18px;
}

.products-grid .hover .price-box .old-price sup {
    top: 0;
}

.products-grid .hover .product-name {
    text-align: center;
}

.mini-products-list .product-details, .cart-top-container .details .text-recently, .compare-top-container .details li.item {
    text-align: left;
}

.products-grid .hover .ratings {
    width: 55px;
    padding: 3px 3px 0 0;
    margin: 0 auto;
}

.products-grid .hover .rating-links {
    display: none;
}

.products-grid .hover .button-container {
    float: none;
    border-top: 1px solid #F3F3F3;
    margin-top: 12px;
    padding-top: 13px;
    text-align: center;
}

.products-grid .hover .button-container button.button span {
    width: auto;
    height: 19px;
    line-height: 19px;
    background: transparent none !important;
    border-radius: 0;
    text-indent: 0;
}

.products-grid .hover .button-container button.button span span {
    padding: 0;
    font-size: 12px;
    color: #4D4D4D;
    text-transform: none;
}

.products-grid .hover .button-container button.button span span em {
    display: inline-block;
    float: left;
    margin: -2px 13px 0 0;
    width: 24px;
    height: 19px;
    background-color: #FE5252;
    background-position: -200px -100px;
}

.products-grid .add-to-links {
    box-sizing: border-box;
    min-height: 40px;
    margin: 9px -9px -9px;
    padding: 12px 5px 10px;
    background: #FCFCFC;
    box-shadow: inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15);
    text-align: center;
    display: none !important;
}

.products-grid .add-to-links li {
    display: inline;
    margin: 0 5px 0 0;
}

.products-grid .add-to-links li span {
    display: inline-block;
    color: #FE5252;
    margin-right: 5px;
}

.products-grid .add-to-links a {
    font-weight: 300;
    white-space: nowrap;
}

.products-grid .add-to-links a:hover {
    text-decoration: none;
}

.products-grid .availability {
    line-height: 39px;
}

.two_columns_4 .add-to-links {
    height: auto;
    padding: 10px 0;
}

.two_columns_4 .add-to-links li {
    display: block;
    margin: 0;
    line-height: 140%;
}

.two_columns_4 .add-to-links li {
    display: block;
    margin: 0;
}

.two_columns_4 .hover .price-box {
    display: none
}

.two_columns_4 .quick-view {
    top: 18%;
    left: 26%;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
}

.two_columns_4 .product-name a {
    font-size: 14px
}

.two_columns_4 .hover .button-container button.button span span em {
    margin: 0 5px 0 0;
}

/* two_columns 5 products per row */

.col2-left-layout .two_columns_5 {
    margin: 0 -10px
}

.two_columns_5 .add-to-links {
    height: auto;
    padding: 10px 0;
}

.two_columns_5 .add-to-links li {
    display: block;
    margin: 0;
    line-height: 140%;
}

.two_columns_5 .add-to-links li {
    display: block;
    margin: 0;
}

.two_columns_5 .hover .price-box {
    display: none
}

.two_columns_5 .quick-view {
    top: 15%;
    left: 20%;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
}

.two_columns_5 .product-name a {
    font-size: 14px
}

.two_columns_5 .hover .button-container button.button span span em {
    margin: 0 5px 0 0;
}

.one_column_5 .add-to-links {
    height: auto;
    padding: 10px 0;
}

.one_column_5 .add-to-links li {
    display: block;
    margin: 0;
    line-height: 140%;
}

.one_column_5 .add-to-links li {
    display: block;
    margin: 0;
}

.one_column_5 .hover .price-box {
    display: none
}

.one_column_5 .quick-view {
    top: 18%;
    left: 26%;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
}

.one_column_5 .product-name a {
    font-size: 14px
}

.one_column_5 .hover .button-container button.button span span em {
    margin: 0 5px 0 0;
}

.one_column_6 .add-to-links {
    height: auto;
    padding: 10px 0;
}

.one_column_6 .add-to-links li {
    display: block;
    margin: 0;
    line-height: 140%;
}

.one_column_6 .add-to-links li {
    display: block;
    margin: 0;
}

.one_column_6 .hover .price-box {
    display: none
}

.one_column_6 .quick-view {
    top: 18%;
    left: 21%;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
}

.one_column_6 .product-name a {
    font-size: 14px
}

.one_column_6 .hover .button-container button.button span span em {
    margin: 0 5px 0 0;
}

.three_columns_3 .add-to-links {
    height: auto;
    padding: 10px 0;
}

.three_columns_3 .add-to-links li {
    display: block;
    margin: 0;
    line-height: 140%;
}

.three_columns_3 .add-to-links li {
    display: block;
    margin: 0;
}

.three_columns_3 .hover .price-box {
    display: none
}

.three_columns_3 .quick-view {
    top: 18%;
    left: 21%;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
}

.three_columns_3 .product-name a {
    font-size: 14px
}

.three_columns_3 .hover .button-container button.button span span em {
    margin: 0 5px 0 0;
}

/* View Type: List */

.products-list {
    margin: 0;
    padding: 0;
    position: relative;
}

.products-list li.item {
    border: none;
    padding: 0 0 26px;
}

.products-list li.item .f-left {
    position: relative;
}

.products-list .product-image {
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 1;
    background: #FFFFFF;
    border: 9px solid #FFFFFF;
    border-radius: 3px;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
}

.products-list .product-image .back_img {
    position: absolute;
    z-index: 1;
    display: none;
}

.products-list .product-shop {
    position: relative;
    overflow: hidden;
    padding-left: 30px;
}

.products-list .product-name {
    margin: 9px 0 5px -2px;
    font-size: 16px;
    padding: 0 0 12px;
    border-bottom: 1px solid;
    border-bottom-color: #E3E3E3;
    border-bottom-color: rgba(227, 227, 227, 0.61);
}

.products-list .product-name a {
    color: rgba(0, 0, 0, 0.67);
    font-size: 16px;
    letter-spacing: 0px;
    font-weight: bold;
}

.products-list .product-name a:hover {
    text-decoration: none;
    color: #000000;
}

.products-list .price-container {
    float: none;
    margin: 0 0 11px;
    padding: 0 0 6px;
    border-bottom: 1px solid;
    border-bottom-color: #E3E3E3;
    border-bottom-color: rgba(227, 227, 227, 0.61);
}

.products-list .price-box {
    float: left;
}

.products-list .price-box .price {
    font-size: 20px;
}

.products-list .price-box p {
    display: inline-block;
    float: right;
    margin: 0 5px 0 0;
}

.products-list .price-box p.old-price {
    float: right;
    margin: 6px 0 0;
}

.products-list .price-box p.old-price .price {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

.products-list .price-box p.special-price {
    float: left;
}

.products-list .price-box p.special-price .price-label {
    display: none;
}

.products-list .quick-view {
    display: none !important;
}

.minimal-price-link {
    clear: both;
}

.products-list .ratings {
    float: left;
    width: 270px;
    margin: 7px 0 0 22px;
    font-size: 12px;
    padding: 0;
}

.products-list .ratings, .products-list .ratings a {
    color: #1B1A19;
}

.ratings .rating-box {
    margin: 1px 7px 0 0;
}

.col3-layout .products-list .ratings {
    float: none;
    width: auto;
    clear: both;
    margin: 0;
}

.products-list .desc {
    line-height: 1.5;
    margin: 0 0 13px;
    padding: 0 0 13px 2px;
    color: #1B1A19;
    border-bottom: 1px solid;
    border-bottom-color: #E3E3E3;
    border-bottom-color: rgba(227, 227, 227, 0.61);
}

.products-list .desc .link-learn {
    display: none;
}

.products-list .desc a {
    text-decoration: underline;
}

.products-list .desc a:hover {
    text-decoration: none;
}

.products-list .button-container {
    float: left;
    margin: 0;
    line-height: 35px;
}

.products-list .button-container p {
    line-height: 35px;
}

.products-list .button-container .btn-add-cart {
    display: block;
    vertical-align: top;
    color: #322C29;
    font-size: 14px;
}

.products-list .button-container .btn-add-cart span {
    float: left;
    display: inline-block;
    border-radius: 100% 100% 100% 100%;
    text-indent: -9999px;
    width: 35px;
    height: 35px;
    margin: 0 15px 0 0px;
    background-color: #FE5252;
    background-position: -241px -89px;
}

.products-list .button-container .btn-add-cart:hover {
    color: #000000;
    text-decoration: none;
}

.products-list .button-container .btn-add-cart:hover span {
    background-color: #322C29;
}

.products-list .add-to-links {
    padding: 0;
}

.products-list .add-to-links li {
    float: left;
    margin: 0;
    line-height: 35px;
}

.products-list .add-to-links li span {
    display: inline-block;
    width: 1px;
    height: 15px;
    margin: 10px 25px;
    background: #D5D5D5;
}

.products-list .add-to-links a {
    color: #322C29;
    font-size: 14px;
    line-height: 35px;
    vertical-align: top;
}

.products-list .add-to-links a:hover {
    color: #000000;
    text-decoration: none;
}

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

/* QTY styles */

.qty-wrap input {
    float: left;
    width: 40px;
}

.qty-elements {
    float: left;
}

.qty-elements a {
    background-image: url(../images/sprite/moreless.png);
    font-size: 0;
    display: block;
    width: 16px;
    height: 14px;
    margin-left: 2px;
    border-radius: 3px;
    box-sizing: border-box;
    text-decoration: none;
}

.qty-elements a:hover {
    background-color: #322C29;
}

a.increment_qty {
    background-position: 0 -18px;
    margin-top: 0;
    margin-bottom: 1px;
}

a.decrement_qty {
    background-position: 17px -18px;
}

.cart-empty a {
    font-weight: 800;
}

.cart fieldset {
    margin: 0;
}

.cart .cart-collaterals h2 {
    font-size: 20px;
    font-weight: 400;
    padding: 0 0 44px;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: -1.2px;
    line-height: 21px;
}

.cart .cart-collaterals h2:after {
    content: '';
    float: left;
    width: 90%;
    height: 1px;
    background: #E8E8E8;
    margin: 23px 0 0 5%;
}

.cart .cart-collaterals .buttons-set {
    margin: 0;
    text-align: center;
}

.cart .cart-collaterals .buttons-set button.button {
    float: none;
}

.cart .cart-collaterals .input-box {
    width: 100%;
    margin: 0 0 10px;
}

.cart .cart-collaterals .input-box input {
    width: 100%;
}

.cart .cart-collaterals .input-box select {
    width: 100%;
}

.cart .cart-collaterals .cart-coupon .input-box {
    margin: 17px 0;
}

.cart .cart-collaterals .cart-shipping .form-list {
    margin: 17px 0 0;
}

.cart .cart-collaterals .cart-shipping .form-list label {
    float: none;
}

.cart .cart-collaterals .cart-total .checkout-types {
    float: none;
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 30px 0 25px;
    background: #FBFBFB;
    text-align: center;
    box-shadow: inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15);
}

.cart .cart-collaterals .cart-total .checkout-types button.button {
    margin: 0 0 10px
}

#shopping-cart-totals-table {
    margin: 20px auto 17px;
}

#shopping-cart-totals-table strong {
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: -1.2px;
    color: #000000;
    color: rgba(0, 0, 0, 0.75);
}

#shopping-cart-totals-table .a-right {
    text-align: center !important;
}

#shopping-cart-totals-table td {
    padding: 0 0 5px;
    width: 60%;
}

#shopping-cart-totals-table td.a-right:first-child {
    padding-left: 6px;
    padding-right: 6px;
}

#shopping-cart-totals-table tr.summary-total td {
    padding-top: 4px;
}

#shopping-cart-totals-table tr.summary-details td {
    padding-top: 8px;
}

#shopping-cart-totals-table tr.summary-total div.summary-collapse {
    float: right;
    position: relative;
    cursor: pointer;
    padding-left: 21px;
}

#shopping-cart-totals-table tr.summary-total div.summary-collapse:before {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 3px;
    background: #99D1C8 url(../images/sprite/moreless.png) -1px -18px;
}

#shopping-cart-totals-table tr.summary-total.show-details div.summary-collapse:before {
    background-position: 16px -18px;
}

#shopping-cart-totals-table tr.summary-total div.summary-collapse:hover:before {
    background-color: #322C29;
}

.cart .cart-collaterals .cart-total-top {
    float: right;
}

.data-table td a:hover {
    color: #000000;
    text-decoration: none;
}


.data-table tfoot tr.first td {
    box-shadow: inset 0px 4px 6px -4px rgba(0, 0, 0, 0.15);
}

.data-table tfoot td {
    border: 1px solid #E9E9E9;
    border-top: none;
    border-left: none;
}

.data-table tfoot tr.last td {
    border-bottom: none;
}


/* // for line heading and product name on table */

.data-table tfoot td button+button {
    margin-left: 15px;
}

.data-table th {
    padding: 26px 26px;
    font-weight: 300;
}

.data-table td.td-delete {
    border-right: none;
}

.data-table .product-name {
    font-weight: bold;
}

.data-table .td-title {
    display: none;
}

.data-table .td-actions {
    display: none;
}

.data-table .btn-edit2 {
    width: 38px;
    height: 38px;
    background-color: #FE5252;
    background-position: 12px -38px;
}

.data-table .btn-remove2 {
    width: 38px;
    height: 38px;
    background-color: #FE5252;
    background-position: -39px -40px;
}

.data-table .btn-continue {
    float: left;
}

.data-table button.button span {
    font-size: 12px;
}

/* #my-orders-table */

body.sales-order-view table#my-orders-table tfoot td {}

/* compare popup table */

#product_comparison {
    margin: 0 0 20px
}

#product_comparison th {
    background: #FAFAFA;
    box-shadow: inset -6px 0 6px -6px rgba(0, 0, 0, 0.15);
}

#product_comparison thead, #product_comparison tfoot {
    background: #FFFFFF;
}

#product_comparison thead td {
    border: 1px solid #E9E9E9;
    border-top: none;
    border-left: none;
}

#product_comparison thead tr:last-child td {
    border-bottom: none;
}

#product_comparison .btn-remove {
    float: right;
}

#product_comparison a.product-image {
    margin: 0 0 15px;
}

#product_comparison .price-box, #product_comparison .product-name, #product_comparison p, #product_comparison ul.add-to-links li {
    text-align: center;
}

#product_comparison .ratings {
    text-align: center;
}

#product_comparison .ratings .rating-box {
    float: none;
    margin: 0 auto;
}

.item-options {
    margin-top: 10px;
}

.item-options dt {
    float: left;
    clear: left;
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
}

.item-options dt:after {
    content: ' - ';
}

.item-options dd {
    float: left;
    margin: 0 0 3px 3px;
    padding: 0;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    line-height: 14px;
}

.data-table .item-options dt {
    color: #000000;
}

.data-table .item-options dd {
    margin-left: 0;
}

.data-table .item-options dd br {
    display: none;
}

.product-view .item-options {
    margin-top: 10px;
}

.product-view .item-options dt {
    float: none;
}

.product-view .item-options dd {
    float: none;
    margin: 5px 0 0 20px;
    padding: 0;
    font-weight: 400;
    font-style: normal;
}

/* Shipping and Payment methods */

.sp-methods {
    margin: 0 0 14px;
}

.sp-methods dt {
    margin: 0 0 9px;
    font-weight: bold;
}

.sp-methods dd {
    margin: 0;
}

.sp-methods dd li {
    margin: 5px 0;
}

.sp-methods label {
    font-weight: bold;
    color: #666666;
}

.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 {}

.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;
}

.opc .buttons-set .please-wait {
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 0;
    color: transparent;
    margin: 12px;
}

.cvv-what-is-this {
    font-size: 11px;
    cursor: help;
    margin-left: 12px;
    margin-top: 5px;
    display: inline-block;
}

.dedicated-review-box .ratings-list {
    margin: 10px 0;
}

#product-review-table {
    margin: 0 0 15px;
}

#product-customer-reviews li {
    margin: 1px 0 20px;
}

#product-customer-reviews .review-title {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #000000;
    color: rgba(0, 0, 0, 0.67);
    padding-right: 15px;
}

#product-customer-reviews p {
    margin: 0 0 0 0;
}

#product-customer-reviews .ratings-list {
    margin: 10px 0 10px 0;
}

#product-customer-reviews .ratings-list td {
    line-height: 14px;
    padding: 3px 11px 3px 0;
}

.product-tabs-content .std ul.disc {
    margin: 0;
    padding-left: 0;
}

.product-tabs-content p, .product-tabs-content .std {
    line-height: 1.5;
    margin: 0 0 18px;
}

.product-tabs-content p.note {
    margin-bottom: 0;
}

.product-tabs-content>*:last-child {
    margin-bottom: 0;
}

.add-review {
    border-top: 1px solid #EDEDED;
    padding-top: 21px;
}

.add-review h3.title {
    font-size: 14px;
    text-transform: uppercase;
    padding-right: 15px;
    margin: 0 0 10px;
    font-weight: 600;
    letter-spacing: -1px;
}

#product_tabs_review_tabbed_contents>.add-review .add-review {
    border-top: 0;
    padding-top: 0;
}

#product_tabs_review_tabbed_contents>.add-review .add-review>h3.title {
    display: none;
}

#product-review-table th {
    padding: 12px;
}

#product-review-table tbody th, #product-review-table .data-table td {
    border: 1px solid #E9E9E9;
    border-top: none;
    border-left: none;
}

#product-review-table tbody tr:last-child th {
    border-bottom: 0;
}

#product-review-table td {
    padding: 12px;
    text-align: center !important;
}

.add-review .form-list {
    max-width: 60%;
}

.add-review .form-list label {
    color: #565656;
}

.add-review .buttons-set {
    margin: 0;
}

.add-review .buttons-set button.button {
    float: left;
}

.add-review .form-list .input-box, .add-review .form-list input.input-text, .add-review .form-list textarea {
    width: 100%;
}

.add-review input.radio {
    margin: 0;
}

#customer-reviews {
    margin-top: 25px;
    border-top: 4px solid #FE5252;
}

#customer-reviews .customer-reviews-title {
    padding-bottom: 14px;
}

#customer-reviews dt a {
    font-size: 14px;
    padding-right: 15px;
}

#customer-reviews dd {
    margin: 0 0 20px 0px;
}

.product-view .product-shop .ratings-table+.ratings {
    padding-top: 5px;
}

.ratings-table th, .ratings-table td {
    line-height: 14px;
    padding: 3px 11px 3px 0;
}

#customer-reviews .ratings-table {
    margin: 10px 0 10px 0px;
}

#customer-reviews .form-add h2 {
    font-size: 14px;
    padding-right: 15px;
    margin: 0 0 20px;
}

#customer-reviews .form-add .data-table th {
    padding: 12px;
}

#customer-reviews .form-add .data-table td {
    padding: 12px;
    text-align: center;
}

#customer-reviews .form-add .form-list label {
    color: #565656
}

#customer-reviews .form-add .buttons-set button.button {
    float: left;
}

.top-opc li h2 {
    overflow: hidden;
    margin: 11px 0 0;
    line-height: 18px;
    font-size: 16px;
    font-weight: 400;
    color: #DBDBDB;
}

.top-opc li.allow {
    cursor: pointer;
}

.top-opc li.allow .number {
    background: #6C63FF;
}

.top-opc li.allow h2 {
    color: #322C29;
}

.top-opc li.allow:hover .number {
    background: #FE5252;
}

.opc {
    border: 0;
}

.opc button.button span {
    font-size: 14px;
}



.opc .step-title {
    display: none;
    padding: 0;
    margin: 0;
    background: transparent;
    border-bottom: 1px solid #E8E8E8;
    font-size: 18px;
    color: #4C4C4C;
    line-height: 47px;
    height: 47px;
}

.opc .step-title h2 {
    margin: 0;
    line-height: 47px;
}

.opc .step-title .number {
    margin: 10px 20px 0 18px;
    padding: 0 18px 0 0;
    border-right: 1px solid #E0E0E0;
    line-height: 25px;
}

.opc .active .step-title {
    background: #F7F7F7;
    border: 1px solid #E8E8E8;
}

.opc .active .step-title .number {
    border-right: 1px solid #E8E8E8;
}

.opc .step-title:hover {
    background: #F7F7F7;
}

.opc .active .step-title:hover {
    background: #F7F7F7;
}

.opc h3 {
    margin: 0 0 15px;
    font-size: 18px;
    color: #FE5252;
    font-weight: 300;
}

.opc h4 {
    font-size: 16px;
    font-weight: 300;
    color: #FE5252;
}

.opc .buttons-set {
    margin: 0;
}

.opc .form-list {
    margin: 0px 0 3px;
}

.opc .form-list li {
    margin: 0;
}

.opc .form-list .input-box {
    margin: 0 0 12px;
    width: 100%;
}

.opc .form-list .input-box:after {
    content: '';
    display: table;
    clear: both;
}

.opc .form-list input.input-text {
    width: 100%;
}

.opc .form-list li.wide .input-box {
    width: 100%;
}

.opc .form-list li.wide input.input-text {
    width: 100%;
}

.opc .sp-methods .form-list input.cvv {
    width: 45px;
}

.opc .td-label {
    display: none;
    font-style: italic;
    width: 90px;
}

.opc .product-name {
    overflow: hidden;
}

/* Gift Messages */

.gift-messages h3 {
    margin-bottom: 10px;
}

.gift-messages .control, .gift-messages-form {
    padding-bottom: 15px;
}

.gift-messages-form h4 {
    margin: 0;
    padding: 0 0 10px;
    bottom: 0;
}

.gift-messages-form #allow-gift-messages-for-items-container p {
    padding: 7px 0;
}

#checkout-step-login {
    padding: 0;
    margin: 0;
    background: none transparent;
    border: 0;
    box-shadow: none;
}

#checkout-step-login button.button span span {
    min-width: 70px;
}

#checkout-step-login {
    margin: 0 -15px;
}

#checkout-step-login .block-checkout-register, #checkout-step-login .block-checkout-login {
    float: left;
    width: 50%;
    padding: 0 15px;
    box-sizing: border-box;
}

#checkout-step-login .block {
    margin: 0 0 30px;
}

#checkout-step-login .block-checkout-login h4 {
    margin: 0px 0 10px;
}

#checkout-step-login .block .block-title {
    /*margin:0; border:none; padding-bottom: 18px;*/
}

#checkout-step-login .block .block-content li {
    margin: 0;
    padding: 0;
    line-height: 25px;
    background: none
}

#checkout-step-login .block-checkout-register h4 {
    margin: 22px 0 10px;
}

#checkout-step-login .block-checkout-register .form-list {
    /*margin-top: -8px;*/
}

#checkout-step-login .block-checkout-register ul.ul {
    margin: 0 0 9px;
}

#checkout-step-login .block-checkout-register ul.ul li {
    line-height: 130%;
    font-weight: 300;
    position: relative;
    padding: 0 0 10px 23px !important;
}

#checkout-step-login .block-checkout-register ul.ul li:before {
    content: '';
    position: absolute;
    top: 3px;
    left: 2px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #FE5252;
}

#checkout-step-login .block-checkout-register .buttons-set p.required {
    display: none;
}

#checkout-step-login .block-checkout-login .form-list {
    margin: 7px 0 3px;
}

#checkout-step-login .block-checkout-login .buttons-set button.button {
    float: left;
    margin: 0 13px 0 0;
}

#checkout-step-login .block-checkout-login .buttons-set a {
    float: left;
}

#checkout-step-login input.input-text {
    width: 100%;
}

#checkout-step-login label {
    color: #808080;
}

.block-checkout-login .buttons-set p.required {
    margin: 0;
    padding: 4px 0 3px;
}

#checkout-review-table h3 {
    margin: 0;
    font-size: 12px;
    font-family: Arial, serif;
    color: #000000;
    color: rgba(0, 0, 0, 0.75);
}

#checkout-step-review .buttons-set {
    line-height: 42px;
}

#checkout-step-review .buttons-set button.button {
    float: right;
}

#cart-sidebar-reorder {
    margin: 0 0 30px
}

#checkout-progress-wrapper .block-progress {
    width: auto;
}

#checkout-progress-wrapper .block-progress .block-title {
    padding-bottom: 16px;
    margin-bottom: 16px;
}

.block-progress dt {
    line-height: 130%;
    font-weight: 300;
    position: relative;
    padding: 0 0 15px 23px;
}

.block-progress dt:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #FE5252;
}

.block-progress dt.complete {
    background: transparent;
    font-weight: 700;
}

.block-progress dt a:hover {
    text-decoration: none;
}

.block-progress dt:last-child {
    border-bottom: none;
}

.block-progress dd {
    margin: -10px 0 15px;
    padding: 0 0 0 23px;
}

.block-progress dd.complete {
    background: transparent;
}

.block {
    position: relative;
    left: 0;
    right: 0;
    padding: 23px 20px;
    margin: 0 15px 30px;
    background: #FFFFFF;
    border: none;
    border-top: 6px solid #FE5252;
    border-radius: 2px;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.10);
    box-sizing: border-box;
}

.home-left .block {
    margin-left: 0;
    margin-right: 15px !important
}

/*@media only screen and (min-width: 980px){
   .block { width: 270px;}
}*/

#checkout-step-login .block {
    width: auto;
}

.block .block-title {
    border: 0;
    padding: 0 0 22px;
    margin: 0 0 25px;
    color: #000000;
    color: rgba(0, 0, 0, 0.75);
    border-bottom: 1px solid #E8E8E8;
    word-wrap: break-word;
}

.block .block-title strong {
    font-size: 23px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: -1.2px;
    line-height: 21px;
}

.block .block-title small {
    font-size: 70%
}

.block .block-subtitle {
    margin: 0 0 10px;
    padding: 0 0 25px;
    border-bottom: 1px solid #F4F4F4;
    font-size: 14px;
}

.block .block-content {
    padding: 0;
    margin: 0;
}

.block .block-content p {
    padding: 0 0 10px;
}

.block .block-content .price-box p {
    padding: 0;
}

.block .block-content .price-box .old-price {
    padding-right: 3px;
}

.block .block-content .actions {
    margin: 0;
    padding: 0;
    text-align: center;
}

.block .block-content .actions a:hover {
    text-decoration: none;
}

.block .block-content .actions .f-right {
    line-height: 35px;
}

.block .block-content .actions button.button {
    display: inline-block;
    vertical-align: middle;
}

.block .block-content .actions button.button span {
    text-transform: none;
}

.block .block-content .actions button.button+a {
    margin-left: 15px;
}

.block .block-content li, .block .block-content li.item {
    margin: 0 0 0 3px;
    padding: 0 0 0 13px;
    line-height: 20px;
    background-repeat: no-repeat;
    background-position: left 0 top -338px;
}

.block .block-content li:last-child, .block .block-content li.item:last-child {
    border: 0;
}

.block .block-content a, .block .block-content li a, .block .block-content li.item a, .tags-list li a {
    color: #322C29;
    text-decoration: none;
}

.block .block-content a:hover, .block .block-content li a:hover, .block .block-content li.item a:hover {
    color: #999999;
    text-decoration: none;
}

.block li.even, .block li.odd {
    background-color: transparent;
}

.block .btn-remove, .block .btn-edit {
    float: left;
}

.block .block-content .price-box .special-price {
    margin-right: 5px;
}

.cms-index-index .col-main-wrap {
    padding-bottom: 0;
}

.cms-index-index .block {
    padding: 0;
    margin-right: 0;
}

.cms-index-index .block .block-title {
    border: 0;
    padding: 24px 35px 0px;
    margin: 0;
    color: #000000;
    color: rgba(0, 0, 0, 0.75);
    text-align: center;
}

.cms-index-index .block .block-title:after {
    content: '';
    display: block;
    width: 120px;
    height: 1px;
    background: #E8E8E8;
    margin: 20px auto 0;
}

.cms-index-index .block .block-title strong {
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: -1.2px;
    line-height: 21px;
}

.cms-index-index .block .block-subtitle {
    margin: 0 0 10px;
    padding: 0 0 15px;
    border-bottom: 1px solid #F4F4F4;
}

.cms-index-index .block .block-content {
    padding: 25px 20px 25px;
    margin: 0;
}

.cms-index-index .block .block-content .actions {
    margin: 0;
    padding: 0;
    text-align: center;
}

.cms-index-index .block .block-content .actions .f-right {
    line-height: 35px;
}

.block .block-content li.item {
    margin: 0;
    padding: 0;
    line-height: 20px;
    background: none;
}

.cms-index-index .block .block-content li:last-child, .cms-index-index .block .block-content li.item:last-child {
    border: 0;
}

.cms-index-index .block .block-content li a:hover, .cms-index-index .block .block-content li.item a:hover {
    color: #999999;
}

.cms-index-index .block li.even, .cms-index-index .block li.odd {
    background-color: transparent;
}

.cms-index-index .block .btn-remove, .cms-index-index .block .btn-edit {
    float: left;
}

.block-tags .block-content ul.tags-list {
    margin: -5px 0 0 -5px;
}

.block-tags .block-content ul.tags-list:after {
    content: '';
    clear: both;
    display: table;
}

.tags-list li a, .block-tags .block-content li {
    background: none;
    padding: 0;
    margin: 0;
    float: left;
}

.tags-list li a, .block-tags .block-content li a {
    display: block;
    padding: 4px 10px 3px;
    margin: 5px 0 0 5px;
    min-height: 29px;
    font-size: 12px !important;
    line-height: 20px;
    color: #757575;
    border: 1px solid rgb(226, 226, 226);
    box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.06);
    border-radius: 2px;
    box-sizing: border-box;
}

.tags-list li a:hover, .block-tags .block-content li a:hover {
    color: #FFFFFF;
    background-color: #FE5252;
    border-color: #FE5252;
}

.block-tags .block-content .actions {
    height: 40px;
    line-height: 40px;
    margin: 16px -21px -22px;
    background: #FCFCFC;
    text-align: center;
    box-shadow: inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15);
}

.block-tags .block-content .actions a {
    float: none;
}

.block-poll .question {
    float: left;
    margin: 0 10px 0 0;
    font-size: 18px;
    font-weight: 300;
    color: #000000;
    color: rgba(0, 0, 0, 0.67);
}

.block-poll .block-subtitle {
    font-weight: 300;
}

.block.block-poll .block-content li {
    line-height: 30px;
    margin: 0;
    padding: 0;
    background: none;
}

.block-poll input.radio {
    margin-top: 9px;
}

.block-poll .block-content .actions {
    margin: 10px 0 0 0;
    padding: 20px 0 0;
    border-top: 1px solid #E8E8E8;
}

.block-layered-nav .block-subtitle {
    display: none;
}

.block-layered-nav dt {
    margin: 10px 0 5px;
    padding: 0px;
    border: 0;
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    color: rgba(0, 0, 0, 0.67);
}

.block-layered-nav dd {
    margin: 0 0 15px;
}

.block-layered-nav .block-content dd li {
    margin: 0 0 0 3px;
    padding: 0 0 0 13px;
    line-height: 20px;
    background-repeat: no-repeat;
    background-position: left 0 bottom 8px;
}

.block-layered-nav .block-content dd li:last-child {
    border: 0;
}

.block-layered-nav .block-content dd li a:hover {
    color: #999999;
}

.block-layered-nav .shopby_more {
    display: none;
    text-align: right;
}

.block-layered-price .ui-slider-horizontal {
    height: 6px;
    border: 1px solid #E6E6E6;
    background: #FEFEFE;
    margin: 0 8px 10px;
    border-radius: 0;
    box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
}

.block-layered-price .ui-widget-header {
    background: #5E5E5E !important;
}

.block-layered-price .ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}

.block-layered-price .ui-slider .ui-slider-handle {
    width: 19px;
    height: 18px;
}

.block-layered-price .ui-widget-content .ui-state-default {
    background-color: transparent;
    background-image: url(../images/sprite/shopper_sprite.png) !important;
    background-position: -100px 0;
    border: none;
    cursor: pointer;
}

.block-left-nav .block-title strong {
    font-size: 24px;
}

.block-compare .block-content li.item {
    margin: 0 0 9px 25px;
    padding: 0;
    line-height: 16px;
    background: none;
}

.block-compare .btn-remove {
    float: left;
    margin: 1px 0 0 -25px;
}

.block-compare .block-content .actions {
    margin: 20px 0 0 0;
    padding: 20px 0 0;
    border-top: 1px solid #E8E8E8;
}

.block-compare .block-content .actions .f-right {
    float: none !important;
    padding: 4px 0 0 19px;
}

.block-compare .block-content .actions a {
    float: none;
}

.block-compare .block-content .actions a:before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    margin: 10px 0 0 -25px;
    border-radius: 100%;
    background-position: -145px -45px;
}

.block-compare .block-content .actions button.button span span {
    min-width: 70px;
}

.block-wishlist .block-content a.btn-remove {
    margin-top: 2px;
}

.block-wishlist .block-content p.product-name {
    padding-left: 25px;
}

.block-wishlist .block-content li.item {
    padding-bottom: 20px;
}

.block-wishlist .block-content .actions {
    height: 40px;
    line-height: 40px;
    margin: 0px -21px -22px;
    background: #FCFCFC;
    text-align: center;
    box-shadow: inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15);
}

.block-bestsellers .block-title {
    margin: 0 0 21px;
}

.block-bestsellers .block-content li {
    margin: 0 0 12px;
    padding: 0 0 12px;
    line-height: 16px;
    background: none;
    border-bottom: 1px solid #F4F4F4;
}

.block-bestsellers .block-content li:last-child {
    margin: 0;
    padding: 0;
    border: none;
}

.block-bestsellers .product-image {
    float: left;
    width: 56px;
    margin-right: 10px;
    border: 5px solid #FFFFFF;
    border-radius: 3px;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
}

.block-bestsellers .product-info {
    float: left;
    width: 120px;
}

.block-bestsellers .product-info h2.product-name {
    font-size: 14px;
}

.block-bestsellers .price-box {
    margin-top: 5px;
}

.block-bestsellers .price-box .price {
    font-size: 12px;
}

.block-viewed .block-title {
    margin: 0 0 21px;
}

.block-viewed .block-content li {
    margin: 0 0 12px;
    padding: 0 0 12px;
    line-height: 16px;
    background: none;
    border-bottom: 1px solid #F4F4F4;
}

.block-viewed .block-content li:last-child {
    margin: 0;
    padding: 0;
    border: none;
}

.block-viewed .product-image {
    float: left;
    width: 56px;
    margin-right: 10px;
    border: 5px solid #FFFFFF;
    border-radius: 3px;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
}

.block-viewed .product-info {
    overflow: hidden;
}

.block-viewed .product-name {
    font-size: 12px;
}

.block-viewed .price-box {
    margin-top: 5px;
}

.block-viewed .price-box .price {
    font-size: 12px;
}

.block-subscribe .form-subscribe-header {
    text-align: center;
    font-size: 14px;
    color: #000000;
    color: rgba(0, 0, 0, 0.67);
}

.block-subscribe .input-box {
    margin: 16px 0;
    text-align: center
}

.block-subscribe input.input-text {
    width: 100%;
    border-radius: 2px;
}

.block-login {
    float: none;
    width: 387px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    background: #FFFFFF;
    border: none;
    border-top: 6px solid #FE5252;
    border-radius: 2px;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.10);
}

.block-login .block-title {
    padding: 29px 33px 50px;
    border: 0;
    margin: 0;
    color: #000000;
    color: rgba(0, 0, 0, 0.75);
    text-align: center;
}

.block-login .block-title:after {
    width: 250px;
    margin: 23px 0 0 17px;
    content: '';
    float: left;
    height: 1px;
    background: #E8E8E8;
}

.block-login .block-title strong {
    font-size: 26px;
    line-height: 30px;
}

.block-login .block-content {
    margin: 0;
    padding: 0 43px 35px;
    text-align: center;
}

.block-login .block-content ul {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    list-style: none;
}

.block-login .block-content li {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    text-align: center;
}

.block-login .block-content .form-list label {
    float: none;
    color: #505050;
    font-weight: 300;
    padding: 0;
}

.block-login .block-content .form-list .input-box {
    margin: 2px 0 21px;
    width: auto;
    text-align: center;
}

.block-login input.input-text {
    margin: 0;
    display: inline;
    width: 100%;
    border-radius: 3px;
}

.block-login button.button span span {
    min-width: 70px;
}

.block-login .forgot-password {
    display: block;
    margin: 10px 0 16px;
    color: #322C29;
}

.block-login .forgot-password:hover {
    color: #000000;
    text-decoration: none;
}

.block-login .block-slider .slides>li strong {
    padding: 0;
    margin: 0;
    border: 0;
}

.block-login .block-slider .slides>li button.button {
    margin: 0;
}

.block-login .new-users {
    position: relative;
    width: 350px;
    height: 42px;
    overflow: hidden;
    margin: -25px 0 0;
    padding: 25px 0;
    background: #FEFEFE;
    text-align: center;
    box-shadow: inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15);
}

.block-login .new-users .button {
    float: none;
}

.block-login .error-msg, .block-login .success-msg {
    border: none;
    background: none;
    line-height: 1.4;
    min-height: 10px;
    padding: 0 0 10px;
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
}

/* More / less styles */

.block-layered-nav .block-content dd {
    position: relative;
}

.block .block-content a.shopby_more {
    position: absolute;
    right: 0;
    top: -23px;
    width: 17px;
    height: 17px;
    border-radius: 100%;
    background: #E9E9E9 url('../images/sprite/moreless.png') 0 0 no-repeat;
    font-size: 0;
}

.block .block-content a.shopby_more:hover {
    background-position: 0 100%;
}

.block .block-content a.shopby_more_hide, .block .block-content a.shopby_more_hide:hover {
    background-position: 100% 100%;
}

/* Product Tabs */

.product-tabs-container h2.tab-heading {
    display: none
}

.product-tabs {
    margin: 27px 0 0;
    border: 0;
}

.product-tabs li {
    float: left;
    border: 1px solid #E1E1E1;
    height: 43px;
    margin-right: 7px;
    position: relative;
    border-radius: 2px;
}

.product-tabs a {
    display: block;
    padding: 0px 20px;
    box-sizing: border-box;
    height: 49px;
    padding-top: 10px;
    font-weight: bold;
    color: #000000;
    color: rgba(0, 0, 0, 0.67);
    font-size: 16px;
    background: #F5F5F5;
}

.product-tabs a:hover {
    background-color: #FFFFFF;
    text-decoration: none;
}

.product-tabs li.active {
    border: none;
    border-top: 4px solid #FE5252;
    z-index: 3;
    margin-top: -6px;
    height: 46px;
    background: #FFFFFF;
    border-radius: 2px;
    box-shadow: 1px -1px 6px -1px rgba(0, 0, 0, 0.15);
}

.product-tabs li.active a {
    padding-top: 13px;
}

.product-tabs li.active a, .product-tabs li.active a:hover {
    background-color: #FFFFFF;
}

.product-tabs-content, .box-reviews {
    position: relative;
    z-index: 2;
    border: none;
    background: #FFFFFF;
    padding: 23px 24px 22px;
    margin: 69px 0 40px;
    border-radius: 2px;
    box-shadow: 2px 1px 6px 0px rgba(0, 0, 0, 0.15);
}

.product-tabs-content h2 {
    display: none;
    font-size: 12px;
    font-weight: bold;
}

.form-add h3, .form-add h4 {
    font-weight: 400;
    font-size: 14px;
}

.product-tabs-content h4 {
    margin: 0 0 10px;
}

#review-form h3 {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -1px;
    text-transform: uppercase;
    padding-bottom: 15px;
}

.form-add h4 {
    margin-bottom: 20px;
}

.product-tabs-content .data-table td {
    min-width: 37px;
}

.product-tabs-content ul.disc li {
    width: auto;
    float: none;
    background-color: transparent !important;
    background-repeat: no-repeat;
    background-position: left 0 bottom 8px !important;
    line-height: 22px;
    padding: 0 10px 0 10px;
}

.product-tabs-accordion {
    display: none;
    margin: 25px 0 30px;
    border: 0;
}

.product-tabs-container h2.tab-heading {
    border: 1px solid #E1E1E1;
    margin: -1px 0 0 0;
    position: relative;
    background: #F5F5F5;
    padding: 11px 0 10px;
    box-sizing: border-box;
    font-weight: bold;
}

.product-tabs-container h2.tab-heading:hover {
    background-color: #FFFFFF;
}

.product-tabs-container h2.tab-heading a {
    display: block;
    padding: 0px 20px;
    color: #000000;
    color: rgba(0, 0, 0, 0.67);
    font-size: 16px;
}

.product-tabs-container h2.tab-heading a:hover {
    text-decoration: none;
}

.product-tabs-container h2.active {
    border: none;
    padding-left: 1px;
    border-top: 4px solid #FE5252;
    background: #FFFFFF;
    border-radius: 2px;
}

.product-tabs-container h2.active a, .product-tabs-container h2.active a:hover {
    background-color: #FFFFFF;
}

.accordion-content {
    display: none;
    margin: 0;
}

/*Ui tabs styles*/

body .ui-tabs {
    border: 0;
    background: none;
}

body .ui-tabs .ui-tabs-nav {
    margin: 27px 0 0;
    border: 0;
    padding: 0;
}

body .ui-tabs-nav li {
    float: left;
    border-width: 1px;
    border-style: solid;
    height: 43px;
    margin: 0 7px 0 0 !important;
    position: relative;
    border-radius: 2px;
    cursor: pointer;
}

body .ui-tabs-nav li:hover {
    border-color: #E1E1E1;
}

body .ui-state-default, body .ui-widget-content .ui-state-default, body .ui-widget-header .ui-state-default {
    background-image: none !important;
    border-color: #E1E1E1;
}

body .ui-tabs .ui-tabs-nav li a {
    display: block;
    padding: 10px 20px !important;
    box-sizing: border-box;
    height: 49px;
    padding-top: 10px;
    font-weight: bold;
    color: #000000;
    color: rgba(0, 0, 0, 0.67);
    font-size: 16px;
    letter-spacing: -0.1em;
    line-height: 1.4;
    background: #F5F5F5;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    border: none;
    border-top-width: 4px;
    border-top-style: solid;
    border-top-color: #FE5252;
    z-index: 3;
    margin-top: -6px !important;
    padding-bottom: 0;
    height: 46px;
    background: #FFFFFF;
    border-radius: 2px;
    box-shadow: 1px -1px 6px -1px rgba(0, 0, 0, 0.15);
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    padding-top: 13px;
}

body .ui-tabs .ui-tabs-nav li a:hover, body .ui-tabs .ui-tabs-nav li.ui-tabs-active a, body .ui-tabs .ui-tabs-nav li.ui-tabs-active a:hover {
    background-color: #FFFFFF;
    text-decoration: none;
}

body .ui-widget-header {
    background: none !important;
    border: 0 !important;
}

body .ui-widget {
    font-family: inherit !important;
}

body .box-reviews, body .ui-tabs-panel {
    position: relative;
    z-index: 2;
    border: none;
    background: #FFFFFF !important;
    padding: 23px 24px 22px !important;
    margin: 69px 0 40px;
    border-radius: 2px;
    box-shadow: 2px 1px 6px 0px rgba(0, 0, 0, 0.15);
}

body .ui-tabs-panel, body .ui-tabs-panel p {
    font-size: inherit;
    line-height: 1.5;
    font-weight: inherit;
}

body .ui-tabs-panel>p, body .ui-accordion-content>p {
    margin: 0 0 18px;
}

body .ui-widget-content {
    border: 0 !important;
}

body .ui-helper-clearfix:before, body .ui-helper-clearfix:after {
    display: none !important;
}

/* Alternative Custom Tabs Style */

.clean_tabs {
    padding-right: 15px;
    padding-left: 15px;
}

.clean_tabs .ui-tabs .ui-tabs-nav {
    text-align: center;
}

.clean_tabs .ui-tabs .ui-state-default, .clean_tabs .ui-tabs .ui-tabs-nav li {
    float: none !important;
    display: inline-block !important;
    border-width: 0 !important;
    border-style: solid;
    height: auto !important;
    margin: 0 0 0 29px !important;
    position: relative;
    border-radius: 0;
    cursor: pointer !important;
    background: none !important;
}

.clean_tabs .ui-tabs ul.ui-tabs-nav li:first-child {
    margin-left: 0 !important;
}

.clean_tabs .ui-tabs ul.ui-tabs-nav li:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -3px;
    width: 100%;
    height: 3px;
}

.clean_tabs .ui-tabs .ui-tabs-nav li a {
    display: block;
    padding: 0 !important;
    height: auto;
    padding-top: 10px;
    color: rgba(0, 0, 0, 0.67);
    font-size: 18px !important;
    font-weight: 600;
    letter-spacing: -1px;
    line-height: 1.4;
    background: transparent !important;
}

.clean_tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    border-width: 0 !important;
    color: #000000;
    background: transparent !important;
    border-radius: 0;
    box-shadow: none;
}

.clean_tabs .ui-tabs ul.ui-tabs-nav li:hover:after, .clean_tabs .ui-tabs ul.ui-tabs-nav li.ui-tabs-active:after {
    background-color: #FE5252;
}

.clean_tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    color: #000000;
}

.clean_tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .clean_tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active a:hover {
    background-color: transparent !important;
}

.clean_tabs .ui-tabs .box-reviews, .clean_tabs .ui-tabs .ui-tabs-panel {
    background: transparent !important;
    padding: 25px 0 !important;
    margin: 0 !important;
    border-radius: 0;
    box-shadow: none;
}

.product-view .buttons-set .back-link {
    float: right;
    margin: -60px 0 0;
}

.review-product-list .product-view .buttons-set .back-link {
    display: none;
}

.review-product-list .product-view .box-reviews {
    margin: 0 0 30px;
}

.product-view h1 {
    font-size: 30px;
    font-weight: 400;
    color: #322C29;
    letter-spacing: -1px;
    line-height: 1.22;
}

.product-view h2 {
    font-size: 20px;
    font-weight: 400;
    color: #322C29;
    letter-spacing: -1px
}

.product-view .product-name {
    margin-bottom: 7px;
}

.product-view .product-shop-info .product-name {
    margin: -4px 0 10px -1px;
}

.product-view .product-name a {
    color: #322C29;
}

.product-view .product-name a:hover {
    color: #000000;
    text-decoration: none;
}

.product-view .availability {
    float: left;
    clear: left;
    font-size: 12px;
    color: #73B334;
    margin: 10px 14px 0px 0px;
}

.product-view .sku {
    float: left;
    font-size: 12px;
    margin: 10px 0 5px;
}

.product-view .availability-grouped {
    float: none;
    margin: 5px 14px 15px 0;
}

.product-view .sku-grouped {
    font-size: 12px;
    font-weight: 700;
    margin: 0 0 15px;
}

.product-view .grouped-items-table {
    margin: 0 0 20px;
}

.product-view .product-shop .grouped-items-table .price-box .price {
    font-size: 24px !important;
    line-height: 24px !important;
}

.product-view .product-shop .grouped-items-table .price-box .old-price .price {
    font-size: 16px !important;
    line-height: 16px !important;
}

.product-view .product-shop .grouped-items-table tbody td {
    padding: 10px;
}

.product-view .short-description {
    margin: 10px 0 20px;
    padding: 17px 0;
    border: 1px solid;
    border-color: #E3E3E3;
    border-color: rgba(227, 227, 227, 0.61);
    border-left: none;
    border-right: none;
    color: #000000;
    color: rgba(0, 0, 0, 0.67);
    line-height: 1.6;
}

#product_tabs_review_tabbed_contents h2 {
    display: block;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
}

.product-view .qty-container {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    float: left;
    margin-top: 11px;
}

.product-view .qty-container label {
    float: left;
    margin-right: 10px;
    line-height: 30px;
    color: #000000;
    color: rgba(0, 0, 0, 0.67);
}

.product-view .add-to-box {
    display: inline-block;
    vertical-align: middle;
    float: left;
    /*width        : 170px;*/
    /*margin-left: 20px;*/
}

/*
.product-view .add-to-box .grouped-product {	
	margin-left: 0px;
}*/

.product-view .product-options {
    background: transparent;
    margin: 0 0 0 13px;
    padding: 0;
}

.product-view .product-shop .price-box {
    position: relative;
    float: left;
    white-space: nowrap;
}

.price-box .price-label {
    display: none;
}

.product-view .product-shop .price-box .special-price, .product-view .product-shop .price-box .regular-price {
    float: left;
    /*margin-right: 11px;*/
}

.product-view .product-shop-info .price-box .regular-price .price, .product-view .product-shop-info .price-box .special-price .price {
    font-size: 40px;
    line-height: 40px;
    letter-spacing: -2px;
    margin-left: -2px
}

.product-view .product-shop .price-box .old-price {
    /* position:absolute; */
    left: 100%;
    /* margin:6px 0 0 5px;*/
}

.product-view .product-shop .price-box .old-price .price {
    color: #ABABAB;
    line-height: 100%;
    font-size: 19px;
}

.price-box-bundle .price-box .price-label {
    display: inline;
    padding-right: 3px;
}

.product-view .product-shop .price-box-bundle {
    float: none;
}

.product-view .product-shop .price-box-bundle .price-box {
    float: none;
}

.product-view .product-shop .price-box-bundle .price-box p {
    display: block;
}

.product-view .product-shop .grouped-items-table .price-box .old-price {
    position: static;
    margin: 0;
}

.product-view .product-options dt {
    margin: 10px 0 6px;
}

.product-view .product-options dt label em {
    color: #FF0000;
}

.product-view .product-options dd {
    padding: 0px 0px 20px;
    margin: 0 0 17px;
    border-bottom: 0px solid;
    border-bottom-color: #E3E3E3;
    border-bottom-color: rgba(227, 227, 227, 0.61);
}

.product-options dd input.input-text {
    width: 96%
}

.product-options dd input.input-text.datetime-picker {
    width: inherit;
    margin-right: 10px;
}

.product-view .product-options .qty-holder {
    display: block;
    margin-top: 5px;
}

.product-view .product-options dd input.qty {
    width: 40px;
}

.product-view .product-options-bottom {
    background: transparent;
    margin: 10px 0;
    padding: 0;
}

.product-options ul.options-list li {
    padding: 5px 0;
}

.product-options ul.options-list input.checkbox, .product-options ul.options-list input.radio {
    margin-top: 2px;
}

.product-view .product-shop .product-options-bottom .price-box {
    float: none;
    margin: 0 0 15px;
}

.product-view .product-img-box {
    width: 363px;
    position: relative;
    margin: 0 0px 0 0;
}

.product-view .product-img-box .zoom {
    width: 210px;
    background: none;
}

#track {
    background: url("../images/gradient/slider_bg.png") no-repeat scroll 50% 50% transparent;
}

.product-view .product-img-box .product-image {
    padding: 0;
    margin: 0 0 6px;
    position: relative;
    background: #FFFFFF;
    border: 9px solid #FFFFFF;
    border-radius: 3px;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
}

.product-view .product-img-box .product-image a {
    display: block;
    position: relative;
    overflow: hidden;
}

.product-view .product-img-box .zoom-notice {
    margin: 5px 0;
}

.product-view .product-img-box .product-image-zoom {
    width: 363px;
    height: 363px;
}

.product-view .product-img-box .more-views {
    padding: 17px 0;
    margin: 0 0 6px;
    position: relative;
    background: #FFFFFF;
    border-radius: 3px;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
}

.product-view .product-img-box .more-views ul {
    margin: 0;
}

.product-view .product-img-box .more-views li {
    float: left;
    background: transparent;
    padding: 0;
    margin: 0 6px 0 0;
}

.product-view .product-img-box .more-views .jcarousel-skin-tango {
    padding: 0 55px;
}

.product-view .product-img-box .more-views .jcarousel-skin-tango .jcarousel-container-horizontal {
    width: auto !important;
    margin: 0;
}

.product-view .product-img-box .more-views .jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: auto !important;
    margin: 0;
}

.product-view .product-img-box .more-views .jcarousel-skin-tango .jcarousel-item {
    width: 126px;
    margin: 0 4px;
}

.product-view .product-img-box .more-views .jcarousel-skin-tango .jcarousel-item img {
    max-width: 100%;
    height: auto;
}

.product-view .product-img-box .jcarousel-controls {
    position: relative;
}

.product-view .product-img-box .jcarousel-prev-horizontal {
    position: absolute;
    left: 10px;
}

.product-view .product-img-box .jcarousel-next-horizontal {
    position: absolute;
    right: 10px;
}

.product-view .product-img-box .jcarousel-next-horizontal, .product-view .product-img-box .jcarousel-prev-horizontal {
    width: 35px;
    height: 35px;
    background-image: url(../images/sprite/slideshow_arrows.png);
    background-repeat: no-repeat;
    border-radius: 50%;
    background-size: 70px 70px;
}

.product-view .product-img-box .jcarousel-prev-horizontal {
    background-position: 0 0;
}

.product-view .product-img-box .jcarousel-next-horizontal {
    background-position: right 0 top 0;
}

.product-view .product-img-box .jcarousel-prev-horizontal:hover {
    background-position: 0 -35px;
}

.product-view .product-img-box .jcarousel-next-horizontal:hover {
    background-position: right 0 top -35px;
}

.product-view .add-to-cart {
    margin: 0;
}

.product-view .add-to-cart button.button span {
    height: 52px;
    background-image: url(../images/gradient/btn_overlay_product.png);
}

.product-view .add-to-cart button.button span span {
    line-height: 52px;
    font-size: 14px;
    text-transform: none;
    padding: 0 20px 0 70px;
    background-size: 41px 20px !important;
    background: url('../images/icon_cart_product.png') no-repeat 17px 50%;
}

.product-view .add-to-links {
    margin: 20px 0 0;
    padding: 0;
    clear: both;
}

.product-view .add-to-links li {
    line-height: 38px;
    padding-left: 53px;
    margin: 0 0 0 20px;
    float: left;
}

.product-view .product-shop-info .add-to-links li {
    margin: 0px 50px 8px 0;
    float: none;
}

.product-view .add-to-links li a {
    display: block;
    color: #322C29;
    font-size: 14px;
}

.product-view .add-to-links li span.icon {
    display: block;
    float: left;
    overflow: hidden;
    margin-left: -53px;
    width: 38px;
    height: 38px;
    background-color: #322C29;
    background-position: -39px -90px;
    border-radius: 100% !important;
    text-indent: -999px;
}

.product-view .add-to-links li.compare span.icon {
    background-position: -87px -89px;
}

.product-view .add-to-links li.email-friend span.icon {
    background-position: -140px -87px;
}

.product-view .add-to-links li a:hover {
    text-decoration: none
}

.product-view .add-to-links li:hover span.icon {
    background-color: #FE5252
}

.product-view .add-to-links .link-wishlist, .product-view .add-to-links .link-compare {
    font-weight: 400;
}

.product-view .product-shop .no-rating, .product-view .product-shop .ratings {
    margin: 0 0 12px;
    padding: 0 0 15px;
    border-bottom: 1px solid;
    border-bottom-color: #E3E3E3;
    border-bottom-color: rgba(227, 227, 227, 0.61);
}

/*.product-view .product-shop */

.no-rating a, .ratings a {
    color: #000000;
    color: rgba(0, 0, 0, 0.67);
    font-size: 12px;
    text-decoration: none;
}

.no-rating a:hover, .ratings a:hover {
    color: #000000;
}

.product-view .addthis_toolbox {
    padding: 17px 0;
}

.product-view .grouped-items-table .qty {
    width: 40px;
}

.product-view .tier-prices {
    margin: 14px 0 0;
}

.product-options dd select {
    width: 208px;
}

.product-options dd select.multiselect {
    width: 100%;
    background-image: none;
}

.product-view .box-tags h3 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: -1px;
}

.product-view .box-tags .product-tags {
    margin: 1px 0 20px;
}

.product-view .box-tags h3+.product-tags {
    margin-top: 10px;
}

.product-view .box-tags ul.product-tags {
    margin: 5px 0 25px -5px;
}

.product-view .box-tags ul.product-tags:after {
    content: '';
    clear: both;
    display: table;
}

.product-view .box-tags ul.product-tags li {
    float: left;
}

.product-view .box-tags ul.product-tags li {
    padding: 6px 10px 5px;
    margin: 5px 0 0 5px;
    min-height: 29px;
    font-size: 12px !important;
    color: #757575;
    border: 1px solid rgb(226, 226, 226);
    box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.06);
    border-radius: 2px;
    box-sizing: border-box;
    cursor: pointer;
}

.product-view .box-tags ul.product-tags li a {
    text-decoration: none;
    display: inline-block;
}

.product-view .box-tags ul.product-tags li:hover {
    color: #FFFFFF;
    background-color: #FE5252;
    border-color: #FE5252;
}

.product-view .box-tags div.form-add {
    border-top: 1px solid #EDEDED;
    padding: 20px 0 10px;
}

.product-view .box-tags .form-add label {
    display: block;
    float: none;
    font-size: 14px;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: -1px;
}

.product-view .box-tags .form-add .input-box {
    margin: 0 5px 0 0;
}

.product-view .box-tags .form-add .input-text {
    height: 34px;
}

.product-view .box-tags .form-add button.button span {
    height: 34px;
    line-height: 34px;
}

.product-view .after-tabs-block {
    margin: 0 0 30px;
}

.product-view .product-additional {
    float: right;
    width: 270px;
    margin: 0 3px 0 27px;
}

.product-view .product-additional .block {
    margin: 0 0 20px;
    padding: 0;
    width: 270px;
}

.product-view .product-additional .block .block-title {
    border: 0;
    padding: 24px 35px 38px;
    margin: 0;
    color: #000000;
    color: rgba(0, 0, 0, 0.75);
    text-align: center;
}

.product-view .product-additional .block .block-title:after {
    content: '';
    float: left;
    width: 120px;
    height: 1px;
    background: #E8E8E8;
    margin: 18px 0 0 39px;
}

.product-view .product-additional .block .block-title strong {
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: -1.2px;
    line-height: 21px;
}

.product-view .product-additional .block .block-subtitle {
    margin: 0 0 10px;
    padding: 0 0 15px;
    border-bottom: 1px solid #F4F4F4;
}

.product-view .product-additional .block .block-content {
    padding: 0 20px 25px;
    margin: 0;
}

.product-view .product-additional .block .block-content .actions {
    margin: 0;
    padding: 0;
    text-align: center;
}

.product-view .product-additional .block .block-content .actions .f-right {
    line-height: 35px;
}

.product-view .product-additional .block .block-content li {
    margin: 0;
    padding: 0;
    line-height: 20px;
    background: none;
}

.product-view .product-additional .block .block-content li:last-child, .product-view .product-additional .block .block-content li.item:last-child {
    border: 0;
}

.product-view .product-additional .block .block-content li:hover a, .product-view .product-additional .block .block-content li.item:hover a {
    color: #999999;
}

.product-view .product-additional .block li.even, .product-view .product-additional .block li.odd {
    background-color: transparent;
}

.product-view .product-additional .block .btn-remove, .product-view .product-additional .block .btn-edit {
    float: left;
}

.product-view .box-up-sell h2 {
    font-size: 24px;
    text-transform: uppercase;
    margin: 0 80px 20px 0
}

.product-view .box-up-sell .block-subtitle {
    line-height: 32px;
}

.product-view .box-up-sell .block-subtitle a {
    font-weight: 300;
    text-decoration: underline;
}

.product-view .box-up-sell .block-subtitle a:hover {
    text-decoration: none;
}

.product-view .box-up-sell .jcarousel-item, .product-view .box-up-sell .item {
    width: 280px;
    margin: 0;
}

.product-view .box-up-sell .item {
    float: left;
    width: 130px;
    padding: 0;
    margin: 3px 4px 20px 3px;
    position: relative;
}

.product-view .box-up-sell .product-image {
    display: block;
    border: 9px solid #FFFFFF;
    border-radius: 3px;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
}

.product-view .box-up-sell .product-name a {
    color: #3C3C3C;
    font-size: 12px;
    font-weight: 300;
    display: block;
    margin: 10px 4px 6px;
    line-height: 120%;
}

.product-view .box-up-sell .product-name:hover {
    color: #000000;
    text-decoration: none;
}

.product-view .box-up-sell .upsell-checkbox {
    margin: 0 4px;
    line-height: 12px;
    float: left;
    display: block;
}

.product-view .box-up-sell .price-box {
    /*overflow:hidden;*/
    margin: 0px 0 0 4px;
    line-height: 12px;
}

.product-view .box-up-sell .price-box .price {
    font-size: 12px !important;
    font-family: Arial, serif;
    line-height: 100%;
}

.product-view .box-up-sell .jcarousel-next-horizontal {
    margin: -55px 0 0 30px;
    background-color: #EFEFEF
}

.product-view .box-up-sell .jcarousel-prev-horizontal {
    margin: -55px 0 0 0;
    background-color: #EFEFEF
}

.product-view .box-up-sell .jcarousel-container-horizontal {
    width: 280px;
    margin: 0;
}

.product-view .box-up-sell .jcarousel-clip-horizontal {
    width: 280px;
    margin: 0;
}

.box-up-sell2 {
    position: relative;
    margin: 30px 0 0 -15px;
    display: none;
}

.box-up-sell2 h3 {
    font-size: 24px;
    font-weight: 400;
    padding: 0 0 28px;
    margin: 0 0 0 0px;
    text-transform: uppercase;
    letter-spacing: -1.2px;
    line-height: 21px;
}

.box-up-sell2 .block-subtitle {
    margin: -15px 15px 15px;
    text-align: left;
}

.box-up-sell2 .block-subtitle a {
    text-decoration: underline;
}

.box-up-sell2 .block-subtitle a:hover {
    text-decoration: none;
}

.box-up-sell2 .jcarousel-list h3 {
    font-size: 24px;
    font-weight: 300;
    color: #000000;
    color: rgba(0, 0, 0, 0.67);
    letter-spacing: -1px;
    margin: 27px 0 26px 2px;
    text-align: center;
}

.box-up-sell2 .jcarousel-list .button-container {
    float: right;
}

.box-up-sell2 .jcarousel-list .button-container button.button span {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    text-indent: -9999px;
}

.box-up-sell2 .jcarousel-list .button-container button.button span span {
    padding: 0;
    background-position: -241px -89px;
}

.box-up-sell2 .jcarousel-list .product-image {
    display: block;
    margin: 0 0 12px;
}

.box-up-sell2 .jcarousel-list .product-image img {
    position: relative;
    z-index: 0;
}

.box-up-sell2 .jcarousel-list .product-name a {
    color: #3C3C3C;
    font-size: 16px;
    font-weight: 300;
    display: block;
    margin: 4px;
    line-height: 120%;
}

.box-up-sell2 .jcarousel-list .product-name:hover {
    color: #000000;
    text-decoration: none;
}

.box-up-sell2 .jcarousel-list .upsell-checkbox {
    margin: 0 4px;
    line-height: 12px;
    float: left;
    display: block;
}

.box-up-sell2 .jcarousel-list .price-box {
    margin: 0px 0 0 4px;
    line-height: 12px;
    letter-spacing: -1.2px
}

.box-up-sell2 .jcarousel-next-horizontal {
    background-color: #EFEFEF
}

.box-up-sell2 .jcarousel-prev-horizontal {
    background-color: #EFEFEF
}

.banner {
    margin-bottom: 10px;
}

.banner a {
    display: block;
    position: relative;
    margin: 0px;
    text-decoration: none;
}

.banner a:hover {
    text-decoration: none;
}

.banner a span {
    position: absolute;
    padding: 12px;
    top: 50%;
    background: #1B1A19;
    font-weight: 300 !important;
    font-size: 16px;
    line-height: 16px;
    color: #FFFFFF
}

.banner a.text-left span {
    left: 0;
    text-align: left;
}

.banner a.text-center span {
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

.banner a.text-right span {
    right: 0;
    text-align: right;
}

.banner a em {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000000;
    opacity: 0;
    /* fx, safari, opera, chrome */
}

.banner a:hover em {
    opacity: 0.1;
    /* fx, safari, opera, chrome */
}

/* My Account ============================================================================= */

.my-account .title-buttons .link-rss {
    float: none;
    margin: 0;
}

/********** < Dashboard */

.dashboard .welcome-msg {
    margin: 0 0 15px 0;
    line-height: 1.5;
}

.dashboard .welcome-msg p {
    margin: 0;
}

.dashboard .col2-set {
    margin: 0 0 15px;
}

/* General Box */

.box-account {
    margin: 0 0 15px;
}

.box-account .box-head {
    margin: 0 0 10px;
    text-align: right;
}

.box-account .box-head h2 {
    float: left;
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    color: #4C4C4C;
}

.box-account .box-head a {
    font-size: 10px;
    text-transform: uppercase;
}

.dashboard .box .box-title {
    background: #F1F1F1;
    padding: 8px 10px;
    margin: 0 0 12px;
    text-align: right;
}

.dashboard .box .box-title h3, .dashboard .box .box-title h4 {
    float: left;
    margin: 0;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.35;
}

.dashboard .box .box-title a {
    font-size: 10px;
    text-transform: uppercase;
}

.dashboard .box .box-content {
    padding: 0 10px;
    line-height: 1.5;
}

/* Block: Recent Orders */

/* Block: Account Information */

.dashboard .box-info h4 {
    font-size: 11px;
    font-weight: bold;
}

/* Block: Reviews */

.dashboard .box-reviews .box-head {
    background: #F1F1F1;
    padding: 8px 10px;
    margin: 0 0 12px;
}

.dashboard .box-reviews .box-head h2 {
    font-size: 12px;
    font-weight: bold;
    line-height: 1.35;
    color: #444444;
}

.dashboard .box-reviews .number {
    display: none;
    float: left;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    color: #FFFFFF;
    margin: 3px -20px 0 0;
    padding: 2px 3px;
    background: #0A263C;
}

.dashboard .box-reviews .details {
    padding: 0 0px;
}

.dashboard .box-reviews ol {
    margin: 0 -15px 0 -5px;
}

.dashboard .box-reviews li.item {
    margin: 0 -3px 21px 0;
    padding: 0 15px;
    display: inline-block;
    vertical-align: top;
    width: 24.666%;
    box-sizing: border-box;
}

.dashboard .box-reviews li.item.last {
    margin-bottom: 0;
}

.dashboard .box-reviews .ratings {
    margin: 7px 0 0;
}

.page-title a.link-reorder:hover, .page-title a.link-print:hover, .box-account .box-head a:hover, .dashboard .box-reviews li.item a:hover, .dashboard .box .box-title a:hover, .box-content address a:hover, .addresses-list a:hover {
    color: #FE5252;
    text-decoration: none;
}

/* Block: Tags */

.dashboard .box-tags .box-head {
    background: #F1F1F1;
    padding: 8px 10px;
    margin: 0 0 12px;
}

.dashboard .box-tags .box-head h2 {
    font-size: 12px;
    font-weight: bold;
    line-height: 1.35;
    color: #444444;
}

.dashboard .box-tags .number {
    display: none;
    float: left;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    color: #FFFFFF;
    margin: 3px -20px 0 0;
    padding: 2px 3px;
    background: #0A263C;
}

.dashboard .box-tags .details {
    padding: 0 10px;
}

.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 {
    background: #F1F1F1;
    padding: 8px 10px;
    margin: 0 0 12px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.25;
}

.addresses-list h3 {
    font-weight: bold;
    font-size: 12px;
}

.addresses-list address {
    margin: 0 0 3px;
}

.addresses-list p {
    margin: 0;
}

.addresses-list a {
    font-weight: bold;
}

.addresses-list .separator {
    margin: 0 3px;
}

.addresses-list li.item {
    padding: 0 10px;
    margin: 0 0 12px;
    line-height: 1.5;
}

.addresses-list li.empty p {
    font-weight: bold;
}

/* Order View */

.order-info dt {
    display: none;
}

.order-info dd {
    margin-left: 0;
}

.order-info ul {
    margin-bottom: 15px;
    border-bottom: 1px solid #666666;
    background: #F2F2F2;
}

.order-info li {
    float: left;
    border-right: 1px solid #A4A4A4;
    border-left: 1px solid #FFFFFF;
    font-size: 1.1em;
    line-height: 1em;
}

.order-info li.first {
    border-left: 0;
}

.order-info li.last {
    border-right: 0;
}

.order-info li a {
    display: block;
    padding: 6px 15px;
    color: #444444;
}

.order-info li a:hover {
    background-color: #DDDDDD;
    text-decoration: none;
    color: #444444;
}

.order-info li.current {
    background-color: #666666;
    font-weight: bold;
    padding: 6px 7px;
    color: #FFFFFF;
    margin: 0 0 0 -7px;
    display: inline-block;
    float: none;
}

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

.order-info-box {
    margin: 0 0 15px;
}

.order-info-box h2 {
    font-size: 13px;
    font-weight: bold;
    border-bottom: 1px solid #DDDDDD;
    margin: 0 0 10px;
    padding-bottom: 10px;
}

.order-info-box .box-payment p {
    margin: 0 0 3px;
}

.order-info-box .box-payment th {
    font-weight: bold;
    padding-right: 7px;
}

.order-items h2, .order-items h3 {
    clear: none;
    font-weight: bold;
    font-size: 13px;
    padding: 0;
    margin: 0 0 10px;
}

.order-items h3 {
    font-size: 12px;
}

.order-items .product-name a {
    font-weight: bold !important;
}

.order-items .link-print {
    font-size: 10px;
    text-transform: uppercase;
}

.order-items .order-links {
    text-align: right;
}

.order-items .order-links .link-print {
    font-weight: bold;
    font-size: 11px;
    text-transform: none;
}

.order-items table#my-orders-table {
    margin-bottom: 15px;
}

.order-additional {
    margin: 15px 0;
}

/* Order Gift Message */

.gift-message dt strong {
    color: #555555;
}

.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;
}

#my-orders-table span.title {
    display: none;
    font-weight: 700;
    width: 100px;
    padding: 0 15px 0 0;
}

.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: 15px;
    font-weight: bold;
}

.page-print h2, .page-print h3 {
    font-size: 12px;
    font-weight: bold;
}

.page-print h2.h2 {
    font-size: 15px;
    font-weight: bold;
    text-align: right;
}

.page-print .order-date {
    border-bottom: 1px solid #CCCCCC;
    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 .description {
    padding: 10px 0 10px 0
}

.my-wishlist .data-table td .cart-cell {
    text-align: center;
}

.my-wishlist .product-image {
    display: block;
    width: 113px;
    height: 113px;
    margin: 0 auto 5px;
}

.my-wishlist textarea {
    width: 100%;
    height: 109px;
}

.my-wishlist .buttons-set {
    border: 0;
    padding: 0;
    margin: 20px 0 0;
    text-align: left;
}

.my-wishlist .buttons-set button.button {
    float: none;
}

.my-wishlist+.buttons-set {
    margin: -46px 0 0;
}

.my-wishlist+.buttons-set .back-link {
    margin: 0;
}

.my-wishlist .data-table .add-to-links {
    white-space: nowrap;
}

.my-wishlist .data-table input.qty {
    width: 79px;
    margin: 5px 0 15px;
}

.my-wishlist .data-table button.button {
    display: block;
    margin: 0 auto 10px;
}

/* 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;
}

#my-reviews-table .rating-box {
    margin: 3px 0 0;
}

.product-review .product-img-box {
    float: left;
    margin-right: 28px;
}

.product-review .product-img-box .product-image {
    display: inline-block;
    border-radius: 3px;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
    background: #FFFFFF;
    border: 9px solid #FFFFFF;
}

.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 {
    overflow: hidden;
}

.product-review .product-name a {
    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 dl {
    clear: both;
    padding: 10px 0;
}

.product-review dt {
    font-weight: bold;
}

.product-review dd {
    font-size: 13px;
    margin: 5px 0 0;
}

.product-review dd {
    font-size: 13px;
    margin: 5px 0 0;
}

.new-users button.button {
    float: left;
}

.registered-users input.input-text {
    width: 455px;
}

.site-block {
    position: fixed;
    z-index: 11999;
}

.left-side, .right-side {
    width: 250px;
    top: 200px;
}

.left-side {
    left: -250px;
}

.right-side {
    right: -250px;
}

.bottom {
    right: 0;
    bottom: 0;
}

.prev-next {
    margin: 0;
    position: relative;
    float: right;
    z-index: 3;
}

.product-prev, .product-next {
    display: block;
    float: right;
    margin: -5px 0 0 5px;
    overflow: hidden;
    padding: 5px 0 4px;
    min-height: 27px;
    border: 1px solid #E1E1E1;
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.05);
    background: url(../images/gradient/sorter_bg.png) 0 0 repeat-x #FAFAFA;
    box-sizing: border-box;
}

.product-prev span, .product-next span {
    display: block;
    width: 63px;
    padding: 0 11px;
    background: url(../images/sprite/prev_next.png) 0px -6px no-repeat;
}

.product-prev {
    right: 108px;
}

.product-prev span {
    padding-left: 28px;
    text-align: right;
}

.product-next span {
    padding-right: 28px;
    background-position: right 0 bottom -4px;
}

.product-next:hover, .product-prev:hover {
    text-decoration: none;
    box-shadow: inset 2px 2px 6px 0px rgba(0, 0, 0, 0.05);
}

/************* POPUP style */

.page-popup {
    background: #E9E9E9;
}

/************* FACEBOOK */

#fb-root {
    display: none;
}

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

/************* SLIDER */

.slider {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 7px 0 0;
    background: #F4F4F2;
}

#slide-timeline {
    position: absolute;
    z-index: 999;
    top: 7px;
    width: 0;
    height: 3px;
    background: #322C29;
}

/* 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;
}

/* 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 {
    max-width: 100%;
    display: block;
}

.flexslider .slides .small_image {
    display: none;
    width: 100%;
    height: auto;
}

.flex-pauseplay span {
    text-transform: capitalize;
}

/* Clearfix for the .slides element */

.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}

/* Revolution Slider */

.slider .rev_slider_wrapper {
    padding: 0 0 30px !important;
}

/* FlexSlider Default Theme
*********************************/

.flexslider {
    margin: 0;
    position: relative;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

.carousel li {
    margin-right: 5px
}

.flexslider .slides .row {
    position: relative;
    overflow: auto;
}

.flexslider .slides .content {
    float: left;
    max-width: 1000px;
    margin: 10px 100px;
}

.flexslider .slides .white {
    color: #454746;
    color: rgba(0, 0, 0, 0.6);
    text-align: center;
    background: rgba(255, 255, 255, 0.6);
    padding: 20px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.10);
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.10);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.10);
}

.flexslider .slides .content strong {
    font-size: 40px;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 30px;
    color: #454746;
    color: rgba(0, 0, 0, 0.8);
}

.flexslider .slides .content .border {
    margin: 15px 10px;
    height: 1px;
    background: #BFC5C3;
    background: rgba(0, 0, 0, 0.09);
}

.flexslider .slides .content p {
    margin: 0;
    font-size: 14px;
}

.flexslider .slides .content button {
    margin: 15px 0 0;
}

.flexslider .slides .text-right .content {
    float: right;
}

.flexslider .slides .text-center .content {
    float: none;
    margin: 30px auto;
}

/* Direction Nav */

.flex-direction-nav {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

.flex-direction-nav a {
    width: 77px;
    height: 77px;
    margin: 0;
    display: block;
    background: #FFFFFF url(../images/sprite/slideshow_arrows.png) no-repeat 0 0;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 0;
}

.flex-direction-nav a, .flex-direction-nav a:hover {
    transition: all .3s ease;
}

.flex-direction-nav .flex-prev {
    left: -36px;
}

.flex-direction-nav .flex-next {
    background-position: 100% 0;
    right: -36px;
}

.flexslider:hover .flex-prev {
    opacity: 1;
    left: 5px;
}

.flexslider:hover .flex-next {
    opacity: 1;
    right: 5px;
}

.flexslider:hover .flex-prev:hover {
    background-position: 0 100%;
}

.flexslider:hover .flex-next:hover {
    background-position: 100% 100%;
}

.flex-direction-nav .disabled {
    opacity: .3 !important;
    cursor: default;
}

/* Control Nav */

.flex-control-nav {
    width: 100%;
    text-align: center;
}

.flexslider .flex-control-nav {
    position: absolute;
    bottom: -22px;
}

.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
}

.flex-control-paging li a {
    width: 8px;
    height: 8px;
    display: block;
    background: #EDEDED;
    cursor: pointer;
    text-indent: -9999px;
    border-radius: 20px;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

.flex-control-paging li a:hover {
    background: #FE5252;
}

.flex-control-paging li a.flex-active {
    background: #FE5252;
    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 .active {
    opacity: 1;
    cursor: default;
}

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

/*** Column slider ***/

.block-slider {
    margin: 0;
    padding: 0;
}

.block-slider .slides>li {
    margin: 0;
    padding: 0;
    line-height: 1.4;
    text-align: center;
    background: none transparent;
    display: none;
    -webkit-backface-visibility: hidden;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */

.block-slider .slides>li strong, .block-slider .slides>li strong.block-slider-title {
    display: block;
    border: 0;
    padding: 0 0 22px;
    margin: 0 0 25px;
    color: #000000;
    color: rgba(0, 0, 0, 0.75);
    border-bottom: 1px solid #E8E8E8;
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: -1.2px;
    line-height: 21px;
}

.block-slider .slides>li p {
    margin: 0 0 20px;
    text-align: center;
    font-size: 14px;
    color: #000000;
    color: rgba(0, 0, 0, 0.67);
}

.block-slider .slides>li button.button {
    margin: -21px 0 21px;
}

.block-slider .slides img {
    max-width: 100%;
}

.block-slider .flex-control-nav {
    position: relative;
    width: auto;
    height: 33px;
    overflow: hidden;
    margin: 0 -20px -25px;
    background: #FEFEFE;
    text-align: center;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    box-shadow: inset 0px 5px 6px -4px rgba(0, 0, 0, 0.15);
}

.block-slider .flex-control-nav li {
    margin: 0 6px;
    padding: 0;
    line-height: 33px;
    background: none transparent;
    display: inline-block;
}

.block-slider .flex-control-paging li a {
    margin: 12px 0;
}

/*.cms-index-index .block-slider .slides > li 		 { padding:22px 0 0;}*/

.cms-index-index .block-slider .slides img {
    display: block;
    margin: 0 auto;
}

.block-slideshow {
    padding: 23px 20px 25px;
}

/* toTop Button */

#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    z-index: 100;
    bottom: 100px;
    right: 10px;
    overflow: hidden;
    width: 56px;
    height: 56px;
    border: none;
    text-indent: -999px;
    background: #FE5252 url(../images/sprite/arrow_totop.png) 0 0 no-repeat;
    border-radius: 100%;
}

#toTop:hover {
    background-color: #FFFFFF;
    background-position: 0 100%;
}

/*.twitterWidget {min-height:275px}*/

#review-buttons-container {
    padding: 23px 0 0;
}

#review-buttons-container button {
    margin: 0;
}

.paypal-shipping-method {
    margin: 0 0 15px
}

.paypal-express-review .info-set {
    margin-bottom: 50px;
}

.calendar {
    z-index: 1 !important
}

.page-sitemap .links {
    float: none;
    text-align: right;
    margin: 0 0 10px;
}

.page-sitemap img.v-middle {
    vertical-align: top;
}

/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

/***** Standard 1200px *****/

.row {
    margin: 0 auto;
  /*  width: 1200px; */
}

/* .row .row {
    width: auto;
    margin: 0 -15px;
} */

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
    display: inline;
    float: left;
    position: relative;
    padding: 0 15px;
    min-height: 1px;
    box-sizing: border-box;
}

.grid_2 {
    width: 16.66%;
}

.grid_3 {
    width: 25%;
}

.grid_4 {
    width: 33.33%;
}

.grid_6 {
    width: 50%;
}

.grid_8 {
    width: 66.67%;
}

.grid_9 {
    width: 75%;
}

.grid_12 {
    width: 100%;
}

/* CMS PAGE ======================================================================================= */

.cms-page-view h1 {
    font-size: 36px;
    font-weight: 400;
    padding: 0 0 6px;
    letter-spacing: -1.5px
}

.cms-page-view .std h1, .cms-page-view .std h2, .cms-page-view .std h3, .cms-page-view .std h4, .cms-page-view .std h5, .cms-page-view .std h6 {
    margin: 0 0 15px
}

.cms-page-view .std h1 {
    font-size: 30px;
}

.cms-page-view .std h2 {
    font-size: 26px;
}

.cms-page-view .std h3 {
    font-size: 22px;
}

.cms-page-view .std h4 {
    font-size: 18px;
}

.cms-page-view .std h5 {
    font-size: 16px;
}

.cms-page-view .std h6 {
    font-size: 14px;
}

.cms-page-view .page-head h3 {
    font-size: 36px;
    margin: -31px 0 30px
}

.cms-page-view .std p {
    margin: 5px 0 20px;
    font-size: 14px;
    line-height: 24px;
}

/*.cms-page-view  .std p {margin: 5px 0 15px;}*/

.cms-content h1 {
    font-size: 36px;
    font-weight: 400;
    padding: 0 0 6px;
    letter-spacing: -1.5px
}

.cms-content h1, .cms-content h2, .cms-content h3, .cms-content h4, .cms-content h5, .cms-content h6 {
    margin: 0 0 15px
}

.cms-content h1 {
    font-size: 30px;
}

.cms-content h2 {
    font-size: 26px;
}

.cms-content h3 {
    font-size: 22px;
}

.cms-content h4 {
    font-size: 18px;
}

.cms-content h5 {
    font-size: 16px;
}

.cms-content h6 {
    font-size: 14px;
}

.cms-content p {
    margin: 5px 0 20px;
    font-size: 14px;
    line-height: 24px;
}

.std .alignleft {
    margin: 4px 27px 7px 0;
    float: left;
}

.std .alignright {
    margin: 4px 0 7px 27px;
    float: right;
}

.std .aligncenter {
    margin: 0 auto 7px;
    display: block;
    text-align: center;
}

.content-container .std a.alignleft, .content-container .std a.alignright, .content-container .std a.aligncenter {
    background-color: transparent;
    padding: 0;
}

.std blockquote:before {
    background: url(../images/sprite/shopper_sprite.png);
    background-position: 100px 0px;
    content: '';
    width: 25px;
    height: 25px;
    margin: 8px 25px 0 2px;
    float: left;
}

.std blockquote {
    padding: 20px 25px;
    background: #F3F3F3;
    margin: 0;
    font-size: 14px;
    line-height: 24px;
}

/* Class: std - styles for admin-controlled content */

.std ul.ox_list_simple {
    list-style: disc
}

.std ol.ox_list_simple {
    list-style: decimal
}

.std ul.ox_list_simple, .std ol.ox_list_simple {
    padding-left: 25px;
    margin: 0 0 18px;
    font-size: 14px;
    line-height: 24px;
}

.std ul.ox_list_simple li, .std ol.ox_list_simple li {
    margin-bottom: 8px;
}

.std ul.ox_list_simple li p, .std ol.ox_list_simple li p {
    margin: 0;
}

.std ul.ox_list_simple li p img, .std ol.ox_list_simple li p img {
    margin-top: 10px;
}

.std dl dt {
    margin-bottom: 8px;
    text-transform: uppercase;
}

.std dl dd {
    margin: 0 0 18px;
    padding: 0;
}

/* for table */

.std .data-table thead th {
    color: #000000;
}

.std .data-table tbody th {
    padding: 13px 19px;
    color: #000000;
    font-size: 13px;
    text-transform: uppercase;
}

.product-view .grouped-items-table th {
    padding: 15px 10px !important;
}

/*	Tables
-------------------------------------------------- */

table.ox_table {
    margin-bottom: 21px;
    width: 100%
}

table.ox_table th, table.ox_table td, table.ox_table caption {
    padding: 10px 15px
}

table.ox_table caption {
    background: #EEEEEE
}

table.ox_table thead {
    background: #363636
}

table.ox_table thead th {
    text-align: left;
    color: #FAFAFA
}

table.ox_table tbody td {
    border-top: 1px solid #DDDDDD;
    border-color: rgba(0, 0, 0, .06);
    -moz-transition: all .6s ease-in;
    -webkit-transition: all .6s ease-in;
    -o-transition: all .6s ease-in;
}

table.ox_table tbody tr:first-child td {
    border-top: 0
}

table.ox_table tbody tr:hover td {
    background: #F8F8F8;
    border-color: rgba(0, 0, 0, .03);
    color: #757575;
    -moz-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
}

table.ox_table tfoot {
    font-style: italic
}

pre {
    overflow-x: auto;
    padding-left: 8px;
    margin-bottom: 20px;
    line-height: 21px;
}

/*  for Responive Video (video-container)
-------------------------------------------------- */

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*	Fluid Columns
-------------------------------------------------------------- */

.one_half, .one_third, .two_third, .one_fourth, .three_fourth {
    float: left;
    margin-right: 3.8%;
}

.one_half {
    width: 48%;
}

.one_third {
    width: 30.66%;
}

.two_third {
    width: 65.32%;
}

.one_fourth {
    width: 22%;
}

.three_fourth {
    width: 74%;
}

.one_half.last, .one_third.last, .two_third.last, .one_fourth.last, .three_fourth.last {
    margin-right: 0px;
}

/*	Title indent
-------------------------------------------------------------- */

/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

.no-shadow {
    box-shadow: none
}

/* For image replacement */

.ir {
    display: block;
    border: 0;
    text-indent: -999em;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
}

.ir br {
    display: none;
}

/* Hide from both screenreaders and browsers: h5bp.com/u */

.hidden {
    display: none !important;
    visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */

.invisible {
    visibility: hidden;
}

/* Contain floats: h5bp.com/q */

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clear {
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
}

/* ==|== print styles =======================================================
   Print styles
   ========================================================================== */

@media print {
    *, *:before, *:after {
        background: transparent !important;
        color: #000000 !important;
        /* Black prints faster: http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a, a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    a[href^="#"]:after, a[href^="javascript:"]:after {
        content: "";
    }
    pre, blockquote {
        border: 1px solid #999999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr, img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }
    h2, h3 {
        page-break-after: avoid;
    }
}

/* Colorswatches
---------------------------------------------------------------------*/

.colorswatches-container .colorswatch a {
    display: inline-block;
    padding: 0px 0px;
}

ol.configurable-swatch-list li a.swatch-link.has-image {
    padding: 0;
    margin: 0;
}

ol.configurable-swatch-list li a.swatch-link.has-image:hover {
    background-color: transparent !important;
}

ol.configurable-swatch-list li a.swatch-link.has-image, ol.configurable-swatch-list li a.swatch-link.has-image:hover {
    color: #322C29;
}

ol.configurable-swatch-list li a.swatch-link img {
    border-radius: 3px;
}

ol.configurable-swatch-list li a.swatch-link:hover img {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 3px;
    border: 2px solid #322C29;
}

ol.configurable-swatch-list li {
    float: left;
    width: 50%;
}

ol.configurable-swatch-list li a.swatch-link {
    margin: 0;
}

ul.configurable-swatch-list li {
    display: inline-block;
    margin: 0 2px 0px 0;
    text-align: center;
}

ul.configurable-swatch-list li a.swatch-link {
    display: inline-block;
    padding: 2px 0px;
    margin: 2px;
}

ul.configurable-swatch-list li a.swatch-link.has-image, ul.configurable-swatch-list li a.swatch-link.has-image:hover {
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
}

ul.configurable-swatch-list li a.swatch-link.has-image {
    padding: 0;
    margin: 0px
}

ul.configurable-swatch-list li.selected a.swatch-link.has-image, ul.configurable-swatch-list li a.swatch-link.has-image:hover {
    border-radius: 3px;
    background-color: transparent !important;
}

ul.configurable-swatch-list li a.swatch-link img {
    border-radius: 3px;
}

ul.configurable-swatch-list li a.swatch-link:hover img, ul.configurable-swatch-list li.selected a.swatch-link img {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 3px;
    border: 2px solid #322C29;
}

ul.configurable-swatch-list li span.x {
    display: none;
}

.products-grid ul.configurable-swatch-list {
    text-align: center;
    padding: 8px 0 0 0px;
    position: relative;
    z-index: 1;
}

.products-list ul.configurable-swatch-list {
    clear: both;
    margin: 0px 0 16px;
    border-bottom: 1px solid;
    border-color: rgba(227, 227, 227, 0.61);
    padding: 0px 0 15px 0;
}

/* facnybox styles---------------------------------------------------------------------*/

#fancybox-close {
    top: 10px;
    right: 10px;
    background: url(../images/sprite/shopper_sprite.png);
    background-position: -240px -37px;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    background-color: #F4F4F2;
}

#fancybox-close:hover {
    background-position: -195px -37px;
}

#fancybox-right-ico, #fancybox-left-ico {
    background-color: #F4F4F2;
    width: 35px;
    height: 35px;
    background-image: url(../images/sprite/slideshow_arrows.png);
    background-repeat: no-repeat;
    border-radius: 50%;
    background-size: 70px 70px;
}

#fancybox-left-ico {
    background-position: 0 0;
}

#fancybox-right-ico {
    background-position: right 0 top 0;
}

#fancybox-left-ico:hover {
    background-position: 0 -35px;
}

#fancybox-right-ico:hover {
    background-position: right 0 top -35px;
}

/* content wrappers ---------------------------------------------------------------------*/

.white-wrap {
    padding: 20px 22px;
    background: #FFFFFF;
    border-radius: 2px;
    margin-bottom: 50px;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.10);
    box-sizing: border-box;
    border: none;
}

.white-border-wrap {
    padding: 20px 22px;
    border-radius: 2px;
    margin-bottom: 50px;
    background: #FFFFFF;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.10);
    box-sizing: border-box;
    border-top-color: #FE5252;
    border: none;
    border-top: 6px solid #FE5252
}

.container-bottom {
    margin-bottom: -50px;
}

.fw_container {
    width: 100%;
}

.fullwidth-bg {
    background-color: #FFFFFF;
    position: relative;
    padding: 30px 0;
}

.fullwidth-bg:before {
    background-repeat: no-repeat;
    background-position: 50% 100%;
    content: '';
    position: absolute;
    left: -200%;
    right: -200%;
    top: 0px;
    bottom: 0px;
    display: block;
    background-color: inherit;
    background-image: inherit;
}

.std .fullwidth-bg p, .cms-page-view .std .fullwidth-bg p, .fullwidth-bg p {
    font-size: 16px;
    line-height: 28px;
}

.a-center {
    text-align: center;
}

.icon_box .icon_wrapper {
    overflow: hidden;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.icon_style_outlined .icon_wrapper, .icon_style_bg_color .icon_wrapper {
    width: 110px;
    height: 110px;
    margin: 0 auto 32px auto;
    padding-top: 33px;
}

.icon_style_outlined-small .icon_wrapper, .icon_style_bg_color-small .icon_wrapper {
    width: 70px;
    height: 70px;
    margin: 0 auto 28px auto;
    padding-top: 22px;
}

.icon_box.icon_style_outlined-small .icon_wrapper, .icon_box.icon_style_outlined .icon_wrapper {
    border-width: 2px;
    border-style: solid;
}

.icon_box.icon_style_outlined-small .icon_wrapper, .icon_box.icon_style_outlined .icon_wrapper {
    background: none !important;
}

/* ----------------------------*/

.thin_huge_title {
    font-size: 58px !important;
    letter-spacing: -3px !important;
    font-weight: 300 !important;
    line-height: 50px !important;
}

.tb_padding_wrap {
    padding: 40px 10px 0;
    width: 40%;
    float: right;
}

.tb_padding_wrap hr {
    margin: 30px 60px 0
}

.regular_big_title {
    font-size: 48px !important;
    font-weight: 400 !important;
    text-align: center !important;
    line-height: 42px !important;
    letter-spacing: -2px !important;
}

.small_above_title {
    font-size: 17px !important;
    font-weight: 600 !important;
    text-align: center !important;
    color: #949494 !important;
    margin-bottom: 5px !important;
}

.align_right {
    text-align: right !important;
}

.align_left {
    text-align: left !important;
}

.product-filters dt {
    clear: both;
}

.product-filters dd+dt {
    padding-top: 25px;
}

.box-account.box-recent td.projectName li, .my-account td.projectName li {
    padding: 0 0 0 13px;
    line-height: 20px;
    background: url("../images/arrow_item.gif") 0 8px no-repeat;
    list-style: none;
}

#quantity-selection {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(227, 227, 227, 0.61);
}

#quantity-selection label {
    display: block;
    margin-bottom: 5px;
    color: rgba(0, 0, 0, 0.67);
}

.my-account>span.separator, .my-account .order-info {
    display: none;
}

.sales-order-view .my-account a.link-reorder {
    margin: 0;
    cursor: pointer;
    float: right;
    font: bold 12px/21px Arial, Helvetica, sans-serif;
    height: 42px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 42px;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 300;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
}

.sales-order-view .my-account a.link-reorder:hover {
    text-decoration: none !important;
    background-color: #393431 !important;
    color: #fff !important;
}

.my-account #my-orders-table a.link-reorder {
    font-weight: normal;
}

.sales-order-view .my-account .truncated {
    cursor: auto;
}

#costcenter_number {
    margin-top: 5px;
    margin-bottom: 15px;
    width: 200px;
}

.product-view .product-options dd.last {
    border-bottom: 1px solid rgba(227, 227, 227, 0.61);
}

td.a-center.td-qty {
    min-width: 80px;
}

/** 15.09.2025 **/
/* ==== Search (contained pill) – clean build ==== */
:root{
    --brand:#00AEEF;
    --text:#1e2a35;
    --muted:#73808e;
    --line:#E3EAF2;           /* BUNU SİLME! border bununla çalışıyor */
    --bgpill:#F6F9FB;
}

/* kapsayıcı hizası */
.header_input{
    height:64px;
    display:flex;
    align-items:center;
}

/* form = tek satır flex */
#search_mini_form.search--contained{
    box-sizing:border-box;
    position:relative;
    width:100%;
    height:56px;
    display:flex;
    align-items:center;
    gap:10px;

    background:var(--bgpill);
    border:1px solid var(--line);
    border-radius:999px;
    padding:0 10px;           /* iç boşluk – sağ/sol eşit */
    transition:border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

/* ikon: artık absolute DEĞİL */
#search_mini_form.search--contained .searchicon{
    width:auto; height:38px;
    display:flex; align-items:center; justify-content:center;
    margin-left:4px;
    pointer-events:none;
}
#search_mini_form.search--contained .searchicon img{
    width:18px; height:18px; opacity:.9; vertical-align:middle;
}

/* input */
#search_mini_form.search--contained #search{
    flex:1 1 auto;
    height:38px;               /* referans yükseklik */
    padding:0 8px;             /* yatay iç boşluk */
    border:0; outline:0; background:transparent;
    font-size:16px; line-height:1; color:var(--text);
}
#search_mini_form.search--contained #search::placeholder{ color:var(--muted); }

/* buton: inline-flex, sabit yükseklik */
#search_mini_form.search--contained .search-go{
    height:40px; min-width:72px;
    padding:0 14px;
    display:inline-flex; align-items:center; justify-content:center;
    border:0; border-radius:999px;
    background:var(--brand); color:#fff; font-weight:700; font-size:14px;
    cursor:pointer;
}
#search_mini_form.search--contained .search-go:hover{ filter:brightness(1.05); }

/* hover/focus – net ama sakin */
#search_mini_form.search--contained:hover{
    background:#fff; border-color:#cfd9e4;
}
#search_mini_form.search--contained:focus-within{
    background:#fff; border-color:var(--brand);
    box-shadow:0 0 0 3px rgba(0,174,239,.14);
}

/* autocomplete (Magento) */
#search_autocomplete{
    position:absolute; left:0; right:0; top:calc(100% + 8px);
    background:#fff; border:1px solid var(--line); border-radius:12px;
    box-shadow:0 10px 24px rgba(0,0,0,.08);
    overflow:hidden; z-index:1000;
}
#search_autocomplete ul{ margin:0; padding:6px; list-style:none; max-height:320px; overflow:auto; }
#search_autocomplete li a{
    display:flex; align-items:center; gap:10px;
    padding:10px 12px; color:var(--text); text-decoration:none; border-radius:8px;
}
#search_autocomplete li a:hover{ background:#f6f9fb; }

/* responsive */
@media (max-width:992px){
    #search_mini_form.search--contained{ height:52px; }
    #search_mini_form.search--contained #search{ height:36px; font-size:15px; }
    #search_mini_form.search--contained .search-go{ height:38px; min-width:66px; }
}
@media (max-width:480px){
    #search_mini_form.search--contained{ height:50px; }
    #search_mini_form.search--contained #search{ height:34px; font-size:14px; }
    #search_mini_form.search--contained .search-go{ height:36px; min-width:60px; font-size:13px; }
}
/* === Search (contained pill) — hard override === */
#search_mini_form.search--contained{
    all: initial;                 /* dış etkileri sıfırla */
    font-family: inherit;         /* fontu geri getir */
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    height: 56px !important;
    box-sizing: border-box !important;
    padding: 0 10px !important;
    background: #F6F9FB !important;
    border: 1px solid #E3EAF2 !important;
    border-radius: 999px !important;
    position: relative !important;
}

#search_mini_form.search--contained *{
    all: unset;                   /* çocukları da resetle */
    display: revert;              /* semantic display */
    box-sizing: border-box;
    font-family: inherit;
}

/* ikon */
#search_mini_form.search--contained .searchicon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 38px;
    pointer-events: none;
}
#search_mini_form.search--contained .searchicon img{
    display: block;
    width: 18px; height: 18px;
    opacity: .9;
}

/* input */
#search_mini_form.search--contained #search{
    flex: 1 1 auto;
    height: 38px;
    border: 0;
    background: transparent;
    outline: 0;
    padding: 0 8px;
    font-size: 16px;
    line-height: 1.2;
    color: #1e2a35;
}
#search_mini_form.search--contained #search::placeholder{ color:#73808e; }

/* buton */
#search_mini_form.search--contained .search-go{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    min-width: 72px;
    padding: 0 14px;
    border-radius: 999px;
    background: #00AEEF;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
}

/* hover/focus */
#search_mini_form.search--contained:hover{
    background:#fff; border-color:#cfd9e4;
}
#search_mini_form.search--contained:focus-within{
    background:#fff; border-color:#00AEEF;
    box-shadow: 0 0 0 3px rgba(0,174,239,.14);
}

/* autocomplete kutusu (Magento) */
#search_mini_form.search--contained #search_autocomplete{
    all: initial;
    position:absolute; left:0; right:0; top:calc(100% + 8px);
    background:#fff; border:1px solid #E3EAF2; border-radius:12px;
    box-shadow:0 10px 24px rgba(0,0,0,.08);
    overflow:hidden; z-index:1000;
}
#search_mini_form.search--contained #search_autocomplete ul{
    all: initial; display:block; margin:0; padding:6px; list-style:none;
    max-height:320px; overflow:auto; font-family:inherit;
}
#search_mini_form.search--contained #search_autocomplete li a{
    all: initial; display:flex; align-items:center; gap:10px;
    padding:10px 12px; color:#1e2a35; text-decoration:none; border-radius:8px;
    font-family:inherit;
}
#search_mini_form.search--contained #search_autocomplete li a:hover{ background:#f6f9fb; }

/* responsive */
@media (max-width: 992px){
    #search_mini_form.search--contained{ height:52px; }
    #search_mini_form.search--contained #search{ height:36px; font-size:15px; }
    #search_mini_form.search--contained .search-go{ height:38px; min-width:66px; }
}
@media (max-width: 480px){
    #search_mini_form.search--contained{ height:50px; }
    #search_mini_form.search--contained #search{ height:34px; font-size:14px; }
    #search_mini_form.search--contained .search-go{ height:36px; min-width:60px; font-size:13px; }
}
#search_mini_form.search--contained #search {
    flex: 1 1 auto;
    height: 38px;
    padding: 0 8px;
    border: none !important;       /* alt çizgiyi kaldırır */
    outline: none !important;      /* focus çerçevesini kaldırır */
    background: transparent;
    font-size: 16px;
    line-height: 1.2;
    color: #1e2a35;
    box-shadow: none !important;   /* olası alt çizgi gölgesini de kapatır */
}
/* 1) Arama formu alt-çizgisi varsa kapat */
#search_mini_form:after,
#search_mini_form.search--contained:after{
    content:none !important;
    display:none !important;
}

/* 2) Input’un kendi çizgisi/outline/gölgesi olmasın */
#search_mini_form.search--contained #search{
    border:none !important;
    outline:none !important;
    box-shadow:none !important;
}

/* 3) Header ayırıcı çizgisi (border-bottom/box-shadow) kapat */
header, .header, #header, .page-header, .site-header, .topbar, .header-wrapper{
    border-bottom:0 !important;
    box-shadow:none !important;
    background-image:none !important; /* pseudo-gradient çizgi varsa */
}

/* 4) Olası pseudo ayırıcılar */
header:before, header:after,
.header:before, .header:after,
#header:before, #header:after,
.page-header:before, .page-header:after{
    content:none !important;
}
/* === Search Autocomplete – clean card === */
#search_mini_form.search--contained #search_autocomplete{
    position:absolute; left:0; right:0; top:calc(100% + 8px);
    background:#fff;
    border:1px solid #E3EAF2;
    border-radius:14px;
    box-shadow:0 12px 28px rgba(0,0,0,.12);
    overflow:hidden;
    z-index:1000;
    font-family: inherit;                 /* serif görünümü düzeltir */
}

#search_autocomplete ul{
    list-style:none; margin:0; padding:6px;
    max-height:360px; overflow:auto;
}

#search_autocomplete li{
    margin:0; padding:0;
}

#search_autocomplete li a,
#search_autocomplete li{                /* bazı temalarda <a> yok */
    display:flex; align-items:center; gap:10px;
    padding:10px 12px;
    font-size:15px; line-height:1.2;
    color:#1e2a35; text-decoration:none;
    border-radius:10px;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

#search_autocomplete li:hover a,
#search_autocomplete li:hover{
    background:#F6F9FB;
}

#search_autocomplete .match{            /* eşleşen kısım */
    font-weight:700; color:#00AEEF;
}

#search_autocomplete .amount{           /* Magento bazı temalarda adet yazar */
    margin-left:auto; font-size:12px; color:#8a95a3;
}

/* scrollbar inceltme (webkit) */
#search_autocomplete ul::-webkit-scrollbar{ width:8px }
#search_autocomplete ul::-webkit-scrollbar-thumb{
    background:#E3EAF2; border-radius:8px;
}

/* mobil sıkılaştırma */
@media (max-width:480px){
    #search_autocomplete li a, #search_autocomplete li{
        padding:9px 10px; font-size:14px;
    }
}
/* === Autocomplete (global override) === */
#search_autocomplete,
.search-autocomplete{
    position:absolute !important;
    left:0 !important; right:0 !important; top:calc(100% + 8px) !important;
    min-width:100% !important;
    background:#fff !important;
    border:1px solid #E3EAF2 !important;
    border-radius:14px !important;
    box-shadow:0 12px 28px rgba(0,0,0,.12) !important;
    overflow:hidden !important;
    z-index:10000 !important;
    font-family:inherit !important;
}

#search_autocomplete ul,
.search-autocomplete ul{
    list-style:none !important;
    margin:0 !important; padding:6px !important;
    max-height:360px !important; overflow:auto !important;
}

#search_autocomplete li,
.search-autocomplete li{ margin:0 !important; }

#search_autocomplete li a,
.search-autocomplete li a,
#search_autocomplete li,
.search-autocomplete li{
    display:flex !important; align-items:center !important; gap:10px !important;
    padding:10px 12px !important;
    color:#1e2a35 !important; text-decoration:none !important;
    border-radius:10px !important;
    white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important;
    font-size:15px !important; line-height:1.2 !important;
}

#search_autocomplete li:hover a,
.search-autocomplete li:hover a,
#search_autocomplete li:hover,
.search-autocomplete li:hover{
    background:#F6F9FB !important;
}

/* Biçimlendirilmiş parçalar (JS aşağıda üretecek) */
#search_autocomplete .label,
.search-autocomplete .label{ flex:1 1 auto !important; }

#search_autocomplete .amount,
.search-autocomplete .amount{
    margin-left:auto !important;
    font-size:12px !important; color:#8a95a3 !important;
    padding-left:8px !important;
}

#search_autocomplete .match,
.search-autocomplete .match{ font-weight:700 !important; color:#00AEEF !important; }

/* scrollbar */
#search_autocomplete ul::-webkit-scrollbar{ width:8px }
#search_autocomplete ul::-webkit-scrollbar-thumb{ background:#E3EAF2; border-radius:8px }
/* Autocomplete kart görünümü */
#search_autocomplete{
    position:absolute; left:0; right:0; top:calc(100% + 8px);
    background:#fff; border:1px solid #E3EAF2; border-radius:14px;
    box-shadow:0 12px 28px rgba(0,0,0,.12); overflow:hidden; z-index:10000;
    font-family:inherit;
}
#search_autocomplete ul{ list-style:none; margin:0; padding:6px; max-height:360px; overflow:auto; }
#search_autocomplete li{ margin:0; padding:0; }
#search_autocomplete li a, /* bazı temalarda <a> yok */
#search_autocomplete li{
    display:flex; align-items:center; gap:10px;
    padding:10px 12px; font-size:15px; line-height:1.2;
    color:#1e2a35; text-decoration:none; border-radius:10px;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

/* ---- asıl hizalama sihri ---- */
#search_autocomplete li .amount,
#search_autocomplete li span.amount{
    margin-left:auto;                 /* sağa it */
    order:2;                          /* sağda dursun */
    font-size:12px; color:#8a95a3;
}
#search_autocomplete li .label{ order:1; flex:1 1 auto; }

/* hover rengi */
#search_autocomplete li:hover a,
#search_autocomplete li:hover{ background:#F6F9FB; }

/* uzun listelerde scrollbar */
#search_autocomplete ul::-webkit-scrollbar{ width:8px }
#search_autocomplete ul::-webkit-scrollbar-thumb{ background:#E3EAF2; border-radius:8px }
/* Simple product autocomplete (frontend-only) */
#search_autocomplete{
    position:absolute; left:0; right:0; top:calc(100% + 8px);
    background:#fff; border:1px solid #E3EAF2; border-radius:12px;
    box-shadow:0 12px 28px rgba(0,0,0,.12); overflow:hidden; z-index:10000;
}
#search_autocomplete ul{ margin:0; padding:6px; list-style:none; max-height:360px; overflow:auto; }
#search_autocomplete li{ margin:0; }
#search_autocomplete li a{
    display:flex; align-items:center; gap:10px;
    padding:8px 10px; text-decoration:none; color:#1e2a35; border-radius:8px;
}
#search_autocomplete li a:hover{ background:#F6F9FB; }
#search_autocomplete .ls-thumb{
    width:36px; height:36px; object-fit:cover; border-radius:6px; background:#F3F6FA; flex:0 0 36px;
}
#search_autocomplete .ls-thumb--ph{ background:#EEF3F8; }
#search_autocomplete .ls-title{
    flex:1 1 auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:600;
}
#search_autocomplete ul {
    margin: 0;
    padding: 6px;
    list-style: none;
    max-height: 500px; /* daha fazla ürün için yükseklik */
    overflow-y: auto;
}

#search_autocomplete li a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px;
    text-decoration: none;
    color: var(--text, #222);
}

#search_autocomplete li a:hover {
    background: #f6f9fb;
    border-radius: 6px;
}

#search_autocomplete img.ls-thumb {
    width: 60px;   /* daha büyük */
    height: 60px;
    object-fit: cover;
    border-radius: 6px;
    flex-shrink: 0;
}

#search_autocomplete .ls-title {
    font-size: 15px;
    font-weight: 500;
    color: #1e2a35;
}
.header_input{ display:flex; align-items:center; gap:10px; }
#search_mini_form{ flex:1 1 auto; }

/* Sarı buton */
.quickmenu{ position:relative; z-index:10010; }
.qm-btn{
    width:46px; height:46px; border:0; border-radius:12px;
    background:#FFEB3B; display:flex; align-items:center; justify-content:center;
    cursor:pointer; box-shadow:0 8px 18px rgba(0,0,0,.08);
}
.qm-btn:hover{ filter:brightness(1.03); }
.qm-icon{ width:22px; height:22px; }

/* Panel */
.qm-panel{
    position:absolute; top:54px; right:0; width:340px; max-height:70vh; overflow:auto;
    background:#fff; border:1px solid #E3EAF2; border-radius:16px;
    box-shadow:0 16px 36px rgba(0,0,0,.14); padding:10px; display:none;
}
.quickmenu.is-open .qm-panel{ display:block; }
.qm-panel a{
    display:flex; align-items:center; gap:10px; padding:10px 12px;
    border-radius:10px; color:#1e2a35; text-decoration:none; font-weight:600;
}
.qm-panel a img{ width:20px; height:20px; }
.qm-panel a:hover{ background:#F6F9FB; }
.qm-panel hr{ border:none; height:1px; background:#F0F3F7; margin:8px 4px; }

/* Dış tık */
.qm-overlay{ position:fixed; inset:0; background:transparent; z-index:10000; }
/* body arkaplanı */
body{
    background:
            radial-gradient(1200px 600px at 80% -10%, #f6fbff 0%, transparent 60%),
            radial-gradient(900px 500px at -10% 30%, #f8f5ff 0%, transparent 55%),
            #fff;
}

/* mikro doku (çok çok ince) */
body::after{
    content:"";
    position:fixed; inset:0; pointer-events:none;
    background-image: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'>\
  <circle cx='8' cy='12' r='0.6' fill='%23DCE6F2'/>\
  <circle cx='60' cy='50' r='0.6' fill='%23EAEFF6'/>\
  <circle cx='90' cy='100' r='0.6' fill='%23E6EEF7'/>\
  </svg>");
    opacity:.35;
}
.categorybox_item{
    border:1px solid rgba(0,0,0,.03);
    box-shadow: 0 10px 28px rgba(10,20,40,.08);
}
.categorybox_item:hover{
    box-shadow: 0 22px 44px rgba(10,20,40,.16);
}
.categorybox_item::after{
    content:"";
    position:absolute; inset:-1px; border-radius:22px;
    background: radial-gradient(120% 120% at 0% 0%, rgba(0,174,239,.18), transparent 60%);
    opacity:0; transition:opacity .25s ease;
}
.categorybox_item:hover::after{ opacity:1; }
.section-title{
    font-weight:800; font-size:22px; color:#0f1d2b;
    display:flex; align-items:center; gap:10px; margin:26px 0 14px;
}
.section-title::after{
    content:""; flex:1; height:2px; background:linear-gradient(90deg,#00AEEF,transparent);
    border-radius:2px;
}

@media (min-width: 768px) {
    .col-md-4 {
        flex: 0 0 auto;
        width: 25% !important;
    }
}