@charset "utf-8";

html{ background:#333;}
body{ font-family:Arial, Helvetica, sans-serif; background:#333; color:#333;}
a{ color:#06c;}
a:hover{ color:#f00;}
h3{ font-size:1.6em; line-height:1.2em; padding:0.5em 0;}
h2{ font-size:1.8em; line-height:1.2em; padding:0.4em 0;}
h4{ font-size:1.4em; line-height:1.2em; padding:0.3em 0;}

.button a,.button button{ font-size:1.2em; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; color:#06c; background:#d7dff1; border:none; overflow:visible; display:inline-block; margin:0; margin:0; zoom:1; line-height:25px; padding:0 1.5em; height:25px; cursor:pointer;}
.button a:hover,.button button:hover{ color:#d7dff1; background:#06c;}



.imgText{ background:url(img/transparent_elements.png) no-repeat;}
	.txtLogo{ background-position:0 0; width:140px; height:111px; position:relative; left:4em;}



#all{ width:99em; margin:0 auto; background:#fff; padding:13em 0 0em 0;}

#header{ position:absolute; top:1em;}
	.topMenu{ position:absolute; left:23em; top:2em; zoom:1; width:70em;}
	.topMenu:after{ content:'.'; display:block; clear:both; height:0; visibility: hidden;}
	.topMenu li{ float:right; margin-right:0.5em;}
	.topMenu li a{ display:block; line-height:1.2em; font-size:1.2em; padding:0.5em 1.5em; background:#d7dff1; text-decoration:none; font-weight:bold;}
	.topMenu li a:hover{ color:#d7dff1; background:#06c;}

#main{ padding:1em 0;}

.leftBar{ float:left; width:22em;}
	.leftBar .box{ padding:0 1em;}
		.leftMenu li{ margin-bottom:1px; position:relative; zoom:1; overflow:visible;}
		.leftMenu li a{ display:block; line-height:1.2em; font-size:1.2em; padding:0.5em 1.5em; background:#d7dff1; zoom:1; color:#06c; text-decoration:none; font-weight:bold;}
			*html .leftMenu li a{ display:inline-block; width:163px;}
			*+html .leftMenu li a{ display:inline-block; width:163px;}
		.leftMenu li a:hover,.leftMenu li.active a{ color:#d7dff1; background:#06c;}
		.leftMenu ul{ position:absolute !important; left:20em;background:#06c; top:0; width:15em; display:none; border:1px solid #06c; z-index:1000}
		.leftMenu li ul li{ margin:0;}
		.leftMenu li ul a{ background:none; display:block; border-bottom:1px solid #d7dff1; width:auto; font-weight:normal;}
			.leftMenu li ul .first a{ padding:0.45em 1.5em 0.5em 1.5em;}
		.leftMenu li ul .last a{ border:none;}
		.leftMenu li ul a:hover{ background:#fff; color:#06c;}


#content{ float:left; width:77em;}
	#content .box{ padding:0 1em;}
*html #content{ width:76.9em;}
*+html #content{ width:76.9em;}

#footer{ text-align:center; background:#333; color:#fff; padding:2em;}

a.more{ font-size:1.2em; line-height:1.3em;}

.productsList{ position:relative; zoom:1;}
.productsList:after{ content:'.'; display:block; clear:both; height:0; visibility: hidden;}
.productsList .product{ width:33.3%; float:left; padding-bottom:1em;}
.productsList .product .productBox{margin:0 1em 0 0; border:1px solid #06c; padding:0 1em; height:25em;}
.productsList .product h4{ font-size:1.4em; line-height:1.2em; padding:1em 0 0.5em 0;}
.productsList .product .image{ height:10em; text-align:center; position:relative;}
.productsList .product .image img{ height:100%;}
	.price{ font-size:1.8em; line-height:1.2em; color:#060}
	.price del{ padding-left:1em; color:#f00;}

.productBlock{}
.productBlock .image{ width:49%; position:relative; float:left;}
.productBlock .image img{ width:100%;}
.productBlock .description{ width:49%; float:right;}
.productBlock .price{ padding-bottom:1em;}

.addToCart{ padding:0.5em 0 2em 0;}
.addToCart a{background:#d7dff1; line-height:2.2em; font-size:1.2em; font-weight:bold; padding: 0.5em 1em; zoom:1; text-decoration:none;}
.addToCart a:hover{background:#06c; color:#d7dff1;}

.cartTable{ width:100%;}
.table th,.table td{ border:1px solid #ccc; padding:7px 10px;}
.table th{ font-weight:bold; font-size:1.3em; line-height:1.2em; }
.table td{ font-size:1.2em;}
.cartTable .image{ width:130px; position:relative; float:left;}
.cartTable .cms{ }
.cartTable .image img{ width:90%;}
.cartTable .colPrice,
.cartTable .colQantity,
.cartTable .colTotal,
.cartTable .colActions{ width:8em; padding-left:0; padding-right:0;}
.quantity{ text-align:center; font-weight:bold;}
.table td.bigFont{ padding-left:10px; font-size:1.4em;}
.bigFont{ font-size:1.4em; font-weight:bold;}
.cartTable th{ text-align:center;}
.cartTable .price{ text-align:center; font-size:1.2em;}
.cartTable .product{}
.cartTable .actions{ text-align:center;}


.buttons{ padding:2em 0 1em 0;}

ul.form li{zoom:1; padding:0.3em 2em 1em 2em;}
ul.form li:after{ content:'.'; display:block; clear:both; height:0; visibility: hidden;}
ul.form li .label{ width:20%;}
ul.form li .label label{ font-size:1.2em; line-height:1.3em}
ul.form li .input{ width:70%;}
ul.form  .text_input input,ul.form textarea{ width:15em;}
ul.form textarea{ height:7em;}
ul.form .nolabel{ padding-left:21.5%;}
.error{ display:block; line-height:1.2em; font-size:1.1em; color:#f00;}

.addressBox { position:relative; padding-bottom:1.2em;}
.addressBox ul{ border:1px solid #ccc; padding:0.5em 1em;}
.addressBox .col{ font-size:1.2em; line-height:1.2em;}
.addressBox .row{ padding:0.3em 0;}
.addressBox .editField{ line-height:1.2em; font-size:1.2em; position:absolute; top:1em; left:310px;}

.product_counter{ position:relative;}
	.product_counter .overall{ display:none;}
	.product_counter .products_quantity{ display:block; margin:0.5px 1.5em; position:relative; text-align:center;}
	.product_counter .more,.product_counter .less{ text-decoration:none; position:absolute; top:-10px; font-size:1.5em; padding:5px;}
	.product_counter .more{ right:5px;}
	.product_counter .less{ left:5px;}



div#nyroModalFull{ color:inherit; font-size:inherit;}
div.wrapper div#nyroModalContent { padding:5px 10px}

#visualTranslate{ display:none;}
.wrong-translation{ background-color:#f99; color:#fff; }
.needTranslate{ background-color:#f99; color:#fff; }

#translateLink{ position:absolute; top:68px; line-height:1.2em; font-size:1em; border-top-width:0 !important; display:none; border-color:#ddd; z-index:999;}
#translateLink a{ padding:0.5em 0.5em; font-family:Verdana, Arial, Trebuchet MS, Helvetica, sans-serif; display:block; color:#fff; background:#fd7872;}
#translateLink a:hover{ color:#fd7872; background:#fff;}