/*
* 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
========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
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: #222; }
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: #666; color: #fff; text-shadow: none; }
::selection { background: #666; color: #fff; text-shadow: none; }
/* =============================================================================
Links
========================================================================== */
a { color: #00e; }
a:hover { color: #06e; }
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 #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; 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;}
/*
* Correct overflow not hidden in IE9
*/
svg:not(:root) { overflow: hidden; }
/* =============================================================================
Figures
========================================================================== */
figure { margin: 0; }
/* =============================================================================
Forms
========================================================================== */
form { margin: 0; }
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
*/
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline;}
/*
* 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: #fff;
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: #fff; -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
========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
/* =============================================================================
Chrome Frame Prompt
========================================================================== */
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
/* ==|== primary styles ===================================================== */
body { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#1b1a19; background:#fafafa; }
/* 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);}
a { color:#828282; text-decoration:none; outline: none; }
a:hover { color:#3c3c3c; }
button.button span {background:#fe5252 url('../images/gradient/btn_overlay.png') 0 0 repeat-x; padding:0px; height:42px; border-radius:3px;}
button.button span span {line-height:42px; padding:0 16px; font-size:14px; font-weight:300; color:#fff; text-align:center; white-space:nowrap;}
.buttons-set .back-link a {
display: block;
height: 42px;
padding: 0 16px;
border-radius: 3px;
color: #fff;
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 {padding-right:60px; position: relative;}
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;}
button.button_white {height:42px;box-shadow:1px 1px 5px 0px rgba(0, 0, 0, 0.15);}
button.button_white span { background: linear-gradient(to bottom, #ffffff 1%,#f2f2f2 100%); /* W3C */}
button.button_white span span { padding:0 37px; color:#000; color:rgba(0,0,0,0.75); }
button.button_white:hover span span { color: #fff;}
.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:#000; 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;}
.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%; height:auto;}
.page-title {
position: relative;
z-index: 2;
border: none;
padding: 26px 0 26px;
margin: -30px 0 38px;
min-height: 92px;
box-sizing: border-box;
}
.col2-left-layout .page-title { margin-left:-300px; }
.col3-layout .page-title { margin:0 -300px; }
.page-popup .page-title { padding:0 0 18px; }
.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; }
body.checkout-cart-index .col-main-wrap,
body.checkout-onepage-index .col-main-wrap {padding-top: 0;}
.breadcrumbs:before {
content: '';
position: absolute; left: 0; right: 0; top: 0px; bottom: 0;
height: 100%; z-index: -1;
}
.page-title:before,
.page-head h3:before,
.postTitle:before,
.col-main-wrap > .blog-title:before,
.blog-title:before,
.product-category-title:before {
content: '';
position: absolute; left: -100%; right: -100%; top: 0px; bottom: 0;
height: 100%; z-index: -1;
}
.col2-left-layout .page-head { margin-left:-300px; }
.col2-right-layout .page-head { margin-right:-300px; }
.col3-layout .page-head { margin:0 -300px; }
.buttons-set {padding:0; text-align:right;}
.buttons-set button.button {float:left;}
.buttons-set .back-link { float:right; }
.fieldset {border:none; background:transparent; padding:0px 0; margin:0 0 0;}
.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:#000; 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; }
input.input-text, 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: #fff;
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 #000;} /* 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 #aaa; 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;}
.page { width:100%; margin:0 auto; padding: 0; }
.main-container {background:#fafafa; overflow-x: hidden; /* for .slider-container */}
.main { position: relative; z-index:1; }
/* Base Columns */
.col-main-wrap { width: 100%; padding: 30px 15px 50px; box-sizing: border-box;}
.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: #fff;
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:#000; opacity:.7;font-size: 13px;}
.cform_wrap .input-box input::-moz-placeholder,
.cform_wrap .input-box textarea::-moz-placeholder {color:#000; opacity:.7;font-size: 13px;}/* Firefox 19+ */
.cform_wrap .input-box input:-moz-placeholder,
.cform_wrap .input-box textarea:-moz-placeholder {color:#000; opacity:.7;font-size: 13px;}/* Firefox 18- */
.cform_wrap .input-box input:-ms-input-placeholder,
.cform_wrap .input-box textarea:-ms-input-placeholder {color:#000; 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;*/
margin-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;}
.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 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;}
.checkout-onepage-success .buttons-set {margin:15px 0;}
.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 ================================================================================ */
.header-container { background:#fff; color:#656565; position:relative; }
.top-switch-bg { /*background:#f9f9f9;*/ border-top:5px solid #322c29; min-height:29px; position:relative; z-index:10030;}
.header-switch {line-height:29px; background-repeat:no-repeat; background-position:0% 50%; margin-right:2px; float:left;}
.top-switch-bg .over { box-shadow:0px 0px 10px 0px rgba(0,0,0,.15);}
.top-switch-bg .over span { background:#fff;}
.header-switch span {color:rgba(108,108,108,0.59); display:block; padding:0 10px; position:relative; z-index:2; white-space: nowrap;}
.header-switch span.current { position: relative; display:inline; color:rgba(29,28,27,0.59); padding:0 12px 0 5px;}
.header-switch span.current:before {content: '';display: block;position: absolute; top: 5px; right: 0; width: 7px;height: 4px; background-position: -50px -200px;}
.header-dropdown {background:#fff; padding:14px; display:none; position:absolute; margin:0; box-shadow:0px 0px 10px 0px rgba(0,0,0,.15);}
.header-dropdown ul li a{ display:block; line-height:28px; min-width:110px; margin:0; padding:0 9px; color:#8c8c8c; }
.header-dropdown ul li a:hover { background:#f5f4f4; text-decoration:none; }
.header-dropdown ul li a.selected {color:#322c29}
.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:#777; 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;}
header { position:relative; z-index:10020; box-shadow:0px 0px 10px 0px rgba(0,0,0,.15);}
.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; max-width: 250px;}
header a.logo img { max-width: 250px; 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; max-width: 250px;}
header.fixed { position:fixed; top:0; width:100%; background:#fff;}
header.fixed a.logo { margin:14px 0; }
header.fixed #queldoreiNav { margin: 11px 0 14px 46px;}
header.fixed .nav_below #queldoreiNav { margin-left: 0;}
.cart-top-container {float:right; position:relative; margin:0px 0px 0 4px;}
.cart-top > a { float: left; display:block; background-color:#fe5252; background-position: 7px -241px; width:38px; height:38px; border-radius: 100%; }
.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; text-transform:uppercase;
display: inline-block;
word-wrap: break-word;
line-height: normal;
max-width: 90px;
}
.cart-top-container .details {
display:none; background:#fff; 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:#000; }
.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: #eee; 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:#000; }
.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:#fff; 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 7px; color:#7b7b7b; border-radius:2px; }
#search_mini_form .form-search button {display:none;}
.search-autocomplete { background:#fff; 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:#000; 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:#ddd;}
::-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: 0; top: 1px; background:transparent url('../images/sprite/search_icon.png') 0 0 no-repeat; 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:#fff; 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:#000; }
.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:#000; }
.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:#000; 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:#fff; 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:#fff; 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:#000; border-radius:3px; display:none; }
.nav-container .nav-top-title a{color:#000; 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:#fff; }
.nav-container .nav-top-title:hover div.icon span,
.nav-container .nav-top-title.active div.icon span {background:#fff; }
/* 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:#fff; color:#000 !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:700px; 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:#fff; }
#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:#fff;
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:#fff !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:#fff;}
#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:#fff;
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:#fff !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:#fff; 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;}
}
/*
-------------------------------------------------- */
a.product-image {display:block;position:relative;}
.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:#f00; font-weight:bold; }
.notice { color:#ccc; }
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: #fff !important;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.09) !important;
color: #888 !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:#fff; text-align:center; white-space:nowrap;}
.quick-view a{ color:#fff; }
.quick-view:hover { color:#fff; text-decoration:none;}
div.alert a{ font-size:12px; color:#8db201; padding-left:5px;}
div.alert a:hover{ color:#fff;}
div.alert {position:fixed; background:#353535; top:0; left:50%; width:333px; margin-left:-220px; padding:20px 60px; color:#FFF; 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:#fff; 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:#000; 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:#000; 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:#fff; height:30px; margin:0 -1px; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; }
.toolbar-dropdown {background:#fff; 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; }
.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:#000; color:rgba(0,0,0,0.67); text-transform:uppercase;}
.category-description p {margin:22px 0 0;}
.category-description strong {color:#000; 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:#fff; border:9px solid #fff; 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:#000; 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%;}
.products-grid .product-name a:hover { color:#000; text-decoration:none;}
.products-grid .price-box { display: inline-block; margin:0px 0 5px 4px; 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:#fff; border:9px solid #fff; border-radius:3px; box-shadow:0px 0px 46px 12px rgba(0, 0, 0, 0.09);}
.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%; }
.products-grid .hover .price-box .price-label, .products-grid .hover .price-box .label{display:none;}
.products-grid .hover .price-box sup{color:#fff; color:rgba(255,255,255,0.5); font-size:18px; font-style:normal; top:-0.3em; }
.products-grid .hover .price-box .price{ color:#fff; font-size:24px; }
.products-grid .hover .price-box .old-price .price{color:#fff; 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;
}
.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:#fff; border:9px solid #fff; 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:#000;}
.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:#000; 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:#000; text-decoration: none; }
/* ======================================================================================= */
/* QTY styles */
.qty-wrap input { float:left; width:40px;}
.qty-wrap { width: 58px;float: left;}
.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 { padding:29px 0 30px; text-align:center; }
.cart .cart-collaterals .cart-block { position:relative; background:#fff; border:none; border-top:6px solid #fe5252; padding:20px 13.513%; border-radius:2px;
box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.10);}
.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 {padding:0;}
.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:#000; 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 { border-collapse:separate; border-top:6px solid #575757; border-radius:2px; box-shadow:0px 0px 8px rgba(0, 0, 0, 0.15);}
.data-table th { color:#000;}
.data-table td, .data-table td a { color:#000; color:rgba(0,0,0,0.67)}
.data-table td a.product-image, .data-table td a.product-image img{ display:block; margin:0 auto;}
.data-table td a:hover{ color:#000; text-decoration:none; }
.data-table tbody td{ border:1px solid #e9e9e9; border-top:none; border-left:none;}
.data-table tbody tr:last-child td{ border-bottom:none;}
.data-table thead, .data-table tfoot{ background:#fafafa; }
.data-table thead th { box-shadow:inset 0px -4px 6px -4px rgba(0, 0, 0, 0.15);}
.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;}
.data-table .td-name { padding: 26px 18px;} /* // for line heading and product name on table */
.data-table tfoot td button + button {margin-left: 15px;}
.data-table tbody tr, .data-table tr.even, .data-table tr.odd {background-color:#fff;}
.data-table th {padding:26px 26px; font-weight:300; }
.data-table td {padding:18px;}
.data-table td.td-edit, .data-table td.td-price, .data-table td.td-wishlist {padding:26px 18px;}
.data-table td.td-image {border-left:none; }
.data-table td.td-image img {width:115px; height:auto; }
.data-table td.td-delete {border-right:none; }
.data-table .product-name { font-size: 14px; 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:#fff; }
#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; }
.item-options dt:after{content:' - '; }
.item-options dd { float:left; margin:0 0 3px 3px; padding:0; font-weight: 400; font-style: normal; }
.data-table .item-options dt {color: #000;}
.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:#666; }
.sp-methods .price { font-weight:bold; }
.sp-methods .form-list { padding-left:20px; }
.sp-methods .form-list li { margin:0 0 8px; }
.sp-methods select.month { width:154px; margin-right:10px; }
.sp-methods select.year { width:96px; }
.sp-methods input.cvv { }
.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:#000; 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 { width:1170px; position: relative; z-index: 1; margin-left: -50px;}
.top-opc:after {content: ''; display: table; clear: both;}
.top-opc li{float:left; width:150px; margin:-4px 0px 33px 50px;}
.top-opc li:last-child { width: 120px; margin-right: 0;}
.top-opc li .number{display:block; float:left; width:54px; height:54px; margin:0 10px 0 0; background:#dbdbdb; line-height:52px; font-size:25px; font-weight:400; color:#fff; text-align:center; border-radius:100%;}
.top-opc li h2{overflow:hidden; margin:11px 0 0; line-height:18px; font-size:16px; font-weight:400; color:#dbdbdb; word-wrap: break-word;}
.top-opc li.allow {cursor:pointer;}
.top-opc li.allow .number{background:#322c29;}
.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 {padding:23px 21px; margin:0 0 30px; position:relative; background:#fff; border:none; border-top:6px solid #fe5252; border-radius:2px; box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.10);}
.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:#000; 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:#fff; 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:#000; 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:#999; 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:#000; 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:#999; }
.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: #fff; 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:#000; 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:#000; 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:#999; }
.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 #fff; 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 #fff; 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:#000; 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:350px; margin:0 auto; padding:0; position:relative; background:#fff; 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:#000; 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:#000; 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:#000; color:rgba(0,0,0,0.67); font-size:16px; background: #f5f5f5; }
.product-tabs a:hover { background-color:#fff; text-decoration:none; }
.product-tabs li.active {
border:none; border-top:4px solid #fe5252; z-index:3; margin-top:-6px; height:46px; background:#fff;
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:#fff; }
.product-tabs-content, .box-reviews {
position:relative; z-index:2; border:none; background:#fff; 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:#fff; }
.product-tabs-container h2.tab-heading a { display:block; padding:0px 20px; color:#000; 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:#fff; border-radius:2px; }
.product-tabs-container h2.active a,
.product-tabs-container h2.active a:hover { background-color:#fff; }
.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: #000;
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: #fff;
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: #fff;
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: #fff !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: #000;
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: #000;
}
.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:#000; 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: 0px; 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:#000; 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 .add-to-box-wrap {
margin: 0 0 20px;
padding: 0 0 20px;
border-bottom: 1px solid;
border-bottom-color: #e3e3e3;
border-bottom-color: rgba(227,227,227,0.61);
}
.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:#000; 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;}
.col1-layout .product-view .product-shop { float:none; width:auto; overflow:hidden; margin:0;}
.product-view .product-shop-info { overflow:hidden; padding:0 0 0 30px;}
.product-view .product-shop .product-options {margin:0px 0 13px;}
.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:1px 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:#fff; border:9px solid #fff; 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:#fff; 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:capitalize; padding:0 20px 0 70px; background-repeat: no-repeat; background-position: 17px -234px;}
.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:#000; color:rgba(0,0,0,0.67); font-size:12px; text-decoration:none;}
.no-rating a:hover, .ratings a:hover {color:#000;}
.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: #fff; 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:#000; 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:#999; }
.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 #fff; 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:#000; 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:#000; 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:#000; 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:#fff}
.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: #000;
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:#444; }
.dashboard .box-reviews .number { display:none; float:left; font-size:10px; font-weight:bold; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#0a263c; }
.dashboard .box-reviews .details { 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:#444; }
.dashboard .box-tags .number { display:none; float:left; font-size:10px; font-weight:bold; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#0a263c; }
.dashboard .box-tags .details { 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 #666; background:#f2f2f2; }
.order-info li{ float:left; border-right:1px solid #a4a4a4; border-left:1px solid #fff; 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:#444; }
.order-info li a:hover { background-color:#ddd; text-decoration:none; color:#444; }
.order-info li.current {
background-color:#666; font-weight:bold; padding:6px 7px; color:#fff;
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 #ddd; 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:#555; }
.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 #ccc; 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: #fff; border: 9px solid #fff;
}
.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;}
.flexslider .slides .content{float:left; max-width:1000px; margin:30px 100px; color:#454746; color:rgba(0,0,0,.6); text-align:center; }
.flexslider .slides .content strong{ font-size:60px; font-weight:300; text-transform:uppercase; line-height:50px; 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:#fff 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:#000; 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:#000; 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:#fff; 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: #000;}
.std .data-table tbody th {
padding: 13px 19px;
color: #000;
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: #eee}
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 #ddd; 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;}
.last{ margin-right: 0px;}
/* Title indent
-------------------------------------------------------------- */
body.checkout-onepage-index .page-title,
body.checkout-cart-index .page-title { margin-top: 0;}
/* ==|== 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: #000 !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 #999; 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:#fff;
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:#fff;
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;}