
/* base.css - Copyright (c) 2002-2015 Open2b Software Snc. */

html, body { margin: 0; min-height: 100%; }

*, *:before, *:after { box-sizing: border-box; margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

* { -webkit-tap-highlight-color: rgba(0,0,0,0); }

body, button, input, select, table, textarea {
	font-family: "Trebuchet MS", "Helvetica Neue", "Helvetica", "Arial", "Sans-Serif";
	font-size: 14px;
	line-height: 1.5;
	text-rendering: optimizeLegibility;
	-moz-font-feature-settings: "liga", "kern";
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/*html { position: relative; }*/
body { background: #FFFFFF; color: #6E6E6E; font-size: 13px; position: relative; } /* background: #F7F3EC */

a { color: #20B4C9; text-decoration: none; } /* color: #08C */

fieldset { border: 0; }

input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="text"],
select,
textarea { border-radius: 4px; font-size: 14px; padding: 6px; }
textarea { resize: none; }

input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="text"],
textarea,
select { -webkit-appearance: none; background: #FFF; border: 1px solid #E8E8E8; } /* #E8E5DE */
select { background: #FFF url("../images/select@2x.png") no-repeat right center; background-size: 17px 12px; padding-right: 27px; }

input[type="submit"] { background: #FFBA25; border: none; border-radius: 5px; font-size: 15px; font-weight: bold; line-height: 44px; padding-left: 20px; padding-right: 20px; text-transform: uppercase; } /* background: #E8E5DE */
html.design-no-touch input[type="submit"] input:hover { -webkit-filter: brightness(1.05); filter: brightness(1.05); }
a[role="button"] { border-radius: 5px; font-size: 15px; font-weight: bold; padding: 10px 20px; text-align: center; text-transform: uppercase; }

span[data-design-amount] { white-space: nowrap; }

.body-content { max-width: 1024px; margin: 0 auto; min-height: 500px; position: relative; }

.overlay { display: none; }

h2 { color: #555; font-size: 15px; padding-top: 10px; text-transform: uppercase; }
h2 a { color: #555; }
h3 { color: #2980B9; font-size: 16px; font-weight: normal; }
h3 a { color: #2980B9; }

.design-status-alert { color: red; text-align: center; padding: 12px; }
.design-status-confirm { color: #8DC000; font-size: 15px; font-weight: bold; text-align: center; padding: 12px; }

span[data-design-currency-amount] { color: #20B4C9; white-space: nowrap; } /* NO color */

.modal { background: #FFF; border: none; margin: 0; padding: 0; }

.main-button input { background: #FF3425; color: #FFF; } /* background: #F63 */

.note { margin-bottom: 20px; text-align: center; }
.note .required { color: red; padding: 0 3px; }

img.design-align-left   { float: left; margin: 0 20px 20px 0; max-width: 100%; height: auto; }
img.design-align-center { display: block; margin: 0 auto 20px auto; max-width: 100%; height: auto; }
img.design-align-right  { float: right; margin: 0 0 20px 20px; max-width: 100%; height: auto; }

.nav ul { list-style: none; }
.nav li a { color: #555; display: block; padding: 10px 18px; }
.nav li a[role="button"] { background: #FFBA25; color: #FFF; margin: 20px; margin-bottom: 10px; padding: 10px 20px; } /* background: #D1B792 */
html.design-no-touch .nav li a[role="button"]:hover { background: #FFD57B; color: #555; } /* background: #F7F3EC */
.nav li a span { display: block; -webkit-font-smoothing: antialiased; }
.nav li a span:nth-child(1) { font-size: 15px; }
.nav li a span:nth-child(2) { color: #777; font-size: 14px; }
.nav li .button { margin: 10px; }
.nav li .button input { width: 100%; }

@media screen and (min-width:1024px) {

	body { border-top: 44px solid #20B4C9; } /* #FFF */

	/* header */

	header { min-height: 100px; padding-bottom: 12px; padding-top: 12px; position: relative; }

	header .logo { color: #555; font-family: "Architects Daughter", cursive; font-size: 52px; font-weight: bold; height: 100%; line-height: 100%; margin: 0 10px; max-width: 1004px; }
	header .logo a { color: #555; }
	header .mobile-logo { display: none; }

	header .cart { position: absolute; right: 10px; top: 12px; }
	header .cart .opener { background-color: #FFF; border: 1px solid #E8E8E8; border-radius: 4px; color: #555; display: block; height: 44px; float: right; line-height: 44px; padding-right: 10px; position: relative; height: 44px; line-height: 44px; width: 180px; } /* border: 1px solid #ECE8E1 */
	header .cart .opener:before { background-image: url('../images/icons@2x.png'); background-repeat: no-repeat; background-size: 88px 250px; content: ''; float: left; height: 44px; width: 44px; }
	html.design-no-touch header .cart .opener:hover { background-color: #20B4C9; color: #FFF; } /* background-color: #D1B792 */
	html.design-no-touch header .cart .opener:hover:before { background-position: -44px 0; }
	header .cart .opener.design-isopen { background-color: #FFF; border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: #555; height: 54px; z-index: 20; }
	header .cart .opener.design-isopen:before { background-position: 0 0; }

	/* navigation */

	.nav .general { height: 44px; position: absolute; left: 0; top: -44px; width: 100%; }
	.nav .general .opener { display: none; }
	.nav .general .panel { height: 100%; }

	.nav .general .menu { float: left; }
	.nav .general .menu li { border-bottom: none; display: inline; float: left; padding: 0; }
	.nav .general .menu li a { color: #FFF; display: block; line-height: 44px; padding: 0 10px;} /* color: #555 */
	.nav .general .menu li a:hover { background-color: #555; } /* non c'era */
	.nav .general .menu li a span:nth-child(1) { font-size: 12px; }
	.nav .general .menu li a span:nth-child(2) { display: none; }

	.nav .locale { float: right; overflow: hidden; }
	.nav .locale h3 { display: none; }

	.nav .languages { float: left; height: 44px; line-height: 44px; }
	.nav .languages > div { overflow: hidden; }
	.nav .languages ul { float: left; list-style-type: none; overflow: hidden; padding: 0; }
	.nav .languages ul > li { border-bottom: none; display: inline; float: left; padding: 0; text-align: center; }
	.nav .languages ul > li a { display: block; padding: 0 6px; }
	.nav .languages ul > li a img { height: 24px; width: auto; vertical-align: middle; }

	.nav .currencies { float: right; height: 44px; line-height: 44px; margin-left: 12px; margin-right: 10px; }
	.nav .currencies > div { overflow: hidden; }
	.nav .currencies select { cursor: default; padding: 4px; padding-right: 26px; }

/*	.nav .search { display: none; }*/
	.nav > .search { float:	right; margin-right: 16px; margin-top: 6px; }
	.nav > .search .opener { display: none; }
	.nav > .search h3 { display: none; }
	.nav > .search input[type="text"] { border-color: transparent; border-radius: 0; float: left; height: 40px; padding: 0 10px; width: 300px; }
	.nav > .search input:focus { outline-width: 0; }
/*	.nav > .search select { background-color: #efefef; border-bottom-right-radius: 0; border-top-right-radius: 0; float: left; height: 40px; width: 240px; } */
	.nav > .search .search-button { float: right; } 
	.nav > .search .search-button:before { background: #FFF url('../images/icons@2x.png') no-repeat; background-position: 0px -88px; background-size: 88px 245px; content: ''; border-radius: 0 4px 4px 0; height: 40px; position: absolute; width: 44px; }
	html.design-no-touch .nav > .search .search-button:hover:before { background: #20B4C9 url('../images/icons@2x.png') no-repeat; background-position: -44px -88px; background-size: 88px 245px; content: ''; border-radius: 0 4px 4px 0; height: 40px; position: absolute; width: 44px;  }
	.nav > .search .search-button input[type="submit"] { background-color: transparent; color: transparent; font-size: 0; height: 40px; padding: 0; position: relative; width: 44px; }

	.nav .departments { margin: 0 10px; }
	.nav .departments h2 { display: none; }
	.nav .departments a { display: block; font-size: 14px; font-weight: bold; text-transform: uppercase; }
	.nav .departments .parents { background: #555; border-radius: 2px; height: 51px; list-style: none; margin-bottom: 10px; text-align: center; } /* background: #D1B792 */
	.nav .departments .parents > li { border: 0; display: inline-block; position: relative; }
	.nav .departments .parents > li > a { color: #FFF; padding: 15px 10px; white-space: nowrap; }	
	html.design-no-touch .nav .departments .parents > li:hover > a,
	html.design-touch .nav .departments .parents > li a.design-isopen { background: #20B4C9; border-bottom: 5px solid #FFBA25; } /* background: #BAA07A */
	html.design-no-touch .nav .departments .parents > li:hover .children,
	html.design-touch .nav .departments .parents > li a.design-isopen + .children { opacity: 1; visibility: visible; }
	.nav .departments .children { background: #20B4C9; left: 0; list-style: none; opacity: 0; padding: 10px; position: absolute; transition: opacity .2s .1s; width: 240px; visibility: hidden; webkit-transition: opacity .2s .1s; -moz-transition: opacity .2s .1s; -o-transition: opacity .2s .1s; z-index: 999; } /* background: #BAA07A */
	.nav .departments .children li { border: 0; text-align: left; }
	.nav .departments .children li a { color: #F7F7F7; font-weight: normal; padding: 10px 2px 8px 2px; } /* color: #FFF3E3 */
	html.design-no-touch .nav .departments .children li:hover > a { color: #555; } /* color: #FFF */
	.nav .departments .children li:last-child a { border-bottom: none; }

	.nav .account { position: absolute; right: 200px; top: 12px; }
	.nav .account .opener { background-color: #FFF; border: 1px solid #E8E8E8; border-radius: 4px; color: #555; display: block; float: right; height: 44px; line-height: 44px; padding-right: 10px; position: relative; } /* border: 1px solid #ECE8E1 */
	.nav .account .opener:before { background-image: url('../images/icons@2x.png'); background-position: 0 -44px; background-repeat: no-repeat; background-size: 88px 250px; content: ''; float: left; height: 44px; width: 44px; }
	html.design-no-touch .nav .account .opener:hover { background-color: #20B4C9; color: #FFF; } /* background-color: #D1B792 */
	html.design-no-touch .nav .account .opener:hover:before { background-position: -44px -44px; }
	.nav .account .opener.design-isopen { background-color: #FFF; border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: #555; z-index: 20; }
	.nav .account .opener.design-isopen:before { background-position: 0 -44px; }
	.nav .account .panel { background: #FFF; border: 1px solid #E8E8E8; border-radius: 4px; border-top-right-radius: 0; clear: right; left: 0; line-height: 1.4em; overflow: hidden; position: absolute; right: 0; top: -1px; width: 300px; z-index: 10; } /* solid #ECE8E1 */

	.nav .account .panel { opacity: 0; transition: opacity .2s 0; visibility: hidden; webkit-transition: all .2s 0; -moz-transition: all .2s 0; -o-transition: all .2s 0; }
	.nav .account .panel.design-isopen { opacity: 1; position: relative; visibility: visible; }

}

/* main */

.main { clear: both; margin: 0 10px; }

h1 { color: #20B4C9; font-size: 28px; font-weight: 700; margin: 10px 0 20px; padding: 0; text-align: left; text-transform: uppercase; } // color: #F63
h1, h2, h3 { font-family: "Droid Sans", sans-serif; }

.banners { margin: 10px 0; text-align: center; vertical-align: middle; }
.banners .banner { display: inline-block; font-size: 0; padding: 4px; vertical-align: middle; }
.banners .banner span { font-size: 13px; }

.department-image img { display: block; height: auto; width: 100%; }

.nav.departments li { background: #FFF; border-bottom: 1px solid #CBEEFF; }
.nav.departments a  { color: #3399CC; display: block; height: 100%; padding: 10px; }
.nav.departments a:visited, html.design-no-touch .nav.departments a:hover { color: #3399CC; }

/* department.html */

.department-html .main { display: table; table-layout: fixed; width: 100%; }
.department-html .main-column { display: table-cell; padding-right: 10px; vertical-align: top; width: 100%; }
.department-html .side-column { border-left: 1px solid #E8E8E8; display: table-cell; padding: 10px; padding-right: 0; width: 200px; vertical-align: top; } /* E8E5DE */

.department-html .child-departments,
.department-html .sortby
.department-html .products { clear: both; }

ol.child-departments { list-style: none; margin: 20px 0 10px 0; }
ol.child-departments li { text-align: center; }
ol.child-departments.design-1-columns li { width: 814px; }
ol.child-departments.design-2-columns li { width: 366px; }
ol.child-departments.design-3-columns li { width: 244px; }
ol.child-departments.design-4-columns li { width: 183px; }
ol.child-departments.design-6-columns li { width: 122px; }
ol.child-departments li .name { margin-bottom: 10px; }
ol.child-departments li .image img { border: 1px solid #E8E5DE; }

.breadcrumbs      { margin-bottom: 5px; overflow: hidden; }
.breadcrumbs ul   { list-style-type: none; margin: 0; overflow: hidden; padding: 0; zoom: 1; }
.breadcrumbs li   { background: url('../images/breadcrumbs.gif') scroll no-repeat left center; display: inline; float: left; font-size: 11px; margin: 0 0 0 -10px; padding: 0 20px 0 10px; zoom: 1; }
.breadcrumbs li a { text-decoration: none; }

/* includes/side-column.html */

.side-column h3 { color: #FFBA25; font-weight: bold; text-transform: uppercase; } /* color: #F63 */
.side-column .producers ul { list-style: none; margin-bottom: 20px; margin-left: 0; padding-left: 0; }
.side-column .producers li { line-height: 1.8em; }
.side-column .producers a,
.side-column .producers a:visited { color: #444; }
.side-column .producers a:hover { color: #F63; }

.side-column .design-1-columns,
.side-column .design-2-columns,
.side-column .design-3-columns,
.side-column .design-4-columns,
.side-column .design-5-columns,
.side-column .design-6-columns { width: 200px; }

.side-column .top-sellers ol.products .position { background: #FFBA25; border-radius: 10px; color: #484D46; display: inline-block; min-width: 19px; text-align: center; } /* background: #C5E3BF */

.side-column .banners { margin: 10px 0; text-align: center; }
.side-column .banners .banner { display: block; padding: 4px 0; }

/* includes/mini-cart.html */

#design-mini-cart { background: #FFF; border: 1px solid #ECE8E1; border-radius: 4px; border-top-right-radius: 0; clear: right; color: #555; line-height: 1.4em; overflow: hidden; position: absolute; top: -1px; width: 300px; z-index: 10; }

#design-mini-cart { opacity: 0; transition: opacity .2s 0; visibility: hidden; webkit-transition: all .2s 0; -moz-transition: all .2s 0; -o-transition: all .2s 0; }
#design-mini-cart.design-isopen { opacity: 1; position: relative; visibility: visible; }

#design-mini-cart .loading { background: url('../images/loader.gif') no-repeat center center; height: 40px; margin: auto; width: 20px; }
#design-mini-cart .content { padding-top: 10px; }
#design-mini-cart ul.items { background: #FFF; list-style-type: none; margin: 0; padding: 0; }
#design-mini-cart ul.items li { overflow: hidden; border-bottom: 1px solid #E8E5DE; }
#design-mini-cart ul.items li a { color: #20B4C9; } /* color: #3399CC */
#design-mini-cart ul.items .image { float: left; height: 70px; position: relative; text-align: center; width: 70px; }
#design-mini-cart ul.items .image a { display: block; height: 100%; line-height: 100%; overflow: hidden; width: 100%; vertical-align: middle; }
#design-mini-cart ul.items .image img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; }
#design-mini-cart ul.items .properties { margin-left: 70px; margin-right: 14px; padding-top: 8px; text-align: left; }
#design-mini-cart ul.items .properties .price  { float: right; }
#design-mini-cart ul.items .properties .quantity  { float: right; }
#design-mini-cart .other-items { padding: 2px; text-align: center; }
#design-mini-cart .other-items div { padding: 8px; text-align: center; }
#design-mini-cart .discount { padding: 10px 14px; }
#design-mini-cart .discount span { display: block; float: right; }
#design-mini-cart .shipping-cost, #design-mini-cart .payment-cost, #design-mini-cart .taxes, #design-mini-cart .total { margin: 10px 14px; }
#design-mini-cart .shipping-cost span, #design-mini-cart .payment-cost span, #design-mini-cart .taxes span, #design-mini-cart .total span { display: block; float: right; }
#design-mini-cart .total { font-weight: bold; }
#design-mini-cart .total .to-quote { color: #FF6633; }
#design-mini-cart .goto-cart-button { border-top: 1px solid #E8E5DE; overflow: hidden; padding: 8px; text-align: center; padding: 14px 20px; }
#design-mini-cart .goto-cart-button input { width: 100%; }
#design-mini-cart .checkout-button { overflow: hidden; padding: 8px; text-align: right; }
#design-mini-cart .checkout-link { text-align: center; padding: 0 0 8px 0; margin-top: -2px; font-size: 11px;}
#design-mini-cart .empty { line-height: 30px; height: 30px; margin:auto; margin-top:-8px; text-align:center; }
#design-mini-cart form { vertical-align: bottom; display: block; }

/* design-slideshow */

.design-slideshow { margin-bottom: 20px; overflow: hidden; position: relative; text-align: center; }
.design-slideshow div { display: none; left: 0; position: absolute; right: 0; text-align: center; top: 0; }
.design-slideshow div:first-child { display: block; position: static; }
.design-slideshow img { height: auto; max-width: 100%; }
.design-slideshow .design-slideshow-pagination { bottom: 20px; display: block; height: 200px; width: 200px; z-index: 2; position: absolute; right: 10px; }
.main .design-slideshow .design-slideshow-pagination { position: static; }
.design-slideshow .design-slideshow-pagination span { background: #EEE; border-radius: 50%; display: block; float: left; margin: 0 5px; padding: 1px; width: 12px; }
.design-slideshow .design-slideshow-pagination span a { background: #444; border-radius: 50%; cursor: pointer; display: block; height: 8px; margin: 2px; width: 8px; }
.design-slideshow .design-slideshow-pagination span.current a { background: #E3004F; cursor: auto; }

ul.breadcrumbs { list-style-type: none; margin-bottom: 5px; overflow: hidden; padding: 0; }
ul.breadcrumbs li { float: left; font-size: 11px; margin: 0 0 0 -10px; padding: 0 20px 0 10px; }
ul.breadcrumbs li a { display: block; white-space: nowrap; }
ul.breadcrumbs li a .arrow { border-color: transparent transparent transparent #A0A0A0; border-style: solid; border-width: 3px 0 3px 6px; font-size: 0;  height: 0; line-height: 0; margin-left: 6px; width: 0; }

/* includes/products.html */

.sortby { float: right; margin: 20px 0; overflow: hidden; }
.sortby label { margin-right: 6px; white-space: nowrap; }
.sortby form { display: inline; }
.sortby select { border-color: #E8E5DE; }

ol.products { clear: right; list-style: none; margin: 20px 0; overflow: hidden; } /* border: 1px solid #E8E5DE background: #FFF */
ol.products li { background: #FFFFFF; border: 1px solid #E8E8E8; border-radius: 4px; padding: 10px; margin: 20px; } /* border-bottom: 1px solid #E8E5DE; border-right: 1px solid #EEE; overflow: hidden NO MARGIN NO background*/
ol.products li a { display: block; }
ol.products .image { text-align: center; }
ol.products .position { display: none; }
ol.products .name a { display: block; height: 52px; line-height: 16px; padding: 10px; text-align: center; }
ol.products .name a, ol.products .name a:visited, html.design-no-touch ol.products .name a:hover { color: #444; }
ol.products .prices { display: block; margin: 0 10px; text-align: center; }
ol.products .prices > div,
ol.products .prices > div > div { display: inline; }
ol.products .prices * { display: inline; }
ol.products .prices > div > :first-child { display: none; }
ol.products .prices .list-price > :last-child { color: #636363; padding-right: 6px; text-decoration: line-through; }
ol.products .prices .price { color: #F63; display: inline; font-weight: bold; }
ol.products .prices .discount { display: none; }
ol.products .add-to-cart { display: none; margin-top: 10px; }
ol.products .remove-from-wish-list { margin-top: 10px; text-align: center; }

.design-1-columns,
.design-2-columns,
.design-3-columns,
.design-4-columns,
.design-5-columns,
.design-6-columns { display: flex; display: -ms-flexbox; display: -webkit-flex; flex-flow: row wrap; -ms-flex-flow: row wrap; -webkit-flex-flow: row wrap; }

.design-1-columns > *,
.design-2-columns > *,
.design-3-columns > *,
.design-4-columns > *,
.design-5-columns > *,
.design-6-columns > * { flex-grow: 1; -webkit-flex-grow: 1; -ms-flex: 1 0 auto; }

.design-no-flex { flex-grow: 0; -ms-flex-grow: 0; -webkit-flex-grow: 0; }

ol.products.design-1-columns li { width: 900px; }
ol.products.design-2-columns li { width: 450px; }
ol.products.design-3-columns li { width: 292px; }
ol.products.design-4-columns li { width: 225px; }
ol.products.design-6-columns li { width: 150px; }

.main-column ol.products.design-1-columns li { width: 638px; }
.main-column ol.products.design-2-columns li { width: 319px; }
.main-column ol.products.design-3-columns li { width: 212px; }
.main-column ol.products.design-4-columns li { width: 159px; }
.main-column ol.products.design-6-columns li { width: 127px; }

/*@media screen and (max-width:1000px) {
	ol.products li { flex: 33.33%; }
}
*/
/* index.html */

.index-html .promotions { margin: 10px; margin-top: 15px; }
.index-html .promotions .dates { color: #888; font-size: 12px; }

/* product.html */

.product-html .section { border-bottom: 1px solid #E8E8E8; display: table; margin-bottom: 20px; width: 100%; } /* solid #E8E5DE */
.product-html .section > h1 { display: none; }
.product-html .section > div { display: table-cell; vertical-align: top; }

.product-html .image { min-width: 322px; padding-top: 20px; }
.product-html .image a { text-align: center; }
.product-html .image #design-product-image { background: #FFF; border: 1px solid #E8E8E8; line-height: 1px; padding: 10px; vertical-align: middle; } /* solid #E8E5DE */
.product-html .image #design-product-image a { cursor: default; display: block; text-align: center; }
.product-html .image #design-product-image a.design-has-zoom { cursor: url('../images/zoom-in.cur'), pointer; }
.product-html .image #design-product-image img { vertical-align: middle; }

.product-html .details { padding-left: 40px; padding-top: 20px; }
.product-html .details form { display: block; }
.product-html .details h1 { color: #6E6E6E; font-size: 22px; margin-bottom: 0; margin-top: 0; }

.product-html .producer { margin-bottom: 20px; }
.product-html .short-description { margin-bottom: 20px; }

.product-html .variants { border-top: 1px solid #E8E8E8; padding-top: 20px; } /* solid #E8E5DE */
.product-html .variants label { color: #6E6E6E; display: block; font-weight: bold; }
.product-html .variants > div > div { padding-bottom: 8px; text-align: left; }
.product-html .variants select { box-shadow: none; color: #333; width: 100%; }

.product-html .design-option-icons { display: inline-block; list-style: none; margin: 0; overflow: hidden; padding: 0; }
.product-html .design-option-icons li { float: left; margin: 1px 1px 1px 8px; padding: 2px; text-align: center; }
.product-html .design-option-icons li:first-child { margin-left: 0; }
.product-html .design-option-icons li.design-option-name { border: 1px solid #E8E5DE; white-space: nowrap; overflow: hidden; }
.product-html .design-option-icons li.design-option-color { border: 1px solid #E8E5DE; border-radius: 3px; }
.product-html .design-option-icons li.design-option-image { border: 1px solid transparent; line-height: 1px; }
.product-html .design-option-icons li.design-selected { border: 1px solid #08c; }
.product-html .design-option-icons li div { border-radius: 12px; height: 22px; margin: 6px; width: 22px; }
.product-html .design-option-icons li span { padding: 0 0.3em; }
.product-html .design-option-icons li img { margin: 0; padding: 0; }

.product-html .details .prices { font-size: 15px; margin: 20px 10px; white-space: nowrap; }
.product-html .details .prices > div > div { display: inline; padding: 0 5px 0 0; vertical-align: middle; }
.product-html .details .prices .price > :first-child { display: none; }
.product-html .details .prices .price div :last-child { color: #FF3425; font-size: 28px; font-weight: bold; } /* color: #F63 */
.product-html .details .prices .list-price :last-child { color: #888; text-decoration: line-through; }
.product-html .details .prices .discount :last-child { color: #FF3425; } /* color: #F63 */
/* aggiunti da mirko */
.product-html .details .prices .is-available { font-weight: bold; color: #3F8F00; font-size: 15px; }
.product-html .details .prices .is-not-available { font-weight: bold; color: #FF3425; font-size: 15px; }

.product-html #design-zoom { border: 1px solid #E8E5DE; margin: 3px; padding: 8px; }
.product-html #design-zoom-header { height: 18px; position: relative; }
.product-html #design-zoom-loader { background: url('../images/loader.gif') no-repeat center top; height: 18px; left: 50%; margin-left: -8px; position: absolute; top: 0; width: 16px; }
.product-html #design-zoom-close { background: url('../images/close.gif') no-repeat right center; cursor: pointer; line-height: 16px; font-size: 11px; height: 16px; padding: 0 20px 0 3px; position: absolute; right: 0; text-align: right; top: 0; width: 100px; }
.product-html #design-zoom-overlay { background: #FFF; opacity: 0.85; }
html.design-no-touch .product-html #design-zoom-close:hover { color: #186EBB; }

#design-product-thumbnails,
#design-zoom-thumbnails { float: left; margin-top: 10px; overflow: hidden; position: relative; width: 100%; }
#design-product-thumbnails ul,
#design-zoom-thumbnails ul { clear: left; float: left; left: 50%; list-style: none; margin: 0; overflow: visible; padding: 0; position: relative; text-align: center; }
#design-product-thumbnails li,
#design-zoom-thumbnails li { border: 1px solid transparent; border-radius: 3px; display: block; float: left; list-style: none; margin: 1px; padding: 0; position: relative; right: 50%; }
#design-product-thumbnails li a,
#design-zoom-thumbnails li a { display: block; margin: 1px; }
html.design-no-touch #design-product-thumbnails li:hover,
html.design-no-touch #design-zoom-thumbnails li:hover,
#design-product-thumbnails li.design-selected,
#design-zoom-thumbnails li.design-selected { border: 1px solid #20B4C9; } /* #08C */

html.design-no-touch #design-zoom-thumbnails li.design-disabled:hover { border: 1px solid transparent; }

html.design-no-touch #design-product-thumbnails li.design-disabled:hover a,
html.design-no-touch #design-zoom-thumbnails li.design-disabled:hover a { cursor: default; }

@media screen and (min-width:1024px) {
	.product-html .details { padding-right: 240px; position: relative; width: 100%; }
	.product-html .details .prices { font-size: 14px; right: 0; position: absolute; top: 0; }
}

.product-minquote-message { font-size: 13px; }

.product-html .quantity-add-to-cart { display: table; margin-top: 10px; width: 100%; }
.product-html .quantity { display: table-cell; padding-right: 10px; width: 80px; }
.product-html .quantity input { padding: 10px; text-align: center; width: 100%; }
.product-html .add-to-cart input { background: #FF3425; color: #FFF; width: 200px; } /* background: #F63 */

.product-html .add-to-wishlist { margin: 10px 0; }
.product-html .add-to-wishlist input { background: #20B4C9; color: #FFFFFF; margin: 8px 0; width: 280px; } /* background: #C5E3BF color: #484D46 */

/*** rating & reviews***/

.rating     { background: #E0E0E0; display: block; height: 16px; margin: auto; margin-top: 8px; position: relative; width: 76px; }
.page-product .rating     { margin: 0 0 20px -5px; }
.rating-mask              { background: url('../images/stars.png') no-repeat -12px center; height: 16px; left: 0; position: absolute; top: 0; width: 76px; z-index: 100;}
.rating-container span    { background: url('../images/stars-bg.png') top repeat-x yellow; display: block; height: 16px; left: 0; position: relative; top: 0; }
.design-review-rating-5   { }
.design-review-rating-4-5 { width: 68px; }
.design-review-rating-4   { width: 62px; }
.design-review-rating-3-5 { width: 53px; }
.design-review-rating-3   { width: 47px; }
.design-review-rating-2-5 { width: 38px; }
.design-review-rating-2   { width: 30px; }
.design-review-rating-1-5 { width: 23px; }
.design-review-rating-1   { width: 16px; }
.design-review-rating-0-5 { width: 8px; }
.design-review-rating-0   { width: 0; }

.product-html .social-sharing { border-top: 1px solid #E8E8E8; margin-top: 20px; } /* solid #E8E5DE */
.product-html .design-social-sharing { height: 44px; line-height: 44px; margin: 12px 0; }
.product-html .design-social-sharing a { background-position: center; background-repeat: no-repeat; background-size: 38px 38px; color: transparent; float: left; height: 44px; margin: 0 6px; width: 44px; }
.product-html .design-social-sharing a.design-share-email { background-image: url('../images/email@2x.png'); }
.product-html .design-social-sharing a.design-share-facebook { background-image: url('../images/facebook@2x.png');  }
.product-html .design-social-sharing a.design-share-twitter { background-image: url('../images/twitter@2x.png'); }
.product-html .design-social-sharing a.design-share-whatsapp { background-image: url('../images/whatsapp@2x.png'); }
.product-html .design-social-sharing a.design-share-pinterest { background-image: url('../images/pinterest@2x.png'); }

@media screen and (min-width:768px) {
	.product-html .design-social-sharing a.design-share-whatsapp { display: none; }
}

.product-html .long-description,
.product-html .more-description { clear: left; }
.product-html .long-description section,
.product-html .more-description section { overflow: auto; padding: 10px; }

.product-html .files ul { list-style-type: none; margin: 10px; }
.product-html .files li { margin-left: 0; padding-left: 0; }
.product-html .files li .size { color: #999; }

/* search.html */

.search-html .conditions { margin: 0 auto; width: 500px; }
.search-html .conditions div { display: table; width: 100%; }
.search-html .conditions label { display: table-row; }
.search-html .conditions span { display: table-cell; padding: 3px; }
.search-html .conditions input,
.search-html .conditions select { width: 100%; }
.search-html .conditions .search-button { margin-top: 20px; text-align: center; }
.search-html .conditions .search-button input { width: 200px; }

/* cart.html */

.cart-html { padding-bottom: 64px; }

.cart-html .items table { position: relative; width: 100%; }
.cart-html .items thead tr { background: #20B4C9; } /* background: #E8E5DE */
.cart-html .items th { border-bottom: 1px solid #E5E5E5; border-top: 1px solid #E5E5E5; color: #FFFFFF; font-size: 14px; font-weight: 700; padding: 20px 10px; text-align: right; text-transform: uppercase; white-space: nowrap; } /* color: #F63 */
.cart-html .items th:first-child { border-left: 1px solid #E5E5E5; }
.cart-html .items th:last-child { border-right: 1px solid #E5E5E5; }
.cart-html .items tbody tr { background: #FFF; }
.cart-html .items tbody tr { border-top: 1px solid #E8E5DE; }
.cart-html .items td { padding: 10px; }
.cart-html .items td:first-child { border-left: 1px solid #E8E5DE; }
.cart-html .items td:last-child { border-right: 1px solid #E8E5DE; }
.cart-html .items td.image { line-height: 100%; padding: 5px; text-align: center; vertical-align: middle; }
.cart-html .items td.image a { display: block; height: 100%; line-height: 100%; padding: 10px; vertical-align: middle; }
.cart-html .items td.details { width: 100%; vertical-align: middle; }
.cart-html .items td.details .design-error { font-size: 12px; }
.cart-html .items td.price,
.cart-html .items td.quantity,
.cart-html .items td.total-price { text-align: right; }
.cart-html .items td.total-price .to-quote { color: #999; line-height: 1.2em; }
.cart-html .items td.quantity input { font-size: 14px; padding: 5px; text-align: center; width: 60px; }

.cart-html .items tr.requests { border-top: none; }
.cart-html .items tr.requests textarea { width: 100%; }

.cart-html .items tfoot td { padding: 6px 10px; text-align: right; vertical-align: middle; }

.cart-html .items tr.total-cost { border-top: 1px solid #E8E5DE; }
.cart-html .items tr.total-cost label { font-size: 16px; }
.cart-html .items tr.total-cost span { font-size: 18px; font-weight: bold; }

.cart-html .items tr.payment td { padding-bottom: 12px; }

.cart-html .items tr.total { background: transparent; }
.cart-html .items tr.total td { border: none; border-top: 1px solid #E8E5DE; padding-top: 16px; }
.cart-html .items .total label { font-size: 22px; }
.cart-html .items .total span { color: #FF3425; font-size: 22px; font-weight: bold; } /* color: #F63 */
.cart-html .items .total span.to-quote { font-size: 16px; line-height: 1.2em; }

.cart-html .coupon { border-top: 1px dotted #E8E5DE; margin-top: 20px; padding: 20px 50% 20px 10px; } 
.cart-html .coupon label { color: #333; display: block; }
.cart-html .coupon .apply { display: table; }
.cart-html .coupon .apply > div:first-child { display: table-cell; padding-right: 5px; width: 100%; }
.cart-html .coupon .apply > div:last-child { display: table-cell; }
.cart-html .coupon .apply input[type="text"] { width: 100%; }
.cart-html .coupon .apply input[type="submit"] { background: #FFBA25; color: #484D46; line-height: 35px; margin: 8px 0; } /* background: #C5E3BF */

.cart-html .bottom-buttons { display: table; padding: 10px; width: 100%; }
.cart-html .bottom-buttons input { min-width: 180px; }
.cart-html .bottom-buttons > div { display: table-cell; }
.cart-html .continue-button input { background: #FFBA25; color: #484D46; } /* background: #C5E3BF */
.cart-html .update-button { padding-left: 10px; }
.cart-html .update-button input { background: #FFBA25; color: #484D46; } /* background: #E8E5DE */
.cart-html .checkout-button { text-align: right; width: 100%; }

/* checkout-(…).html */

.checkout header .cart { display: none; }

.checkout .main { padding: 0 10px 10px 10px; }

.checkout .steps { float: left; margin-top: 50px; width: 180px; }
.checkout .steps ol { cursor: default; counter-reset: li; margin-left: 2px; list-style: none; }
.checkout .steps li { color: #A0A0A0; font-size: 15px; font-weight: bold; height: 26px; line-height: 26px; margin: 12px 0 0 35px; position: relative; text-transform: uppercase; }
.checkout .steps li a { color: #A0A0A0; }
.checkout .steps li:before { background: #A0A0A0; color: #FFF; content: counter(li); counter-increment: li; left: -35px; position: absolute; text-align: center; top: 0; width: 26px; }
.checkout .steps li.current { color: #FF3425; } /* #F63 */
.checkout .steps li.current:before { background: #FF3425; } /* #F63 */

.checkout .content { margin-left: 180px; padding-left: 10px; }

.checkout form { margin-top: 20px; }

fieldset.form.methods label { background: #FFF; border: 1px solid #E8E8E8; border-bottom: none; color: #333; cursor: pointer; display: block; padding: 15px 0; position: relative; } /* solid #E8E5DE */
fieldset.form.methods label:first-of-type { border-top-left-radius: 5px; border-top-right-radius: 5px; }
fieldset.form.methods label:last-of-type { border-bottom: 1px solid #E8E8E8; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } /* solid #E8E5DE */
fieldset.form.methods .choice { bottom: 0; left: 0; margin: auto; position: absolute; top: 0; width: 50px; }
fieldset.form.methods .choice input { bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; }
fieldset.form.methods .name { color: #333; font-size: 16px; margin-left: 50px; padding-right: 15px; }
fieldset.form.methods .description { color: #666; margin-left: 50px; padding-right: 15px; }

.checkout textarea[name='requests'] { height: 100px; width: 100%; }

.checkout .ship-to-another-address { display: block; margin: 15px 0; padding: 5px; }
.checkout .accept-terms { display: block; margin: 15px 0; padding: 5px; }

.checkout .buttons { display: table; margin-top: 50px; margin-bottom: 20px; width: 100%; }
.checkout .button-go-back { display: table-cell; padding-right: 40px; }
.checkout .button-go-back input { background: #E8E8E8; color: #999; min-width: 180px; } /* background: #E8E5DE */
.checkout .button-continue,
.checkout .button-order { display: table-cell; text-align: right; }
.checkout .button-continue input { background: #FF3425; color: #FFF; min-width: 180px; } /* background: #F63 */
.checkout .button-order input,
.checkout .button-send-quote-request input { background: #FF3425; color: #FFF; width: 100%; } /* background: #F63 */

.order h2 { margin-bottom: 10px; }
.order .billing-address { float: left; padding-right: 10px; width: 407px; }
.order .billing-address .contact-address { margin-top: 10px; }
.order .shipping-address { float: right; padding-left: 10px; width: 407px; }

.checkout .items { clear: both; padding-top: 30px; }
.checkout .items table { width: 100%; }
.checkout .items th { border-bottom: 1px solid #E5E5E5; color: #FF3425; padding: 0 10px 10px 10px; font-size: 13px; font-weight: 700; text-align: right; text-transform: uppercase; } /* color: #F63 */
.checkout .items th.product { font-size: 15px; padding-left: 0; text-align: left; }
.checkout .items tbody tr { background: #FFF; }
.checkout .items td { padding: 10px; }
.checkout .items td:first-child { border-left: 1px solid #E8E5DE; }
.checkout .items td:last-child { border-right: 1px solid #E8E5DE; }
.checkout .items td.details { width: 100%; }
.checkout .items td.quantity-price { text-align: center; white-space: nowrap; }
.checkout .items td.total-price { text-align: right; white-space: nowrap; }
.checkout .items td.total-price .to-quote { color: #999; }
.checkout .items tbody tr { border-top: 1px solid #E8E5DE; }
.checkout .items tbody tr:last-child td { border-bottom: 1px solid #E5E5E5; }
.checkout .items tfoot tr { background: #F9F9F9; }
.checkout .items tfoot td { text-align: right; }
.checkout .items .total-cost label { font-size: 15px; font-weight: bold; }
.checkout .items .total-cost span { font-size: 15px; font-weight: bold; }
.checkout .items .total { background: none; }
.checkout .items .total td { border: none; border-top: 1px solid #E5E5E5; }
.checkout .items .total label { font-size: 20px; line-height: 33px; padding-top: 8px; }
.checkout .items .total span { color: #FF3425; font-size: 22px; font-weight: bold; padding-top: 10px; } /* color: #F63 */

.design-error { color: red; }

/* terms-of-service.html */

.modal .terms-of-service { background: #FFF; height: 100%; padding: 10px; }

/* contact-us.html */

@media screen and (min-width:768px) {
	.contact-us-html .contact-us { margin: 20px auto; max-width: 420px; }
}
.contact-us-html label { display: block; margin-top: 10px; }
.contact-us-html label input,
.contact-us-html label textarea { width: 100%; }
.contact-us-html label textarea { height: 200px; }
.contact-us-html .send-button input { background: #FFBA25; color: #FFF; margin-top: 20px; width: 100%; } /* background: #1E8DDA */

/* login.html */

@media screen and (min-width:768px) {
	.login-html .login { margin: 20px auto; max-width: 380px; }
}
.login-html label { display: block; margin-top: 10px; }
.login-html label input { width: 100%; }
.login-html .login-button input { background: #FFBA25; color: #FFF; margin-top: 20px; width: 100%; } /* background: #1E8DDA */
.login-html .remember-password { margin-top: 20px; text-align: center; }
.login-html .sign-up { margin-top: 10px; text-align: center; }

/* remember-password.html */

.remember-password-html body { padding: 10px; }
.remember-password-html .main { margin: 0 auto; max-width: 380px; }
.remember-password-html .status-message { min-height: 46px; }
.remember-password-html .email input { width: 100%; }
.remember-password-html .send-button input { background: #FFBA25; color: #FFF; margin-top: 20px; width: 100%; } /* background: #1E8DDA */

/* change-password.html */

.change-password-html body { padding: 10px; }
.change-password-html label { display: block; margin-top: 10px; }
.change-password-html label input { width: 100%; }
.change-password-html .change-password-button { margin: 40px 10px; text-align: center; }
.change-password-html .change-password-button input { min-width: 250px; }

/* sign-up-user.html, user-data.html */

.sign-up-user-html .main,
.user-data-html .main { margin-left: 220px; } 

.sign-up-user-html .main .sign-up-button,
.user-data-html .main .save-button { margin-top: 30px; text-align: center; }

.sign-up-user-html .main .sign-up-button input,
.user-data-html .main .save-button input { color: #FFF; background: #F63; min-width: 180px; }

fieldset.form { display: table; border: 0; margin: 0; margin-bottom: 15px; padding: 0; }
fieldset.form legend { color: #FF3425; font-size: 15px; font-weight: bold; margin-bottom: 10px; text-transform: uppercase; } /* color: #F63 */
fieldset.form > div { display: table-row; position: relative; }
fieldset.form > div > label { display: table-cell; font-size: 14px; padding: 6px 10px 6px 0; white-space: nowrap; }
fieldset.form > div > div { display: table-cell; padding: 6px 0 6px 1em; position: relative; width: 100%; }
fieldset.form input { max-width: 432px; }
fieldset.form .design-required { color: red; position: absolute; top: 13px; left: 0; }
fieldset.form .street input:first-of-type { border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
fieldset.form .street input:last-of-type { border-top: 1px solid #E9E9E9; border-top-left-radius: 0; border-top-right-radius: 0; display: block; margin-top: 0; }
fieldset.form .street .design-error { position: relative; top: 36px; }
fieldset.form .street .design-error ~ input:last-of-type { position: relative; top: -19px; }

/* share.html */

.share-html body { padding: 25px; }
.share-html .main { margin: 0 auto; max-width: 380px; }
.share-html label { color: #2980B9; display: block; margin-top: 15px; }
.share-html .share-sign-up-to-send { font-size: 13px; padding-bottom: 10px; text-align: center; }
.share-html .sender div { background: #F9F9F9; border: 1px solid #E8E5DE; border-radius: 4px; color: #6E6E6E; padding: 6px; width: 100%; }
.share-html .sender-name input,
.share-html .sender-email input,
.share-html .recipients textarea,
.share-html .message textarea { color: #6E6E6E; display: block; width: 100%; }
.share-html .recipients .recipients-note { color: #999; font-size: 12px; font-style: italic; }
.share-html .send-button input { background: #1E8DDA; color: #FFF; margin-top: 20px; width: 100%; }

/* documents.html */

.documents-html h2 { font-size: 18px; margin-bottom: 10px; margin-left: 11px; }
.documents-html p { margin-bottom: 20px; margin-left: 11px; }
.documents-html .documents { display: table; margin-bottom: 20px; width: 100%; }
.documents-html .documents .headers { background: #F9F9F9; display: table-row; }
.documents-html .documents .document { display: table-row; }
.documents-html .documents .headers > div { border-bottom: 1px solid #E5E5E5; border-top: 1px solid #E5E5E5; color: #F63; display: table-cell; font-size: 14px; font-weight: 700; text-transform: uppercase; padding: 20px 10px; }
.documents-html .documents .headers > div:first-child { border-left: 1px solid #E8E5DE; }
.documents-html .documents .headers > div:last-child { border-right: 1px solid #E8E5DE; }
.documents-html .documents .document { background: #FFF; }
.documents-html .documents .document > div { border-bottom: 1px solid #E6E6E6; display: table-cell; padding: 10px; }
.documents-html .documents .document > div:first-child { border-left: 1px solid #E8E5DE; }
.documents-html .documents .document > div:last-child { border-right: 1px solid #E8E5DE; }
html.design-no-touch .documents-html .documents .document:hover > div { background: #EEE; }
.documents-html .documents .document:last-child > div { border-bottom: 1px solid #E8E5DE; }
.documents-html .documents a { color: #6E6E6E; }
.documents-html .documents .total { text-align: right; }

/* view.html */

.view-html .main { margin: 20px auto; width: 800px; }
.view-html .buttons { margin-bottom: 20px; overflow: hidden; }
.view-html .buttons div { float: left; margin-right: 10px; }
.view-html .print-button input { background: #C5E3BF; color: #484D46; }
.view-html button { padding: 5px 20px; }
.view-html .document-frame { background-color: #FFF; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), 0 0 30px rgba(0, 0, 0, 0.1) inset; height: 800px; margin: 10px 0 20px 0; overflow: hidden; padding: 0; position: relative; }
.view-html .powered-by { text-align: center; }

/* blog.html */

.blog-html .post h2 { font-size: 18px; }
.blog-html .post .author-and-date { color: #888; margin-bottom: 10px; overflow: hidden; }
.blog-html .post .author { float: left; margin-right: 20px; }
.blog-html .post .date { float: left; }
.blog-html .post .image img { height: auto; width: 100%; }
.blog-html .post .summary { border-bottom: 1px solid #E8E5DE; margin: 15px 0 15px 0; padding-bottom: 15px; }

/* blog-post.html */

.blog-post-html .post h1 { margin-bottom: 5px; }
.blog-post-html .post h2 { color: #333; font-size: 26px; margin: 30px 0 22px 0; }
.blog-post-html .post .author-and-date { color: #888; margin-bottom: 10px; overflow: hidden; }
.blog-post-html .post .author { float: left; margin-right: 20px; }
.blog-post-html .post .date { float: left; }
.blog-post-html .post .image img { height: auto; margin-bottom: 30px; width: 100%; }
.blog-post-html .post .summary,
.blog-post-html .post .content { color: #444; font-size: 16px; margin: 0 30px 0 30px; }

/* footer */

footer { background: #20B4C9; color: #FFF; height: 150px; margin-top: 30px; padding-top: 20px; } /* background: #EEEAE3  NO COLOR height: 300px */
footer .footer-content { margin: 0 auto; max-width: 1024px; padding: 10px; }
footer .menu ul { list-style: none; overflow: hidden; }
footer .menu a { color: #6E6E6E; } 
html.design-no-touch footer .menu a:hover { color: #F63; }

footer .menu.vertical { float: left; width: 200px; }
footer .menu.vertical h3 { font-size: 13px; font-weight: bold; margin-bottom: 7px; }
footer .menu.vertical li { line-height: 14px; padding-bottom: 7px; }

footer .menu.horizontal { clear: left; padding: 30px 0; }
footer .menu.horizontal li { display: inline; float: left; }
footer .menu.horizontal li:before { color: #999; content: "–"; padding: 0 10px; }
footer .menu.horizontal li:first-child:before { content: ""; }

footer .footnote { font-size: 12px; margin: 20px 0; }

.powered-by { display: none; text-align: center; } /* NO DISPLAY */
.powered-by a { color: #777; font-size: 12px; }

.hidden {display: none; }

/* Rivenditori */

.regions-title { clear: both; margin: 30px auto 0; background: #20B4C9; text-color: #FFFFFF; text-align: center; max-width: 600px; }
.region-name { color: #FFFFFF; }
.reseller-entry { clear: both; margin: 0 auto; background: #ffffff; text-align: center; max-width: 600px; min-height: 140px; padding: 20px; border: 1px solid #20B4C9; border-top: none; }
.reseller-logo { float: left; margin-right: 20px; }
.reseller-info-tab { display: table; margin: 0 auto; min-height: 100px; }
.reseller-info { display: table-cell; text-align: center; vertical-align: middle; }

/* Categorie grafiche */

.graph-categories { display: block; clear: both; margin: 0 auto; background: #FFFFFF; max-width: 1000px; }
.graph-categories .category { float: left; width: 20%; }
.graph-categories .category .category-logo { display: block; }
.graph-categories .category .category-logo img { display: block; margin: 0 auto; max-width: 100px; height:auto; }
.graph-categories .category .category-name { text-align: center; margin-top: 20px; }
.graph-categories .category .category-name a { color: #FFF; }

/* snippet Shinystat */
a[href^="http://s6.shinystat.com/"] { display: block; text-align: center; padding: 5px; }

/* codice prodotto */
.product-html .details .product-code { color: #20B4C9; margin-bottom: 20px; }
