﻿/*=====================================================
    
    MAIN CSS / SMALLER MOBILE DEVICES

=====================================================*/

/*********** CSS RESET **********/


* {
	margin: 0;
	outline: none;
	padding: 0;
	text-decoration: none;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	margin: 0 !important;
	-webkit-text-size-adjust: none;
}
ol, ul {
	list-style: none;
}
a img {
	border: none;
}
a:active {
	outline: none;
}
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
	margin: 0;
	border: 0;
	padding: 0;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea {
    border-radius: 0;
}
input[type="checkbox"],
input[type="radio"],
input[type="checkbox"] + *,
input[type="radio"] + * {
	vertical-align: middle;
}
label, label + * {
	vertical-align: middle;
}
input[type="button"],
input[type="submit"],
input[type="reset"] {
    -webkit-appearance: none;
}
input:-webkit-autofill {
	-webkit-box-shadow: inset 0 0 0 1000px #fff;
}
script {
    display: none !important;
}


/*********** GLOBAL STYLES **********/



body {
    max-width: 100%;
	background: #fff;
	font: normal 16px "Open Sans Condensed", Arial, sans-serif;
    overflow-x: hidden; /* disables the horizontal scroll and fixes the bug of the responsive navigation and filters in mobile */
}
a {
	color: inherit;
	cursor: pointer;
}
a img {
	opacity: 0.99; /*firefox scale bug fix*/
}
table {
	width: 100%;
	border-collapse: collapse;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea,
select {
    height: 32px;
    border: 1px solid #ccc;
    padding: 6px;
    vertical-align: middle;
    color: #555;
    font-family: "Open Sans Condensed", Arial, sans-serif;
    font-size: 16px;
}
textarea {
	min-height: 150px;
}
select {
	min-width: 50px;
	height: 32px; /*safari padding fix*/
	padding: 4px;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="tel"]:focus,
textarea:focus, select:focus {
    border-color: #999;
}
input[type="checkbox"],
input[type="radio"] {
	vertical-align: middle;
}
input[type="button"], input[type="submit"],
button, .button-1, .button-2 {
	cursor: pointer;
}
label {
	vertical-align: middle;
}

.master-wrapper-content {
    margin: 20px auto 0;
}
.news-list-homepage,
.product-grid.bestsellers,
.product-grid.home-page-product-grid,
.home-page-category-grid .item-grid,
.sub-category-grid .item-grid,
.home-page .topic-block,
.breadcrumb,
.two-column-centering,
.product-details-page .page-body,
.product-details-page .item-grid,
.shopping-cart-page,
.checkout-page .checkout-data,
.order-details-page .page-body,
.return-request-page .page-body,
.shipment-details-page .page-body,
.wishlist-page .page-body,
.sitemap-page .page-body {
    width: 95%;
    margin-left: auto !important;
    margin-right: auto !important;
}
    .master-column-wrapper {
        margin: 0 auto 30px;
    }
.master-column-wrapper:after,
.two-column-centering:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
.center-1 {
	margin: 0 0 20px;
}
.center-2, .side-2 {
	margin: 0 0 20px;
}

.page {
	text-align: center;
}
.page-title {
    padding: 0 30px;
    text-align: center;
    margin: 0 0 20px;
}
    .page-title h1 {
        display: inline-block;
        position: relative;
        color: #666;
        font-size: 26px;
        font-weight: normal;
        font-family: "Kelly Slab", Calibri, sans-serif;
    }
    .page-title h1:after,
    .page-title h1:before {
        content: " ";
        position: absolute;
        top: 50%;
        margin-top: -2px;
        background: #8bc8ca url(../img/title-dots.png) no-repeat center;
        width:19px;
        height: 4px;
    }
        .page-title h1:after {
            left: -30px;
        }
        .page-title h1:before {
            right: -30px;
        }

.two-column-wrapper {
    position: relative;
    padding: 80px 0 0;
}
.breadcrumb + .two-column-wrapper {
    padding: 0;
}
    .two-column-wrapper .page-title {
        padding: 15px 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background: #f3f3f3;
    }

.page:after,
.page-body:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
.buttons {
	margin: 0 0 20px;
	text-align: center;
}
.link-rss {
	display: none;
	width: 24px;
	height: 24px;
	overflow: hidden;
	background: url('../img/rss-icon.png') no-repeat;
	text-indent: 999px;
}
.category-description ul,
.manufacturer-description ul,
.full-description ul,
.topic-block ul,
.topic-page ul,
.post-body ul,
.custom-tab ul {
	margin: 12px 0;
	padding: 0 0 0 36px;
	list-style: disc;
}
.category-description ol,
.manufacturer-description ol,
.full-description ol,
.topic-block ol,
.topic-page ol,
.post-body ol,
.custom-tab ol {
	margin: 12px 0;
	padding: 0 0 0 36px;
	list-style: decimal;
}
.category-description p,
.manufacturer-description p,
.full-description p,
.post-body p,
.news-body p,
.custom-tab p {
	margin: 10px 0;
    text-align: justify;
}
.category-description a,
.manufacturer-description a,
.full-description a,
.topic-html-content a,
.topic-page a,
.post-body a,
.news-body a,
.custom-tab a {
    text-decoration: underline;
}
.flyout-cart {
	display: none;
}
#goToTop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 54px;
    height: 54px;
    background: #8bc8ca url('../img/goTop.png') no-repeat center 46%;
    border-radius: 50%;
    border: 3px solid #fff;
    line-height: 80px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    overflow: hidden;
    z-index: 10001;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}


/*********** GLOBAL FORMS ***********/



.fieldset, .section {
	position: relative;
	margin: 0 0 20px;
}
.fieldset .title, 
.section .title {
    margin: 0 0 15px;
    text-align: center;
    border-bottom: 1px dashed #dcdcdc;
}
.fieldset .title strong, 
.section .title strong {
    font-weight: normal;
    font-size: 24px;
    color: #af825d;
    padding: 0 0 5px;
    display: block;
}
.form-fields {
	position: relative;
}
.inputs {
    position: relative;
    margin: 0 0 15px;
    text-align: center;
    white-space: nowrap;
    font-size: 0;
}
.inputs:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
.inputs label {
	display: block;
	width: 100%;
	margin: 0 0 5px;
	text-align: center;
    font-size: 18px;
}
.inputs.custom-attributes {
	white-space: normal;
}
.form-fields .inputs label{
    overflow:hidden;
}
.inputs input[type="text"],
.inputs input[type="password"],
.inputs input[type="email"],
.inputs input[type="tel"],
.inputs select, .inputs textarea {
    width: 350px;
    max-width: 100%;
    vertical-align: middle;
}

.inputs .option-list {
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}
    .inputs .option-list li {
        float: left;
    }
    .inputs .option-list label {
        width: auto;
    }

.inputs.reversed {
	margin: 0 0 20px;
	text-align: center;
}
.required {
	font-size: 24px;
    line-height: 10px;
	color: #af825d;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 2px;
}
.message-error,
.field-validation-error,
.username-not-available-status,
.poll-vote-error,
.password-error {
	display: block;
	font-size: 13px;
	color: #c00;
    text-align: center;
    padding-top: 3px;
}
.field-validation-valid {
	display: block;
	font-size: 11px;
	color: #690;
}
.inputs.custom-attributes {
	white-space: normal;
}
.captcha-box {
	margin: 0 0 15px;
	text-align: center;
	line-height: 0;  /*firefox line-height bug fix*/
}
.captcha-box > div {
	display: inline-block;
}


/*********** BAR NOTIFICATION & JQUERY POPUPS  ***********/



.bar-notification {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 10002;
	width: 100%;
	padding: 12px 25px 12px 10px;
	color: #fff;
	opacity: 0.95;
}
.bar-notification.success {
	border-bottom: 1px solid #bd2;
	background: #67b687;
}
.bar-notification.error {
	border-bottom: 1px solid #f55;
	background: #e86d73;
}
.bar-notification.warning {
	border-bottom: 1px solid #f55;
	background: #f6906d;
}
.bar-notification .content {
	float: left;
	margin: 0 10px 0 0;
}
.bar-notification .content a {
	color: #fff;
	text-decoration: underline;
}
.bar-notification .close {
	position: absolute;
	top: 0;
	right: 0;	
	width: 32px; /*even numbers only*/	
	height: 32px; /*even numbers only*/
	margin: 5px;
	border: 1px solid #666;
	box-shadow: inset 0 0 1px #999;
	background: #fff url('../img/close.png') center no-repeat;
	cursor: pointer;
	opacity: 0.7;
}
.bar-notification .close:hover {
	opacity: 0.9;
}

.ui-dialog {
    position: absolute !important;
	z-index: 1008;
	width: 350px !important;
	max-width: 95%;
	border: 1px solid #ccc;
	box-shadow: 0 1px 2px rgba(0,0,0,0.15);
	overflow: hidden;
	background: #fff;
}
.ui-dialog-titlebar { 
	border-width: 1px;
	border-style: solid;
	border-color: #fff #fff #bbb;
	box-shadow: 0 0 0 1px #eee;
	overflow: hidden;
	background: #ddd url('../img/headpad.png') top repeat-x;
	padding: 10px;
	font-weight: bold;
	text-shadow: 1px 1px 0 #eee;
}
.ui-dialog-titlebar span {
	float: left;
	text-transform: uppercase;
}
.ui-dialog-titlebar button {
	position: absolute;
	top: 0;
	right: 0;	
	width: 24px; /*even numbers only*/	
	height: 24px; /*even numbers only*/
	margin: 6px;
	overflow: hidden;
	border: 1px solid #666;
	box-shadow: inset 0 0 1px #999;
	background: #fff url('../img/close.png') center no-repeat;
	text-indent: 999px;
	opacity: 0.7;
}
    .ui-dialog-titlebar button:hover {
	    opacity: 0.9;
    }
.ui-dialog-titlebar button * {
	display: none;
}
.ui-dialog-content {
	height: auto !important;
	padding: 10px;
	line-height: 20px;
    overflow: auto;
}
.ui-dialog-buttonset {
	padding: 10px;
	text-align: right;
}
.ui-dialog-buttonset button {
	min-width: 60px;
	margin-left: 5px;
	border: 1px solid #bbb;
	box-shadow: 0 0 1px #ddd, inset 0 0 1px #fff;
	background: #eee;
	padding: 5px;
}
.ui-dialog-buttonset button:hover {
	background: #f6f6f6;
}
.ui-dialog-content .tooltip {
    margin-bottom: 20px;
}
.ui-dialog-content .button-1 {
    display: inline-block;
    border: 0;
    background: 0;
    background-image: url(../img/bg-button-small.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    padding: 6px 20px;
    font: normal 18px/1 "Open Sans Condensed", Arial, sans-serif;
    text-transform: uppercase;
}

.eu-cookie-bar-notification {
	position: fixed;
    top: 50%;
	left: 50%;
	z-index: 1002;
	width: 300px;
	max-width: 300px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: -90px 0 0 -150px;
    border: 1px solid #ccc;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2), inset 0 0 0 1px #fff;
    background: #fff;
    padding: 20px;
	text-align: center;
}
.eu-cookie-bar-notification .text {
	margin-bottom: 20px;
	line-height: 20px;
}
.eu-cookie-bar-notification button {
	min-width: 60px;
	margin: 10px 0;
	border: none;
	background: #8bc8ca;
	padding: 5px;
	font-size: 14px;
	color: #fff;
}
.eu-cookie-bar-notification a {
	display: block;
	text-transform: uppercase;
}
.eu-cookie-bar-notification a:hover {
	text-decoration: underline;
}


/*********** HEADER & NAVIGATION ***********/



.admin-header-links {
	text-align: center;
}
.admin-header-links a {
	display: inline-block;
	margin: 0 10px;
	line-height: 35px;
	font-weight: bold;
}

.header { 
	position: relative;
	z-index: 1002;
	margin: 0 auto 10px;
	text-align: center;
    width: 95%;
}
.header:after { 
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
.header-logo {
	text-align: center;
}
.header-logo a {
	display: inline-block;
	max-width: 100%;
	line-height: 0; /*firefox line-height bug fix*/
	background-color: #8bc8ca;
}
.header-logo a img {
	max-width: 100%;
}
.header-links-wrapper {
	position: relative;
	margin: 0 0 20px;
}
.header-links ul {
	font-size: 0;
}
.header-links li {
	display: inline-block;
	margin: 0 10px;
}
.header-links span, .header-links a {
    display: inline-block;
    font-size: 16px;
    line-height: 32px;
}
.header-links .ico-register {
    background: url(../img/icon-register.png) no-repeat center;
}
.header-links .ico-login {
    background: url(../img/icon-login.png) no-repeat center;
}
.header-links .ico-account {
    background: url(../img/icon-profile.png) no-repeat center;
}
.header-links .ico-logout {
    background: url(../img/icon-logout.png) no-repeat center;
}
.header-links .ico-wishlist {
    background: url(../img/icon-wishlist.png) no-repeat center;
}
.header-links .ico-inbox {
    background: url(../img/icon-emailfriend.png) no-repeat center;
}
.search-box form {
	display: inline-block;
	position: relative;
}
.search-box form:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
.search-box input.search-box-text {
    float: left;
    width: 270px !important;
    height: 30px;
    padding: 5px 35px 5px 5px;
    border: 0;
    border-bottom: 1px solid #ddd;
    color: #bbb;
    font-size: 18px;
    font-style: italic;
    font-family: "Open Sans Condensed", Arial, sans-serif;
}
.search-box .search-box-button {
    float: left;
    width: 30px;
    height: 30px;
    border: none;
    overflow: hidden;
    background: url(../img/icon-search-gray.png);
    background-repeat: no-repeat;
    background-position: center;
    text-indent: 999px;
    margin-left: -30px;
}
.ui-helper-hidden-accessible {
	display: none;
}
.ui-autocomplete.ui-menu.ui-widget.ui-widget-content {
    position: absolute !important;
	z-index: 1002 !important;
	width: 270px !important; /*default = txtfield + button*/
	max-width: 100%;
	border: 1px solid #ccc;
	border-top: none;
	overflow: hidden;
	background: #fff;
}
.ui-autocomplete.ui-menu.ui-widget.ui-widget-content li {
	border-top: 1px solid #ccc;
}
.ui-autocomplete.ui-menu.ui-widget.ui-widget-content li:first-child {
	border-top: none;
}
.ui-autocomplete.ui-menu.ui-widget.ui-widget-content a {
	display: block;
	padding: 8px;
    font-size: 16px;
}
.ui-autocomplete.ui-menu.ui-widget.ui-widget-content img {
	display: none;
	margin-right: 5px;
	vertical-align: middle;
}

.header-selectors-wrapper > div {
    display: inline-block;
}
.header-selectors-wrapper select {
	border: 0;
}
.language-list {
	max-width: 100%;
	font-size: 0;
}
.language-list li {
	display: inline-block; 
	margin: 0 1px; 
}
.language-list a { 
	display: block;
	position: relative;
	width: 32px;
	height: 32px;
	line-height: 0;
}
.language-list img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}


/*********** FOOTER ***********/



.footer {
	text-align: center;
}

.footer-upper {
    padding: 25px 0;
    overflow: hidden;
    background: #fff;
}
    .footer-block:first-child {
        margin: 0 0 20px;
    }
.footer-block .title {
	margin: 0 0 10px;
}
.footer-block a {
    display: inline-block;
    line-height: 32px;
    position: relative;
    padding: 0 14px;
}
    .footer-block:first-child a:before,
    .footer-block:first-child a:after {
        content: " ";
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -3px;
        width: 6px;
        height: 6px;
        border-radius: 100%;
        background: #8bc8ca;
    }
    .footer-block:first-child a:after {
        left: auto;
        right: 0;
    }

.social-sharing {
    margin: 0 0 15px;
}
    .social-sharing h3 {
        font-size: 24px;
        font-weight: normal;
        margin: 0 0 10px;
    }
.social-sharing ul {
	font-size: 0;
}
.social-sharing li {
	display: inline-block;
	margin: 0 1px 2px;
}
.social-sharing a {
	display: block;
	width: 42px;
	height: 42px;
	background: url('../img/social-sprite.png') no-repeat;
    opacity: .6;
}

.social-sharing .facebook {
	background-position: 0 0;
}
.social-sharing .twitter {
	background-position: -42px 0;
}
.social-sharing .google {
    background-position: -84px 0;
}
.social-sharing .pinterest {
    background-position: -126px 0;
}
.social-sharing .vimeo {
    background-position: -168px 0;
}
.social-sharing .youtube {
	background-position: -210px 0;	
}
.social-sharing .rss {
    background-position: -252px 0;
}
.social-sharing .instagram {
    background-image: url('../img/instagram.png');
    background-repeat: no-repeat;
    background-position: center;
} 
.contact-block .footer-menu {
    display: inline-block;
}
    .contact-block .footer-menu li {
        line-height: 32px;
        padding: 0 0 0 36px;
        text-align: left;
    }
        .contact-block .footer-menu li.phone {
            background: url(../img/icon-phone.png) no-repeat left center;
        }
        .contact-block .footer-menu li.fax {
            background: url(../img/icon-fax.png) no-repeat left center;
        }
        .contact-block .footer-menu li.email {
            background: url(../img/icon-mail.png) no-repeat left center;
        }
        .contact-block .footer-menu li.location {
            background: url(../img/icon-address.png) no-repeat left center;
        }

.footer-lower {
	overflow: hidden;
    padding: 15px 0;
    background: #d3d3d3;
    border-bottom: 10px solid #fff;
    font: normal 12px/normal Arial, sans-serif;
    color: #666;
}
/*.footer-lower .footer-centering > div {
	margin: 0 0 5px;
}*/
.accepted-payment-methods {
    margin: 0 0 15px !important;
}
.accepted-payment-methods ul {
	font-size: 0;
}
.accepted-payment-methods li { 
	display: inline-block;
	width: 50px;
	height: 30px;
    margin: 0 4px;
	background: url('../img/payment-icons.png') no-repeat;
}
.accepted-payment-methods .method1 {
	background-position: 0 0;
}
.accepted-payment-methods .method2 {
	background-position: -59px 0;
}
.accepted-payment-methods .method3 {
	background-position: -118px 0;
}
.accepted-payment-methods .method4 {
	background-position: -177px 0;
}
.footer-powered-by a,
.footer-designed-by a {
	text-decoration: underline;
}
.footer-store-theme {
    display: inline-block;
    margin-top: 10px;
}
    .footer-store-theme select {
        width: 170px;
    }


/*********** LEFT/RIGHT COLUMN ***********/



.block .title strong {
    display: block;
}
.block .listbox:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}

.block .list a, 
.block .list strong {
    position: relative;
    padding: 7px 14px 7px 22px;
    display: block;
    text-align: left;
    font-size: 18px;
    color: #555;
    border-bottom: 1px dotted #d3d3d3;
}
    .block .list li a:before {
        content: " ";
        position: absolute;
        top: 50%;
        left: 7px;
        margin-top: -4px;
        width: 8px;
        height: 8px;
        border-radius: 100%;
        background: #8bc8ca;
        opacity: 0;
    }
    .block .list li.active > a:before,
    .block.block-account-navigation .list li > a.active:before,
    .block .list li:hover > a:before {
        opacity: 1;
    }
.block .list .product-picture {
	display: none;
}
    .block .list .sublist {
        padding: 0 0 0 22px;
    }

.block .view-all {
	margin: 10px 0 0;
    text-align: center;
}
    .block .view-all a {
        border: 0;
        background: 0;
        background-image: url(../img/bg-button-small.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        padding: 6px 20px;
        font: normal 16px "Open Sans Condensed", Arial, sans-serif;
        text-transform: uppercase;
        display: inline-block;
    }

.block .tags {
    margin: 0 0 10px;
    padding: 10px 0 0;
}
.block .tags ul {
	font-size: 0;
}
.block .tags li,
.product-tags-all-page li {
	display: inline-block;
	position: relative;
	margin: 0 10px;
	overflow: hidden;
	font-size: 18px !important; /*setting base size*/
}
.block .tags li a,
.product-tags-all-page li a {
	float: left;
	line-height: 30px;
}

.poll strong {
	display: block;
	margin: 0 0 10px;
}
.poll-options,
.poll-results {
	margin: 0 0 15px;
	overflow: hidden;
}
.poll-options li,
.poll-results li {
	margin: 5px;
}
.poll-options li > * {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}
.poll .buttons,
.poll-total-votes {
    text-align: left;
}
.poll .buttons input {
    border: 0;
    background: 0;
    background-image: url(../img/bg-button-small.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    padding: 6px 30px;
    font: normal 20px "Open Sans Condensed", Arial, sans-serif;
    text-transform: uppercase;
    color: #555;
}
.poll-total-votes {
	display: block;
	font-weight: bold;
}

    .todays-poll-box {
        padding: 30px 0;
        background-color: #e7d2c2;
    }
    .polls-centering {
        width: 95%;
        margin: 0 auto;
        overflow: hidden;
        text-align: center;
    }
        .polls-centering .poll {
            display: inline-block;
            text-align: left;
            min-width: 240px;
            color: #555;
        }
        .polls-centering .poll strong {
            margin: 0 0 5px;
            font-weight: normal;
            padding: 5px 0;
            border-bottom: 1px dotted #fff;
            font-size: 18px;
        }
    .polls-centering .poll-options, 
    .polls-centering .poll-results {
        font-size: 18px;
        margin: 0 0 10px;
    }

/********** CATEGORY PAGE **********/

    /* grids title */

    .home-page-category-grid > .title,
    .product-grid > .title {
        padding: 0 30px;
        text-align: center;
        margin: 0 0 25px;        
    }
        .home-page-category-grid > .title strong,
        .product-grid > .title strong {
            display: inline-block;
            position: relative;
            color: #666;
            font-size: 26px;
            font-weight: normal;
            font-family: "Kelly Slab", Calibri, sans-serif;            
        }
            .home-page-category-grid > .title strong:after,
            .home-page-category-grid > .title strong:before,
            .product-grid > .title strong:after,
            .product-grid > .title strong:before {
                content: " ";
                position: absolute;
                top: 50%;
                margin-top: -2px;
                background: #8bc8ca url(../img/title-dots.png) no-repeat center;
                width:19px;
                height: 4px;
                -webkit-transform: translateZ(0) scale(1.0, 1.0); /* fixes the bug of the 1px moving product images when hover on category */
            }
                .home-page-category-grid > .title strong:after,
                .product-grid > .title strong:after {
                    left: -30px;
                }
                .home-page-category-grid > .title strong:before,
                .product-grid > .title strong:before {
                    right: -30px;
                }

    /* grids title */

.filters-button {
    display: none;
}

.breadcrumb {
	margin: 0 0 40px;
	text-align: center;
    border-bottom: 1px dotted #c0c0c0;
}
.breadcrumb ul {
	font-size: 0;
}
.breadcrumb li {
	display: inline-block;
}
.breadcrumb li * {
    margin: 0 2px;
    line-height: 32px;
    font-size: 16px;
    color: #666;
}


.category-description,
.manufacturer-description,
.vendor-description {
	margin: 0 0 20px;
}
.product-filters-wrapper {
	display: none;
}
.product-selectors {
	margin: 0 0 30px;
	text-align: center;
}
.product-selectors:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
.product-selectors > div > span {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
}
.product-selectors > div {
	display: inline-block;
	margin: 5px;
}
.product-selectors select {
	margin: 0 5px;
	text-transform: lowercase;
}
div.product-viewmode {
	display: none;
}
.product-filters {
    display: none;
}


.item-grid:after,
.product-grid:after,
.product-list:after,
.manufacturer-grid:after,
.vendor-grid:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}

.product-grid .item-box,
.product-list .item-box,
.manufacturer-grid .item-box,
.search-results .product-list .item-box,
.vendor-grid .item-box {
	position: relative;
	width: 100%;
	margin: 0 auto 40px;
    max-width: 333px;
    text-align: center;
}
.item-box .picture {
    position: relative;
    margin: 0 0 10px;
}
.item-box .picture > a {
	display: block;
	position: relative;
    overflow: hidden;
}
    .item-box .picture > a:before {
        content: " ";
        display: block;
        padding-top: 100%;
    }
        .item-box .picture img {
	        position: absolute;
	        top: 0;
	        right: 0;
	        bottom: 0;
	        left: 0;
	        max-width: 100%;
	        margin: auto;
            -webkit-transform: translateZ(0);
        }
    .item-box .category-item .picture img,
    .item-box .sub-category-item .picture img {
        top: -20px;
        right: -20px;
        bottom: -20px;
        left: -20px;
        max-width: 100%;
    }
.product-grid .item-box .description-wrapper,
.product-list .item-box .description-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    opacity: 0;
    width: 170px;
    height: 170px;
    border-radius: 100%;
    background: rgba(233,203,180,.9);  
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transform: translateZ(0);          
}    

    .product-grid .item-box .description,
    .product-list .item-box .description {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
	    overflow: hidden;
        width: 130px;
        height: 50px;
        font-size: 14px;
        line-height: 1.2;
    }
        .product-grid .item-box .description a,
        .product-list .item-box .description a {
	        display: block;
	        overflow: hidden;
        }
    .product-grid .details .description,
    .product-list .details .description {
        display: none;
    }

.item-box .product-title {
    margin: 0 0 5px;
}
.item-box .product-title a,
.item-box .title a {
	display: block;
}
    .item-box .product-title a {
        font-size: 20px;
        line-height: 1.2;
        height: 24px;
        overflow: hidden;
        text-transform: uppercase;
        font-weight: normal;
    }

.item-box .sku {
    margin: 0 0 5px;
}
.item-box .product-rating-box {
    font-size: 0;
    margin: 0 0 5px;
}
    .item-box .rating {
        display: inline-block;
        height: 19px;
        width: 100px;
        background: url(../img/rating1.png) 0 0 repeat-x;
    }
        .item-box .rating div {
            height: 19px;
            background: url(../img/rating2.png) 0 0 repeat-x;
        }

.item-box .prices {
    margin: 0 0 15px;
}
.item-box .old-price {
	color: #999;
	text-decoration: line-through;
    font-size: 14px;
}
.item-box .actual-price {
	font-size: 18px;
    font-weight: bold;
	color: #d6a985;
}
.item-box .base-price-pangv {
    margin-top: 3px;
}
.tax-shipping-info{
    display: block;
}
    .tax-shipping-info a,
    .footer-tax-shipping a {
        text-decoration: underline;
    }

.item-box .buttons {
	margin: 0;
    font-size: 0;
}
    .item-box input[type="button"] {
	    border: 0;
        background: 0;
        background-image: url(../img/bg-button-small.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
	    padding: 4px 20px;
        height: 36px;
        font: normal 20px "Open Sans Condensed", Arial, sans-serif;
        text-transform: uppercase;
    }

.item-box .add-to-compare-list-button,
.item-box .add-to-wishlist-button {
    display: none !important;
}

.sub-category-grid,
.manufacturer-grid,
.vendor-grid {
	margin: 0 0 5px;
}

    .home-page-category-grid {
        margin: 0 0 50px;
    }

.product-grid,
.product-list {
	margin: 0 0 20px;
}
.product-grid .title {
	margin: 0 0 25px;
	font-size: 18px;
}
.product-grid .title strong {
	font-weight: normal;
}
.cross-sells {
    margin: 50px 0 0;
}

.pager {
	margin: 0 0 20px;
}
.pager ul {
	text-align: center;
	font-size: 0;
}
.pager li {
	display: inline-block;
	margin: 0 2px;
    vertical-align: middle;
    font-size: 18px;
}
.pager li * {
	display: block;
	min-width: 32px;
	overflow: hidden;
	padding: 4px;
	text-align: center;
	font-size: 18px; /*reset zeroing*/
	cursor: pointer;
    color: #aaa;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.pager li span {
	color: #666;
    font-weight: bold;
}
.pager li.previous-page *,
.pager li.next-page *,
.pager li.first-page *,
.pager li.last-page * {
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    border: 2px dotted #000;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    text-indent: -9999px;
    overflow: hidden;
    opacity: .3;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.pager li.previous-page * {
	background-image: url(../img/arrow-black-left.png);
}
.pager li.next-page * {
	background-image: url(../img/arrow-black-right.png);
}

    /* other grids */

    .home-page-category-grid .item-box,
    .sub-category-grid .item-box {
        margin: 0 auto 5px;
    }
    .home-page-category-grid .item-box .picture,
    .sub-category-item .picture {
        margin-bottom: 0;
    }
        .category-item .title a,
        .sub-category-item .title a {
            color: #666;
            font-size: 20px;
            font-family: "Kelly Slab", Calibri, sans-serif;
            text-transform: uppercase;
            padding: 13px;
            text-align: center;
        }

    /* manufacturers */

        .manufacturer-item .picture,
        .vendor-grid .picture {
            border: 1px solid #eee;
            margin: 0 0 5px;
        }
        .manufacturer-grid .item-box .title a,
        .vendor-grid .item-box .title a {
            font-weight: normal;
            font-size: 24px;
            color: #555;
        }

    /* vendors */

        .vendor-list li {
            text-align: left;
            display: inline-block;
            margin: 0 10px 10px;
        }
            .vendor-list a {
                position: relative;
                padding: 5px 5px 5px 14px;
                font-size: 18px;
                line-height: 1;
                display: block;
                color: #333;
            }
                .vendor-list a:before {
                    content: " ";
                    position: absolute;
                    top: 50%;
                    left: 0;
                    margin-top: -3px;
                    width: 6px;
                    height: 6px;
                    border-radius: 100%;
                    background: #8bc8ca;
                }

    .contact-vendor input[type='button']{
        border: 0;
        background: 0;
        background-image: url(../img/bg-button-small.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        padding: 4px 20px;
        margin: 0 0 15px;
        height: 36px;
        font: normal 20px "Open Sans Condensed", Arial, sans-serif;
        text-transform: uppercase;
    }

/********** PRODUCT PAGE **********/


.product-page-name {
    background: #f3f3f3;
    text-align: center;
    margin: 0 0 10px;
    padding: 20px 0;
    position: relative;
}
    .product-page-name h1 {
        display: inline-block;
        font-size: 24px;
        line-height: 1.2;
        font-weight: normal;
        text-transform: uppercase;
    }

.product-essential {
	margin: 0 0 20px;
}
.product-essential:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}

    .product-essential .breadcrumb {
        margin: 0 0 20px;
        width: 100%;
    }

.gallery {
	margin: 0 0 20px;
}
.gallery .picture-wrapper {
    margin: 0 0 10px;
}
.gallery .picture {
    position: relative;
    max-width: 560px;
    margin: 0 auto 5px;
    overflow: hidden;
    background: #fff;
}
    .gallery .picture:before {
        content: "";
        display: block;
        padding-top: 100%;
    }
.gallery .picture img,
.gallery .picture-thumbs img,
.variant-picture img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
    max-height: 100%;
	margin: auto;
}
.gallery .picture-thumbs {
	overflow: hidden;
	font-size: 0;
}
.gallery .thumb-item {
    display: inline-block;
    position: relative;
    width: 100px;
    height: 100px;
    margin: 0 2px 5px;
    overflow: hidden;
    background: #fff;
}

.product-details-page .overview {
    position: relative;
    margin: 0 0 20px;
}
    .overview .breadcrumb {
        display: none;
    }
.product-details-page .discontinued-product {
    margin: 0 0 20px;
    background: #f3f3f3;
}
.discontinued-product h4 {
    padding: 20px 0;
    text-align: center;
    font-size: 24px;
    font-weight: normal;
    color: #c00;
}
.overview .product-name {
	margin: 0 0 15px;
}
.overview .short-description {
    margin: 0 0 15px;
    color: #777;
    font-size: 18px;
    text-align: justify;
}
.overview .buttons {
    margin: 0 0 25px;
    font-size: 0;
    padding: 15px 0;
    border-top: 1px dotted #c0c0c0;
    border-bottom: 1px dotted #c0c0c0;
}
.overview .buttons div {
	display: inline-block;
	margin: 0 5px;
}
.overview .add-to-wishlist-button,
.variant-overview .add-to-wishlist-button,
.overview .add-to-compare-list-button,
.overview .email-a-friend-button,
.overview .subscribe-button,
.variant-overview .subscribe-button,
.download-sample a {
	display: inline-block;
    font: normal 16px "Open Sans Condensed", Arial, sans-serif;
    background: 0;
    border: 0;
    padding: 5px 5px 5px 26px;
    background-position: left center;
    background-repeat: no-repeat;
    opacity: .7;
}

.overview .add-to-wishlist-button,
.variant-overview .add-to-wishlist-button {
    background-image: url(../img/icon-wishlist.png);
}
.overview .add-to-compare-list-button {
    background-image: url(../img/icon-compare.png);
}
.overview .email-a-friend-button {
    background-image: url(../img/icon-emailfriend.png);
}
.overview .subscribe-button,
.variant-overview .subscribe-button {
    background-image: url(../img/icon-backinstock.png);
}
.download-sample a {
    background-image: url(../img/icon-download.png);
}
.qq-upload-button {
    border: 0 !important;
    background: 0 !important;
    background-image: url(../img/bg-button-small.png) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 120px !important;
    text-align: center !important;
    background-size: 100% 100% !important;
    padding: 7px 12px !important;
    font: normal 16px "Open Sans Condensed", Arial, sans-serif !important;
    text-transform: uppercase !important;
    color: #333 !important;
}

    .overview .secondary-info {
        margin: 0 0 20px;
    }

.overview .sku, .variant-overview .sku,
.overview .gtin, .variant-overview .gtin,
.overview .stock, .variant-overview .stock,
.overview .delivery-date, .variant-overview .delivery-date,
.overview .product-vendor, .variant-overview .product-vendor,
.overview .manufacturers, .manufacturer-part-number {
	margin: 0 0 5px;
}

.overview .label,
.variant-overview .label {
    font-size: 18px;
    color: #555;
    margin-right: 5px;
}
.overview .value,
.variant-overview .value {
	font-size: 18px;
    color: #d6a985;
}
    .overview .value a,
    .variant-overview .value a {
	    text-decoration: underline;
    }

.free-shipping {
    width: 100px;
    height: 100px;
    margin: 15px auto;
    border: 1px solid #ccc;
    border-radius: 50px;
    background: #d6a985;
    padding: 30px 15px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
}

.product-reviews-overview {
    margin: 0 0 20px;
    text-align: center;
}
.product-no-reviews a {
	text-decoration: underline;
    font-size: 14px;
}
.product-review-box {
	display: inline-block;
	margin: 0 0 5px;
}
.product-review-box .rating {
	width: 100px;
	height: 19px;
	background: url('../img/rating1.png') repeat-x;
}
.product-review-box .rating div {
	height: 19px; 
	background: url('../img/rating2.png') repeat-x;
}
.overview .prices {
	margin: 0 0 30px;
	overflow: hidden;
}
.overview .old-product-price, 
.overview .product-price,
.variant-overview .old-product-price, 
.variant-overview .product-price {
    display: inline-block;
    margin: 0 5px;
}
.overview .old-product-price,
.variant-overview .old-product-price {
	font-size: 18px;
	color: #555;
	text-decoration: line-through;
}
.overview .product-price,
.variant-overview .product-price {
	font-size: 24px;
	color: #d6a985;
    font-weight: bold;
}
.variant-overview .prices {
	text-align:left;
    margin: 0 0 10px;
}
.variant-overview .old-product-price + .product-price {
    display: block;
}
    .overview .old-product-price label,
    .overview .product-price label,
    .variant-overview .old-product-price label, 
    .variant-overview .product-price label {
        display: none;
    }
    .overview .old-product-price span,
    .overview .product-price span,
    .variant-overview .old-product-price span, 
    .variant-overview .product-price span {
        vertical-align: middle;
    }


.customer-entered-price {
	margin: 0 0 20px;
	overflow: hidden;
	background: #f6f6f6;
	padding: 10px;
}
.customer-entered-price > div {
	display: inline-block;
}
.customer-entered-price .price-input {
	margin: 0 5px;
}
.customer-entered-price .enter-price-input {
	width: 50px;
	text-align: center;
}
.customer-entered-price .price-range {
	font-weight: bold;
}

.overview .add-to-cart {
	margin: 0 0 45px;
}
.min-qty-notification {
    margin: -10px 0 10px;
}
.overview .add-to-cart-panel,
.variant-overview .add-to-cart-panel {
	display: inline-block;
	position: relative;
}
.overview .add-to-cart-panel > *,
.variant-overview .add-to-cart-panel > * {
	float: left;
}
.overview .qty-label,
.variant-overview .qty-label {
	position: absolute;
	left: -25px;
	line-height: 36px;
    display: none !important;
}
.overview .qty-input, .variant-overview .qty-input,
.overview .qty-dropdown, .variant-overview .qty-dropdown  {
    width: 35px;
    height: 35px;
    padding: 0;
    text-align: center;
    font-size: 16px;
    border: 1px solid #969696;
    font-family: Arial, sans-serif;
    margin-top: 3px;
    margin-right: -1px;
}
.overview .qty-dropdown, .variant-overview .qty-dropdown{
    width: auto;
}
.overview .add-to-cart-button, .variant-overview .add-to-cart-button {
    border: 0;
    background: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    padding: 6px 20px;
    height: 40px;
    font: normal 20px "Open Sans Condensed", Arial, sans-serif;
    text-transform: uppercase;
}
.overview .add-to-cart-button {
    background-image: url(../img/bg-button-small.png);
}
.variant-overview .add-to-cart-button {
    background-image: url(../img/bg-button-variant.png);
}
.overview .add-to-cart .add-to-wishlist-button {
	display: none; /*removes the old button*/
}

.product-share-button {
	display: none;
}

.full-description {
    clear: both;
    margin: 0 0 20px;
    font-size: 18px;
    text-align: justify;
}

.product-collateral {
	margin: 0 0 20px;
}
.product-collateral .title {
	margin: 0 0 10px;
	font-size: 24px;
}
.product-collateral .title strong {
	font-weight: normal;
}

.tier-prices {
	margin: 0 0 20px;
}
.tier-prices .prices-header {
	margin: 0 0 10px;
}
.tier-prices .field-header {
	min-width: 100px;
}
.tier-prices .item-price {
	color: #c00;
}

    /* variants */

        .product-variant-list {
            margin: 0 0 20px;
        }
        .variant-picture {
            position: relative;
            overflow: hidden;
        }
            .variant-picture:before {
                content: " ";
                display: block;
                padding-top: 100%;
            }
        .variant-overview {
	        width: 100%;
        }
        .variant-overview .variant-name {
	        font-size: 20px;
            color: #555;
            text-transform: uppercase;
            text-align: left;
            margin: 0 0 5px;
        }
        .variant-overview .variant-description {
	        margin: 0 0 15px;
            font-size: 16px;
            color: #333;
            text-align: justify;
        }
        .variant-overview .sku,
        .variant-overview .gtin,
        .variant-overview .stock,
        .variant-overview .delivery-date,
        .variant-overview .product-vendor {
            text-align: left;
        }
        .variant-overview .free-shipping {
            margin: 0 auto 5px;
        }
        .price-and-buy {
            padding: 10px 0 0;
            text-align: center;
        }
        .variant-overview .add-to-wishlist-button {
	        display: block;
	        float: none;
	        clear: both;
	        margin: 0 auto;
        }

        /* variants grid */

            .product-variant-list.grid .product-variant-line {
                margin: 0 auto 20px;
                width: 360px;
                max-width: 100%;
            }
            .product-variant-list.grid .variant-overview .variant-name {
                padding: 15px 5px;
                line-height: 1;
                margin: 0;
            }
            .product-variant-list.grid .details-wrapper {
                background: #f3f3f3;
            }
            .product-variant-list.grid .details-title {
                position: relative;
                text-align: left;
                font-size: 20px;
                line-height: 1;
                padding: 10px;
                cursor: pointer;
            }
                .product-variant-list.grid .details-title:after {
                    content: " ";
                    position: absolute;
                    top: 12px;
                    right: 12px;
                    width: 18px;
                    height: 18px;
                    background: url(../img/icon-plus.png) no-repeat center;
                }
                .product-variant-list.grid .details-title.open:after {
                    background: url(../img/icon-minus.png) no-repeat center;
                }
            .product-variant-list.grid .details-content {
                display: none;
                padding: 10px;
                border-top: 1px dotted #c6c6c6;
            }

/*Jquery Tabs start*/
.ui-tabs {
	margin: 0 0 20px;
}
.ui-tabs .ui-tabs-nav {
	overflow: hidden;
}
.ui-tabs .ui-tabs-nav li a {
    display: block;
    background: #f3f3f3;
    padding: 10px;
    color: #666;
    font-size: 22px;
    text-align: center;
    margin-bottom: 3px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, 
.ui-tabs .ui-state-active.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li a:hover {
    background: #8bc8ca;
    color: #fff;
}
.ui-tabs .ui-tabs-panel {
    padding: 15px;
}
.ui-tabs .ui-tabs-panel p {
	margin: 0 0 10px;
	line-height: 20px;
}
.ui-tabs .ui-tabs-hide {
	display: none;
}
/*Jquery Tabs end*/

.product-specs-box thead {
    display: none;
}
.product-specs-box td {
    width: 50%; /*because colgroup is missing in 4.2+*/
}
.product-specs-box,
.product-tags-box {
	margin: 0 0 35px;
}
.product-tags-box {
    text-align: center;
}
.product-tags-list {
	font-size: 0;
}
.product-tags-list li {
	display: inline-block;
	font-size: 16px; /*reset zeroing*/
}
.product-tags-list li.separator {
	margin: 0 5px 0 3px;
}
.product-tags-list a {
	display: inline-block;
	line-height: 24px;
}

    .product-details-page .product-grid {
        margin: 0 0 30px;
    }
    .product-details-page .product-grid .title {
        margin: 0 0 15px;
    }

    .product-details-page .item-box .picture {
        margin: 0;
    }
    .product-details-page .item-box .details {
        background: #fff;
        padding: 12px;
    }

.attributes {
	margin: 0 0 20px;
    overflow: hidden;
}
.attributes dl:after {
    content: '';
    display: block;
    clear: both;
}
.attributes dt {
    display: block;
    white-space: nowrap;
    font-weight: bold;
    margin: 0 0 5px;
}
.attributes dd {
    margin: 0 0 10px;
}
.attributes li {
	margin: 0 0 5px;
}
.attributes dt > label {
	font-weight: normal;
	font-size: 18px;
}
.attributes select {
	width: auto;
	max-width: 100%;
}
.attributes input[type=text] {
	width: 200px;
	max-width: 100%;
}

.ui-datepicker {
	background-color: #ffffff;
	text-align: center;
	width: 280px;
}
.ui-datepicker-title {
	font-weight: bold;
	line-height: 32px;
	position: relative;
	text-transform: uppercase;
	z-index: 0;
	color:#555;
	font-family:"Open Sans Condensed",Arial,sans-serif;
	background:#fff;
	border:1px solid #ccc;
} 
.ui-datepicker-header a {
    font-size: 0;
    height: 32px;
    position: absolute;
    top: 0;
    width: 32px;
    z-index: 1;
}

    .ui-datepicker-header a.ui-datepicker-prev {
        background: url("../img/arrow-gray-left.png") no-repeat scroll center center rgba(0, 0, 0, 0);
        left: 0;
    }
    .ui-datepicker-header a.ui-datepicker-next {
        background: url("../img/arrow-gray-right.png") no-repeat scroll center center rgba(0, 0, 0, 0);
        right: 0;
    }
    .ui-datepicker-header {
        background-color: #333333;
        color: #ffffff;
        height: 32px;
        position: relative;
    }
    .ui-datepicker-calendar th, .ui-datepicker-calendar td {
        border: 1px solid #cccccc;
        width: 14.285%;
    }
    .ui-datepicker-calendar th {
        background-color: #eeeeee;
    }
    .ui-datepicker-calendar th span, .ui-datepicker-calendar td a {
        display: block;
        line-height: 32px;
        min-height: 32px;
    }
    .ui-datepicker-calendar td a {
        -webkit-transition: all 0.2s ease-in-out 0s;
        transition: all 0.2s ease-in-out 0s;
    }

.attributes textarea {
	width: 350px;
	max-width: 100%;
}
.attributes .option-list li > * {
	display: inline-block;
	padding: 0 5px;
	vertical-align: middle;
}
.attributes p {
	font-size: 14px;
	font-weight: normal;
	white-space: pre-wrap;
}

.attributes .qty-box {
	margin: 0 0 0 10px;
}
.attributes .qty-box label {
	display: none;
}
.attributes .qty-box input {
	width: 50px;
	min-width: 0;
}

.attribute-squares {
	font-size: 0;
}
.attribute-squares li {
	display: inline-block;
	margin: 0;
}
.attribute-square-container {
    display: block !important;
    border: 1px solid transparent;
    border-radius: 100%;
    padding: 3px;
    position: relative;
    z-index: 1;
}
.attribute-squares label {
    height: 35px;
    overflow: hidden;
}
.attribute-squares .attribute-square {
    display: block !important;
    width: 26px !important;
    height: 26px !important;
    border: 1px solid #c9c9c9 !important;
    cursor: pointer;
    border-radius: 100%;
}
.selected-value .attribute-square-container {
    border-color: #c9c9c9;
}
.attribute-squares li input {
	position: relative;
	z-index: -1;
	margin: -45px 0 0;
}
.attribute-squares .tooltip-container {
    display: none !important;
}
.attributes .qty-box {
    margin: 0 3px;
}
.attributes .qty-box input[type=text] {
    width: 50px;
    text-align: center;
}

.giftcard {
	margin: 0 0 20px;
	overflow: hidden;
    clear: both;
}
.giftcard div {
	margin: 0 0 10px;
}
.giftcard > div:last-child {
	margin: 0;
}
.giftcard label {
	display: block;
	margin: 0 0 5px;
}
.giftcard input,
.giftcard textarea {
	width: 350px;
	max-width: 100%;
}
.giftcard textarea{
	height: 150px;
}


/********** PRODUCT REVIEWS **********/



.product-reviews-page h1 a {
	font-style: italic;
}
.product-reviews-page h1 a:before,
.product-reviews-page h1 a:after {
	content: "''";
}
.product-reviews-page .title {
    color: #af825d;
    font-size: 24px;
    border-bottom: 1px dotted #dcdcdc;
    padding: 0 0 5px;
    margin: 0 0 10px;
    text-align: center;
}
    .product-reviews-page .title strong {
        font-weight: normal;
        display: block;
    }
.write-review {
	margin: 0 0 30px;
}
.write-review .form-fields {
	margin: 0 0 15px;
}

.write-review .review-rating {
	text-align: center;
}
.write-review .review-rating label,
.write-review .review-rating .name-description {
    display: block;
    margin: 0 0 5px;
    font-size: 18px;
    vertical-align: middle;
}
.review-rating ul {
    font-size: 0;
    vertical-align: middle;
}
.write-review .review-rating div {
    display: inline-block;
    margin: 0 5px;
    cursor: default;
    vertical-align: top;
    font-size: 18px;
}
.write-review .review-rating div.first {
	color: #c00;
}
.write-review .review-rating div:nth-child(2) {
    padding-top: 2px;
}
    .write-review .review-rating div:nth-child(2) input {
        vertical-align: baseline;
    }
.write-review .review-rating div.last {
	color: #690;
}
.write-review .captcha-box {
	margin: 15px 0 0;
}
.write-review .button-1 {
    border: 0;
    background: 0;
    background-image: url(../img/bg-button-small.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    padding: 4px 20px;
    font: normal 20px "Open Sans Condensed", Arial, sans-serif;
    text-transform: uppercase;
}
.product-reviews-page .result,
.product-reviews-page .message-error {
	margin: 0 0 20px;
}
.product-review-list {
	overflow: hidden;
}
.product-review-item {
	margin: 0 auto 30px;
    max-width: 1000px;
}
.product-review-item .review-item-head {
	margin: 0 0 10px;
	overflow: hidden;
	background: #f6f6f6;
	padding: 10px;
}
.product-review-item .review-title {
	float: left;
	text-transform: uppercase;
}
.product-review-item .product-review-box {
	float: right;
	margin: 0;
}
.product-review-item .review-text {
	margin: 0 0 15px;
}
.product-review-item .review-info {
	margin: 0 0 5px;
}
.product-review-item .review-info a,
.product-review-helpfulness .vote {
	display: inline-block;
	padding: 0 10px;
	font-weight: bold; 
	text-decoration: underline; 
	cursor: pointer;
}
.product-review-helpfulness .question {
	margin: 0 5px 0 0;
	font-style: italic;
}
.product-review-helpfulness .result {
	margin: 0 0 0 10px;
}

.product-review-item .reply {
    margin: 20px 0 0;
}
.product-review-item .reply-header {
    font-weight: bold;
    margin: 0 0 5px;
}

/********** WISHLIST & COMPARE LIST **********/



.wishlist-page .page-title {
    background: #f3f3f3;
    padding: 15px 0;
}

.wishlist-content {
	margin: 0 0 20px;
}
.wishlist-content .tax-shipping-info{
    margin:0 0 10px 0;
}
.wishlist-content .message-error {
	margin: 0 0 10px;
}
.wishlist-content .buttons {
	font-size: 0;
}
.wishlist-content .button-2 {
	margin: 0 5px 5px;
    border: 0;
    background: 0;
    background-image: url(../img/bg-button-small.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    padding: 5px 20px;
    font: normal 18px "Open Sans Condensed", Arial, sans-serif;
    text-transform: uppercase;
}
.wishlist-page .share-info a {
	display: block;
	margin: 0 0 5px;
	font-weight: bold;
}

.compare-products-page {
	overflow: hidden;
}
.compare-products-page img {
	max-width: 100%;
}
.compare-products-page .clear-list {
    border: 0;
    background: 0;
    background-image: url(../img/bg-button-small.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    padding: 4px 20px;
    font: normal 20px "Open Sans Condensed", Arial, sans-serif;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 0 15px;
}
.compare-products-page .button-2 {
	display: inline-block;
    border: 0;
    background: url(../img/icon-x.png) no-repeat right center;
    padding: 7px 16px 9px 0;
    font: normal 16px/1 "Open Sans Condensed", Arial, sans-serif;
}


/*********** TOPICS ***********/



.topic-block {
	margin: 0 auto 20px;
    max-width: 1000px;
}
.home-page .topic-block {
	margin-bottom: 30px;
}
.topic-block-title {
    padding: 0 30px;
    text-align: center;
}
    .topic-block-title h2 {
        display: inline-block;
        position: relative;
        color: #666;
        font-size: 30px;
        font-weight: normal;
        font-family: "Kelly Slab", Calibri, sans-serif;
    }
    .topic-block-title h2:after,
    .topic-block-title h2:before {
        content: " ";
        position: absolute;
        top: 50%;
        margin-top: -2px;
        background: #8bc8ca url(../img/title-dots.png) no-repeat center;
        width:19px;
        height: 4px;
        -webkit-transform: translateZ(0) scale(1.0, 1.0); /* fixes the bug of the 1px moving product images when hover on category */
    }
        .topic-block-title h2:after {
            left: -30px;
        }
        .topic-block-title h2:before {
            right: -30px;
        }
.topic-block-body {
	line-height: 20px;
}
.topic-block a,
.topic-page a {
	text-decoration: underline;
}
.topic-block-body p{
    text-align: center;
}
.topic-page .page-body {
    width: 95%;
    max-width: 1000px;
    margin: auto;
	line-height: 20px;
}
.topic-password {
	text-align: center;
}
.enter-password-title {
	margin: 0 0 10px;
	color: #c00;
}
.enter-password-form {
	display: inline-block;
	overflow: hidden;
}
.enter-password-form input[type="password"] {
	float: left !important;
	width: 200px !important;
	height: 36px !important;
}
.enter-password-form input[type="submit"] {
	float: left !important;
	width: auto !important;
	height: 36px !important;
	border: none !important;
	background: #ccc !important;
	padding: 0 20px !important;
	font-size: 16px !important;
}
.password-error {
	margin: 0 0 10px;
}


/*********** CONTACT & EMAIL A FRIEND ***********/



.contact-page .topic-block p,
.email-a-friend-page .topic-block p{
    text-align: center;
}
.contact-page .form-fields,
.email-a-friend-page .form-fields,
.product-reviews-page .form-fields,
.apply-vendor-page .form-fields {
	margin: 0 auto 25px;
    width: 670px;
    max-width: 100%;
}
.apply-vendor-page .result {
    text-align: center;
}
.contact-page .message-error,
.email-a-friend-page .message-error {
	margin: 0 0 10px;
}
.contact-page .button-1,
.email-a-friend-page .button-1,
.apply-vendor-page .button-1 {
    border: 0;
    background: 0;
    background-image: url(../img/bg-button-small.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    padding: 4px 20px;
    font: normal 20px "Open Sans Condensed", Arial, sans-serif;
    text-transform: uppercase;
}
.email-a-friend-page .title {
	margin: 0 0 15px;
}
.email-a-friend-page .title h2 {
    border-bottom: 1px dotted #dcdcdc;
    padding: 0 0 5px;
    margin: 0 0 10px;
    text-align: center;
    font-weight: normal;
}
    .email-a-friend-page .title a {
        color: #af825d;
        font-size: 24px;
    }



/********** REGISTRATION, LOGIN, ACCOUNT PAGES  **********/



.registration-page .form-fields,
.login-page .form-fields,
.password-recovery-page .form-fields{
    width: 660px;
    max-width: 100%;
    margin: auto;
}
.registration-page .date-of-birth select,
.account-page .date-of-birth select {
	width: 88px; /*birth-date selectors, always single line*/
}
.registration-page select + select,
.account-page select + select {
	margin: 0 0 0 10px;
}
.gender{
    display: inline-block;
}
.gender span {
	display: inline-block;
	margin: 0 3px;
}
.gender span > * {
	vertical-align: middle;
	line-height: 32px;
	width: auto !important;
	cursor: pointer;
}
#check-availability-button {
    border: none;
    font-size: 16px;
    padding: 10px 20px;
    background: 0;
    background-image: url(../img/bg-button-small.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    font: normal 20px "Open Sans Condensed", Arial, sans-serif;
    text-transform: uppercase;
}
#username-availabilty {
    display: block;
    margin: 5px 0 0;
    font-size: 14px;
    color: #c00;
}
#username-availabilty:empty {
	display: none;
}
.email-to-revalidate {
    display: inline-block;
    line-height: 32px;
    font-size: 18px;
}
.vat-status, 
.vat-note,
.email-to-revalidate-note {
	display: block;
	margin: 5px 0 0;
	text-align: center;
	font-size: 16px; /*reset zeroing*/
}
.inputs.accept-consent{
	margin: 0 0 20px;
	text-align: center;
}
.inputs.accept-consent > * {
	display: inline-block;
	line-height: 32px;
	vertical-align: middle;
    cursor: pointer;
}
.inputs.accept-consent a,
.inputs.accept-consent span{
	font-weight: bold;
    font-size: 16px;
}
.inputs.accept-consent label {
    width: auto;
    margin: 0 0 0 10px;
}

.registration-page .button-1,
.registration-result-page .button-1,
.login-page .button-1,
.password-recovery-page .button-1,
.account-page .button-1,
.return-request-page .button-1 {
    border: 0;
    background: 0;
    background-image: url(../img/bg-button-small.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    padding: 4px 20px;
    font: normal 20px "Open Sans Condensed", Arial, sans-serif;
    text-transform: uppercase;
}
.registration-result-page .result {
	margin: 0 0 20px;
	color: #690;
    text-align: center;
}
.login-page .customer-blocks {
	margin: 0 0 30px;
}
.login-page .title {
    color: #af825d;
    font-size: 24px;
    border-bottom: 1px dotted #dcdcdc;
    padding: 0 0 5px;
    margin: 0 0 10px;
    text-align: center;
}
.login-page .title strong {
    font-weight: normal;
    display: block;
}
.login-page .new-wrapper {
	margin: 0 0 50px;
}
.login-page .text {
	margin: 0 0 20px;
    text-align: center;
}
.login-page .inputs.reversed * {
	margin: 5px 0;
}
label[for=RememberMe] {
    display: inline-block;
    width: auto;
}
    .forgot-password {
        font-size: 16px;
        width: 100%;
        display: block;
    }
        .forgot-password a {
            color: #999;
        }

.external-authentication {
	margin: 0 0 20px;
	overflow: hidden;
	text-align: center;
}
.external-authentication fieldset {
	float: none !important;
}
.registration-page .external-authentication .title {
    margin: 0 0 15px;
    text-align: center;
    border-bottom: 1px dashed #dcdcdc;
    font-weight: normal;
    font-size: 24px;
    color: #af825d;
    padding: 0 0 5px;
    display: block;
}
.password-recovery-page .tooltip {
	margin: 0 0 20px;
    text-align: center;
}
.password-recovery-page .result {
	margin: 0 0 5px;
	font-weight: bold;
}

.account-page .button-2 {
    border: 0;
    background: 0;
    background-image: url(../img/bg-button-small.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    padding: 6px 20px;
    font: normal 16px "Open Sans Condensed", Arial, sans-serif;
    text-transform: uppercase;
}
.account-page .edit-address {
	margin: 0 0 20px;
}
.account-page .description {
	margin: 0 0 20px;
}

.account-page .address-list,
.account-page .order-list {
    overflow: hidden;
}
.account-page .address-item,
.account-page .order-item {
    padding: 10px 10px 15px;
    background: #f9f9f9;
}
    .account-page .address-item .buttons,
    .account-page .order-item .buttons {
        margin: 0;
    }

.address-list-page .info,
.order-list-page .info {
	margin: 0 0 20px;
	line-height: 20px;
}
.address-list-page .add-button {
	margin: 0 0 15px;
	text-align: center;
}

.return-request-page .page-title {
    padding: 15px 30px;
    background: #f3f3f3;
}
.return-request-page .uploadedfileinput {
    display: inline-block;
    vertical-align: middle;
}
.return-request-list-page a {
	font-weight: bold;
}
.return-request-list-page .comments {
	margin: 15px 0 0;
}
.shipment-details-page .page-title {
    padding: 15px 30px;
    background: #f3f3f3;
}

.reward-points-overview,
.reward-points-history .title {
    margin: 0 0 15px;
}
    .reward-points-overview {
        font-size: 18px;
    }
    .reward-points-history .title {
        margin: 0 0 15px;
        text-align: center;
        border-bottom: 1px dashed #dcdcdc;
    }
    .reward-points-history .title strong {
        font-weight: normal;
        font-size: 24px;
        color: #af825d;
        padding: 0 0 5px;
        display: block;
    }

.avatar-page .message-error {
	margin: 0 0 10px;
}
.avatar-page .fieldset {
	margin: 0 0 15px;
}
.avatar-page .image {
	margin: 0 0 10px;
}
.avatar-page .image img {
	border: 1px solid #ccc;
}
.avatar-page input[type="file"] {
	width: 86px;
	overflow: hidden;
}
.avatar-page input[type="submit"] {
	padding: 5px 10px;
}
.avatar-page .info {
	margin: 0 0 20px;
}
.user-agreement-page {
    text-align:center;
}
.terms-of-agreement{
    padding:0 0 20px 0;
    text-align:center;
    line-height: 20px;
}
.user-agreement-page .button-1{
    background: rgba(0, 0, 0, 0) url("../img/bg-button-small.png") no-repeat scroll center center / 99% 100%;
    border: 0 none;
    font: 16px "Open Sans Condensed",Arial,sans-serif;
    padding: 6px 20px;
    text-transform: uppercase;
}

.vendorinfo-page .vendor-picture {
    margin-top: 15px;
}
    .vendorinfo-page .vendor-picture > * {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }

.gdpr-tools-page .form-fields {
    margin: 0 0 20px;
    text-align: center;
}


/********** SHOPPING CART & CHECKOUT **********/


.order-progress {
	margin: 0 0 20px;
	text-align: center;
    padding: 15px 0 0;
    background: #f3f3f3;
}
.order-progress ul {
	font-size: 0;
}
.order-progress li {
	display: inline-block;
    margin: 0 25px 15px;
}
.order-progress a {
    position: relative;
	display: block;
	font-size: 16px; /*reset zeroing*/
    padding: 50px 0 0;
    color: #000;
    opacity: .3;
    min-width: 47px;
}
.order-progress a:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    width: 45px;
    height: 45px;
    overflow: hidden;
    cursor: pointer;
    background: url(../img/nav-button-right.png) no-repeat center;
}
.order-progress li.active-step a {
    opacity: .7;
	cursor: pointer;
}
.order-progress li.inactive-step a {
	cursor: default;
}

.shopping-cart-page .page-title {
    padding: 0;
    margin: 0 0 15px;
}
    .shopping-cart-page .page-title h1 {
        color: #af825d;
        font: normal 24px/normal "Open Sans Condensed", Arial, sans-serif;
        border-bottom: 1px dashed #dcdcdc;
        display: block;
        padding: 0 0 10px;
    }
    .shopping-cart-page .page-title h1:after, 
    .shopping-cart-page .page-title h1:before {
        display: none;
    }

    .order-summary-content > form > .buttons {
        margin: 0 0 30px;
    }

.shopping-cart-page .button-1,
.checkout-page .button-1 {
    border: 0;
    background: 0;
    background-image: url(../img/bg-button-big.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    padding: 4px 20px;
    font: normal 20px "Open Sans Condensed", Arial, sans-serif;
}
    .checkout-page .button-1,
    .order-completed-continue-button {
        min-width: 115px;
    }
    .order-completed-continue-button {
        font-size: 20px !important;
    }
.shopping-cart-page .button-2,
.checkout-page .button-2,
.order-details-page .page-title a {
    border: 0;
    background: 0;
    background-image: url(../img/bg-button-big.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    padding: 6px 15px;
    font: normal 18px "Open Sans Condensed", Arial, sans-serif;
}
.remove-discount-button,
.remove-gift-card-button {
	width: 16px;
	height: 16px;
	margin: 0 0 0 5px;
	border: 1px solid #ccc;
	background: #fff url('../img/close.png') center no-repeat;
	cursor: pointer;
}

.shopping-cart-page .message-error {
	margin: 0 0 20px;
	font-size: 13px;
}
.shopping-cart-page .selected-checkout-attributes {
	display: none;
}
.shopping-cart-page .tax-shipping-info {
    margin: 0 0 10px;
    text-align: center;
}
.selected-checkout-attributes {
	margin: 0 0 20px;
	text-align: center;
}
.shopping-cart-page .common-buttons {
    text-align: center;
	font-size: 0;
}
.shopping-cart-page .common-buttons input {
	min-width: 150px;
	margin: 0 5px 15px;
}
.checkout-attributes {
	margin: 20px 0 0;
	text-align: center;
}
.checkout-attributes dt {
	margin: 0 0 5px;
	font-weight: bold;
}
.checkout-attributes li {
	line-height: 24px;
}
.checkout-attributes li * {
	vertical-align: middle;
}
.checkout-attributes .qq-uploader-selector.qq-uploader {
    display: inline-block;
    width: auto;
}

.cart-footer:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
.cart-footer .totals {
	width: 240px;
	max-width: 100%;
	margin: 0 auto 30px;
}
.cart-footer .total-info {
	margin: 0 0 20px;
}
.cart-footer .total-info .will-earn-reward-points span{
    font-size:15px;
    font-style:italic;
}
.cart-total td {
    width: 50%;
    padding: 5px;
    font-size: 18px;
}
td.cart-total-left {
	text-align: left !important;
}
td.cart-total-right {
	text-align: right !important;
}
.cart-total tr:last-child td {
	padding-top: 10px;
	border-top: 1px dotted #dcdcdc;
	font-size: 20px;
}
.cart-total .order-total td {
	font-size: 20px;
	color: #d6a985;
	font-weight: bold;
}
.terms-of-service {
	margin: 0 0 20px;
}
.terms-of-service label {
    cursor: pointer;
}
.terms-of-service a {
    margin-left: 5px;
	font-weight: bold;
    cursor: pointer;
}

.cart-footer .button-1 {
	padding: 8px 35px;
}
.cart-footer .addon-buttons {
	margin: 20px 0 0;
}

.cart-collaterals {
	width: 300px;
	max-width: 100%;
	margin: 0 auto 30px;
}
.cart-collaterals > div {
	margin: 0 0 30px;
}
.cart-collaterals .title {
    color: #af825d;
    font: normal 20px/normal "Open Sans Condensed", Arial, sans-serif;
    border-bottom: 1px dotted #dcdcdc;
    display: block;
    padding: 0 0 5px;
    margin: 0 0 10px;
}
    .cart-collaterals .title strong {
        font-weight: normal;
    }
.cart-collaterals .hint {
	margin: 0 0 5px;
}
.cart-collaterals .deals > div {
	margin: 0 0 10px;
}
.cart-collaterals .coupon-code {
	font-size: 0;
    display: inline-block;
}
.cart-collaterals .coupon-code:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;    
}
.cart-collaterals .coupon-code input[type="text"],
.cart-collaterals .coupon-code input[type="email"],
.cart-collaterals .coupon-code input[type="tel"] {
    float: left;
    width: 180px;
    height: 31px;
}
.cart-collaterals .coupon-code input[type="submit"] {
	float: left;
    margin: -3px 0 0;
    height: 36px;
}
.cart-collaterals .message {
	margin: 5px 0 0;
	color: #c00;
}
.cart-collaterals .current-code {
	margin: 5px 0 0;
	color: #690;
}
.estimate-shipping .hint {
    margin: 0 0 10px;
}
.cart-collaterals .shipping-results {
	margin: 20px 0 0;
}
.cart-collaterals .shipping-results li {
	margin: 10px 0;
}
    .cart-collaterals .shipping label {
        color: #505050;
        font-size: 18px;
    }
        .cart-collaterals .shipping .inputs:last-child {
            margin: 25px 0 0;
        }

.checkout-page > .page-title {
    padding: 15px 30px;
    background: #f3f3f3;
}

.checkout-page .section {
	margin: 0 0 30px;
}
.checkout-page .section > .title {
    color: #af825d;
    font: normal 24px/normal "Open Sans Condensed", Arial, sans-serif;
    border-bottom: 1px dotted #dcdcdc;
    display: block;
    padding: 0 0 5px;
    margin: 0 0 20px;
}
    .checkout-page .section > .title strong {
        font-weight: normal;
    }
.checkout-page .address-grid {
	overflow: hidden;
}
.checkout-page .address-item {
    margin: 0 auto 20px;
    max-width: 320px;
}
.checkout-page .address-item .address-box {
    background: #f9f9f9;
    padding: 10px;
}
.checkout-page .address-item .select-button {
	margin: 10px 0 0;
}
.checkout-page .address-item li {
	padding: 2px 0;
}
.checkout-page .address-item li.name {
	margin: 0 0 5px;
}
.checkout-page .address-item li.country {
	margin: 5px 0 0;
	font-size: 16px;
}
.checkout-page .edit-address {
	margin: 0 0 20px;
}
.checkout-page .edit-address .custom-attributes .option-list label{
    width:auto;
    margin:0 10px 0 5px;
}
.shipping-method .method-list,
.payment-method .method-list {
	margin: 0 0 20px;
}
.shipping-method .method-list li,
.payment-method .method-list li {
	margin: 0 0 20px;
    text-align: left;
}
.shipping-method .method-list li label,
.payment-method .method-list li label {
	font-weight: bold;
    cursor: pointer;
}
.shipping-method .method-description {
	margin: 5px 0 0;
}

.checkout-page .pickup-in-store {
    margin-bottom: 0;
}
    .checkout-page .pickup-in-store ~ .shipping-addresses {
        margin-top: 25px;
    }
.checkout-page .pickup-in-store .description {
    margin-top: 10px;
}
.checkout-page .pickup-points {
    margin-top: 25px;
}
.checkout-page .select-pickup-point {
    margin-bottom: 25px;
}
.checkout-page .pickup-points .pickup-points-map {
    height: 300px;
    margin-bottom: 0;
}

    .payment-method .use-reward-points {
        margin: 0 0 25px;
    }
.payment-info .info {
	margin: 0 0 20px;
    text-align: justify;
}
.confirm-order .button-1 {
	margin: 0 0 20px;
}
    .section.confirm-order .min-order-warning, 
    .section.confirm-order .message-error {
        display: block;
        text-align: left;
    }

.order-details-area,
.shipment-details-area,
.order-review-data {
    margin: 0 0 30px;
}
.order-details-area:after,
.shipment-details-area:after,
.order-review-data:after {
    content: '';
    display: block;
    clear: both;
}
.order-review-data > div,
.order-details-area > div,
.shipment-details-area > div {
    margin-top: 30px;
}
    .order-review-data > div:first-child,
    .order-details-area > div:first-child,
    .shipment-details-area > div:first-child {
        margin-top: 0;
    }
.order-review-data > div > .title,
.order-details-area > div > .title,
.shipment-details-area > div > .title {
    margin: 0 0 15px;
    text-align: center;
    border-bottom: 1px dashed #dcdcdc;
}
    .order-review-data > div > .title strong,
    .order-details-area > div > .title strong,
    .shipment-details-area > div > .title strong {
        font-weight: normal;
        font-size: 24px;
        color: #af825d;
        padding: 0 0 5px;
        display: block;
    }
.order-review-data > div li,
.order-details-area > div li,
.shipment-details-area > div li {
    margin-top: 5px;
}
.order-details-area .side-list-wrap,
.order-review-data .side-list-wrap {
    margin-top: 20px;
}
.order-details-area .side-list-wrap .title,
.order-review-data .side-list-wrap .title {
    font-weight: 700;
    padding: 0 0 5px;
    margin: 0 0 10px;
    border-bottom: 1px dashed #dcdcdc;
}

.order-completed .details {
	margin: 0 0 20px;
}
.order-completed .details a {
    display: inline-block;
    margin: 5px 0 0;
    font-weight: bold;
}

.opc .step-title {
	margin-bottom: 1px;
	overflow: hidden;
	background: #f6f6f6;
	padding: 10px;
}
.opc .allow .step-title,
.opc .allow .step-title * {
	cursor: pointer;
}
.opc .step-title * {
    float: left;
    font-size: 20px;
    font-weight: normal;
}
.opc .step-title span {
	margin: 0 10px 0 0;
}
.opc .step {
	margin: 10px 0;
	padding: 10px;
}
.opc .section {
	margin: 0 0 15px;
}
.opc .section > label {
	display: block;
	margin: 0 0 10px;
}
.opc input[type="text"],
.opc input[type="email"],
.opc input[type="tel"],
.opc select {
    max-width: 100%;
}
.opc .buttons {
	margin-bottom: 0;
}
.opc .back-link {
	margin: 0 0 10px;
}
.opc .back-link small {
	display: none;
}
.opc .back-link a {
	font-weight: bold;
    position: relative;
    text-decoration: underline;
}
    .opc .back-link a:before {
        content: "-";
        position:absolute;
        top: 0;
        right: 105%;
    }
.opc .please-wait {
	display: block;
	margin: 10px 0 0;
}

.order-details-page .page-title {
    position: relative;
    margin: 0 0 65px;
    padding: 15px 30px;
    background: #f3f3f3;
}
.order-details-page .page-title div {
    position: absolute;
    top: 130%;
    right: 0;
    left: 0;
}
.order-details-page .page-title div a {
    margin: 0 5px;
}

.order-details-page .order-overview {
	margin: 0 0 20px;
	line-height: 20px;
}

.order-details-page .actions {
	margin: 20px 0 0;
	overflow: hidden;
	text-align: center;
	font-size: 0;
}
.order-details-page .actions input,
.order-details-area .repost .re-order-button{
	min-width: 100px;
	margin: 0 5px;
    border: 0;
    background: 0;
    background-image: url(../img/bg-button-small.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    padding: 7px 27px;
    font: normal 18px "Open Sans Condensed", Arial, sans-serif;
    text-transform: uppercase;
}
.order-details-page .cart-total {
	width: 300px;
	margin: 0 auto 30px;
}

.shipment-details-page .shipment-overview {
    overflow: hidden;
    margin: 0 0 20px;
}
    .shipment-details-page .shipment-overview > ul {
        text-align: left;
    }
        .shipment-details-page .shipment-overview > ul:first-child {
            margin: 0 0 20px;
        }
.shipment-details-page .section {
    width: 100%;
}

/*********** SEARCH & SITEMAP ***********/



.search-input input + label {
	display: inline;
	margin: 0 0 0 2px;
}
.basic-search {
	margin: 0 0 20px;
}
.basic-search input[type="text"] {
	width: 400px;
	max-width: 100%; 
}
.advanced-search {
	margin: 0 0 20px;
}
.advanced-search .price-range {
	display: inline-block;
}
.advanced-search .price-range input {
	width: 80px;
	margin: 0 6px 0 0;
}
.search-input .button-1 {
    border: 0;
    background: 0;
    background-image: url(../img/bg-button-small.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    padding: 4px 20px;
    font: normal 20px "Open Sans Condensed", Arial, sans-serif;
    text-transform: uppercase;
}
.search-input .warning,
.search-results .result {
	display: block;
	margin: 10px 0 0; 
	font-weight: normal;
	color: #c00;
}
.search-results {
	margin: 30px 0 0;
}

.sitemap-page .page-title {
    background: #f3f3f3;
    padding: 15px 0;
}

.sitemap-page .description{
    margin: 0 0 20px;
}

.sitemap-page .entity {
	margin: 0 0 20px;
}
.sitemap-page .entity-title {
    border-bottom: 1px dotted #dcdcdc;
    padding: 0 0 5px;
    margin: 0 0 10px;
    text-align: center;
}
    .sitemap-page .entity-title h2 {
        font-weight: normal;
        display: block;
        color: #af825d;
        font-size: 24px;
    }
.sitemap-page .entity-body {
	line-height: 24px;
}
.sitemap-page li {
    text-align: left;
    display: inline-block;
    margin: 0 10px 10px;
}
    .sitemap-page a {
        position: relative;
        padding: 5px 5px 5px 14px;
        font-size: 18px;
        line-height: 1;
        display: block;
        color: #333;
    }
    .sitemap-page a:before {
        content: " ";
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -3px;
        width: 6px;
        height: 6px;
        border-radius: 100%;
        background: #8bc8ca;
    }
        .sitemap-page a:empty {
	        display: none;
        }

/********** NEWSLETTER *********/

    .newsletter {
        position: relative;
        padding: 130px 0 20px;
        background: #8bc8ca;
        text-align: center;
    }

.newsletter-subscribe {
    position: relative;
    font-size: 0;
    display: inline-block !important;
}
    .newsletter-subscribe:before {
        content: " ";
        position: absolute;
        top: -150px;
        left: 0;
        right: 0;
        margin: auto;
        width: 97px;
        height: 97px;
        background: url(../img/newsletter-logo.png) no-repeat center;
    }
    .newsletter-subscribe > div {
        font-size: 16px;
    }
    .newsletter .title {
        margin: 0 0 10px;
    }
        .newsletter .title strong {
            color: #fff;
            font: normal 20px/1 "Kelly Slab", Calibri, sans-serif;
            text-transform: uppercase;
        }

    .newsletter-email { 
	    display: inline-block;
	    overflow: hidden; 
    }
        .newsletter-email input[type="text"],
        .newsletter-email input[type="email"] {
            float: left;
            width: 300px;
            height: 40px;
            margin: 0 0 20px;
            border: 0 !important;
            outline: 0 !important;
            font-size: 16px;
            color: #aaa;
        }
        .newsletter-email input[type="button"] {
            display: block;
            border: none;
            overflow: hidden;
            clear: both;
            margin: 0 auto;
            color: #fff;
            text-transform: uppercase;
            font: normal 20px "Open Sans Condensed", Arial, sans-serif;
            padding: 4px 20px;
            background: url(../img/newsletter-button.png) no-repeat center;
            background-size: 100% 100%;       
        }
        .newsletter-validation, 
        .newsletter-result { 
	        width: 100%;
	        overflow: hidden; 
	        line-height: 28px; 
            color: #fff;
        }
        .newsletter .options{
            clear: both;
            max-width: 300px;
        }
        .newsletter .options span{
            display: inline-block;
            color: #fff;
            margin: 0 15px 0 0;
        }
        .newsletter-validation .please-wait {
	        display: none !important; 
        }



/********** BLOG & NEWS **********/



.year strong {
	display: block;
	cursor: default;
}
.blog-posts {
    overflow: hidden;
}
.blog-page .post,
.news-items .news-item {
	position: relative;
	margin: 0 0 25px;
    overflow: hidden;
    text-align: left;
}
.blog-page .post-title {
    text-decoration: none;
    line-height: 34px;
}
.news-head {
    margin: 0 0 15px;
    padding: 0 0 10px;
    border-bottom: 3px dotted #d3d3d3;
}
.post-head {
    margin: 0 0 20px;
}
.post-title {
    display: block;
    font-size: 24px;
    padding: 0 0 5px 30px;
    background: url(../img/icon-blog-post.png) no-repeat left center;
    border-bottom: 1px dashed #dcdcdc;
    margin: 0 0 15px;
}
.post-title:hover {
    color: #af825d;
}

.news-title {
    display: block;
    font-size: 20px;
    color: #555;
    text-transform: uppercase;
    padding: 0 0 5px 30px;
    background: url(../img/icon-blog-post.png) no-repeat left center;
}
.post-date, .news-date {
    display: block;
    font-style: italic;
    font-size: 14px;
    color: #999;
}
.post-date.richBlogDate {
    display: none;
}
.post-body,
.news-body {
	margin: 0 0 20px;
	line-height: 20px;
}
.news-body {
    line-height: 1.2;
    height: 57px;
    overflow: hidden;
    text-align: justify;
}
.post-body > .richBlogComment {
    display: none;
    background: url(../img/icon-blog-post.png) no-repeat left center;
}
.news-item-page .news-body {
	height: auto;
}
.blog-page .tags, 
.blogpost-page .tags {
	margin: 0 0 15px;
	overflow: hidden;
}
.blog-page .tags label,
.blogpost-page .tags label {
	display: block;
	font-weight: bold;
}
.blog-page .tags ul,
.blogpost-page .tags ul {
	font-size: 0;
}
.blog-page .tags li,
.blogpost-page .tags li {
	display: inline-block;
	font-size: 12px;
}
.blog-page .tags li.separator,
.blogpost-page .tags li.separator {
	margin: 0 5px 0 3px;
}
.blog-page .tags a, .blogpost-page .tags a {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    color: #af825d;
}
.blog-page .post .buttons{
    text-align: left;
    margin: 0;
}
.blog-page .post .buttons a {
    color: #af825d;
    font-weight: bold;
    font-size: 18px;
    margin-right: 15px;
}

.new-comment {
	margin: 0 0 30px;
}
.new-comment .title {
    padding: 0 0 0 10px;
	margin: 0 0 10px;
    text-align: left;
}
.new-comment .notifications {
	margin: 0 0 10px;
}
.new-comment .result {
	color: #690;
}
.new-comment .form-fields {
	margin: 0 0 15px;
}
.new-comment .inputs label {
	display: none;
}
.new-comment textarea {
	width: 100%;
}
.new-comment .button-1 {
    border: 0;
    background: 0;
    background-image: url(../img/bg-button-small.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    padding: 4px 20px;
    font: normal 20px "Open Sans Condensed", Arial, sans-serif;
    text-transform: uppercase;
}
.comment-list .title {
    font-size: 24px;
    color: #af825d;
    padding: 0 0 5px 10px;
    margin: 0 0 20px;
    text-align: left;
    border-bottom: 1px dashed #dcdcdc;
}
    .comment-list .title strong {
        display: block;
        font-weight: normal;
    }
.blog-comment, .news-comment {
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px dashed #dcdcdc;
}
.blog-comment:after,
.news-comment:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
.comment-info {
	width: 120px;
	margin: 0 auto 10px;
	border: 1px solid #ccc;
}
.comment-info .username {
	display: block;
	padding: 5px;
}
.comment-info .avatar {
	position: relative;
	width: 120px;
	height: 120px;
	overflow: hidden;
}
.comment-info .avatar img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}
.comment-time {
    margin: 0 0 5px;
    font-style: italic;
    color: #999;
}
    .comment-time .stat-value {
        vertical-align: middle;
    }
.comment-title {
    color: #333;
    font-size: 20px;
    margin: 0 0 5px;
}
    .comment-title strong {
        font-weight: normal;
    }
.comment-body {
	line-height: 20px;
}

.news-items .buttons{
    margin: 15px 0 0;
}
.news-items .read-more {
    border: 0;
    background: 0;
    background-image: url(../img/bg-button-small.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    padding: 6px 20px;
    font: normal 16px "Open Sans Condensed", Arial, sans-serif;
    text-transform: uppercase;
    float: right;
}
.news-item-page .inputs:first-child label {
	display: block;
}

.news-list-homepage {
	margin-bottom: 30px;
}
    .news-list-homepage .title {
        padding: 0 30px;
        text-align: center;
        margin: 0 0 20px;
    }
        .news-list-homepage .title strong {
	        display: inline-block;
            position: relative;
            color: #666;
            font-size: 30px;
            font-weight: normal;
            font-family: "Kelly Slab", Calibri, sans-serif;
        }
    .news-list-homepage .title strong:after,
    .news-list-homepage .title strong:before {
        content: " ";
        position: absolute;
        top: 50%;
        margin-top: -2px;
        background: #8bc8ca url(../img/title-dots.png) no-repeat center;
        width:19px;
        height: 4px;
        -webkit-transform: translateZ(0) scale(1.0, 1.0); /* fixes the bug of the 1px moving product images when hover on category */
    }
        .news-list-homepage .title strong:after {
            left: -30px;
        }
        .news-list-homepage .title strong:before {
            right: -30px;
        }

.news-list-homepage .view-all {
    padding: 5px 0;
    border-top: 3px dotted #d3d3d3;
    border-bottom: 3px dotted #d3d3d3;
    text-align: center;
}
.news-list-homepage .view-all a {
	display: inline-block;
	line-height: 32px;
}

/* BB codes */

pre {
    white-space: pre-wrap;
    white-space: normal;
    word-wrap: break-word;	
}
.csharpcode {
	margin: 10px 0;
    border: 1px dashed #ccc;
	background-color: #fff;
    padding: 10px; 
	font-family: "Courier New", Courier, monospace;
	color: #000;  
}
.csharpcode .rem {
    color: green;
}
.csharpcode .kwrd {
    color: #00f;
}
.csharpcode .str {
    color: #006080;
}
.csharpcode .op {
    color: #00c;
}
.csharpcode .preproc {
    color: #c63;
}
.csharpcode .asp {
    background-color: #ff0;
}
.csharpcode .html {
    color: maroon;
}
.csharpcode .attr {
    color: red;
}
.csharpcode .alt {
    width: 100%;
    margin: 0;
	background-color: #f6f6f6;
}
.csharpcode .lnum {
    color: #666;
}

/* RE-CAPTCHA */

    .recaptchatable #recaptcha_response_field {
        height: auto !important;
    }

/*RESPONSIVE CAPTCHA*/

@media (max-width: 444px) {
    .recaptchatable #recaptcha_image {
        margin: 0 !important;
        width: 200px !important;
        float:left !important;
    }
    .recaptchatable #recaptcha_image img {
        max-width:100%;
    }
    .recaptchatable .recaptcha_r1_c1, .recaptchatable .recaptcha_r3_c1, .recaptchatable .recaptcha_r3_c2, .recaptchatable .recaptcha_r7_c1, .recaptchatable .recaptcha_r8_c1, .recaptchatable .recaptcha_r3_c3, .recaptchatable .recaptcha_r2_c1, .recaptchatable .recaptcha_r4_c1, .recaptchatable .recaptcha_r4_c2, .recaptchatable .recaptcha_r4_c4, .recaptchatable .recaptcha_image_cell, .recaptchatable .recaptcha_r2_c2 {
        background: none !important;
    }
}