/** * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) * Richard Clark (http://richclarkdesign.com) * http://cssreset.com */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	background:transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
	display:block;
}
ul{
	list-style:none;
}
a{
	margin:0;
	padding:0;
	font-size:100%;
	background:transparent;
	text-decoration: none;
	color: inherit;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
input[type="text"], input[type="submit"], input[type="button"], textarea{-webkit-appearance: none; border-radius: 0;}
input, textarea, select{font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;}

h1, h2, h3, h4, h5, h6, p{margin: 0.5em 0; padding: 0;}
img{max-width: 100%; height: auto;}

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

body{background: #fff; color: #000; font: 13px Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; font-weight: 400; padding: 209px 0 30px 0;}
.container{width: 100%; max-width: 1100px; margin: 0 auto; padding-top: 1px;}
header{position: fixed; background: #fff; width: 100%; left: 0; top: 0; right: 0; z-index: 8010;}
header .container{border-bottom: 1px solid #e5e5e5; position: relative;
height: 189px; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; padding-top: 0;
}

#lang{text-align: right; margin: 0 0 37px 0; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s;}
#lang a{display: inline-block; width: 30px; height: 30px; line-height: 27px; background: #e5e5e5; text-align: center; text-transform: uppercase; margin: 0 0 0 2px;}
#lang a:hover, #lang .active{background: #ccc;}

#logo{margin: 0 0 45px 0; text-align: center; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s;}
#logo a{background: url("../images/logo.gif") no-repeat top center; width: 218px; height: 52px; text-indent: -9999px; display: block; margin: 0 auto; overflow: hidden; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s;}

.fixed-header #lang{margin: 0 0 5px;}
.fixed-header #logo{margin: 0 0 26px;}
.fixed-header #logo a{height: 33px;}
.fixed-header header .container{height: auto;}

/* main-menu */
#main-menu{text-align: center;}
#main-menu li{display: inline-block; margin: 0 1.9%; padding: 0 0 9px 0; position: relative;}
#main-menu li:hover:after, #main-menu .active:after, #submenu li.active > a:after, #submenu a:hover:after{background: url("../images/arrow7x4.gif") no-repeat; width: 7px; height: 4px; top: 100%; left: 50%; margin: 1px 0 0 -4px; position: absolute; content: ''; z-index: 1000;}
#main-menu a, #submenu a{font-size: 15px; text-transform: uppercase; display: block;}
#main-menu a{line-height: 1;}
#main-menu .active a{font-weight: bold;}

.toggle-menu{display: none; cursor: pointer; 
border-radius: 3px; background: #e5e5e5 url("../images/toggle-menu.png") no-repeat center center; width: 51px; height: 41px; margin-left: auto; margin-right: auto; }

/* submenu */
#submenu > .inner > ul{background: #c9c8c8; padding: 0 0.8%; position: relative;}
#submenu > .inner > ul > li > a{color: #fff;}
#submenu li.active > a{font-weight: bold;}
#submenu > .inner > ul > li.active > a{color: #1d1d1d;}
#submenu li.active > a:after, #submenu a:hover:after{margin-top: 13px;}
#submenu li{float: left; padding: 13px 10px;}
#submenu a{position: relative;}
#submenu ul ul{position: absolute; top: 100%; left: 0; right: 0; padding: 0 0.8%; background: #f4f4f4;}

#submenu.breadcrumbs li{background: url("../images/arrow-breadcrumbs.gif") no-repeat right center;}
#submenu.breadcrumbs li:last-child{background: none;}
#submenu.breadcrumbs a{text-transform: none;}
#submenu.breadcrumbs li.active > a{font-weight: normal;}

/* banners */
#banners{margin: 0 0 0 1px; padding: 0 0 19px 0;}
#banners .box{width: 32.93903548680619%; float: left; padding: 0 0.1819836214740673%;}

#content{padding: 35px 0;}
#content .top{margin: 0 0 39px 0; padding: 0 2.181818181818182%;}
#content .top h1{float: left; padding: 4px 0 0 0; width: 47%;}
.content-box{width: 49.52471482889734%; float: right; border: 1px solid #e5e5e5; padding: 4px 27px 6px 27px; box-sizing: border-box; -moz-box-sizing: border-box; color: #4c4c4c; line-height: 120%; position: relative;}
.content-box .inner{
	max-height: 56px; 
	overflow: hidden;
	-webkit-transition: max-height 2s ease-in-out;
	-moz-transition: max-height 2s ease-in-out;
	transition: max-height 2s ease-in-out;
}
#expand-toggle{width: 13px; height: 13px; background: url("../images/arrow13x13.gif"); position: absolute; bottom: 0; right: 0; z-index: 1000;}
.content-box .inner.show{max-height: 900px;}

#news-list {
    font-size: 0;
    margin: 0 0 0 -4.605263157894737%;
}
#news-list .item {
    background: #f4f4f4;
    display: inline-block;
    font-size: 14px;
    margin: 0 0 49px 4.40251572327044%;
    vertical-align: top;
    width: 45.55256064690027%;
}
#news-list .item .inner{
	border: 1px  solid #e5e5e5;
	padding: 26px 30px 3px;
}
#news-list .date {
    line-height: 100%;
}
#news-list h2 {
    margin: 0 0 12px;
}

/* product-list */
.product-list{font-size: 0;}
.product-list li{display: inline-block; text-align: center; margin: 0 0 40px 1.727272727272727%; width: 22.72727272727273%; vertical-align: top;}
.product-list span, .product-list a{display: block;}
.product-list .thumb{margin: 0 0 15px 0;}
.product-list .title{font-size: 15px;}
.product-list li:hover img{opacity: 0.8; filter: alpha(opacity=80);}

.product-list.borders li{box-sizing: border-box; -moz-box-sizing: border-box;}
.product-list.borders .thumb{border: 1px solid #e5e5e5; padding: 14px;}

/* product-details */
#product-details{padding: 0 0 30px 0;}
#details-left{width: 44%; padding: 0 3% 0 0; float: left; margin: 0 0 0 2.272727272727273%; font-size: 14px; line-height: 1.6;}
#details-right{width: 47.18181818181818%; float: right; margin: 0 1.9% 0 0;}

/* #options */
#options{padding: 30px 0 10px 0;}
#options label, #add-to-cart label{font-size: 20px; font-weight: 300; width: 112px; padding: 2px 0 0 0; display: inline-block; vertical-align: top;}
#options select, #options .price, #add-to-cart input[type="text"]{width: 212px; padding: 6px 8px; border: 1px solid #e5e5e5; font-size: 17px; font-weight: bold; display: inline-block;}
#options > div, #add-to-cart > div{margin: 0 0 7px 0;}
#options .price{display: inline-block; border: none; padding: 6px 13px;}
.price.discount{color: #e00606;}
.price.discount span{text-decoration: line-through; color: #000; font-weight: 400;}
#options .price.discount span{margin: 0 0 0 10px;}


#details-left .color-pick {
    display: inline-block;
    font-size: 0;
	vertical-align: top;
}
#details-left .color-pick li {
    background: none !important;
    margin: 9px 9px 0 0 !important;
    padding: 0 !important;
    text-align: center;
	display: inline-block;
	vertical-align: top;
}
#details-left .color-pick .thumb {
    border: 1px solid #e5e7e6;
    display: block;
    height: 48px;
    margin-bottom: 5px;
    width: 48px;
}
#details-left .color-pick .active .thumb,
#details-left .color-pick li:hover .thumb {
    border: 3px solid #000;
    height: 44px;
    width: 44px;
}
#details-left .color-pick li img {
    display: block;
    margin: 0 auto;
}
.magnify {
    background: url("../images/icon-luup.png") no-repeat 0 0;
    display: inline-block;
    height: 17px;
    width: 17px;
}

/* #details-left */
#details-left .short-description{line-height: 1.4; margin: 0 0 30px 0;}
#details-left .long-description{padding: 20px 0 10px 0;}
#details-left h5{font-weight: bold; text-transform: uppercase; margin: 0 0 14px 0;}
#details-left p{margin: 0 0 18px 0;}
#details-left .subheading{font-weight: bold; margin: 0;}

/* add-to-cart */
#add-to-cart{margin-bottom: 30px;}
#add-to-cart input[type="text"]{line-height: 36px; height: 36px; width: 34px; padding: 0 8px 0 12px;}
#add-to-cart .no-label{padding: 7px 0 0 115px;}
#add-to-cart textarea{
    border: 1px solid #e5e5e5;
    height: 70px;
    padding: 4px;
    width: 232px;
}

.button-cart{display: inline-block; border: 4px solid #c9c8c8; padding: 10px 20px 10px 15px; margin: 0;}
.button-cart input{cursor: pointer; background: url("../images/icon-cart.gif") no-repeat right center; font-size: 18px;  padding: 0 40px 0 0; text-transform: uppercase; border: none;}
.button-cart.active{border-color: #e00605;}
.button-cart input:focus{outline: none;}
.button-cart:hover{border-color: #000;}

/* details-images */
#details-images .main-img{margin: 0 0 19px 0;}
#details-images .main-img img{border: 1px solid #e5e5e5;}
#details-images ul{margin-left: -3.660886319845857%; font-size: 0;}
#details-images li{display: inline-block; vertical-align: top; width: 29.73977695167286%; margin: 0 0 19px 3.531598513011152%; position: relative;}
#details-images img{display: block;}
#details-images li:hover .meta{display: block;}
#details-images .thumbs img{box-sizing: border-box; -moz-box-sizing: border-box; border: 1px solid #e5e5e5;}
#details-images .meta{font-size: 12px; display: block; text-align: left; font-style: italic;}
#details-images li:hover img{opacity: .5; filter: alpha(opacity= 50);}

#cart-small{position: absolute; top: 0; left: 0; font-size: 13px; text-transform: uppercase;}
#cart-small a{display: block; background: url("../images/icon-cart2.gif") no-repeat; padding: 7px 0 6px 44px;}
#cart-small span{color: #e00606; font-weight: bold;}
#cart-small span span{color: #000;}

#subscribe{width: 366px; margin: 10px auto 30px auto;}
#subscribe div{padding: 0 18px 10px 18px;}
#subscribe input{width: 99.81818181818182%; padding: 0; border: 1px solid #c9c8c8; line-height: 36px; height: 38px; font-size: 15px; text-indent: 10px;}
#subscribe input[type="submit"]{text-indent: 0;}

/* ===== BASKET-STEPS START  ===== */

/* progress-ribbon */
#progress-ribbon{background: #f4edc2; margin: 0 0 40px 0;}
#progress-ribbon ul{font-size: 0;}
#progress-ribbon li{display: inline-block; padding: 14px 1.8%; position: relative;}
#progress-ribbon a{color: #403f3f; font-size: 15px; text-transform: uppercase; display: block;}
#progress-ribbon li.active a{font-weight: bold;}
#progress-ribbon li.active:after{background: url("../images/arrow7x4.gif") no-repeat; width: 7px; height: 4px; top: 100%; left: 50%; margin: 0 0 0 -4px; position: absolute; content: '';}

/* basket-items */
#basket-items{margin-bottom: 46px; border-bottom: 3px solid #e5e5e5;}
#basket-items .thumb{vertical-align: middle; margin: 0 2.5% 0 0; border: 1px solid #c9c8c8;}

/* amount-box */
.amount-box{width: 35px; height: 22px; line-height: 21px; border: 1px solid #e5e5e5; text-align: center; font-size: 15px; padding: 0; margin: 0;}
.decrease-amount, .increase-amount{border: none; background: url("../images/icons-up-down.gif") no-repeat; width: 24px; height: 24px; cursor: pointer; vertical-align: middle; text-indent: -9999px;}
.decrease-amount{background-position: center -13px;}
.increase-amount{background-position: center 11px;}
.remove{display: inline-block; width: 25px; height: 26px; background: url("../images/icon-trash.gif"); text-indent: -9999px;}

/* basket-items */
#basket-items .table{width: 100%; display: table; border-top: 1px solid #e5e5e5;}
#basket-items .row{display: table-row;}
#basket-items .cell{display: table-cell; font-size: 15px; padding: 19px 1.8%; border-bottom: 1px solid #e5e5e5; white-space: nowrap;}

#basket-steps{display: table; border-bottom: 1px solid #e5e5e5; width: 100%; margin: 0 0 29px 0;}
#basket-steps .table-row{display: table-row;}
#basket-steps .table-cell{display: table-cell; vertical-align: top; width: 33.333333333333%; padding: 0 0 22px 0;}
#basket-steps .cell2{border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;}
#basket-steps .body{padding: 0 8%;}
#basket-steps h3{font-size: 15px; line-height: 117%; margin: 0 0 17px 0; font-weight: bold;}
.inner-text{
    display: inline-block;
    font-size: 13px;
    line-height: 117%;
    vertical-align: middle;
}
.inner-text a{
    display: block;
    font-size: 15px;
    font-weight: bold;
}

#promotion input[type="submit"], #subscribe input[type="submit"]{padding: 0; cursor: pointer; text-transform: uppercase; text-align: center; font-size: 18px; border: 4px solid #c9c8c8; line-height: 30px; height: 44px; width: 100%; background: #fff;}

/* order-delivery */
.delivery-wrap.active .delivery-label span{text-decoration: underline;}
.delivery-wrap ul{display: none;}
.delivery-wrap.active ul{display: block;}
.order-delivery{margin: 0 0 10px 0;}
.order-delivery li, .chosen-transport{text-align: left; border: 4px solid #c9c8c8; margin: 0 0 8px 0; font-size: 0;}
.order-delivery li.active, .order-delivery li:hover{border-color: #e00606;}
.order-delivery a{display: block;}
.order-delivery img, .chosen-transport img{vertical-align: middle; margin: 0 8% 0 0; width: 24%;}
.order-delivery span, .chosen-transport span{display: inline-block; font-size: 15px; vertical-align: middle;}
.order-delivery .price, .chosen-transport .price{font-weight: bold; color: #e00606;}
.order-delivery .title, .chosen-transport .title{width: 44%; padding: 0 3% 0 0; text-align: left;}
.order-delivery .price, .chosen-transport .price{text-align: right; width: 17%; padding: 0 4% 0 0;}
.weight0{font-weight: normal;}

.delivery-label{
    font-size: 16px;
    margin: 0 0 10px;
}
.delivery-label span{background: url("../images/arrow7x4.gif") no-repeat right 9px; display: inline-block; padding: 0 16px 0 0;}

/* page-controls */
#page-controls a{float: left; font-size: 18px; font-weight: bold; border: 4px solid #c9c8c8; text-align: center; text-transform: uppercase; padding: 10px 16px;}
#page-controls .next{float: right;}
#page-controls a:hover, #promotion input[type="submit"]:hover{border-color: #000;}

/* order-summary */
#order-summary{border: 1px solid #e5e5e5; padding: 25px 20px 20px;}
#order-summary table{font-size: 18px; text-align: right; width: 100%;}
#order-summary td{padding: 0 0 6px 10px; line-height: 100%; vertical-align: bottom;}
#order-summary .red{color: #e00606;}
#order-summary .total td{font-weight: bold; text-transform: uppercase; padding-bottom: 15px;}

/* order-steps */
#order-steps{display: table; border-bottom: 1px solid #e5e5e5; margin: 0 0 42px 0; width: 100%;}
#order-steps .table-row{display: table-row;}
#order-steps .table-cell{display: table-cell; vertical-align: top; width: 33.33333333333333%; padding: 0 0 31px 0;}
#order-steps .cell2{border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;}
#order-steps .head{background: #c9c8c8; border-bottom: 1px solid #e5e5e5; text-align: center; padding: 11px 5px;}
#order-steps .body{padding: 35px 8% 0 8%; font-size: 15px; line-height: 112%;}

#order-steps h3, #order-steps .head label{margin: 0; font-size: 18px; color: #fff; text-transform: uppercase; font-weight: normal; display: inline-block;}
#order-steps .head label, #order-steps input[type="checkbox"]{cursor: pointer;}

/* input-row */
#basket-step1 .input-row, #basket-step2 .input-row{overflow: hidden; margin: 0 0 9px 0;}
#basket-step1 .input-row label, #basket-step1 .input-row .right,
#basket-step2 .input-row label, #basket-step2 .input-row .right
{float: left; width: 50%;}
#basket-step1 .input-row label, 
#basket-step2 .input-row label
{padding: 12px 8% 0 0; width: 42%; text-align: right; color: #000; cursor: pointer;}
#basket-step1 .input-row input[type="text"], 
#basket-step2 .input-row input[type="text"]
{width: 84%; padding: 0 7%; border: 1px solid #c9c8c8; line-height: 36px; height: 38px; font-size: 15px;}

#basket-step1 .input-row.no-label{padding: 5px 0 0 50%; width: 100%;}

#recipient-data-head{padding: 0 23px 0 11px; margin: 23px 0 23px 0; border: 1px solid #c9c8c8;}
#recipient-data-head h4{padding: 14px 27px 14px 0; background: url("../images/icon-dropdown1.gif") no-repeat right 13px; margin: 0; font-weight: normal; cursor: pointer;}
#recipient-data-body{display: none;}
.upperCase{text-transform: uppercase;}
.important-notice1{color: #e00606; text-align: right; margin: 0 0 20px 0;}

#chosen-transport{margin: 0 0 30px 0;}
#chosen-transport p{text-align: center; margin: 0 0 10px 0;}
.chosen-transport{border-color: #e00606; margin: 0 0 10px 0;}

#order-steps .cell3 .inner{position: relative; padding: 16px 16px 7px;}
#invoice-overlay{opacity: 0.7; filter: alpha(opacity=70); background: #e9e8e8; z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #e8e7e7;}
#invoice-overlay.hide{display: none;}

/* confirm */
#confirm{margin: 0 0 40px 0; font-size: 15px;}
#confirm p{margin: 0 0 6px 0; line-height: 115%; text-align: center;}
#confirm input, #confirm label{display: inline-block; margin: 0; cursor: pointer; vertical-align: middle;}
#confirm input{margin: 0 0 0 10px;}

#confirm-order{text-align: center;}
#confirm-order a{display: inline-block; text-transform: uppercase; color: #fff; font-size: 18px; font-weight: 600; background: #000; padding: 10px 24px;}
#confirm-order a:hover, #cof-box .button:hover{background: #e00606;}

.payment-box{background: #e5e5e5; border: 1px solid #dedcdb; padding: 15px 0;}
.payment-box input[type="radio"]{cursor: pointer;}

#basket-step3 h1.basket{font-size: 18px; font-weight: 700; text-align: center; margin: 45px 0 17px 0;}
#basket-step3 h1.basket a{text-decoration: underline; font-weight: 400;}

/* #pank-options, #creditcard-options */
#pank-options, #creditcard-options, #invoice-info
{text-align: center; margin: 0 0 11px 0;}
#pank-options h2, #creditcard-options h2, #invoice-info h2, #cof-container h2
{font-size: 1.153846153846154em/*15*/; font-weight: 400; margin: 5px 0 17px 0;}
#pank-options h2 span, #creditcard-options h2 span
{text-transform: uppercase; font-weight: 700;}
#pank-options li, #creditcard-options li
{display: inline-block; margin: 0 3px 5px 3px;}
#pank-options li label, #creditcard-options li label
{display: block; padding: 0 0 4px 0; cursor: pointer;}
#pank-options li .radio, #creditcard-options p .radio
{display: inline-block; cursor: pointer;}
#creditcard-options p{margin: 0; text-align: center;}
#creditcard-options li label{padding: 0;}
#creditcard-options li{margin: 0 3px; padding: 0 0 9px 0;}
#invoice-info h2{font-weight: 700; text-transform: uppercase; margin: 0 0 2px 0;}
#invoice-info p{margin: 0 0 14px 0;}
#invoice-info .button{display: inline-block; font-size: 1.076923076923077em/*14*/; padding: 3px 20px 4px 20px; margin: 0 0 4px 0; border: 1px solid #b9b8b4; border-radius: 4px; -webkit-border-radius: 4px;
background: rgb(244,244,244); /* Old browsers */
background: -moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(219,219,219,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,1)), color-stop(100%,rgba(219,219,219,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(219,219,219,1) 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(219,219,219,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(244,244,244,1) 0%,rgba(219,219,219,1) 100%);
}
.payment-notice{text-align: center; padding: 16px 0 0 0; margin: 0 0 20px 0;}
.payment-notice p{margin: 20px 0 0 0; line-height: 125%;}
.payment-notice .red{font-size: 1.153846153846154em/*15*/; color: #c52027; margin: 0;}
.payment-notice .red span{font-weight: bold;}

/* #purchase_success, #purchase_fail */
#purchase_success, #purchase_fail{background: url(../images/purchase_success.png) no-repeat top center; font-size: 18px; text-align: center; padding: 80px 0 0 0; margin: 90px 0 130px 0;}
#purchase_success p, #purchase_fail p{line-height: 130%;}
#purchase_success p span, #purchase_fail p span{font-weight: 700;}
#purchase_success a, #purchase_fail a{color: #84be0d; text-decoration: underline;}
#purchase_success a:hover, #purchase_fail a:hover{text-decoration: none;}
#purchase_fail{background: url(../images/purchase-fail.png) no-repeat top center;}

.mobile-visible{display: none;}
.toggle{cursor: pointer;}

/* smartpost form*/
.smartpost_right table {
    width: 100%;
}
p.smartpost_info {
    margin: 0 0 5px;
    text-align: left !important;
}
.smartpost_right, .fipolocationTable {
    float: none !important;
	width: 100%;
}
table.smartpost_table td,
.fipolocationTable td {
    padding: 5px 0;
}
table.smartpost_table td.smartpost_label, .fipolocationTable td.label {
    padding-right: 4%;
    width: 26%;
}
table.smartpost_table td.smartpost_input, .fipolocationTable td.input {
    width: 70% !important;
}
.fipolocationTable td.input{text-align: left !important;}

table.smartpost_table select, 
table.smartpost_table input,
.fipolocationTable td.input input, 
.fipolocationTable td.input select{
    border: 1px solid #c9c8c8;
    height: 38px;
    line-height: 36px;
    width: 100% !important;
}
table.smartpost_table input,
.fipolocationTable td.input input {
    padding: 0 3%;
    width: 93.5% !important;
}
.fipolocationTable td.input input{box-sizing: content-box !important;}

#cof-container {
    margin: 0 auto;
    width: 71%;
}
#cof-container h2{text-align: center;}
#cof-box {
    font-size: 0;
    margin: 0 0 0 -1.997336884154461%;
}
#cof-box li {
    display: inline-block;
    margin: 0 0 15px 1.95822454308094%;
    vertical-align: top;
    width: 31.33159268929504%;
}
#cof-box label {
    display: block;
    font-size: 14px;
    margin: 0 0 4px;
}
#cof-box .input-wrap, #cof-box .select-container{margin: 0 0 8px;}
#cof-box input[type="text"] {
    border: 1px solid #c9c8c8;
    font-size: 13px;
    height: 27px;
    line-height: 27px;
    padding: 0 3%;
    width: 93%;
}
#cof-box .select-container{display: block}
#cof-box .customSelect {
    background: #fff url("../images/select-arrow.gif") no-repeat 100% center;
    border: 1px solid #c9c8c8;
    display: block !important;
	height: 27px;
    line-height: 27px;
	font-size: 13px;
	padding: 0 15% 0 3%;
    width: 81%;
}
#cof-box .customSelectInner{background: none; padding: 0; width: auto !important;}
#cof-submit{text-align: center;}
#cof-submit .button {
    background-color: #000;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    padding: 3px 17px;
    text-transform: uppercase;
	border: none;
}
#cof-terms {
    font-size: 15px;
    text-align: center;
}
#cof-terms a {
    color: #e23333;
    margin-left: 5px;
}

/* ===== BASKET-STEPS END ===== */

/* footer */
#footer{border: 1px solid #e5e5e5; text-transform: uppercase; font-size: 15px; padding: 10px 17px 8px 23px;}
#footer .left{float: left; padding: 5px 0 0 0;}
#footer .left p{margin: 0;}
#footer .right{float: right;}
#footer .right a{margin: 0 0 0 2px; vertical-align: middle;}
#footer .right span{margin: 0 17px 0 0; display: inline-block;}
#footer .dot-black{font-size: 12px; margin: 0 4px;}

.icon-fb, .icon-pin, .icon-insta{display: inline-block; width: 30px; height: 30px; text-indent: -9999px;}
.icon-fb{background: url("../images/icon-fb.gif") no-repeat 0 0;}
.icon-pin{background: url("../images/icon-pin.gif") no-repeat 0 0;}
.icon-insta{background: url("../images/icon-insta.gif") no-repeat 0 0;}
.icon-fb:hover, .icon-pin:hover, .icon-insta:hover{background-position: 0 -30px;}

/* ======================= article styles ====================== */
/* ============================================================= */
#article{font: 14px 'Open sans', sans-seif; font-weight: 300; line-height: 1.8; padding: 39px 18px 10px 18px;}
#article h2{font-size: 18px; margin: 0 0 12px;}
#article h3{font-size: 16px;}
.columns{
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
#article b{font-weight: 600;}
#article h1, #content h1{font-size: 44px; font-weight: 300; line-height: 1; margin: 0 0 28px 0;}

#article ul{padding-left: 4px;}
#article li, #details-left li{margin-bottom: 5px !important; margin-top: 5px !important;}

#article ul li, #details-left ul li{padding: 0px 0 0 13px; margin: 0; background: url(../images/article-list-style.png) no-repeat left 9px;}
#article ul ol li{background: none; padding: 0 0 0 0;}
#article ol ul li{padding: 0px 0 0 13px;}

#article ol{padding: 0 0 0 22px;}
#article ol ol{padding: 0 0 0 20px;}
#article ol li{padding: 0; margin: 0;}

#article table, #details-left table{border-collapse: collapse; margin: 0 0 1em 0; width: 100%;}
#article td, #article th, #details-left td, #details-left th{border: 1px solid #bcb6b6; padding: 8px 10px;}
#article th, #details-left th{text-align: left; font-weight: bold; color: #000; background: #eee;}
#article table.noborder, #article table.noborder td, #article table.noborder th{border: none;}

#article caption{color: #fff; background-color: #2d0014; text-align: left; padding: 5px 8px;}
#article table p{margin: 0;}
#article p{margin: 0 0 20px 0;}
#article a{text-decoration: underline;}
#article a:hover{text-decoration: none;}
#article img{}
img.floatLeft{float: left; margin: 0 3.25em 2em 0;}
img.floatRight{float: right; margin: 0 0 2em 3.25em;}

.attached-files{font: 14px 'Open sans', sans-seif; font-weight: 300; line-height: 1.8; padding: 5px 18px 15px 18px;}

#images .main{padding: 0 0 18px 0;}
#images .thumbs{overflow: hidden; padding: 0 0 1px 0;}
#images .thumbs li{float: left; width: 18.18181818181818%; margin: 0 2.272727272727273% 20px 0;}
#images .thumbs li:nth-child(5n){margin-right: 0;}
#images img{display: block; margin: 0 auto;}
#images li:hover img{opacity: .7; filter: alpha(opacity= 70);}

/* global */
.bold{font-weight: bold;}
.file{display: inline-block; text-decoration: none !important; color: #000 !Important; padding: 8px 0 7px 26px; line-height: 98%;}
.file.pdf{background: url(../images/icon-pdf.gif) no-repeat left center;}
.file.doc{background: url(../images/icon-doc.gif) no-repeat left center;}
.file.jpg{background: url(../images/icon-jpg.gif) no-repeat left center;}
.file.png{background: url(../images/icon-png.gif) no-repeat left center;}
.file.xls{background: url(../images/icon-xls.gif) no-repeat left center;}
.file.ppt{background: url(../images/icon-ppt.gif) no-repeat left center;}
.weight400{font-weight: 400;}
.marginTopNeg30{margin-top: -30px;}

/* custom select */
.select-container{position: relative; display: inline-block;}
select.styled{height: 100% !important;}
.customSelect{border: 1px solid #e5e5e5; line-height: 100%;}
.customSelectInner{padding: 11px; background: url("../images/select-arrow.gif") no-repeat right center;}

.alignRight{text-align: right;}
.alignLeft{text-align: left;}
.alignCenter{text-align: center;}
div.clear{clear:both; height:0px; font-size:0px; line-height:0px;}
.floatLeft{float:left;}
.floatRight{float:right;}

/* ======================= media queries ======================= */
/* ============================================================= */
@media screen and (max-width: 1024px){
	body{padding: 0 0 30px 0;}
	header{position: static; margin: 0 0 19px 0;}
	header .container{height: auto;}

	header .container, #logo, #logo a, #lang{-webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none;}
	#logo a{height: 52px;}
}
@media screen and (max-width: 1100px){
	#lang{padding: 0 2% 0 0;}
	#cart-small{padding: 0 0 0 2%;}
	
	/* BASKET-STEPS START */
	#basket-step1{padding: 0 2%;}/*

	/* BASKET-STEPS END */
}
@media screen and (max-width: 1024px){
	/* BASKET-STEPS START */
	#basket-steps,
	#basket-steps .table-row, 
	#basket-steps .table-cell,
	#order-steps,
	#order-steps .table-row,
	#order-steps .table-cell{display: block;}
	
	#basket-steps .table-cell,
	#order-steps .table-cell{width: auto;}
	
	#basket-steps h3{text-align: center;}
	
	#basket-step1 .input-row, #basket-step2 .input-row {
		margin: 0 0 19px;
		overflow: visible;
	}
	#basket-step1 .input-row label, #basket-step1 .input-row .right, #basket-step2 .input-row label, #basket-step2 .input-row .right{
		float: none;
		width: auto;
		display: block;
	}
	#basket-step1 .input-row input[type="text"], #basket-step2 .input-row input[type="text"]{
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	#basket-step1 .input-row label, #basket-step2 .input-row label {
		display: block;
		padding: 0 0 7px;
		text-align: center;
		width: 100%;
	}
	#basket-step1 .input-row.no-label {
		padding: 10px 0 0 0;
		width: 100%;
	}	
	.order-delivery img, .chosen-transport img {
		width: auto;
	}
	.delivery-label{text-align: center;}

	#basket-steps .cell2, #order-steps .cell2 {
		border-left: none;
		border-right: none;
	}
	/* BASKET-STEPS END */
}
@media screen and (max-width: 900px){
	#cof-container{width: 100%;}
}
@media screen and (max-width: 767px){
	#cart-small{position: static; padding: 0; margin: 0 0 20px 0; text-align: center;}
	#cart-small a{display: inline-block;}
	#lang{text-align: center; padding: 0;}
	#lang a{margin: 0 10px;}
	
	.toggle-menu{display: block; margin-bottom: 14px;}
	#main-menu ul, #submenu .inner{display: none;}
	#front-page #main-menu ul, #front-page #submenu .inner{display: block;}
	
	#main-menu{border-bottom: none;}
	#main-menu li{display: block; padding: 8px 0; border-bottom: 1px solid #e5e5e5;}
	#main-menu li:last-child{border-bottom: none;}
	#main-menu li a{display: inline-block;}
	#main-menu li:hover:after, #submenu li.active > a:after, #submenu li.active > a:after, #submenu a:hover:after{left: -9999px;}
	#submenu.breadcrumbs li.active > a:after{left: 50%; margin-top: 0;}
	
	#submenu{margin-bottom: 0 !important;}
	#submenu > .inner > ul{text-align: center; padding: 10px 0;}
	#submenu li{float: none; padding: 5px 0;}
	#submenu a{padding: 5px 0;}
	#submenu ul ul{position: static; background: #f1f1f1;}
	#submenu > .inner > ul > li.active > a{padding-bottom: 10px;}
	#submenu.breadcrumbs li{background: none;}
	
	.columns{
		-webkit-column-count: initial; /* Chrome, Safari, Opera */
		-moz-column-count: initial; /* Firefox */
		column-count: initial;
		column-count: auto;
	}
	#images .thumbs{padding: 0 0 22px 0;}
	#images .thumbs li{float: left; width: 25%; margin: 0;}
	
	#details-left, #details-right{float: none; width: 94%; margin: 0 3%;}
	#details-images ul{margin-left: 0;}
	#details-images li{width: 20%; margin: 0 2.5% 19px 0;}
	#details-images .main-img img{width: 100%;}
	#details-images li img{margin: 0 auto;}
	
	#footer{padding-left: 15px; padding-right: 15px; text-align: center;}
	#footer .left, #footer .right{float: none;}
	#footer .left{margin: 0 0 15px 0;}
	
	/* BASKET-STEPS START */
	.mobile-hidden{display: none;}
	.mobile-visible{display: block;}
	#basket-items .thumb{display: none;}
	#invoice-overlay, #invoice-data{display: none;}
	#promotion{display: none;}
	/* BASKET-STEPS END */
	
	#news-list {
		margin: 0;
	}
	#news-list .item {
		display: block;
		margin: 0 0 20px;
		width: auto;
	}
	#news-list .item .inner{height: auto !important;}	
}
@media screen and (max-width: 500px){
	#article{padding-bottom: 22px;}
	#images .thumbs li{width: 33.33333333333333%;}
	
	.product-list{text-align: center;}
	.product-list li{display: inline-block; margin: 0 0 30px 0; width: auto; vertical-align: top;}
	
	#add-to-cart .no-label{padding-left: 0;}
	
	#content .top h1, .content-box{float: none;}
	#content .top h1{text-align: center; width: auto;}
	.content-box{width: 100%;}
	
	/* BASKET-STEPS START */ 
	#progress-ribbon{text-align: center;}
	#progress-ribbon a{font-size: 12px;}
	
	#basket-items .table{border-top: 3px solid #e5e5e5;}
	#basket-items .row{display: block; padding: 20px 0 65px 0; border-bottom: 1px solid #e5e5e5; position: relative;}
	#basket-items .cell{display: block; border-bottom: none; padding: 0; margin: 0 0 0 2%; white-space: normal;}
	#basket-items .amount, #basket-items .delete{position: absolute; bottom: 20px; left: 0;}
	#basket-items .delete{left: auto; right: 2%;}
	.decrease-amount, .increase-amount, .amount-box{vertical-align: top;}
	.amount-box{width: 50px; margin: 0 20px;}
	
	#progress-ribbon{text-align: center; margin: 0 0 27px;}
	#progress-ribbon a{font-size: 12px;}
	#basket-steps .body, #order-steps .body{padding-left: 5%; padding-right: 5%;}
	.order-delivery .title, .chosen-transport .title{width: 41%;}
	
	#page-controls a{border: 2px solid #c9c8c8; font-size: 15px; padding: 2px 8px;}
	#confirm-order a{padding: 7px 16px; font-size: 16px;}
	
	#cof-box{margin-left: 0;}
	#cof-box li {
		display: block;
		margin: 0 0 15px 0;
		width: auto;
	}
	#cof-box label{margin: 0;}	

	/* BASKET-STEPS END */
}
@media screen and (max-width: 366px){
	#details-images li{margin: 0 0 19px 0;}
	#details-images li, #details-images li img{display: block; width: 100%;}
	
	#images .thumbs li{width: auto; float: none; margin: 0 0 20px 0;}
	
	#subscribe{width: 100%; margin: 10px auto 30px auto;}
	#details-left .color-pick{display: block;}
}
@media screen and (max-width: 320px){
	.order-delivery .title, .chosen-transport .title{width: 40%;}
	#confirm input, #confirm label{font-size: 13px;}
	
	#images .thumbs li img{width: 100%;}
	
	#cart-small{font-size: 12px;}
	#cart-small a{padding: 7px 0 6px 36px;}
	
	/* BASKET-STEPS START */
	#order-summary {
		padding: 20px 11px 15px;
	}
	#order-summary table{font-size: 16px;}
	.payment-notice{padding: 16px 4% 0;}
	/* BASKET-STEPS END */
}
/* ======================== clearfix =========================== */
/* ============================================================= */
/* Force Element To Self-Clear its Children */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.success, .error{margin: 0 0 15px 0;}
.success
{
	font-size:14px;
	color:#FFF;
	background-color:#37a92e;
	text-align:center;
	padding:5px;
}

.error
{
	font-size:14px;
	color:#FFF;
	background-color:#a92e2e;
	text-align:center;
	padding:5px;
}

#added-to-basket {
	background: #4ba82e;
    background: linear-gradient(#62bf45, #4ba82e) repeat scroll;
    color: #fff;
	font-size: 14px;
    left: 0;
    padding: 7px 0;
    position: fixed;
    right: 0;
    text-align: center;
    top: -36px;
	z-index: 120;
	opacity: 0;
	height: 22px;
	-webkit-transition: all .5s ease-in-out;
   -moz-transition: all .5s ease-in-out;
   -o-transition: all .5s ease-in-out;
   transition: all .5s ease-in-out;
}
#added-to-basket.show{opacity: 1; top: 0;}

#added-to-basket11 {
	background: #4ba82e;
    background: linear-gradient(#62bf45, #4ba82e) repeat scroll;
    color: #fff;
	font-size: 14px;
    padding: 7px 0;
    text-align: center;
    top: -36px;
	z-index: 120;
	height: 22px;
	-webkit-transition: all .5s ease-in-out;
   -moz-transition: all .5s ease-in-out;
   -o-transition: all .5s ease-in-out;
   transition: all .5s ease-in-out;
}
#added-to-basket11.show{opacity: 1; top: 0;}