@import "colors";
.p-5{padding:5px;}
.GradientBg(@color1, @color2, @direction:bottom){ background: @color2; 
	background: -webkit-gradient( linear, center bottom, center top, from( @color1 ), to( @color2 ) ); /* For old Safari */
  background: -webkit-linear-gradient( @direction, @color1, @color2); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient( @direction, @color1, @color2); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient( @direction, @color1, @color2); /* For Firefox 3.6 to 15 */
  background: linear-gradient( to @direction, @color1, @color2); /* Standard syntax */
}

.GradientBgImage(@img, @color1, @color2, @direction:bottom){
  background: @color2;
  background-image: url(@img); /* fallback */
  background-image: url(@img), -webkit-gradient( linear, center bottom, center top, from( @color1 ), to( @color2 ) ); /* Saf4+, Chrome */
  background-image: url(@img), -webkit-linear-gradient( @direction, @color1, @color2 ); /* Chrome 10+, Saf5.1+ */
  background-image: url(@img), -moz-linear-gradient( @direction, @color1, @color2 ); /* FF3.6+ */
  background-image: url(@img), -o-linear-gradient( @direction, @color1, @color2 ); /* Opera 11.10+ */
  background-image: url(@img), linear-gradient( to @direction, @color1, @color2 ); /* W3C */
}



.shadowed() {
	filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#fff')";
	filter: url(#drop-shadow);
	-webkit-filter: drop-shadow(0px 0px 7px rgba(255,255,255,0.8));
	filter: drop-shadow(0px 0px 7px rgba(255,255,255,0.8));
}


.column(@columns){
	-moz-columns: @columns;
	-webkit-columns: @columns;
	columns: @columns;
}
.column-gap(@columns-gap){
	-moz-column-gap: @columns-gap;
	-webkit-column-gap: @columns-gap;
	column-gap: @columns-gap;
}

.basketButton(){ display: inline-block; padding: 10px 10px 10px 65px; color: e("#@{submitText}"); font-size: 14px; /*box-shadow: 4px 4px 0px e("#@{defaultBorder}");*/ .GradientBgImage("images/@{bodyIco}_@{bodyIcoSecond}_@{bodyIcoAccent}/btn_basket_ico.png", e("#@{submitBg}"), e("#@{submitBg}"), left ); background-position: left center; background-repeat: no-repeat; border: 1px solid e("#@{defaultBorder}");
	&:hover { background-color: e("#@{submitBgHover}"); text-decoration: none; /*box-shadow: 4px 4px 0px #bababa;*/ .GradientBgImage("images/@{bodyIcoAccent}_@{bodyIcoSecond}_@{bodyIco}/btn_basket_ico.png", e("#@{submitBgHover}"), e("#@{submitBgHover}"), left ); background-position: left center; background-repeat: no-repeat; border-color: e("#@{defaultBorder}"); }
}
.availableButton(){ display: inline-block; padding: 10px 10px 10px 10px; color: e("#@{submitText}"); font-size: 14px; /*box-shadow: 4px 4px 0px e("#@{defaultBorder}");*/ .GradientBg( e("#@{availableBg}"), e("#@{availableBgHover}"), left );
	&:hover { background-color: e("#@{availableBgHover}"); text-decoration: none; /*box-shadow: 4px 4px 0px #bababa;*/ .GradientBg( e("#@{availableBgHover}"), e("#@{availableBgHover}"), left ); }
}
.compareButton(){ display: inline-block; padding: 0 10px 0 14px; color: e("#@{submitText}"); font-size: 14px; .GradientBg( e("#@{submitBg}"), e("#@{submitBgHover}"), left ); background-position: 2px center; background-repeat: no-repeat;
	&:hover { background-color: e("#@{submitBgHover}"); text-decoration: none; .GradientBg(e("#@{submitBgHover}"), e("#@{submitBgHover}"), left ); background-position: 2px center; background-repeat: no-repeat; }
}
.productsPhoto(){ position: relative; height: 190px; width: 190px;
	.promo {top:10px; color:e("#@{productsPromoText}"); font-size:10px; font-weight:bold; height:12px; line-height:normal; padding:10px 5px; position:absolute; right:0px; text-align:right; text-transform:uppercase;/* min-width:85px;*/ }
	.discount {padding-left: 32px; background: e("#@{salePromoBg}") url( "images/@{productsPromoText}_@{salePromoBg}_@{productsPromoText}/clock_small.png" ) 5px center no-repeat; }
}

/* reset display */
address, article, aside, blockquote, body, center, dd, div, dl, dt, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, listing, main, menu, nav, ol, p, plaintext, pre, section, ul { display: block; }
table { display: table; }
caption { display: table-caption; }
tr { display: table-row; }
col { display: table-column; }
colgroup { display: table-column-group; }
tbody { display: table-row-group; }
thead { display: table-header-group; }
tfoot { display: table-footer-group; }
td, th { display: table-cell; }
li { display: list-item; }
frameset { display: block !important; }
marquee { display: inline-block; }

fieldset {border: none;}
ul, ol {list-style-position: inside;}


html, body { background-color: e("#@{bodyBg}"); font-family: "Verdana", sans-serif; font-size: 11px; margin: 0; padding: 0;}	

.clear { clear: both;}
.admin {opacity: 0.5; filter: alpha(opacity=50);}
.admin .admin {opacity: 1.0; filter: alpha(opacity=100);}

a { color: e("#@{linkText}"); text-decoration: none;
	&:hover { color: e("#@{linkTextHover}"); text-decoration: underline; }
}
.skiplink { position: absolute; top: -500px; left: 0px; overflow: hidden; }

h1, h2, h3, h4, h5, h6 { text-align: left; font-weight: bold; margin: 10px 0; padding: 0; }
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 13px; }
h5 { font-size: 13px; }
h6 { font-size: 13px; }

p, figcaption { margin: 11px 0; }


select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}
select::-ms-expand {
    display: none;
}

input[type="text"], input[type="tel"], input[type="password"], input[type="phone"], input[type="email"], select { border: 1px solid e("#@{defaultBorder}"); border-radius: 0; background-color: e("#@{inputBg}"); color: e("#@{inputText}");
	&[disabled] { background-color: e("#@{inputBgDisabled}"); color: e("#@{inputTextDisabled}"); }
}
select option { z-index:1; }

label { display: inline-block; margin: 6px 0 0 10px; vertical-align: top; }
/*input {box-shadow: 2px 2px 5px e("#@{inputBorder}");}*/
input[type="text"], input[type="password"], input[type="tel"],  input[type="phone"], input[type="email"] { width: 200px; margin: 8px; padding: 8px; /*box-shadow: 2px 2px 5px e("#@{inputBorder}");*/ }
input[type="checkbox"] {margin: 8px auto;}
textarea { width: 200px; height: 150px; margin: 8px; padding: 8px; /* box-shadow: 2px 2px 5px e("#@{inputBorder}");*/ }
select { width: 218px; margin: 8px; padding: 7px; background: e("#@{inputBg}") url("images/@{inputText}/select.png") no-repeat ~"calc(100% - 5px)" 18px; /* box-shadow: 2px 2px 5px e("#@{inputBorder}"); */
	&:disabled {background-image: url("images/@{inputBgDisabled}/select.png");}
}

input[type="checkbox"].validation-error + label {color: e("#@{wrong}"); 
	* {color: e("#@{wrong}");}
}
.validation-error {border:1px e("#@{wrong}") solid !important; color:e("#@{wrong}"); margin:5px; padding: 5px;}

.submit-styled { padding: 0 25px; background: e("#@{submitBg}"); color:e("#@{submitText}"); display:inline-block; text-decoration:none; text-align:center; outline:none; border:1px solid e("#@{submitBorder}"); cursor:pointer; font-weight:normal; text-transform: uppercase; letter-spacing: 1px; /*margin: 15px 39px 3px 0 !important;*/ min-height: 32px; line-height: 30px; vertical-align: middle; box-sizing: content-box;
	&:hover, &:focus {background:e("#@{submitBgHover}"); border:1px solid e("#@{submitBorderHover}"); text-decoration:none; color:e("#@{submitTextHover}");}
}


#compare-wrapper {display:block; clear: left; width:100%; background-color:e("#@{bodyBg}"); }
#compare-head{
	#logo {margin:10px 0 10px 10px; }
	.navi-actions {border: none; width: 100%; float: none; text-align: left; margin: 0; padding: 0;}
}
body.compare #error {margin-top:85px; }

#compare {text-align:center; margin:10px; border:1px solid e("#@{defaultBorder}"); padding:10px;
	tr:hover td, tr:hover th {background-color:e("#@{compareBgHover}"); }
	tr.delete:hover td, tr.delete:hover th , tr.name:hover td, tr.name:hover th , tr.photo:hover td, tr.photo:hover th {background-color:transparent; }
	tr.name td {font-weight:bold; }
	th {width:200px; padding:5px; text-align:right; vertical-align:top; border-bottom:1px solid e("#@{defaultBorder}"); color:e("#@{compareText}"); font-weight:bold;}
	td {min-width:170px; max-width:200px; padding:5px; vertical-align:top; border-bottom:1px solid e("#@{defaultBorder}"); border-left:1px solid e("#@{defaultBorder}"); color:e("#@{compareText}"); 
		a.basket {.basketButton();}
		p.available {.availableButton(); margin: 0;
			a {color: e("#@{submitText}");}
		}
	}
	.photo img {max-width:120px; }
}

#newsletter_colorbox {position:relative; width:650px; max-width: 650px; height: 380px;
	img.logo {position: absolute; left: 25px; top: 25px;}
	p#p1 {position: absolute; left: 120px; top: 110px; color: e("#@{popupNewsletter}"); font-size: 18px;}
	p#p2 {position: absolute; left: 170px; top: 138px; color: e("#@{popupNewsletter}"); font-size: 24px; font-weight: bold;}
	p#p3 {position: absolute; left: 120px; top: 175px; color: e("#@{popupNewsletter}"); font-size: 18px;}
	form {
		input[type="email"] {position: absolute; left: 125px; top: 245px; width: 270px; height: 20px; padding: 4px 7px; background-color: white; border: 1px solid e("#@{popupNewsletter}"); margin-top: 0;}
		input[type="submit"] {position: absolute; left: 420px; top: 245px; height: 30px; width: 110px; background-color: e("#@{popupNewsletter}"); border: 1px solid e("#@{popupNewsletter}"); color: white;}
	}
	a#newsletter_not_now {position: absolute; top: 20px; right: 45px; display: block; width: 105px; height: 25px; border: 1px solid e("#@{popupNewsletterBorder}"); background-color: e("#@{popupNewsletterBg}"); color: e("#@{popupNewsletterText}"); text-align: center; vertical-align: middle; line-height: 25px;}
	a#newsletter_no {position: absolute; top: 20px; right: 155px; display: block; width: 105px; height: 25px; border: 1px solid e("#@{popupNewsletterBorder}"); background-color: e("#@{popupNewsletterBg}"); color: e("#@{popupNewsletterText}"); text-align: center; vertical-align: middle; line-height: 25px;}
}

#cboxContent {
	form.form-styled {
		.buttons {text-align: right; padding-right: 10px;}
	}
}

#container header{
	div.user-tools{ display: inline-block; width: 85px; vertical-align: middle; position: relative; text-align: center;
//		&.ico { width: 100px; }
		span{ /*line-height: 20px;*/ }
		& > a{ color: e("#@{bodyLinkText}"); /*line-height: 35px;*/ display: inline-block; /*min-height: 35px;*/ font-size: 10px;  padding: 40px 3px 3px; height: 28px;
			&:hover{ color: e("#@{bodyLinkTextHover}"); }
			&#basket-ico{ background: url("images/@{bodyIco}_@{bodyIcoSecond}_@{bodyIcoAccent}/ico_basket.png") no-repeat center 5px transparent; }
			&#basket-ico:hover{ background: url("images/@{bodyIcoAccent}_@{bodyIcoSecond}_@{bodyIco}/ico_basket.png") no-repeat center 5px transparent; }
			&#storage-ico{ background: url("images/@{bodyIco}_@{bodyIcoSecond}_@{bodyIcoAccent}/ico_storage.png") no-repeat center 5px transparent; }
			&#storage-ico:hover{ background: url("images/@{bodyIcoAccent}_@{bodyIcoSecond}_@{bodyIco}/ico_storage.png") no-repeat center 5px transparent; }
			&#login-ico, &#login-link { background: url("images/@{bodyIco}_@{bodyIcoSecond}_@{bodyIcoAccent}/ico_login.png") no-repeat center 5px transparent; }
			&#login-ico:hover, &#login-link:hover { background: url("images/@{bodyIcoAccent}_@{bodyIcoSecond}_@{bodyIco}/ico_login.png") no-repeat center 5px transparent; }
			&#start-link{ background: url("images/@{bodyIco}_@{bodyIcoSecond}_@{bodyIcoAccent}/ico_start.png") no-repeat center 5px transparent; }
			&#start-link:hover{ background: url("images/@{bodyIcoAccent}_@{bodyIcoSecond}_@{bodyIco}/ico_start.png") no-repeat center 5px transparent; }
			&#search-ico{ background: url("images/@{bodyIco}_@{bodyIcoSecond}_@{bodyIcoAccent}/submit_search.png") no-repeat center 5px transparent; }
			&#search-ico:hover{ background: url("images/@{bodyIcoAccent}_@{bodyIcoSecond}_@{bodyIco}/submit_search.png") no-repeat center 5px transparent; }
			&#mobile-menu-link { background: url("images/@{bodyIco}_@{bodyIco}_@{bodyIcoAccent}/ico_menu.png") no-repeat scroll center 5px; }
			&#mobile-menu-link:hover { background: url("images/@{bodyIcoAccent}_@{bodyIcoAccent}_@{bodyIco}/ico_menu.png") no-repeat scroll center 5px; }

			.ico_info { display: block; position: absolute; top: 0; left: 45px; background-color: e("#@{bodyIcoInfoBg}"); color: e("#@{bodyIcoInfoText}"); border: 1px solid e("#@{bodyIcoInfoBorder}"); border-radius: 15px; min-width: 10px; padding: 3px 5px; text-align: center; }
			.ico_info[value="0"] { display: none; }
		}
	}
	form {display: inline-block; margin: 10px 0 0 0;
		fieldset.search-form { width: 100%; max-width: 600px; display: inline-block; vertical-align: middle; padding: 0; margin: 0;
			.search_input { width: calc(~"100% - 70px"); color:e("#@{bodyText}"); }
			.submit { vertical-align:middle; background: transparent url("images/@{bodyIco}_@{bodyIcoSecond}_@{bodyIcoAccent}/submit_search.png"); width: 28px; height: 30px; display: inline-block; cursor: pointer; border: none; box-shadow: none;}
			.submit:hover { vertical-align:middle; background: transparent url("images/@{bodyIcoAccent}_@{bodyIcoSecond}_@{bodyIco}/submit_search.png"); width: 28px; height: 30px; display: inline-block; cursor: pointer; border: none; box-shadow: none;}
		}
	}
}
#container {width:100%; text-align:justify; background-color:e("#@{containerBg}");
	header {width:100%; margin:0 auto; background-color: e("#@{bodyBg}"); padding-top: 100px; position: static;
		#head1-wrapper {background: transparent url("images/aaaaaa/head_shadow.png") no-repeat scroll center bottom; position: fixed; top: 0; left: 0; right: 0; z-index: 899; padding-bottom: 8px; height: 85px; }
		#wrapper {width: 100%; background-color: rgba( 255, 255, 255, 1 ); }
		#head1 {margin:0 auto; vertical-align: middle; text-align:center; height: 85px; width: 90%; max-width: 1300px;
			#logo {float:left; position:relative; text-align:left; width: 250px; height: 75px; text-align: center; line-height: 75px; margin: 5px; line-height: initial; vertical-align: middle;
				a {
					img { max-width: 250px; max-height: 75px; }
				}
			}
			ul#login-tool {background-color: e("#@{bodyBg}"); border: 1px solid e("#@{defaultBorder}"); line-height: initial; padding: 10px; position: absolute; top: 30px; right: 15px; min-width: 500px; z-index: 1; box-shadow: 0 0 15px e("#@{productsShadow}");
				li {display: inline-block; list-style: outside none none; padding: 2px 0; text-align: center; width: 24%; vertical-align: top; line-height: initial;
					a {display: inline; line-height: initial;
						img {display: block; clear: both; margin: 0 auto;}
					}
				}
				a.rule-expand {display: inline-block; line-height: initial; margin: 6px 0 0 2px; min-height: initial; vertical-align: top; width: 40px; text-align: left;}
				#menu-form-register {
					a#menu-generate {vertical-align: middle; display: inline-block; display: inline-block; background: url( "images/@{bodyIco}_@{bodyIcoSecond}_@{bodyIcoAccent}/random.png" ) no-repeat center center transparent; width: 32px; height: 32px; }
					label {
						&.short {width: 300px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
						&.long {overflow: initial; text-overflow: initial; white-space: initial;}
						a {line-height: normal; min-height: initial;}
					}
				}
				th {width: 100px; text-align: right;}
				td { text-align: left;
					#menu-register-password { width: 154px; }
					&.buttons { text-align: right; }
				}
				table {
					th {
						label {margin: 0;}
					}
					input#menu-login {/*float: right; margin-right: 39px;*/ margin-top: 15px; /*box-shadow: 2px 2px 5px e("#@{inputBorder}");*/}
				}
			}
			form.search-form{ max-width: 600px; width: calc(~"100% - 690px");
				@media screen and (max-width: 989px){ /* tablet i mobile */
					#search_quick { width: 490px;
						ul.products{ border: none; }
					}
				}
				@media screen and (min-width: 990px){ /* desktop */
					#search_quick { width: 800px; display: inline-table;
						ul.products{ border-right: 1px solid #ccc; }
					}
				}
				#search_quick { z-index: 999; left: 10px; position: absolute; top: 80px; background-color: e("#@{containerBg}"); border: 1px solid e("#@{defaultBorder}"); box-shadow: 0px 0px 4px e("#@{defaultBorder}"); padding: 10px; left: 0; right: 0; margin: 0 auto;
					ul {text-align: left; list-style: none; margin: 10px; padding: 0 0 10px 0; width: 270px; float: right; clear: right;
						&.products {float: left; width: 450px; padding-right: 20px;
							li {border-bottom: 1px solid e("#@{defaultBorder}"); padding-bottom: 2px; margin-bottom: 2px; height:50px; overflow: hidden;}
						}
						li {margin: 0 0 9px 0; display: block;
							&.head {font-weight:bold; border-bottom: 1px solid e("#@{defaultBorder}"); padding-bottom: 3px; margin-bottom: 8px; font-size: 14px;}
							img {vertical-align: middle; display: inline-block;}
							a strong { color: e("#@{bodyText}"); }
						}
					}
				}
			}
		}
		#mobile-menu{ width: 90%; margin:0 auto; padding: 0; max-width: 500px;
			&.hide{ display: none; }
			
			
			
			#lang-select { width: 100%; }
			
			ul { padding: 0; list-style-type: none;
				h2 { text-transform: uppercase; width: 100%; text-align: center; margin: 20px auto 10px; border-bottom: 1px solid e('#@{menu3Break}'); clear: both; font-size: 16px; }
				li:first-of-type hr { display: none; }
				hr { width: 100%; text-align: center; margin: 25px auto; border-bottom: 5px solid e('#@{defaultBorder}'); border-top:none; clear: both; border-left: none; border-right: none; }
				ul.menu { width: 100%; margin: 0 auto; padding: 0; text-align: left;
					li { display: block; padding: 0; margin: 10px 0; border-left: 2px solid #ff8400;
						a {/*color: e("#@{TextButtonMobile}");*/ width: calc( ~"100% - 16px" ); display: inline-block; /*background-color: e('#@{bgMenuMobile}');*/ padding: 4px 2px 4px 12px; text-align: /*center*/ left; font-weight: bold; font-size: 14px; /*text-transform: uppercase; letter-spacing: 1px; line-height: 21px; vertical-align: top;*/
							&:hover, &.selected { text-decoration: none; color: e('#@{bgButtonMobile}'); background-color: e('#@{TextButtonMobile}'); }
						}
					}
					ul.submenu { display: none; }
					li.selected > ul.submenu, li.parent > ul.submenu { display: block; }
					li.haschildren > a { width: calc( ~"100% - 60px" );
						&.more { height: 17px; width: 17px; padding: 0px; line-height: 17px; vertical-align: top; background: transparent url( "images/@{bodyIco}_@{bodyIcoSecond}_@{bodyIcoAccent}/ico_arrow_more.png" ) no-repeat center center;
							&:hover { background-image: url( "images/@{bodyIcoAccent}_@{bodyIcoSecond}_@{bodyIco}/ico_arrow_more.png" ); }
						}
					}
					ul.sub1 { margin-left: 5px;
						li {
							a {/*background-color: e("#@{bgMenuMobileSub1}");*/
								&:hover { text-decoration: none; /*color: e("#@{bgButtonMobile}"); background-color: e("#@{TextButtonMobile}");*/ }
							}
						}
					}
					ul.sub2 { margin-left: 5px;
						li {
							a {/*background-color: e("#@{bgMenuMobileSub2}");*/
								&:hover { text-decoration: none; /*color: e("#@{bgButtonMobile}"); background-color: e("#@{TextButtonMobile}");*/ }
							}
						}
					}
					ul.sub3 { margin-left: 5px;
						li {
							a {/*background-color: e("#@{bgMenuMobileSub3}");*/
								&:hover { text-decoration: none; /*color: e("#@{bgButtonMobile}"); background-color: e("#@{TextButtonMobile}");*/ }
							}
						}
					}
				}
			}
		}
	}
	#lang-select {padding:0; border:0; width: 70px; text-align: center; float: right;
		#lang-select-options { width: 50px; }
	}

	#menu3_nav { color:e("#@{menu3Text}"); text-align: left; max-width: 1300px; padding: 0 45px; margin: 0 auto;
		#menu3 { list-style-type:none; font-size:14px; margin: 5px auto; padding: 0;
			
			li { display:inline-block; margin-right:3px; position: relative;
				ul{ display:none; box-shadow: 2px 2px 5px #dbdbdb; }
				&:hover ul{ display:block; position:absolute; left: 0; top: 37px; background-color:e("#@{menu3Bg}"); padding: 0; width: 300px; z-index: 891; }
				ul li, ul li a{ display: block; margin: 0; }
			}
			& > li > a { display:block; text-decoration:none; padding:11px 15px 6px; border-bottom: 3px solid e("#@{menu3BgHover}"); background-color:transparent; transition: background-color 0.4s, color 0.4s; -webkit-transition: background-color 0.4s, color 0.4s; -o-transition: background-color 0.4s, color 0.4s; -moz-transition: background-color 0.4s, color 0.4s; }
			li > ul > li { margin: 4px 2px 4px 2px; }
			li > ul > li > a {display:block; text-decoration:none; padding:5px 10px 5px 7px; border-left: 3px solid e("#@{menu3BgHover}"); background-color:transparent; font-size: 12px; transition: background-color 0.4s, color 0.4s; -webkit-transition: background-color 0.4s, color 0.4s; -o-transition: background-color 0.4s, color 0.4s; -moz-transition: background-color 0.4s, color 0.4s; }
			a.selected, a:hover, li:hover > a {text-decoration:none; background-color:e("#@{menu3BgHover}"); color:e("#@{menu3TextHover}"); }
		}
	}

	#main_container {clear: both;}
	#main{ background-color: e("#@{mainBg}"); padding: 10px;
		#column{ width:280px; float:left; font-size: 11px;
			& > * { margin: 0 0 10px; }
			#menu4 { list-style-type:none; padding:10px 0; font-size:13px; text-align:left; .GradientBg( e("#@{menu4BgLeft}"), e("#@{menu4BgRight}"), right );
				a{ text-decoration:none; color:e("#@{menu4Text}"); display:block; transition: background-color 0.4s, color 0.4s; -webkit-transition: background-color 0.4s, color 0.4s; -o-transition: background-color 0.4s, color 0.4s; -moz-transition: background-color 0.4s, color 0.4s;
					&.selected, &:hover { color:e("#@{menu4TextHover}"); }
				}
				li.parent{ }
				&>li.parent>a{ text-decoration:none; color:e("#@{menu4TextHover}"); font-weight:normal; background-color: e("#@{menu4BgHover}"); }
				&>li{ border-bottom:1px dotted e("#@{menu4Break}"); margin:0 10px; padding:2px 0;
					&>a{ overflow:hidden; margin:0; padding:5px 0px 5px 10px;
						&.selected, &:hover{ background-color:e("#@{menu4BgHover}"); }
					}
				}
				ul {padding:5px 5px 5px 15px; list-style-type: none;
					a {padding:3px 0; }
					ul {padding-left:15px; }
				}
				span.products-count {font-size:9px; }
			}

			#google_translate_element{ text-align: center; }

			#filter_content { width:100%; }

			h5 { margin: 0; color:e("#@{columnHeaderText}"); text-transform:uppercase; position:static; padding:10px; /*box-shadow: 0 3px 2px e("#@{columnHeaderShadow}");*/ .GradientBg( e("#@{columnHeaderBgRB}"), e("#@{columnHeaderBgTL}"), left top ); }
					
			p { font-size: inherit; }
			ul{ font-size: inherit; }
			a{ font-size: inherit; }
			.box-no-header { width: 100%; }
			div.box { width: 100%; clear: both; position: relative; padding: 0 0 20px 0;  
				p { margin: 3px 13px 3px 3px; }
				.files-list { padding: 0; list-style-type: none; }
				.images-gallery figure { margin: 5px auto; }
				.audio-list, .video-list { padding: 0; list-style-type: none;
					audio, video { max-width: 100%; }
				}
				.comments{ list-style-type: none; padding: 0;
					li { border-bottom: 1px solid e("#@{defaultBorder}"); padding: 0 10px;
						p.comment-content { font-style: italic; }
						p.comment-author { font-style: italic; text-align: right;
							.date { color: e("#@{contentDetailsText}"); }
						}
					}
				}
				.forum_topics{ padding: 0 10px 0 20px; list-style-position: outside;
					a{ color: e("#@{contentLinkText}");
						&:hover{ color: e("#@{contentLinkTextHover}"); }
					}
				}
			}
			.poll { padding: 0; border-bottom: none; border: none; color: e("#@{pollText}");
				h6 { }
				.poll_options, .poll_results { width: 100%;
					p { font-style: normal; }
				}
			}
			
			.pack_as_gift_box { background: transparent url( 'images/pack_as_gift.png' ) no-repeat top left; display: block; height: 22px; width: 208px; padding: 16px 70px 18px 2px; text-align: center; font-size: 15px; color: #ff8000; font-style: italic;
				strong { color: #ff0000; }
			}
			
			div.banner {text-align: center;}
			
		}
		#content {
			#page, #product {
				h1, h2, h3, h4, h5, h6 {color:e("#@{mainHeader}"); padding:0 0 3px 0px; margin:10px 0px 5px; width: 100%; overflow: hidden; }
				h1 { border-bottom:1px solid e("#@{mainHeaderBreak}"); }
				/*h2, */h3, h4, h5, h6 { border-bottom:1px dotted e("#@{mainHeaderBreak}"); }

				.cb_message{ border: 3px solid e("#@{info}"); text-align: left;
					h1 { color: e("#@{info}"); border: none; margin: 0 0 10px; }
				}
				a.more{ text-align: right; color: e("#@{contentLinkText}"); display: block; border-top: 1px dotted e("#@{defaultBorder}"); padding-top: 5px; margin-top: 5px;
					&.ext_subpages { margin-left: 10px; margin-right: 10px; width: auto; }
					&:hover, &:active, &:focus { color: e("#@{contentLinkTextHover}"); }
				}
				#breadcrumb { text-align:left; margin: 0 0 5px 0; font-size:10px; color: e("#@{breadcrumbText}");
					&>span { position:relative; min-height:12px; display:inline-block; z-index: 890; 
						div.breadcrumb-pages{ position:absolute; left:0; top:12px; min-width:200px; min-height:14px; background-color:e("#@{breadcrumbBg}"); display:block; border:1px solid e("#@{breadcrumbBorder}"); padding:10px; z-index:1001; 
							strong a{ font-weight:bold; display:block; margin-bottom:10px; margin-top:0; }
							ul{ list-style-type: none; padding: 0; margin: 0;
								a{ display:block; margin-top:3px; }
							}
						}
					}
					span:hover > a, a:hover { color:e("#@{breadcrumbTextHover}"); }
				}

				.description, #user-orders-container { 
					.column-gap( 20px );
					a { color: e("#@{contentLinkText}");
						&:hover { color: e("#@{contentLinkTextHover}"); }
					}
					
					ul, ol { list-style-position: outside; padding: 5px 0 5px 20px; }
					table{ border-collapse: collapse; width: 100%; max-width: 100% !important;
						thead, tfoot { tr { td, th { background-color: e("#@{tableHeadFootBg}"); } } }
						tr:nth-child(2n) { td, th { background-color: e("#@{tableAlternateBg}"); } }
						td, th { border: 1px solid e("#@{tableBorder}"); padding: 4px; }
					}
					iframe { max-width: 100%; }
					img { max-width: 100% !important; height: auto !important; }
				}
				.comments { list-style-type: none; padding: 0;
					li { border-bottom: 1px solid e("#@{defaultBorder}"); padding: 0 10px;
						p.comment-content { font-style: italic; }
						p.comment-author { font-style: italic; text-align: right;
							.date { color: e("#@{contentDetailsText}"); }
						}
					}
				}
				.comment{
					table { width: 100%;
						th { width: 150px; }
						td {
							input[type="text"], textarea { width: 100%; }
						}
					}
				}
				.poll_options{ margin: 20px;
					ul{ padding: 0; list-style-type: none; }
				}
				form{
					&#order-register {
						table {min-width: 65%;}
					}
					input[type="checkbox"].validation-error + label {color: e("#@{wrong}"); 
						* {color: e("#@{wrong}");}
					}
					.validation-error {border:1px e("#@{wrong}") solid; color:e("#@{wrong}");}
					table{ margin: 0 auto;
						th { text-align: right; width: 200px; 
							label { margin: 0 0 0 0; }
						}
						td {width: 265px;
							label { display: inline-block; margin: 0px 0 0 0px; vertical-align: top; /*width: 240px;*/}
							/*input, a.submit {box-shadow: 2px 2px 5px e("#@{inputBorder}");
								&:focus, &:hover {box-shadow: 2px 2px 5px e("#@{inputBorderHover}");}
							}*/
							input[type="text"], input[type="password"], input[type="tel"] { width: 200px; margin: 8px; padding: 8px;
								&:focus, &:hover { border-color: #bababa; }
							}
							input[type="checkbox"] {margin: 8px auto;}
							textarea { width: 200px; height: 150px; margin: 8px; padding: 8px; /*box-shadow: 2px 2px 5px e("#@{inputBorder}");*/
								&:focus, &:hover {/*box-shadow: 2px 2px 5px e("#@{inputBorderHover}");*/}
							}
							select { width: 218px; margin: 8px; padding: 8px; background: url("images/@{inputText}/select.png") no-repeat ~"calc(100% - 5px)" 20px transparent; /*box-shadow: 2px 2px 5px e("#@{inputBorder}");*/
								&:focus, &:hover {/*box-shadow: 2px 2px 5px e("#@{inputBorderHover}");*/}
							}
						}
						#rules td label, #rules2 td label, #newsletter td label { width: calc( ~"100% - 30px" ); text-align: justify;}
					}
					input.submit { margin: 3px auto; display: block; }
					&#profile-form, &#login-form, &#remind-form, &.custom-form {
						input.submit { margin-top: 15px; margin-right: 39px; }
					}
					&#profile-form table th { width: 150px; }
					&#register-form { input.submit { margin-top: 15px; margin-right: 43px; } }
					&#search-page-form {text-align: left;
						input[type="text"] {max-width: 80%;}
						select {max-width: 90%;}
						/*&[max-width^="415px"] > div { width: ~"calc( 100% )"; }
						&[max-width^="623px"] > div { width: ~"calc( 100% / 2 - 6px )"; }
						&[max-width^="831px"] > div { width: ~"calc( 100% / 3 - 6px )"; }
						&[max-width^="1039px"] > div { width: ~"calc( 100% / 4 - 6px )"; }
						&[max-width^="1247px"] > div { width: ~"calc( 100% / 5 - 6px )"; }
						&[min-width="1248px"] > div { width: ~"calc( 100% / 5 - 6px )"; }*/

						&.resize415 > div, &.resize415 > .adv > div.catalog-number, &.resize415 > .adv > div.index{ width: ~"calc( 100% - 6px )"; max-width: ~"calc( 100% - 10px )";}
						&.resize623 > div, &.resize623 > .adv > div.catalog-number, &.resize623 > .adv > div.index{ width: ~"calc( 100% / 2 - 6px )"; max-width: ~"calc( 100% / 2 - 6px )";}
						&.resize831 > div, &.resize831 > .adv > div.catalog-number, &.resize831 > .adv > div.index{ width: ~"calc( 100% / 3 - 6px )"; max-width: ~"calc( 100% / 3 - 6px )";}
						&.resize1039 > div, &.resize1039 > .adv > div.catalog-number, &.resize1039 > .adv > div.index{ width: ~"calc( 100% / 4 - 6px )"; max-width: ~"calc( 100% / 4 - 6px )";}
						&.resize1247 > div, &.resize1247 > .adv > div.catalog-number, &.resize1247 > .adv > div.index{ width: ~"calc( 100% / 5 - 6px )"; max-width: 304px;}
						&.resize1248 > div, &.resize1248 > .adv > div.catalog-number, &.resize1248 > .adv > div.index{ width: ~"calc( 100% / 6 - 6px )"; max-width: 304px;}
						
						div.attributes {
							/*&[max-width^="415px"] > div { width: ~"calc( 100% )"; }
							&[max-width^="623px"] > div { width: ~"calc( 100% / 2 - 6px )"; }
							&[max-width^="831px"] > div { width: ~"calc( 100% / 3 - 6px )"; }
							&[max-width^="1039px"] > div { width: ~"calc( 100% / 4 - 6px )"; }
							&[max-width^="1247px"] > div { width: ~"calc( 100% / 5 - 6px )"; }
							&[min-width="1248px"] > div { width: ~"calc( 100% / 5 - 6px )"; }*/
							&.resize415 > div{ width: ~"calc( 100% - 10px )"; max-width: ~"calc( 100% - 10px )";}
							&.resize623 > div{ width: ~"calc( 100% / 2 - 6px )"; max-width: ~"calc( 100% / 2 - 6px )";}
							&.resize831 > div{ width: ~"calc( 100% / 3 - 6px )"; max-width: ~"calc( 100% / 3 - 6px )";}
							&.resize1039 > div{ width: ~"calc( 100% / 4 - 6px )"; max-width: ~"calc( 100% / 4 - 6px )";}
							&.resize1247 > div{ width: ~"calc( 100% / 5 - 6px )"; max-width: 304px;}
							&.resize1248 > div{ width: ~"calc( 100% / 6 - 6px )"; max-width: 304px;}
						}
						div {display: inline-block; vertical-align: middle;
							&.adv {clear: both; width: 100%; max-width: 100%;
							}
							&.search-full {display: none;}
							label {width: 100%;}
						}
						div.submit-c {clear: both; width: 97%;
							input {margin: 25px auto 3px auto;}
						}
					}
				}
				article.subpage{ margin: 10px; float: left;
					@media screen and (min-width: 701px){ /* desktop + tablet */
						&.column1 { width: ~"calc( 100% - 20px )"; }
						&.column2 { width: ~"calc( 100% / 2 - 20px )"; }
						&.column3 { width: ~"calc( 100% / 3 - 20px )"; }
					}
					@media screen and (min-width: 701px) and (max-width: 1199px) { /* w�ski desktop + tablet */
						&.column3 .photo { float: none; margin: 5px auto; }
					}
					@media screen and (max-width: 700px){
						&{ width: ~"calc( 100% - 20px )"; clear: both; }
					}
					.date{ color: e("#@{contentDetailsText}"); }
					.photo{ width: 100px; height: 100px; float: left; margin: 5px 10px; }
					a { color: e("#@{contentLinkText}");
						&:hover, &:active, &:focus { color: e("#@{contentLinkTextHover}"); }
					}
				}
				.subpages-gallery{ text-align: center;
					figure.photo { width: 150px; display: inline-block; vertical-align: top; }
				}
				.subpages-list{ list-style-position: outside; padding-left: 25px;
					li{ font-size: 12px; margin-bottom: 5px; }
				}
				article.subpage h3 a, .subpages-gallery a, .subpages-list a { color:  e("#@{subpagesHeaderText}"); 
					&:hover { color: e("#@{subpagesHeaderTextHover}"); }
				}
				
				.images-gallery{ text-align: center;
					.photo { display: inline-block; vertical-align: top; margin: 15px; overflow: hidden; }
				}
				.files-list{ list-style-type: none; padding: 0;
					img { vertical-align: middle; }
				}
				.audio-list{ list-style-type: none; padding: 0;
					audio{ width: 100%; }
				}
				.video-list{ list-style-type: none; padding: 0;
					video{ width: 100%; }
				}
				.submit { padding: 0 25px; background: e("#@{submitBg}"); color:e("#@{submitText}"); display:inline-block; text-decoration:none; text-align:center; outline:none; border:1px solid e("#@{submitBorder}"); cursor:pointer; font-weight:normal; text-transform: uppercase; letter-spacing: 1px; float: right; min-height: 32px; line-height: 30px; vertical-align: middle; box-sizing: content-box;
					&:hover, &:focus {background:e("#@{submitBgHover}"); border:1px solid e("#@{submitBorderHover}"); text-decoration:none; color:e("#@{submitTextHover}");}
				}
				
				div.pages { padding: 5px 0; text-align: right; margin: 5px 10px; border-top: 1px dotted e("#@{defaultBorder}"); width: auto;
					strong, a { display: inline-block; text-align: center; margin: 2px; padding: 3px; min-width: 15px; border: 1px solid e("#@{paginationText}"); }
					strong { color: e("#@{paginationBg}"); background-color: e("#@{paginationText}"); }
					a { color: e("#@{paginationText}"); background-color: e("#@{paginationBg}");
						&:hover { color: e("#@{paginationBg}"); background-color: e("#@{paginationText}"); text-decoration: none; }
					}
				}
				.advsearchercolumns{ background-color: e("#@{advsearcherBg}"); color: e("#@{advsearcherText}"); padding: 10px;
					form{
						label, .advsearcher_go{ display: inline-block; margin: 5px; vertical-align: middle; padding: 0; }
						fieldset{ display: inline-block; width: ~"calc( 100% - 165px )"; vertical-align: middle;
							label:first-child:nth-last-child(1) {
									width: ~"calc( 100% - 15px )";
							}
							label:first-child:nth-last-child(2),
							label:first-child:nth-last-child(2) ~ label {
									width: ~"calc( 100% / 2 - 15px )";
							}
							label:first-child:nth-last-child(3),
							label:first-child:nth-last-child(3) ~ label {
									width: ~"calc( 100% / 3 - 15px )";
							}
							label:first-child:nth-last-child(4),
							label:first-child:nth-last-child(4) ~ label {
									width: ~"calc( 100% / 4 - 15px )";
							}
							label:first-child:nth-last-child(5),
							label:first-child:nth-last-child(5) ~ label {
									width: ~"calc( 100% / 5 - 15px )";
							}
							label:first-child:nth-last-child(6),
							label:first-child:nth-last-child(6) ~ label {
									width: ~"calc( 100% / 6 - 15px )";
							}
							label:first-child:nth-last-child(7),
							label:first-child:nth-last-child(7) ~ label {
									width: ~"calc( 100% / 7 - 15px )";
							}
							label{ 
								select { display: block; width: 100%; box-shadow: none; }
							}
						}
						.advsearcher_go{ width: 130px; padding-top: 8px;
							input { background: e("#@{advsearcherSubmitBg}"); color: e("#@{advsearcherSubmitText}"); display: inline-block; vertical-align: bottom; margin: 0 5px !important; padding: 1px 5px; float: none; box-shadow: none;
								&:hover { background: e("#@{advsearcherSubmitBgHover}"); color: e("#@{advsearcherSubmitTextHover}"); }
							}
							a { font-size: 0; color: transparent; display: inline-block; height: 36px; width: 20px; background: transparent url( "images/@{advsearcherClearBg}_@{advsearcherClearText}/compare-clear.png" ) no-repeat center center; vertical-align: bottom; }
						}
					}
					.advsearcher_path { border-top:1px solid white; padding-top:5px; vertical-align: middle; line-height: 20px; text-align:center;
						a { color: e("#@{advsearcherText}"); font-weight: bold; display: inline-block; height: 20px; padding-left: 22px; background: transparent url( "images/@{advsearcherClearBg}_@{advsearcherClearText}/compare-clear.png" ) no-repeat left center; }
					}
				}
				.producers-filter{ list-style-type: none; width: 100%; margin: 0 auto; padding: 0; text-align: center;
					li { display: inline-block; padding: 0; margin: 5px;
						a { display: inline-block; height: 75px; vertical-align: middle; line-height: 75px; min-width: 75px; text-align: center; font-size: 12px; color: black;
							img { vertical-align: middle; }
						}
					}
				}
				.products-head{display: inline-block; margin-bottom: 10px; width: 100%;
					form{ float: right; margin-bottom: 5px;
						fieldset { margin: 0; padding: 0; }
						label {margin: 6px 3px 0 3px;}
						select { margin: 0; width: auto; max-width: 85px; }
					}
					.compare-show, .compare-clear{ display: inline-block; margin: 15px 5px 15px 5px;
						a{ display: inline-block; color: e("#@{compareLinkText}"); height: 20px; padding-left: 25px; background-position: left center; background-repeat: no-repeat; line-height: 20px; vertical-align: middle; }
					}
					.compare-show a{ background-image: url( "images/@{compareIco}_@{compareIco}_@{compareIco}/compare.png" ); }
					.compare-clear a{ background-image: url( "images/@{compareIcoClear}_@{compareIcoClearBorder}/compare-clear.png" ); }
					.compare-wrapper {z-index: 899; .compareButton(); -webkit-transition: position 1s ease-out; transition: position 1s ease-out; width: 260px; min-width: auto; max-width: 100%; padding: 5px 10px 7px 14px; display: block; position: static; top: 85px; float: left;
						.compare-show, .compare-clear{ display: inline-block; margin: 5px; width: 100%; min-width: auto;
							a { display: inline-block; color: e("#@{compareLinkText}"); padding-left: 45px; background-position: left center; background-repeat: no-repeat; vertical-align: middle; }
						}
					}
				}
				.products{ clear: both; width: 100%;
					label{ margin: 0; }
					input[type="checkbox"]{ margin: 0; }
					input[type="text"]{ display: inline-block; margin: 11px 0; padding: 8px 4px; text-align: center; width: 20px; }
					&.LIST, &.BOXES, &.LIGHTBOXES{ list-style-type: none; padding: 0; margin: 0; border: 0;
						& > li{ display: inline-block; border: 1px solid e("#@{defaultBorder}"); vertical-align: top; position: relative;
							div.blur { position:absolute; left:0; top:0; right:0; bottom:0; background-color:e("#@{productsBlurBg}"); opacity:0.75; text-align:right; padding-top: 10px; padding-right: 10px; vertical-align: middle; font-weight:bold; font-size:20px; color:e("#@{productsBlurText}"); }
							&:hover {box-shadow: 0 0 15px e("#@{productsShadow}");}
						}
					}
					&.LIST, &.BOXES {
						a.storage { display: inline-block; font-size: 0; background: transparent url( "images/@{bodyIco}_@{bodyIcoSecond}_@{bodyIcoAccent}/storage_products.png" ) no-repeat center center; height: 18px; width: 18px;
							&.add:hover { background-image: url( "images/@{bodyIcoAccent}_eec82e_@{bodyIcoAccent}/storage_products.png" ); }
							&.remove { background-image: url( "images/@{bodyIcoAccent}_eec82e_@{bodyIcoAccent}/storage_products.png" ); }
							&.remove:hover { background-image: url( "images/@{bodyIco}_eec82e_@{bodyIcoAccent}/storage_products.png" ); }
						}
					}
					&.LIGHTBOXES{ text-align: left;
						& > li { display: inline-block; margin: 0 5px 10px; text-align: center; position: relative; min-height: 255px;
							div.blur { text-align:center; padding-top: 140px; font-size:20px; z-index: 1001; }
							.photo { margin: 5px auto; .productsPhoto(); }
							.hover { display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color:e("#@{productsBlurBg}"); opacity:0.75;
								h3 { border-bottom: none; text-align: left; font-weight: normal; padding: 0 10px; font-size: 11px; width: ~"calc( 100% - 20px )"; margin-bottom: 10px;
									a { color: e("#@{productsBlurText}"); min-height: 115px; width: 100%; display: block; }
								}
								a.basket { display: block; font-size: 0; width: 100%; height: 50px; background: transparent url( "images/@{productsBlurText}_@{productsBlurBg}_@{productsBlurText}/ico_basket.png" ) no-repeat center center; margin: 20px auto;
									&:hover { .shadowed(); }
								}
								a.storage { display: inline-block; font-size: 0; width: ~"calc( 50% - 15px )"; height: 20px; background: transparent url( "images/@{productsBlurText}_@{productsBlurText}_@{productsBlurText}/storage_products.png" ) no-repeat ~"calc( 100% - 5px )" center; margin: 10px 5px; position: absolute; bottom: 5px; right: 5px;
									&.remove { background-image: url( "images/@{bodyIcoAccent}_eec82e_@{bodyIcoAccent}/storage_products.png" );
										&:hover { .shadowed(); background-image: url( "images/@{productsBlurText}_@{productsBlurText}_@{productsBlurText}/storage_products.png" ); }
									}
									&.add:hover { .shadowed(); background-image: url( "images/@{bodyIcoAccent}_eec82e_@{bodyIcoAccent}/storage_products.png" ); }
								}
								.compare { display: inline-block; height: 20px; line-height: 20px; margin: 10px 5px; text-align: left; vertical-align: middle; width: ~"calc( 50% - 15px )"; position: absolute; bottom: 5px; left: 5px;
									label { color: e("#@{productsBlurText}"); }
									input { box-shadow: none; margin: 0px 5px; vertical-align: middle; display: inline-block; }
								}
							}
							&:hover .hover { display: block; z-index: 900; }
							.prices { position: absolute; bottom: 5px; left: 0; right: 0; }
						}
						/*&[max-width^="415px"] > li{ width: ~"calc( 100% - 16px )"; }
						&[max-width^="623px"] > li{ width: ~"calc( 100% / 2 - 16px )"; }
						&[max-width^="831px"] > li{ width: ~"calc( 100% / 3 - 16px )"; }
						&[max-width^="1039px"] > li{ width: ~"calc( 100% / 4 - 16px )"; }
						&[max-width^="1247px"] > li{ width: ~"calc( 100% / 5 - 16px )"; }
						&[min-width="1248px"] > li{ width: ~"calc( 100% / 6 - 16px )"; }*/
						
						&.resize415 > li{ width: ~"calc( 100% - 16px )"; max-width: ~"calc( 100% - 16px )";}
						&.resize623 > li{ width: ~"calc( 100% / 2 - 16px )"; max-width: ~"calc( 100% / 2 - 16px )";}
						&.resize831 > li{ width: ~"calc( 100% / 3 - 16px )"; max-width: ~"calc( 100% / 3 - 16px )";}
						&.resize1039 > li{ width: ~"calc( 100% / 4 - 16px )"; max-width: ~"calc( 100% / 4 - 16px )";}
						&.resize1247 > li{ width: ~"calc( 100% / 5 - 16px )"; max-width: 304px;}
						&.resize1248 > li{ width: ~"calc( 100% / 6 - 16px )"; max-width: 304px;}
					}
					&.BOXES{ text-align: left;
						& > li{ display: inline-block; margin: 0 5px 10px; text-align: center; position: relative;
							div.blur { text-align:center; padding-top: 140px; font-size:20px; }
							h3 { text-align: center; min-height: 55px; border-bottom: none; padding: 0 3px; width: auto; font-weight: normal; font-size: 13px; }
							.photo { margin: 5px auto; .productsPhoto(); }
							.basket-container{ margin: 10px; vertical-align: middle; min-height: 150px;
								&.nobutton {height: 90px;}
								.prices { display: inline-block; margin-top: 10px; min-height: 60px; width: 100%;}
								.basket { margin: 10px 5px; .basketButton(); }
								.storage{ position: absolute;  bottom:10px; right: 10px; height: 18px; vertical-align: middle;  }
								.compare{ position: absolute;  bottom:10px; left: 10px; line-height: 18px; vertical-align: middle;
									input { vertical-align: middle; }
								}
								p.available {.availableButton(); margin: 0;
									a {color: e("#@{submitText}");}
								}
							}
						}
						/*&[max-width^="415px"] > li{ width: ~"calc( 100% - 16px )"; }
						&[max-width^="623px"] > li{ width: ~"calc( 100% / 2 - 16px )"; }
						&[max-width^="831px"] > li{ width: ~"calc( 100% / 3 - 16px )"; }
						&[max-width^="1039px"] > li{ width: ~"calc( 100% / 4 - 16px )"; }
						&[max-width^="1247px"] > li{ width: ~"calc( 100% / 5 - 16px )"; }
						&[min-width="1248px"] > li{ width: ~"calc( 100% / 6 - 16px )"; }*/
						
						&.resize415 > li{ width: ~"calc( 100% - 16px )"; max-width: ~"calc( 100% - 10px )";}
						&.resize623 > li{ width: ~"calc( 100% / 2 - 16px )"; max-width: ~"calc( 100% / 2 - 16px )";}
						&.resize831 > li{ width: ~"calc( 100% / 3 - 16px )"; max-width: ~"calc( 100% / 3 - 16px )";}
						&.resize1039 > li{ width: ~"calc( 100% / 4 - 16px )"; max-width: ~"calc( 100% / 4 - 16px )";}
						&.resize1247 > li{ width: ~"calc( 100% / 5 - 16px )"; max-width: 304px;}
						&.resize1248 > li{ width: ~"calc( 100% / 6 - 16px )"; max-width: 304px;}
					}
					&.BOXES.nocompare > li .basket-container{ min-height: 130px;
						.storage{ position: static; }
						&.nobutton .storage{ position: absolute; bottom: 29px; right: 12px; }
					}
					&.LIST > li{ width: ~"calc( 50% - 30px )"; margin: 3px; padding: 0 10px 5px;
						h3 { vertical-align: middle; line-height: 30px;
							.compare input { line-height: 30px; vertical-align: middle; margin: 0; }
							.producer { float: right; vertical-align: middle; }
						}
						.photo { float: left; margin: 0 5px 5px 0; .productsPhoto(); }
						.desc { margin-bottom: 10px;
							h1, h2, h3, h4, h5, h6 { width: auto; border-bottom: none; font-size: 13px; }
						}
						.basket-container{ text-align: right; margin-bottom: 10px; margin-right: 10px;
							.prices { display: inline-block; margin-top: 10px;
								div { display: inline-block; }
							}
							.basket { margin-left: 5px; .basketButton(); }
							.storage{ margin-left: 5px; height: 18px; vertical-align: middle; display: inline-block; }
							p.available {.availableButton(); margin: 0; text-align: center;
								a {color: e("#@{submitText}");}
							}
						}
					}
					&.BOXES, &.LIGHTBOXES{ display: inline-block; }
					&.TABLE{ width: 100%; border-collapse: collapse; text-align: left;
						tr { background-color: e("#@{productsBg}"); position: relative; }
						tr:nth-child(2n) { background-color: e("#@{productsBgAlternate}"); }
						td, th { border-top: 1px solid e("#@{defaultBorder}"); padding: 1px 8px; line-height: 25px; vertical-align: middle; }
						td.name input { vertical-align: middle; }
						td.price, th.price { text-align: right;
							.prices div { display: inline-block; }
							.value { font-size: 11px; }
						}
						td.basket { text-align: right;
							a.basket { display: inline-block; font-size: 0; background: transparent url( "images/@{bodyIco}_@{bodyIcoSecond}_@{bodyIcoAccent}/ico_basket.png" ) no-repeat center center; height: 25px; width: 30px; margin: 0 5px;
								&:hover { background-image: url( "images/@{bodyIcoAccent}_@{bodyIcoSecond}_@{bodyIco}/ico_basket.png" ); }
							}
							a.storage { display: inline-block; font-size: 0; background: transparent url( "images/@{bodyIco}_@{bodyIcoSecond}_@{bodyIcoAccent}/storage_products.png" ) no-repeat center center; height: 18px; width: 18px; margin: 0 5px;
								&.add:hover { background-image: url( "images/@{bodyIcoAccent}_eec82e_@{bodyIcoAccent}/storage_products.png" ); }
								&.remove { background-image: url( "images/@{bodyIcoAccent}_eec82e_@{bodyIcoAccent}/storage_products.png" ); }
								&.remove:hover { background-image: url( "images/@{bodyIco}_@{bodyIcoSecond}_@{bodyIcoAccent}/storage_products.png" ); }
							}
						}
						div.blur { position:absolute; left:0; top:0; right:0; bottom:0; background-color:e("#@{productsBlurBg}"); opacity:0.75; text-align:center; padding: 10px; vertical-align: middle; font-weight:bold; font-size:20px; color:e("#@{productsBlurText}"); }
					}
					&.LIGHTLIST, &.LIGHTLIST_PHOTO{ list-style-type: none;
						li { margin: 0;
							&:nth-child(2n) { background-color: e("#@{productsBgAlternate}"); }
							h3 { border-bottom: none; margin: 0; padding: 0; font-size: 11px; font-weight: normal;
								a { display: inline-block; width: calc( ~"100% - 50px" ); padding: 5px 25px 5px 5px; background-image: url( "images/@{bodyIco}_@{bodyIcoSecond}_@{bodyIcoAccent}/arrow_more.png" ); background-position: right center; background-repeat: no-repeat;
									.prices, .price, .old, .save, .value, .currency { display: inline; font-size: 11px; }
								}
							}
							&:hover {
								h3 { background-color: e("#@{LightListBgColorHover}");
									a { color: e("#@{LightListColorHover}"); text-decoration: none; background-image: url( "images/@{LightListColorHover}_@{LightListColorHover}_@{LightListColorHover}/arrow_more.png" );
										.prices, .price, .old, .save, .value, .currency { color: e("#@{LightListColorHover}"); }
									}
								}
							}
						}
					}
					&.LIGHTLIST.nocompare, &.LIGHTLIST_PHOTO.nocompare {
							li h3 a { display: block; width: auto; }
					}
					&.LIGHTLIST{ padding: 0; }
					&.LIGHTLIST_PHOTO{ padding: 0 0 0 210px; min-height: 190px; position: relative; width: ~"calc( 100% - 210px )";
						li {
							.photo { .productsPhoto(); position: absolute; top: 0; left: 0; z-index: 1; background-color: e("#@{photoBg}"); width: 190px; height: 190px; overflow: hidden; padding: 0 10px;
								.promo { right: 10px; }
							}
							&:hover, &.first_element {
								.photo { z-index: 2; }
							}
						}
					}
					.price{
						.value{ font-weight: bold; font-size: 15px; display: inline-block; text-decoration: inherit; }
						.value, .currency{ color: e("#@{price}"); }
						.old{ text-decoration: line-through; }
						.save, .old{ color: e("#@{priceOld}"); font-size: 11px;
							.value, .currency{ color: e("#@{priceOld}"); font-size: 11px; }
						}
					}
				}

				table.forum { width: 95%; margin: 10px auto; border-collapse: collapse;
					thead { color: e("#@{forumListHeadText}");
						th {font-size: 10px; background-color: e("#@{forumListHeadBg}"); border-bottom: 4px solid e("#@{forumListHeadBorder}"); text-align: center; height: 25px; font-weight: normal;}
						td {border: none; background: transparent; font-size: 12px;}
					}
					tfoot { color: e("#@{forumListHeadBg}");
						th {border: none; background: transparent; font-size: 12px; border: none;}
						td {font-size: 12px; background-color: transparent; border-top: 4px solid e("#@{forumListHeadBorder}"); text-align: center; height: 25px; padding: 15px;}
						.pages { border: none; }
					}
					td {border: none; border-bottom: 1px solid e("#@{forumListHeadBg}"); font-size: 12px;
						&.actions {width: 50px; text-align: center;}
						&.postinfo {width: 75px; text-align: center; font-size: 10px; color: e("#@{contentDetailsText}"); }
					}
					.replay.form td{ text-align: left; }
					a { color: e("#@{contentLinkText}");
						&:hover { color: e("#@{contentLinkTextHover}"); }
					}
				}
				table.forum .replay td, .pages-comment, .products-comment{ background-color: e("#@{forumReplayBg}"); color: e("#@{forumReplayText}"); border-bottom: none;
					label { margin-bottom: 5px; display: block; text-align: left; }
					input[type="text"], textarea { width: ~"calc( 100% - 45px )"; box-shadow: none; }
					input[type="submit"] { background: e("#@{forumReplaySubmitBg}"); color: e("#@{forumReplaySubmitText}"); box-shadow: none; margin-right: 19px;
						&:hover{ background: e("#@{forumReplaySubmitBgHover}"); color: e("#@{forumReplaySubmitTextHover}"); }
					}
					a { color: e("#@{forumReplayText}");
						&:hover{ color: e("#@{forumReplayText}"); }
					}
				}

				table.posts {border-collapse: separate; border-spacing: 5px 10px;
					tbody {
						td {border: 1px solid e("#@{forumPostBorder}"); font-size: 12px; padding: 10px; background-color: e("#@{forumPostBg}"); vertical-align: top;
							&.breaker_post {border: none;}
							&.reply {padding: 20px;}
							&.info {width: 115px;
								div.modify {margin: 20px auto; text-align: center;}
							}
							div.text {text-align: justify;}
							hr {border: 1px solid e("#@{forumPostHrColor}"); margin: 10px 0;}
							span.date {font-size: 9px; font-weight: bold;}
							span.last-modify {font-size: 10px; float: right;}
						}
					}
					tfoot td{
						border-bottom: none;
					}
				}
				
				.banners_container { margin: 20px auto; }
				#gallery {
					.zoomWrapper { margin: 0 auto; max-width: 100% !important; overflow:hidden;
						img { max-width: 100% !important; position: static !important; }
					}
					#gallery_list { text-align: center; }
					a:hover { text-decoration: none; }
				}
				.producer-logo-container { float: right; }
				#info { text-align: left; .column(300px); padding-top: 11px;
					p { margin-top: 0; }
					#stock-quantity { vertical-align: middle;
						img { vertical-align: middle; }
					}
				}
				div.block50 {//text-align: center;
					p.available {.availableButton(); margin: 20px auto; text-align: center;
						a {color: e("#@{submitText}");}
					}
				}
				#order { background-color: #ffffff; margin: 10px 0; padding: 5px; border: 1px solid e("#@{defaultBorder}"); text-align: center;
					.prices{ font-size: 16px; margin: 20px; text-align: center;
						.value{ font-weight: bold; font-size: 26px; display: inline-block; text-decoration: inherit; }
						.value, .currency{ color: e("#@{price}"); }
						.old{ text-decoration: line-through; }
						.save, .old{ color: e("#@{priceOld}"); font-size: 16px;
							.value, .currency{ color: e("#@{priceOld}"); font-size: 16px; }
						}
					}
					#cntdwn-container {width:220px; margin: 10px auto; color:e("#@{bodyIco}"); background:url("images/@{bodyIco}_@{bodyIcoSecond}_@{bodyIcoAccent}/clock_large.png") no-repeat scroll left center transparent; padding:0 0 0 40px; 
						p { margin: 0; }
						#cntdwn-header {text-align:left; }
						#cntdwn {font-size:10px; text-align:left; 
							b {display:inline-block; font-size:18px; color:e("#@{bodyIcoAccent}"); width:23px; text-align:right; }
						}
						#groupon-buyers {text-align:right; padding-top:3px; 
							span {font-weight:bold; }
						}
					}
					#basket {
						fieldset { width: 100%; }
						#attributes{ text-align: left;
							dt { display: inline-block; width: 40%; text-align: right;
								label { margin: 0; }
							}
							dd { display: inline-block; width: ~"calc( 60% - 20px )"; margin-left: 15px;
								&.single-value { width: ~"calc( 60% - 40px )"; margin: 19px 0 17px 35px; }
								select { max-width: ~"calc( 100% - 20px )"; }
							}
						}
						input.submit { .basketButton(); display: block; margin: 15px auto; float: none; }
					}
					a.storage { display: inline-block; background: transparent url( "images/@{bodyIco}_@{bodyIcoSecond}_@{bodyIcoAccent}/ico_storage.png" ) no-repeat top left; min-height: 32px; padding-left: 36px; margin: 5px; line-height: 32px; vertical-align: middle; display: inline-block;
						&.add:hover { background-image: url( "images/@{bodyIcoAccent}_eec82e_@{bodyIcoAccent}/ico_storage.png" ); }
						&.remove { background-image: url( "images/@{bodyIcoAccent}_eec82e_@{bodyIcoAccent}/ico_storage.png" ); }
						&.remove:hover { background-image: url( "images/@{bodyIco}_@{bodyIcoSecond}_@{bodyIcoAccent}/ico_storage.png" ); }
					}
					#products_avail_newsletter_wrapper {width: 100%; margin: 20px auto; clear: both; text-align: center; display: inline-block;
						a.products_avail_newsletter {display: inline-block; padding: 10px 10px 10px 10px; color: e("#@{submitText}"); font-size: 14px; /*box-shadow: 4px 4px 0px e("#@{defaultBorder}");*/ .GradientBg( e("#@{submitBg}"), e("#@{submitBgHover}"), left ); line-height: 30px; min-height: 32px;
							&:hover {background-color: e("#@{submitBgHover}"); text-decoration: none; /*box-shadow: 4px 4px 0px #bababa;*/ .GradientBg( e("#@{submitBgHover}"), e("#@{submitBgHover}"), left );}
						}
					}
					a#product-negotiate-button { display: inline-block; background: transparent url( "images/@{bodyIco}_@{bodyIcoSecond}_@{bodyIcoAccent}/cut_price.png" ) no-repeat top left; min-height: 32px; padding-left: 36px; margin: 5px; line-height: 32px; vertical-align: middle; display: inline-block;
						&:hover { background-image: url( "images/@{bodyIcoAccent}_@{bodyIcoSecond}_@{bodyIco}/cut_price.png" ); }
					}
				}
				#zagiel-button { margin: 0 10px; display: block; width: 178px; float: right; }
				#LR_button {float: right; margin: 0 10px;}
				#product-variants { width: ~"calc( 100% - 16px )"; margin: 20px 8px; 
					div.variant {width: ~"calc( 50% - 28px )"; border: 1px solid e("#@{defaultBorder}"); margin: 10px 2px; padding: 10px; display: inline-block; position: relative; vertical-align: top;
						div {display: inline-block;
							&.variant_img {float: left; height: 110px; margin: 0 5px 0 0; position: relative; width: 110px;
								a {vertical-align: middle;}
							}
							&.variant_description {display: block; height: 150px; margin-bottom: 15px; overflow: auto; padding-right: 10px; vertical-align: top;
								.stock-quantity {vertical-align: middle;
									img {vertical-align: middle;}
								}
								.attributes { padding-left: 10px; }
							}
							&.variant_price {float: right; clear: both;
								.value{ font-weight: bold; font-size: 15px; display: inline-block; text-decoration: inherit; }
								.value, .currency{ color: e("#@{price}"); }
								.old{ text-decoration: line-through; }
								.save, .old{ color: e("#@{priceOld}"); font-size: 11px;
									.value, .currency{ color: e("#@{priceOld}"); font-size: 11px; }
								}
								input[type="text"] { width: 40px; }
								.basket.submit { .basketButton(); padding-right: 0; padding-left: 55px; width: 0; float: none; }
							}
						}
					}
					div#submit-all {display: inline-block; text-align: right; vertical-align: middle; width: 100%; padding-right: 10px;
						label {margin: 22px 10px 0 10px;}
						button {.basketButton();}
					}
				}
				.product-variants-table table { border-collapse: collapse;
					th { background-color: e("#@{tableHeadFootBg}"); }
					td, th { border: 1px solid e("#@{defaultBorder}"); text-align: left; vertical-align: middle; padding: 5px;
						&.price {
							.value{ font-weight: bold; font-size: 15px; display: inline-block; text-decoration: inherit; }
							.value, .currency{ color: e("#@{price}"); }
							.old{ text-decoration: line-through; }
							.save, .old{ color: e("#@{priceOld}"); font-size: 11px;
								.value, .currency{ color: e("#@{priceOld}"); font-size: 11px; }
							}
							input { width: 40px; }
							.basket.submit { .basketButton(); padding-right: 0; padding-left: 15px; float: none; }
						}
					}
				}
				#product-tabs { margin: 10px;
					ul.headers { padding: 0; margin: 0 0 -1px; text-align: left;
						li { display: inline-block; padding: 0; list-style-type: none; margin-top: 2px;
							a { display: block; padding: 11px 15px; list-style-type: none; font-size: 14px; border-width: 1px 1px 1px; border-style: solid; border-color: e("#@{defaultBorder}"); transition: background-color 0.4s ease 0s, color 0.4s ease 0s; }
							&.lib-tabs-selected a, & a:hover { background-color:e("#@{menu3BgHover}"); color:e("#@{menu3TextHover}"); text-decoration: none; border-color: e("#@{menu3BgHover}"); }
						}
					}
					div.tab { border: 1px solid e("#@{defaultBorder}"); padding: 20px;
						#attributes-table {
							th, td { width: 50%; }
							th { text-align: right; }
							td { text-align: left; }
						}
					}
				}
			}
			.register_rules {
				label { width: ~"calc( 100% - 70px )"; text-align: left;}
			}
		}
		.poll {
			.radio {vertical-align:top; }
			p {text-align:left; margin:0 5px 3px 5px; }
			.poll_options, .poll_results {margin:5px auto; width:400px; 
				p {padding:0 10px 3px 10px; }
			}	
		}
		.site_map { .column(300px); .column-gap(50px); text-align: left;
			ul.products {margin:0 0 0 20px; list-style-type: disc; color: e("#@{siteMapProduct}");
				a{ color: e("#@{siteMapProduct}") }
			}
			&>li>a {font-weight:bold; }
		}





		
		
		
		
		
		
		#basket-bar.tabs_4 li {width:25%; }
		#basket-bar {list-style:none; color:e("#@{basketBarText}"); width:100%; float:left; margin:0 0 30px 0; padding: 0; text-align: left; display: table;
			li {display:table-cell; width:20%; vertical-align: middle; text-align: center; padding: 10px 0; border-bottom: 3px solid e("#@{basketBarWaiting}");
				&.selected { text-decoration:none; background:e("#@{basketBarBgSelected}"); border-bottom: 3px solid e("#@{basketBarBgSelected}"); color:e("#@{basketBarTextSelected}"); font-weight:bold; }
				&.checked { border-bottom: 3px solid e("#@{basketBarBgSelected}"); }
			}
		}


		#page #basket {clear:both; }
		#content #page #ordered-products {
			table {width:100%;
				td, th {
					&.image { text-align: center; width: 75px; }
					&.name { text-align: left; width: auto; }
					&.netto, &.vat, &.price, &.summary { width: 85px; }
					&.quantity { width: 100px;
						.input { width: 40px; }
					}
					&.del { width: 15px; }
				}
				th{
					&.netto, &.vat, &.price, &.summary, &.quantity { text-align: center; }
				}
				td{
					&.netto, &.vat, &.price, &.summary, &.quantity { text-align: right; }
				}
				thead {text-align:center; 
					th, td {padding:5px; vertical-align:middle; border-bottom:e("#@{defaultBorder}") 1px solid; }
				}
				tbody {text-align:center; 
					th, td {padding:10px 5px; vertical-align:middle; border-bottom:e("#@{defaultBorder}") 1px dotted; }
					.name {text-align:left; 
						a {color:e("#@{orderProduct}"); }
						.availability {display:block; }
						.availability.over_3_days {color:e("#@{wrong}"); }
					}
					.quantity {
						.input {padding:3px; text-align:center; }
						.change {display:inline-block; width:12px; height:25px; vertical-align:middle; margin:-2px 0 0 1px; 
							a {display:block; float:left; width:12px; height:13px; background:transparent url('images/ico_plus_minus.png') no-repeat top left; outline:none; 
								&.disabled {display:block; float:left; width:12px; height:13px; background:transparent url('images/ico_plus_minus_off.png') no-repeat top left; outline:none; cursor:default; }
								&.plus {background-position:top left; }
								&.minus {background-position:bottom left; }
								span {display:none; }
							}
						}
					}
					.del {width:40px; 
						a {display:inline-block; background:transparent url('images/@{bodyIco}_@{bodyIcoSecond}_@{bodyIcoAccent}/ico_del.png') no-repeat scroll left top; width:21px; height:21px; 
							span {display:none; }
						}
					}
				}
				tfoot {text-align:center; 
					th {text-align:right; }
					th, td {padding:5px; vertical-align:middle; width: auto; }
					#discount_coupon_code.correct { background: transparent url('images/@{correct}_@{correct}_@{bodyIcoSecond}/input_discount_correct.png') no-repeat scroll ~"calc( 100% - 4px )" center; }
					#discount_coupon_code.wrong   { background: transparent url('images/@{wrong}_@{wrong}_@{bodyIcoSecond}/input_discount_wrong.png'    ) no-repeat scroll ~"calc( 100% - 4px )" center; }
					#verify_discount_coupon { background: transparent url('images/@{bodyIco}_@{bodyIcoSecond}_@{bodyIcoAccent}/submit_discount.png') no-repeat scroll center center; border: 0; box-shadow: none; margin: 9px 0; padding: 0 12px; border: none; color: transparent; width: 32px; height: 32px; }
					.summary {
						th {font-weight:bold; }
						.summary-cost {font-weight:bold; color:e("#@{orderPrice}"); }
					}
					.summary-order {
						th {font-weight:bold; }
						#summary-order-cost {font-weight:bold; color:e("#@{orderPrice}"); }
					}
					tr.buttons td {text-align: left; border-top: 1px solid e("#@{defaultBorder}"); padding-top: 15px;
						.submit { float: none; display: inline-block; margin: 10px 0; font-family: "Verdana", sans-serif; font-size: 11px; }
						#step-next { float:right; }
					}
				}
			}
			.image {width:100px;}
			td.image{ background: e("#@{photoBg}");	}
			.price, #ordered-products .pc {width:80px; text-align: right; }
			.quantity {width:80px; }
			.summary {width:80px; text-align: right; }
			.del {width:40px; }
			tr.zagiel a{float:right; margin:15px 0 0 0; }
		}

		#save_data_button, #no_save_data_button {margin-top:15px; }

		#content #page #order, #content #page #user-order { clear:both;
			#step-prev { float: left; margin-left:85px; }
			#step-next {margin-right:85px; float:right; }
			h2 {color:e("#@{orderHeader}"); font-weight:bold; margin-bottom:5px; }
			p {margin-bottom:5px; }
			#order-step {margin-top:15px; padding-top:15px; border:none; border-top: 1px solid e("#@{defaultBorder}"); width:100%; clear:both; float:left;
				#step-prev { float:left; }
				#step-next { float:right; /*font-weight: bold;*/ }
			}

			.order-login {text-align: center;
				th {width:90px; text-align:right; padding:5px; vertical-align:middle; }
				td {width:200px; text-align:left; padding:5px; }
				.input {width:130px; padding:3px;
					&#register-password{ width: 90px; }
				}
				.info.tTip { margin-top: 10px; }
				textarea {width:200px; padding:3px; }
				.buttons {text-align:center; padding-top:25px; width:auto; }
				#step-next {margin-top:100px; }
			}
			.order-login#order-step {width:100%; height:auto; text-align:left; }
			.order-login#order-register {border:none; 
				a#generate {vertical-align: middle; display: inline-block; display: inline-block; background: url( "images/@{bodyIco}_@{bodyIcoSecond}_@{bodyIcoAccent}/random.png" ); width: 32px; height: 32px; }
			}
			.order-no-login button#step-next { font-size: 18px; margin: 20px auto; font-weight: bold; padding: 10px 20px; float: none; }
			.order-adress {
				th {width:110px; text-align:right; padding:5px; vertical-align:middle; }
				td {text-align:left; padding:5px; }
				.buttons {text-align:center; padding-top:25px; width:auto; }
				#personal-data { margin-bottom: 20px; }
				#postal-data { margin-bottom:20px; }
				#invoice-data { margin-bottom: 20px;
					#invoice_info {margin: 10px 20px 0 170px; 
						h4 {font-size: 10px; font-weight: bold; margin-bottom: 1em; text-align: left; }
						p {font-size: 9px; margin: 0; text-align: left; }
					}
				}
				#order-rules, #order-rules2, #order-newsletter, #order-zo-ceneo {
					margin:10px 0 0 30px; text-align:left; font-size:10px; color:e("#@{orderDetails}");
					label { display: inline-block; width: ~"calc( 100% - 40px )"; }
					a { font-weight:bold; }
					input { vertical-align:middle; }
				}
			}
			.order-delivery {
				#order-delivery {text-align:left; 
					ul {text-align:left; padding: 0;}
					ul strong {font-weight:bold; margin:0 0 4px 0; display:block; color:e("#@{orderDetails}"); }
				}
				#order-delivery>ul>li {display: inline-block; margin:20px 5px; width:170px; }
				#order-delivery>ul>li li {display:inline-block; border:1px solid e("#@{defaultBorder}"); padding:0; margin:0px 5px 5px 0; background-color:e("#@{orderDeliveryBg}"); /* border-radius:5px; */ float:left; 
					&.checked, &:hover { background-color:e("#@{orderDeliveryBgHover}"); border:1px solid e("#@{orderDeliveryBorderHover}"); color: e("#@{orderDeliveryTextHover}"); }
					input.radio { margin: 1px 7px 1px 4px; }
					label { margin: 0; padding: 7px 5px; width: calc( ~" 100% - 10px" ); }
				}
				
				/*#order-delivery>ul[max-width^="415px"] > li{ width: ~"calc( 100% - 14px )"; }
				#order-delivery>ul[max-width^="623px"] > li{ width: ~"calc( 100% / 2 - 14px )"; }
				#order-delivery>ul[max-width^="831px"] > li{ width: ~"calc( 100% / 3 - 14px )"; }
				#order-delivery>ul[max-width^="1039px"] > li{ width: ~"calc( 100% / 4 - 14px )"; }
				#order-delivery>ul[max-width^="1247px"] > li{ width: ~"calc( 100% / 5 - 14px )"; }
				#order-delivery>ul[min-width="1248px"] > li{ width: ~"calc( 100% / 5 - 14px )"; }
				
				#order-delivery>ul>li[max-width^="415px"] li{ width: ~"calc( 100% - 13px )"; }
				#order-delivery>ul>li[max-width^="623px"] li{ width: ~"calc( 100% / 2 - 13px )"; }
				#order-delivery>ul>li[max-width^="831px"] li{ width: ~"calc( 100% / 3 - 13px )"; }
				#order-delivery>ul>li[max-width^="1039px"] li{ width: ~"calc( 100% / 4 - 13px )"; }
				#order-delivery>ul>li[max-width^="1247px"] li{ width: ~"calc( 100% / 5 - 13px )"; }
				#order-delivery>ul>li[min-width="1248px"] li{ width: ~"calc( 100% / 6 - 13px )"; }*/
				
				#order-delivery{
					ul {
						&.resize415 > li{ width: ~"calc( 100% - 14px )"; max-width: ~"calc( 100% - 10px )";
							li {width: calc( ~"100% - 15px" );}
						}
						&.resize623 > li{ width: ~"calc( 100% / 2 - 14px )"; max-width: ~"calc( 100% / 2 - 16px )";
							li {width: calc( ~"100% - 15px" );}
						}
						&.resize831 > li{ width: ~"calc( 100% / 3 - 14px )"; max-width: ~"calc( 100% / 3 - 16px )";
							li {width: calc( ~"100% - 15px" );}
						}
						&.resize1039 > li{ width: ~"calc( 100% / 4 - 14px )"; max-width: ~"calc( 100% / 4 - 16px )";
							li {width: calc( ~"100% - 15px" );}
						}
						&.resize1247 > li{ width: ~"calc( 100% / 5 - 14px )"; max-width: 304px;
							li {width: calc( ~"100% - 15px" );}
						}
						&.resize1248 > li{ width: ~"calc( 100% / 5 - 14px )"; max-width: 304px;
							li {width: calc( ~"100% - 15px" );}
						}
					}
				}
				
				#order-gift {
					div {margin-bottom:10px; float:left; clear:both; height:23px; margin-left:30px; }
				}
				#order-step {width:100%; clear:both; margin:10px 0 0 0; }
			
				#order-comment {
					textarea {display:block; height:100px; width:~"calc( 100% - 32px )"; }
				}
				#ordered-products {clear:both; float:left; margin:20px 0 0; width:100%; 
					h2 {text-align:left; }
					table {border-collapse: collapse;}
				}
				#paczkomaty {text-align:left; padding:10px; margin:0 auto; background-color: #FFCB00; color: #3c3c3b;
					a { color: #ffffff; font-size: 14px; }
					#paczkomaty-button { font-weight:bold; padding:14px 0 14px 0; display:inline-block; }
					#paczkomaty-selected-value  + span { font-weight: bold; }
					#paczkomaty-empty-value {font-weight:bold; }
					.paczkomaty_logo_mini {float:left; margin:0px 20px 5px 0; }
				}
			}
			.order-paczkomaty  {
				#paczkomaty-nearest-select {width:720px; }
				#paczkomaty-town-select {width:180px; }
				#paczkomaty-intown-select {width:530px; }
				#paczkomaty-nearest-submit {float:right; }
				#paczkomaty-intown-submit {float:right; }
				#paczkomaty-other-submit {float:right; }
			}
			#pbn_banks{ }
			#order-print, .order-summary {
				table {border-collapse: collapse;
					&.table-styled {margin:0 auto; }
					th {width:150px; padding-top: 20px; padding-right: 10px; }
					td {width:200px; padding-top: 20px; }
				}
				#personal-data {}
				#company-data {}
				#ordered-products {margin:20px 0 0 0;}
				#order-step #step-next.submit.submit-styled {}
				#order-comment p{text-align:justify; width:400px; margin-left:30px; }
			}
			
			&.order-final-confirm  { width: 500px; margin: auto; text-align: center;
				h3 { border-bottom: none !important; }
				.order_details { color: white; background-color: #ff5400; padding: 10px; margin: 20px 0; font-weight: bold; font-size: 14px; }
				#authWindow {
					span {display:none; }
					a { text-decoration: none; color: #00307e; font-size: 14px; padding: 66px 5px 5px; margin: 5px 0; display: inline-block; width: 230px; height: 42px; }
					&.paymentSystem1  a {background:transparent url(images/payment_dotpay.png) no-repeat center center; }
					&.paymentSystem2  a {background:transparent url(images/payment_przelewy24.png) no-repeat center center; }
					&.paymentSystem3  a {background:transparent url(images/payment_paypal.png) no-repeat center center; }
					&.paymentSystem4  a {background:transparent url(images/payment_payu.png) no-repeat center center; }
					&.paymentSystem5  a {background:transparent url(images/payment_eraty.png) no-repeat center center; }
					&.paymentSystem6  a {background:transparent url(images/payment_paybynet.png) no-repeat center center; }
					&.paymentSystem8  a {background:transparent url('https://ewniosek.credit-agricole.pl/eWniosek/res/CA_grafika/raty_200x73_gray.png') no-repeat center top; padding-top: 85px; }
					&.paymentSystem9  a {background:transparent url(images/payment_sofort.png) no-repeat center center; }
					&.paymentSystem10 a {background:transparent url(images/payment_tpay.png) no-repeat center center; }
					&.paymentSystem11 a {background:transparent url(images/payment_cashbill.png) no-repeat center center; }
				}
				#PrintFormLink { text-decoration: none; color: #00307e; font-size: 14px; padding: 66px 5px 5px; margin: 5px 0; display: inline-block; width: 230px; height: 42px; /**/ background: transparent url('images/payment_form.png') no-repeat center center; }
			}	
		}
	}
	footer {width:100%; padding-bottom:5px; background:e("#@{bodyBg}"); border-bottom:3px solid e("#@{bodyBorderOuter}"); border-top:1px solid e("#@{bodyBorderInner}");
		#foot {/*max-width: 1600px; margin:0 auto; padding: 0 45px;*/ width: 90%; margin: 0 auto; max-width: 1300px;
			nav {	width: calc( ~"100% - 360px" ); min-width: 520px;
				ul{ .column( 230px ); text-align: left; }
			}
			#newsletter { width: 310px;
				input[type="text"] { color:e("#@{bodyText}"); font-size: 11px; padding: 5px; width: 250px; vertical-align: top; }
				input.submit { background: transparent url("images/@{bodyIco}_@{bodyIcoSecond}_@{bodyIcoAccent}/newsletter-sbm.png") scroll no-repeat center center; height: 32px; width: 32px; border: none; margin: 8px 0; vertical-align: top;
					&:hover { background-image: url("images/@{bodyIcoAccent}_@{bodyIcoSecond}_@{bodyIco}/newsletter-sbm.png") }
				}
			}
		}
	}
	#copyright { vertical-align: middle; line-height: 24px; display: block; margin: 5px auto; width: 100%; text-align: center;
		a{ display: inline-block; }
		img{ display: inline-block; vertical-align: middle; }
	}
	#cookie_container{width: 80%; max-width: 400px; position: fixed; bottom: 20px; right: 120px; z-index:9999; color: e("#@{contentDetailsText}"); }
	#cookie_main {background-color:e("#@{bodyBg}"); border:1px solid e("#@{defaultBorder}"); /*box-shadow:1px 1px 3px 0 e("#@{shadow}");*/ margin:0 auto; padding:7px; width: 97%; /*opacity:0.9;*/ 
		.text {font-size:10px; display:block; text-align:justify; position:relative; }
		a {color:e("#@{contentDetailsText}"); }
		#cookie_close {float:right; position:relative; top:-10px; right:-15px; position:absolute; 
			img { display: inline-block; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box; background:transparent url('images/@{bodyIco}_@{bodyIcoSecond}_@{bodyIcoAccent}/ico_del.png') no-repeat center; width:21px; height:21px; padding-left: 21px; }
		}
	}
}

#filter-slider { max-height: 300px; overflow: auto; }
#container #main #column #filter_content #filter, #filter-slider {
	label.price, span {color:e("#@{filterHeader}"); font-weight:bold; display:inline-block; }
	#filter-price-from, #filter-price-to {width: 60px; }
	&>ul {text-align:left; margin:7px 5px; padding: 0; list-style-type: none;
		&>li {border-bottom:3px solid e("#@{filterBreak}"); padding:0 0 10px 0; margin:0 0 10px 0;
			button.ui-multiselect { width: 268px !important;
				span { margin: 6px 0 7px 2px; color: #000000; font-weight: normal; }
				span.ui-icon { margin: 13px 0 0; }
			}
			label { vertical-align: middle; margin: 0;
				span { display: inline-block; padding-left: 5px; width: ~"calc( 100% - 40px )"; }
			}
			.checkboxes, .radiobuttons {
				li label { width: 100%;
					span { color: e("#@{bodyText}"); font-weight: normal; vertical-align: top; }
					input { vertical-align: top; }
				}
			}
			ul { padding: 0; list-style-type: none; }
			select { width: 268px; margin: 2px 0; }
		}
		li li {color:e("#@{filterOption}"); 
			label { vertical-align: middle; margin: 0; 
				input { margin: 0; }
			}
		}
	}
	.actions { display:block; text-align:right; vertical-align:middle;
		a.submit { color: e("#@{submitText}"); background-color: e("#@{submitBg}"); margin: 5px; display: inline-block; vertical-align: middle; text-transform: uppercase; letter-spacing: 1px;
			&:hover { color: e("#@{submitTextHover}"); background-color: e("#@{submitBgHover}"); text-decoration: none; }
		}
		a.reset { background: transparent url("images/@{bodyIco}_@{bodyIcoSecond}_@{bodyIcoAccent}/compare-clear.png") no-repeat scroll center center; color: transparent; display: inline-block; font-size: 0; height: 32px; vertical-align: middle; width: 32px; margin: 0 10px 0 5px; }
	}
	input {vertical-align:middle; }
	.filter_attribute_slider .val {display:none; min-height:18px; margin-bottom:8px; }
	a {
		&.filter-values, &.filter-attribs { margin:5px 0; display:block; text-align: center; }
	}
	.slider { margin: 0 10px; }
	
	a.ui-selectmenu.ui-widget.ui-state-default.ui-selectmenu-dropdown.ui-corner-all {background: e("#@{bodyBg}"); border: 1px solid e("#@{defaultBorder}"); box-shadow: 2px 2px 5px e("#@{inputBorder}");
		span {
			&.ui-selectmenu-icon {background: url("images/@{inputText}/select.png") no-repeat center center e("#@{inputBg}");}
		}
	}
}

.grecaptcha-badge {bottom:55px !important; /*display: none; ??*/}

.colorbox_message, .cb_message { background:transparent url('images/@{info}_@{bodyIcoSecond}_@{info}/info_ico.png') scroll no-repeat 30px 30px; min-height:87px; padding:30px 20px 20px 130px;
	h1 { color:e("#@{info}"); }
	p { color:e("#@{colorboxDetails}"); text-align:left;
		&.error { color:e("#@{wrong}"); }
	}
}

#colorbox form table{ width: 100%;
	th { width: 115px; }
	td { width: calc( ~" 100% - 115px " ); }
	td input, td textarea { width: calc( ~" 100% - 34px " ); }
}

.banners_container, #container #main_container #main #content #page .banners_container {position:relative; margin: 0 auto; width: 100%; max-width: 1920px; text-align: center;
	ul {margin: 0 auto; padding-top: 0; padding-left: 0; padding-right: 0; list-style-type: none; width: 100%;
		li { float: left; margin: 0 -100% 0 0; width: 100%; position: relative; padding: 0; transition: opacity 1s linear 0s; -webkit-transition: opacity 1s linear 0s; -o-transition: opacity 1s linear 0s; -moz-transition: opacity 1s linear 0s; opacity: 0; z-index: 1;	
			&.activeSlide{ transition: opacity 1s linear 0s; -webkit-transition: opacity 1s linear 0s; -o-transition: opacity 1s linear 0s; -moz-transition: opacity 1s linear 0s; opacity: 1; z-index: 2;}
			.text {position: absolute; bottom: 15px; right: 0; left: 0; padding: 10px; background: rgba( 0, 0, 0, .3 ); text-align: left; width: calc(~"100% - 120px"); max-width: 1600px; margin: 0 auto; }
		}
	}
	.pages { margin: 3px; z-index:90; position:relative; text-align: center;
		a {background-color:e("#@{paginationInactive}"); background-image: none; color:transparent; display:inline-block; height:6px; margin:8px 0 0 5px; padding:0; text-align:center; text-decoration:none; width:35px; border: none;}
		.activeSlide, a:hover {background-color:e("#@{paginationText}"); }
	}
}

.slider-box-container > div:first-child{ box-shadow: 0 0 5px #dbdbdb;
	#basket-small-container{
		#basket{ max-height: 395px; overflow: auto; }
		.submit-styled { padding: 0 12px; background: e("#@{submitBg}"); color:e("#@{submitText}"); display:inline-block; text-decoration:none; text-align:center; outline:none; border:1px solid e("#@{submitBorder}"); cursor:pointer; font-weight:normal; text-transform: uppercase; letter-spacing: 1px; float: right; min-height: 32px; line-height: 30px; vertical-align: middle; box-sizing: content-box; margin: 0 13px 5px 0;
			&:hover, &:focus {background:e("#@{submitBgHover}"); border:1px solid e("#@{submitBorderHover}"); text-decoration:none; color:e("#@{submitTextHover}");}
		}
	}
	#basket-fast-container{
		.submit { padding: 0 25px; background: e("#@{submitBg}"); color:e("#@{submitText}"); display:inline-block; text-decoration:none; text-align:center; outline:none; border:1px solid e("#@{submitBorder}"); cursor:pointer; font-weight:normal; text-transform: uppercase; letter-spacing: 1px; float: right; min-height: 32px; line-height: 30px; vertical-align: middle; box-sizing: content-box; margin: 0 13px 5px 0;
			&:hover, &:focus {background:e("#@{submitBgHover}"); border:1px solid e("#@{submitBorderHover}"); text-decoration:none; color:e("#@{submitTextHover}");}
		}
	}
}

#basketslider_front_front { background-image: url("images/@{basketSliderText}_@{basketSliderBg}_@{basketSliderText}/tab_basketslider.png"); }
#fastbasketslider_front_front { background-image: url("images/@{basketSliderText}_@{basketSliderBg}_@{basketSliderText}/tab_fastbasketslider.png"); }
#filterslider_front_front { background-image: url("images/@{basketSliderText}_@{basketSliderBg}_@{basketSliderText}/ico_filter.png"); }
#basketslider_front_front, #fastbasketslider_front_front, #filterslider_front_front {font-weight:bold; background-color: e("#@{basketSliderBg}"); position:relative;
	span {display:block; font-size:14px; height:25px; position:absolute; top:80px; color:e("#@{basketSliderText}"); font-weight:normal;
		-ms-transform: rotate(-90deg); /* IE 9 */
		-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
		transform: rotate(-90deg);
	}
}
#basketslider_front_front span{ width:100px; left:-30px; }
#fastbasketslider_front_front span{ width:190px; left:-75px;}
#filterslider_front_front span{ width:140px; left:-47px;}

#basket-small-container {min-height:200px; 
	span.basket-empty {text-align:center; display:block; margin:30px auto; color:e("#@{info}");}
	#basket {text-align:left; font-size:11px; 
		li {display:block; clear:both; padding:0 10px 20px 0px; color:e("#@{basketSmallText}"); margin:5px; }
		.photo {width:50px; height:50px; float:left; display:block; text-align:center; margin:0 10px 10px 0; background:e("#@{photoBg}");
			img {margin:0 auto; }
		}
		.name {display:block; color:e("#@{basketSmallProductText}"); font-weight:normal; }
		.price span {font-weight:bold; color:e("#@{price}"); }
		.quantity span {font-weight:bold; }
	}
	.basket-more {float:right; text-align:center; height:18px; }
	.basket-summary {float:left; text-align:left; display:inline-block; padding:0 0 0 10px; font-size:11px; margin:7px 0 0 0;
		span {font-weight:bold; color:e("#@{price}");
			&.price {margin-left:4px; }
		}
	}
	#basket-bottom {float:left; margin:0 10px 0 0; width:300px; height:35px; 
		a {float:left; margin-right:3px; 
			&:hover {text-decoration:none;  }
		}
	}
}

#basket-fast-container {min-height:200px;
	label {display: block; margin:0px 5px 0 15px; width: 300px; 
		&.med {width: 190px; float: left; }
		&.short {width: 90px; float: left; }
		input, textarea {display: block; width: 300px; margin: 0; }
		&.med input {display: block; width: 190px; margin: 0; }
		&.short input {display: block; width: 70px; margin:0; }
		textarea {height: 70px; }
	}
	.submit {margin: 0px auto 5px auto; display: block; }
}





























#login-form, #register-form, #remind-form, #profile-form, #login-register-menu {
	a#generate {vertical-align: middle; display: inline-block; display: inline-block; background: url( "images/@{bodyIco}_@{bodyIcoSecond}_@{bodyIcoAccent}/random.png" ); width: 32px; height: 32px; }
	#fblogin2 {background: #3b5998 url('images/loginface.png') no-repeat left center; color: #ffffff; border: 1px solid #ffffff; display: inline-block; font-weight: bold; height: 32px; line-height: 32px; padding: 0 20px 0 42px; box-shadow: 2px 2px 5px e("#@{inputBorder}"); text-align: center; vertical-align: middle; margin: 15px 20px 3px 0; float: right; min-height: initial;}
}	

.navi-actions { color:e("#@{contentDetailsText}"); text-align:right; margin:12px 15px 10px 0; padding:7px 5px 0 0; float:right; clear:both; border-top:1px solid e("#@{defaultBorder}"); 
	a.back, a.top, a.print { color:e("#@{contentDetailsText}"); margin:0 0 0 10px; padding:3px 0 3px 22px; }
	.back { background:transparent url("images/@{bodyIco}_@{bodyIcoSecond}_@{bodyIcoAccent}/ico_back.png") no-repeat center left; }
	.back:hover { background:transparent url("images/@{bodyIcoAccent}_@{bodyIcoSecond}_@{bodyIco}/ico_back.png") no-repeat center left; }
	.top { background:transparent url("images/@{bodyIco}_@{bodyIcoSecond}_@{bodyIcoAccent}/ico_top.png") no-repeat center left; position:static; height:auto; width:auto; }
	.top:hover { background:transparent url("images/@{bodyIcoAccent}_@{bodyIcoSecond}_@{bodyIco}/ico_top.png") no-repeat center left; position:static; height:auto; width:auto; }
	.print { background:transparent url("images/@{bodyIco}_@{bodyIcoSecond}_@{bodyIcoAccent}/ico_print.png") no-repeat center left; }
	.print:hover { background:transparent url("images/@{bodyIcoAccent}_@{bodyIcoSecond}_@{bodyIco}/ico_print.png") no-repeat center left; }
	#social { display: inline-block; vertical-align: middle;
		a {display:inline-block; width:20px; height:20px; margin:5px;
			span {display:none; }
		}
		#fb-share {background:transparent url('images/social_facebook_small.png') no-repeat scroll left top; }
		#blip-share {background:transparent url('images/social_blip_small.png') no-repeat scroll left top; }
		#twitter-share {background:transparent url('images/social_twitter_small.png') no-repeat scroll left top; }
		#nk-share {background:transparent url('images/social_nk_small.png') no-repeat scroll left top; }
		#gg-share {background:transparent url('images/social_gg_small.png') no-repeat scroll left top; }
		#google-share {background:transparent url('images/social_google_small.png') no-repeat scroll left top; }
	}
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br, .ui-corner-left, .ui-corner-bl, .ui-corner-top, .ui-corner-tr, .ui-corner-tl { border-radius: 0 !important; } /* kwadratowe rogi */
button.ui-multiselect { background: #ffffff; border: 1px solid #dbdbdb; /*box-shadow: 2px 2px 5px #dbdbdb;*/ margin-top: 2px; }
.ui-icon-triangle-2-n-s { background: #ffffff url("images/000000/select.png") no-repeat scroll center center !important; }
.ui-multiselect-checkboxes > li > label > span { display: inline-block; padding-left: 5px; width: ~"calc( 100% - 40px )"; } /* multiselect - checkboxy obok opisu, nie w �rodku */

form/*.form-styled*/ {
	fieldset { margin: 0; padding: 0; }
	th { vertical-align: top; padding-top: 19.5px; }
	td { vertical-align: top;
		select { margin-top: 1px; }
	}
	.tTip.discount_false{ background: url("images/@{info}/discount.png") no-repeat; }
	.tTip.discount_true{ background: url("images/@{correct}/discount.png") no-repeat; }
	.tTip.discount_false, .tTip.discount_true{ width: 16px; height: 16px; display:inline-block; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 16px; }
	.info.tTip {margin-top:1px; display:inline-block; float:right; -moz-box-sizing: border-box; box-sizing: border-box; background: url("images/@{info}_@{bodyIcoSecond}_@{info}/info.png") no-repeat; width: 20px; height: 20px; padding-left: 20px; margin: 15px 3px 3px; }
	.buttons {text-align: right; padding-right: 40px;}
}

/*

a.ico {background-color: e("#@{bgButtonMobile}"); margin: 10px; display: inline-block; width: 30px; height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 30px; overflow: hidden; 
	&#basket-ico { background: url("images/@{bodyIco}/ico_basket.png") no-repeat center center transparent; }
	&#search-ico { background: url("images/@{bodyIco}/submit_search.png") no-repeat center center transparent; }
	&#login-ico { background: url("images/@{bodyIco}/ico_login.png") no-repeat center center transparent; }
	&#login-link { background: url("images/@{bodyIco}/ico_login.png") no-repeat center center transparent; }
	&#storage-ico { background: url("images/@{bodyIco}/ico_storage.png") no-repeat center center transparent; }
}
*/

#cboxContent h3 { font-weight: normal; }

.desktop {display: none;}
.tablet {display: none;}
.mobile {display: none;}

/*@media screen and (max-width: 1299px) {
	html body{
		#container {
			header {
				#head1 {width: 100%; margin: 0 auto; height: 62px;
					div.user-tools {  margin: 7.5px 3px;
						&>a {}
						ul#login-tool {top: 30px;}
					}
					form.search-form {margin-top: 10px;}
				}
			}
			#main_container{ 
				.block100, .block50 { width: calc( ~"100% - 20px" ); clear: both; margin-left: auto; margin-right: auto; }
			}
			#main #content #page .products.LIST > li, #main #content #product .products.LIST > li { width: ~"calc( 100% - 30px )"; }
			#main #content #product #product-variants div.variant { width: ~"calc( 100% - 30px )"; }
		}
	}
}
*/
@media screen and (max-width: 989px) {
	html body{
		#container {
			header { padding-top: 120px; 
				#head1-wrapper { height: 113px;
					#head1 { height: 113px; width: 100%;
						.tablet-clear{ clear: both; display: block; }
						#logo { width: 150px; height: 45px; margin: 3px;
							a {
								img { max-width: 150px; max-height: 45px; }
							}
						}
						form.search-form { width: calc( ~"100% - 160px" ); float: right; clear: right; margin: 0;
							input { margin-right: 2px; }
						}
						.user-tools { width: calc( ~"20% - 1em" ); display: inline-block; float: none;
							a { padding: 33px 1px 1px; background-position: center 1px; height: 28px;
								&#login-ico { display: none; }
								.ico_info { left: 50%; }
							}
						}
					}
				}
			}
		}
	}
}

@media screen and (min-width: 990px) { /* desktop */
	/* ************** RESET DISPLAY ************** */
	*.desktop { display: inline; }
	address, article, aside, blockquote, body, center, dd, div, dl, dt, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, listing, main, menu, nav, ol, p, plaintext, pre, section, ul { &.desktop { display: block; } }
	table { &.desktop { display: table; } }
	caption { &.desktop { display: table-caption; } }
	tr { &.desktop { display: table-row; } }
	col { &.desktop { display: table-column; } }
	colgroup { &.desktop { display: table-column-group; } }
	tbody { &.desktop { display: table-row-group; } }
	thead { &.desktop { display: table-header-group; } }
	tfoot { &.desktop { display: table-footer-group; } }
	td, th { &.desktop { display: table-cell; } }
	li { &.desktop { display: list-item; } }
	frameset { &.desktop { display: block !important; } }
	marquee { &.desktop { display: inline-block; } }
	/***********************************************/
	body{ /* more important than global styles */
		#filterslider { display: none; }
		#container {
			header{
				#head1-wrapper {
					#head1 {
						#mobile-menu-link-container {display: none;}
						.user-tools { margin-top: 16px; 
							a#login-link {display: none;}
						}
						form { margin: 15px 0 0 0;
							input.submit { margin-top: -4px; }
						}
					}
					#menu3_nav #menu3 {max-width: 1280px; padding: 0 55px; }
				}
			}
			#main_container{ margin: 0 auto; padding: 10px 45px; max-width: 1300px; width: calc( ~"100% - 90px" );
				#content { width: calc( ~"100% - 290px" ); float: right;
					#product, #page{
						.compare-wrapper.fix { position: fixed; }
					}
				}
				.nocolumn #content { width: 100%; }
				.block50, .block100 { float: left; margin: 10px; }
				.block50 { width: calc( ~"50% - 20px" ); }
				.block100 { width: calc( ~"100% - 20px" ); clear: both; }
			}
			footer #foot{
				nav, #newsletter{ display: inline-block; vertical-align: top; }
			}
		}
	}
}
@media screen and (min-width: 701px) and (max-width: 989px){ /* tablet */
	/* ************** RESET DISPLAY ************** */
	*.tablet { display: inline; }
	address, article, aside, blockquote, body, center, dd, div, dl, dt, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, listing, main, menu, nav, ol, p, plaintext, pre, section, ul { &.tablet { display: block; } }
	table { &.tablet { display: table; } }
	caption { &.tablet { display: table-caption; } }
	tr { &.tablet { display: table-row; } }
	col { &.tablet { display: table-column; } }
	colgroup { &.tablet { display: table-column-group; } }
	tbody { &.tablet { display: table-row-group; } }
	thead { &.tablet { display: table-header-group; } }
	tfoot { &.tablet { display: table-footer-group; } }
	td, th { &.tablet { display: table-cell; } }
	li { &.tablet { display: list-item; } }
	frameset { &.tablet { display: block !important; } }
	marquee { &.tablet { display: inline-block; } }
	/***********************************************/
	body{ /* more important than global styles */
		#newsletter_colorbox {width: 350px; height: 380px; background-size: 100%; background-position: center top; background-repeat: no-repeat;
			img.logo {left: 0; margin: 0 auto; max-width: 200px; position: absolute; right: 0; top: 80px;}
			p#p1 {left: 20px; font-size: 14px; top: 140px;}
			p#p2 {left: 0; right: 0; margin: 11px auto; font-size: 16px; top: 168px; text-align: center;}
			p#p3 {left: 20px; font-size: 14px; width: 270px; top: 205px;}
			form {
				input[type="email"] {left: 25px; top: 275px; width: 150px;}
				input[type="submit"] {left: 200px; top: 275px;}
			}
			a#newsletter_not_now {top: 10px; right: 40px;}
			a#newsletter_no {top: 10px; right: 150px;}
		}
		#facebook, #basketslider, #fastbasketslider, #googleplus, #pinterest, #twitter, #youtube, #gadugadu {display: none;}
		#container{
			header{
/*				#head1 {
					form.search-form {width: 360px; }
					div.user-tools {
						a {
							&#login-ico {display: inline-block;}
							&#login-link {display: none;}
						}
					}
				}*/
			}
/*******************************************************************************************************************************************/			#column { display: none; }
			#main_container{ padding: 10px 0; width: 100%;
				#content { margin: 0 auto;
					#product, #page{
						.compare-wrapper.fix { position: fixed; top: 113px; }
					}
				}
			}
			#main #content #page #ordered-products table {
				tbody .quantity .change { display: none; }
				tfoot {
					tr.buttons td {text-align: center; border-top: 3px solid #ff5400; padding-top: 15px;
						#step-next { float:none; }
					}
				}
			}
			footer #foot{
				nav, #newsletter {vertical-align: top; }
			}
		}
		.banners_container {
			.pages a {/*height: 10px; width: 50px;*/ margin: 10px;}
		}
	}
}
@media screen and (max-width: 700px) { /* mobile */
	/* ************** RESET DISPLAY ************** */
	*.mobile { display: inline; }
	address, article, aside, blockquote, body, center, dd, div, dl, dt, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, listing, main, menu, nav, ol, p, plaintext, pre, section, ul { &.mobile { display: block; } }
	table { &.mobile { display: table; } }
	caption { &.mobile { display: table-caption; } }
	tr { &.mobile { display: table-row; } }
	col { &.mobile { display: table-column; } }
	colgroup { &.mobile { display: table-column-group; } }
	tbody { &.mobile { display: table-row-group; } }
	thead { &.mobile { display: table-header-group; } }
	tfoot { &.mobile { display: table-footer-group; } }
	td, th { &.mobile { display: table-cell; } }
	li { &.mobile { display: list-item; } }
	frameset { &.mobile { display: block !important; } }
	marquee { &.mobile { display: inline-block; } }
	/***********************************************/
	html body{ /* more important than global styles */		
		#newsletter_colorbox {width: 350px; height: 380px; background-size: 100%; background-position: center top; background-repeat: no-repeat;
			img.logo {left: 0; margin: 0 auto; max-width: 200px; position: absolute; right: 0; top: 80px;}
			p#p1 {left: 20px; font-size: 14px; top: 140px;}
			p#p2 {left: 0; right: 0; margin: 11px auto; font-size: 16px; top: 168px; text-align: center;}
			p#p3 {left: 20px; font-size: 14px; width: 270px; top: 205px;}
			form {
				input[type="email"] {left: 25px; top: 275px; width: 150px;}
				input[type="submit"] {left: 200px; top: 275px;}
			}
			a#newsletter_not_now {top: 10px; right: 40px;}
			a#newsletter_no {top: 10px; right: 150px;}
		}
	
		#facebook, #basketslider, #fastbasketslider, #googleplus, #pinterest, #twitter, #youtube, #gadugadu {display: none;}
		#filterslider { display: none; }
/*		#container header{ padding-top: 77px;
			#head1 {height: 62px;
				div.user-tools {width: auto; margin: 7.5px 3px; 
					a {padding: 3px 0 3px 30px !important;
						&#login-ico {display: none;}
						&#login-link {display: inline-block;}
					}
					ul#login-tool {display: none !important;}
				}
				form {clear: right; float: right; width: 70px; margin: 2.5px 0 0; }
			}
		}*/
		#container #main #content #page #ordered-products table{
			tbody .quantity .change { display: none; }
			tfoot {
				tr.buttons td {text-align: center; border-top: 3px solid #ff5400; padding-top: 15px;
					#step-next { float:none; }
				}
			}
		}
		.banners_container { width: 100%;
			ul li .text {display: none; }
/*			.pages a {height: 10px; width: 50px; margin: 10px;}*/
		}
		#container {
			#main_container { padding: 10px 0; width: 100%;
				#main {
					#content { width: 100%; margin: 0 auto; 
						#page {
							#search-page-form {text-align: left;
								input[type="submit"] { float: none; width: calc( ~" 100% - 52px " ); }
								a#search_advanced_slide { display: block; float: none; }
							}
							#register-form {
								th {max-width: 100px; }
								input#register-password {max-width: 130px;}
								input#register-password2 {max-width: 165px;}
							}
							#personal-data-form {
								.input {width:120px;}
								select {width:138px;}
								textarea {width:150px;}
							}
							#basket .buttons, #order #order-step { button, a { display: block; width: calc( ~"100% - 30px" ); padding: 5px 15px; border: 0; margin: 5px 0; } }
							#ordered-products {
								table {
									th.quantity, td.quantity {width: 60px;
										input.input {width: 35px;}
									}
								}
							}
							#discount_coupon_code { max-width: 100px; margin: 8px 0; }
							#save { display: none !important; }
							#order-login {
								input[name="sPass"] {max-width: 165px;}
							}
							#order-register {
								input[name="sPass"] {max-width: 140px;}
								input[name="sPass2"] {max-width: 165px;}
							}
							#order-gift {
								div {height: auto;}
							}
							.order-final-confirm  {max-width: 90%;}
							form {
								&#login-form {
									input[name="sPass"] {max-width: 165px;}
								}
								table {
									th {
									}
									td {
										input[type="text"], input[type="tel"], textarea {max-width: 165px;}
										input[name="sPass"], input[name="sPass2"] {max-width: 165px;}
										select {max-width: 183px;}
									}
								}
							}
							.products.LIST > li{ width: ~"calc( 100% - 30px )"; }
						}
						#product {
							form {width: 100%;
								table {width: 100%; min-width: auto;
									th {max-width: 30%;}
									td {max-width: 70%;
										input[type="text"], input[type="tel"], textarea, input[name="sPass2"] {width: 80%;}
										input[name="sPass"] {max-width: 150px;}
									}
								}
							}
							#product-variants div.variant { width: calc( ~"100% - 26px" ); }
						}
					}
				}
			}
			#cookie_container {left: 0; margin: 0 auto; right: 0 !important;}
		}
		footer {
			#foot {
				#newsletter {width: 100% !important; padding: 0; margin: 0;}
			}
		}
		.zoomContainer { display: none !important; }
	}
}


/*******************************************************************************************************************/
/*                                                     PLUGINS                                                     */
/*******************************************************************************************************************/

/*                                              jQuery UI Stars v3.0.1                                             */
.ui-stars-star, .ui-stars-cancel { float: left; display: block; overflow: hidden; text-indent: -999em; cursor: pointer; }
.ui-stars-star a, .ui-stars-cancel a { width: 16px; height: 15px; display: block; background: url('images/jquery_ui_stars.png') no-repeat 0 0; }
.ui-stars-star a { background-position: 0 -32px; }
.ui-stars-star-on a { background-position: 0 -48px; }
.ui-stars-star-hover a { background-position: 0 -64px; }
.ui-stars-cancel-hover a { background-position: 0 -16px; }
.ui-stars-star-disabled, .ui-stars-star-disabled a, .ui-stars-cancel-disabled a { cursor: default!important; }
/*******************************************************************************************************************/
