body{text-align:center}
#wrap{width:1031px;font-family:arial, sans-serif;text-align:left;margin:0 auto;background:url(/images/bg-t.jpg) 50% top no-repeat}

#header{position:relative;height:180px}
#header .logo{position:absolute;width:338px;height:90px;top:6px;left:142px;overflow:hidden}
	#header .logo a{text-decoration:none}
#header .main-nav{position:absolute;top:144px;padding-left:233px}
	#header .main-nav li{display:inline;white-space:nowrap;font-size:9pt;font-family:arial, sans-serif;margin:0 7px;font-weight:bold}
		#header .main-nav li a{color:#015e9c}
			#header .main-nav li a:hover{text-decoration:none}
		#footer p a:hover, #content .main .other-tovar .item a:hover{text-decoration:underline}

	#header form{position:absolute;top:76px;left:618px}
		#header form .search-t{border:none;background:none;vertical-align:middle;width:210px;height:14px;font-family:tahoma, sans-serif;margin-right:5px;font-size:9pt;padding-left:19px;}
		#header form .search-submit{border:none;vertical-align:middle;cursor:pointer}

	#header address{position:absolute;left:637px;top:40px;font:normal bold 10px  "comic sans ms", "Monaco CY", cursive;color:#047d90;text-shadow:0 1px 0 #fff}
		#header address big{font-size:17px;font-weight:normal}

#content{width:100%;overflow:hidden;background:url(/images/bg-content-l.png) left top repeat-y}
#content .clear{width:100%;clear:both;height:1px;overflow:hidden}

#aside{float:right;width:242px;padding:40px 0 40px;overflow:hidden}
#aside h1{color:#0360af;font:normal 15pt 'trebuchet ms', sans-serif;padding:0 0 8px 16px}
	#aside p.desc{text-align:center;font-size:13px;color:#494949;line-height:130%;padding:0 20px 14px 0}
	#aside p.photo{padding:3px 0 8px 20px}
		#aside p.photo img{border:solid 1px #4c4c4c}
	#aside p{color:#6b6b6b;font-size:9pt;line-height:140%;padding:0 26px 4px 20px}
		#aside p.tel{color:#e10000;font-size:17pt}
		#aside p.salut{padding:12px 0 0 20px}

#sidebar{float:left;width:207px;padding:3px 0 0; /*height: 1000px*/;margin-left: 16px;}
	#sidebar .menu ul{margin:4px 0 16px 10px}
		#sidebar .menu ul li h2{font-weight:normal;font-size:15px}
			#sidebar .menu ul li h2 a{color:#0360af}
			#sidebar .menu ul li h2 a:hover{text-decoration:none}
			#sidebar .menu ul li ul{padding:10px 0 12px 18px;margin:0}
				#sidebar .menu ul li ul li{font-size:13px;padding:0 0 6px}
					#sidebar .menu ul li ul li a{color:#6b6b6b;text-decoration:none;margin-left:-14px;}
					#sidebar .menu ul li ul li a:hover{text-decoration:underline}

#content .main{margin:0 275px 0 163px;padding:7px 0 0;width:560px}
	#content .main .cat-gall{overflow:hidden; margin-top: 8px;}
	#content .main .cat-gall .item{float:left;width:160px;text-align:center;height:300px;margin:10px; }
			#content .main .cat-gall .item img{border:solid 1px #929292; max-width:150px; max-height: 150px;}
			#content .main .cat-gall .item h2{font:normal 14px/18px Arial, sans-serif;padding:6px 0 30px}
			#content .main .cat-gall .item a{color:#0360af}
			#content .main .cat-gall .item a:hover, #content .main .tovar .photo a:hover{text-decoration:none}
	#content .main .description{color:#7a7a7a;line-height:120%;padding:0 0 20px 24px}
		#content .main .description h2{font-weight:normal;font-size:17px;font-family:'trebuchet ms', sans-serif}
		#content .main .description p{font-size:12px}
		#content .main .description h3{font-weight:normal;font-size:17px;font-family:'trebuchet ms', sans-serif}
		#content .main .description h3.big-fir{color:#eb0000}
		#content .main .description h3.small-fir{color:#7fa071;margin:3px 0 4px}
		#content .main .description h3.second-fir{color:#2392bf}

#footer{background:url(/images/bg-b.png) left top no-repeat;font-size:11px;color:#fff;height:80px;margin-left:20px;text-align: center}
	#footer .counters{float:right;padding:23px 20px 0}
	#footer .info{padding:16px 20px}
	#footer p{padding-bottom:4px}
	#footer p a{text-decoration:none;color: white}


/*  inside-page style   */

#content .main .tovar{padding:40px 0 14px 20px;overflow:hidden}
	#content .main .tovar .photo{float:left;width:300px;text-align:center}
		#content .main .tovar .photo p{padding:10px 0 2px}
		#content .main .tovar .photo a{color:#615b5b;font-size:9pt}
	#content .main .tovar .descript{margin-left:310px}
		#content .main .tovar .descript h1{color:#035fae;font-size:25pt;font-weight:normal;padding:0 0 10px;font-family:'trebuchet ms', sans-serif}
		#content .main .tovar .descript p{color:#545454;text-indent: 6px;font-size:12px;line-height:140%;padding:0 16px 12px 0}
			#content .main .tovar .descript p strong{color:#cb0000}
		#content .main .tovar .descript table{margin:4px 0 0;font-size:13px}
			#content .main .tovar .descript table td{height:24px;padding-right:18px;color:#545454}
			#content .main .tovar .descript table td.color{color:#5d8e00;padding-right:30px}
			#content .main .tovar .descript table td.price{color:#080;padding-right:0;text-align:right}
			#content .main .tovar .descript p.price-ru{color:#a8a8a8;font-size:11px}
			#content .main .tovar .descript p.price{padding-left:10px}

#content .main .other-tovar{overflow:hidden;width:100%}
	#content .main .other-tovar h3{color:#2c6a91;font:normal 17px 'trebuchet ms',sans-serif;padding:0 0 30px 25px;text-transform:uppercase}
	#content .main .other-tovar .item{float:left;width:25%;overflow:hidden;text-align:center;font-size:12px;padding-bottom:40px}
		#content .main .other-tovar .item p{padding:8px 0 2px}
		#content .main .other-tovar .item a{color:#747474;text-decoration:none}

#content .main .advice{color:#615b5b;font-size:11px}
	#content .main .advice h3{font-weight:normal;margin:0 0 14px 18px}
	#content .main .advice ul{padding:0 50px 46px 28px}
		#content .main .advice ul li{padding-left:8px;background:url(/images/bullit.gif) left 5px no-repeat;line-height:130%}

/* gallery */


.simple_overlay {

	/* must be initially hidden */
	display:none;

	/* place overlay on top of other elements */
	z-index:10000;

	/* styling */
	background-color:#333;

	min-width:150px;
	width:auto !important;
	width:150px;
	min-height:200px;
	border:1px solid #666;

	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 30px 5px #000;
	-webkit-box-shadow: 0 0 30px #000;
	box-shadow:0 0 30px #000;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background:url(/images/close.jpg) center center no-repeat red;
	position:absolute;
	right:0px;
	top:0px;
	cursor:pointer;
	width:15px;
	height:15px
}


/* style for basket */

#aside .basket{margin:16px 30px 20px 19px;background:#EEFFED;border:solid 1px #D1E0D0;padding:12px 0}
	#aside h3{color:#0360af;font:normal 20px 'trebuchet ms', sans-serif;padding:6px 0 10px 58px;background:url(/images/ccart.gif) 20px top no-repeat}
	#aside .basket .empty-basket{color:#333;font-size:11pt;padding:8px 0 20px 90px;display:none}
	#aside .basket .full-basket p{color:#575864;padding-right:20px}
	#aside .basket .full-basket p span{float:right;display:inline;color:#c00;font-weight:bold;font-size:11pt}
	#aside .basket .full-basket p.order{text-align:center;margin-top:12px}
	#aside .basket .full-basket a{color:#0360af}
	#aside .basket .full-basket a:hover{text-decoration:none;color:red}

/* gallery */


.simple_overlay {

	/* must be initially hidden */
	display:none;

	/* place overlay on top of other elements */
	z-index:10000;

	/* styling */
	background-color:#333;

	min-width:150px;
	width:auto !important;
	width:150px;
	min-height:200px;
	border:1px solid #666;

	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 30px 5px #000;
	-webkit-box-shadow: 0 0 30px #000;
	box-shadow:0 0 30px #000;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background:url(/images/close.jpg) center center no-repeat red;
	position:absolute;
	right:0px;
	top:0px;
	cursor:pointer;
	width:15px;
	height:15px
}


/* style for basket */

#aside .basket{margin:16px 50px 20px 19px;background:#EEFFED;border:solid 1px #D1E0D0;padding:12px 0}
	#aside h3{color:#0360af;font:normal 20px 'arial', sans-serif;padding:6px 0 10px 58px;background:url(/images/ccart.gif) 20px top no-repeat}
	#aside .basket .empty-basket{color:#333;font-size:11pt;padding:8px 0 20px 90px;}
	#aside .basket .full-basket p{color:#575864;padding-right:20px}
	#aside .basket .full-basket p span{float:right;display:inline;color:#c00;font-weight:bold;font-size:11pt}
	#aside .basket .full-basket p.order{text-align:center;margin-top:12px}
	#aside .basket .full-basket a{color:#0360af}
	#aside .basket .full-basket a:hover{text-decoration:none;color:red}

.search_result {
     width:100%;
     text-align: left;
     padding: 3px 20px;
     font-size: 16px;
}

.search_message {
   width:100%;
   text-align: center;
   padding: 20px 10px 10px;
}

.required {}
.required:before {content: "*";color: red;}

.left{
    width:250px;
    font-weight: bold;
    padding: 5px 10px 5px 10%;
    color:#2E4A4C;
}

.right{
    width:300px;
}

.right select{
    width: 295px;
}

.right input{
    width:100%;
}

.right textarea{
    margin-left: 10%;
    width:89%;
}

#content .main h1{font:normal 22px/28px 'arial', sans-serif;color:#0360AF}

#content .main h1{font:normal 22px/28px 'arial', sans-serif;color:#0360AF;margin-bottom:6px;margin-left:0.9px;padding-top:21px;margin-left:16px;}

.main .inside-gall item{height:250px}

.main .pager{text-align:center;padding:24px 0 0}
.main .pager a{color:#1f5b9d}
.main .pager a:hover{text-decoration:none;color: rgb(53, 113, 20)}

.main table.order-basket{font:normal 13px/24px tahoma, sans-serif;color:#343538}
.main table.order-basket td{padding-right:18px}
.main table.order-basket td.price{font-weight:bold;color:#a00}
.main table.order-basket th span{color:#a00;font-size:14px}

#content .main{margin:0 255px 0 244px}
#sidebar{width:222px}
#aside{float:right;width:246px}
#aside .basket{margin:16px 30px 5px 19px}
#content{width:100%;overflow:hidden;background:url(/images/bg-content-l.png) left top repeat-y;background-position: 21px}

.main .pager{text-align:center;padding:24px 0 0}
.main .pager a{color:#1f5b9d}
.main .pager a:hover{text-decoration:none;color: rgb(53, 113, 20)}


.error_list label{
    color:red;
}
.tables{
    border: thin solid #808080;
    width:500px;
    color:black;
    font-size: small;
    margin: 10px;
}
.tables td{
    padding: 4px;
}
.pass_rem{
    color:#015e9c;
    font-size: small;
    margin-left: 10px;
}
.forms{
    margin: 20px 0 0 10px;
    font-size: small;
    color: #808080;
}
.bread_crumbs {
    font-size: 13px;
    margin: 0 10px 10px;
	width: 738px;
	position:absolute;
}

.bread_crumbs a{
    color: #808080;
    margin: 10px 5px;
}
.bread_crumbs span{
    color: red;
}
.buy{
	color:#FFF;
	text-decoration: none;
}
.buy-button{
	background-color: #080;
	border-radius: 4px;
	padding: 5px;
	width: 60px;
	text-decoration: none;
	cursor: pointer;
}
#three_elements{
	margin-top: 30px;
}
.brands{
	display:block;
	padding:5px;
	margin-left: 17px;
}
.from3items{
  text-decoration: none;
  border-bottom: 1px solid gray;
  color: gray;
  font-family: arial;
  font-size:11px;
}
.item3color{
  font-size:11px;
  color:blue;
}
#support_table{
    border: 2px solid gray;
}
.head_tbl{
    background: gray;
    color:white;
    font-weight:bold;
}
.head_tbl td {
    padding: 5px;
}
.after_head td{
    padding: 1px;
}
#basket_link{
	text-decoration: none;
}
#catalog_h1{
	margin-top:22px;
}	
.main p{
	padding-left:19px;
	padding-bottom: 10px;
	padding-top: 10px;
	font-size:12px;
	line-height: 140%;
	color: #545454;
}
#support_table{
	margin-left:6px;
}
.main ul{
	list-style:disc;
	padding:10px 0px 10px 30px;
}
#full_description{
	color: #545454;
	font-size: 12px;
	line-height: 140%;		
}
.after_head a{
	font-size: 12px;
}
.after_head td{
	font-size:12px;
}
#support_tables{
	margin-left:16px;
}
#full_description p{
	text-indent: 6px;
}
.after_head td:first-child a {
	padding-left: 12px;
}
#three_elements{
	margin-left:5px;
}
.description p{
	text-indent: 6px;	
}
.main p{
	text-indent: 6px;	
}
.info{
	color:#FFF;
}
#footer{
	background-color:blue;
	margin-right:22px;
}
.main li{
	font-size:12px;
	color: #545454;
	line-height: 140%;	
}
.main a{
	font-size:12px;
}
.info a{
	color:white;
}
.idsearch{
    margin-top: 20px;
    border: thin solid #D1E0D0;
    background: #EEFFED;
}
.idsearch div{
    padding: 7px 0px 0px 7px;
    font-size: 10px;
    font-weight: bold;
}
.idsearch form{
    padding: 4px;
}
.idsearch form input{
    border:thin solid #D1E0D0;
    font-size: small;
}
.subbut{
    cursor: pointer;
}
.top_prod{
	border: 1px solid #D1E0D0;
}
.top_prod_header{
	padding: 5px;
	color: #0360AF;
	font: 20px "arial", sans-serif;
	padding: 6px 0px 0 40px;
}
/*****CARUSEL*************************************************/
#carousel_inner {
float:left; /* important for inline positioning */
width:962px; /* important (this width = width of list item(including margin) * items shown */ 
overflow: hidden;  /* important (hide the items outside the div) */
/* non-important styling bellow */
background: #F0F0F0;
}

#carousel_ul {
position:relative;
left:-210px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:9999px; /* important */
/* non-important styling bellow */
padding-bottom:10px;
}

#carousel_ul li{
float: left; /* important for inline positioning of the list items */                                    
width:200px;  /* fixed width, important */
/* just styling bellow*/
padding:0px;
height:110px;
/*background: #000000;*/
margin-top:10px;
margin-bottom:10px; 
margin-left:5px; 
margin-right:5px;
border: thin dotted #CCC; 
}

#carousel_ul li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand; 
border:0px;
max-width: 100px;
max-height: 100px;
margin: 3px 10px 2px 3px;
float: left;
font-size: 10px;
}
#carousel_ul li a{
    color: #0360AF;
    font-weight: bold;
    text-decoration: none;
}
#left_scroll, #right_scroll{
float:left; 
height:130px; 
width:15px; 
/*background: #C0C0C0;*/ 
}
#left_scroll img, #right_scroll img{
/*styling*/
cursor: pointer;
cursor: hand;
}
#carousel_container{
    padding-left: 20px;
    display: none;
    position: absolute;
    top:160px;
    font-size: smaller;
    font-size: 10px;
    color: gray;
    line-height: 12px;
}
.sort{
    margin-left: 15px;
    font-size: 12px;
    color: black;
}
.sort a{
    color: #0360AF;
}
/****END*CARUSEL**********************************************/

#menu-checkbox, #menu-checkbox-2{
	display:none;
}

@media screen and (max-width:980px){
img{
max-width:100%;
height:auto;
}
#wrap {
    width: auto;
	background:none;
	 padding-top: 31px;
}
#header{
	height:auto!important;
}
#footer {
    height: auto;
    margin-left: 0px;
	margin-right: 0px;
}
#header .logo {
    position: static;
	width: 190px;
	float: left;
	height: 53px;
}
#header form {
    position: static;
	display:none;
}
#header address {
    position: static;
	float: left;
	margin-top: 14px;
}
#header address table, #header address tbody, #header address tr{
	display:block;
}
#header address td{
	text-align:center;
	float:none;
}
#header .main-nav {
    padding-left: 0px;
    position: static;
	clear: both;
}
#carousel_container {
    padding-left: 0px;
    position: static;
}
#carousel_inner {
    float: none;
    margin: 0 auto;
    width: 642px;
}
#carousel_container {
    padding-left: 0px;
    position: relative;
	margin:10px 0;
	top: 0px;
}
#right_scroll{
	position:absolute;
	float:none;
    top:0;
	right:0;
}
#left_scroll{
	position:absolute;
	float:none;
	top:0;
	left:0;
}
#aside {
    float: none;
    margin: 0 auto;
	padding: 0;
}
#sidebar {
    float: none;
    margin:0 auto;
}
#content .main {
    margin: 0 5px 0 5px;
    padding: 7px 0 0;
    width: auto;
}
#content {
    background: none;
}
#content .main .description {
    padding: 0 0 10px;
}
.top_prod table, .top_prod tbody, .top_prod tr{
	display:block;
}
.top_prod tr{
	text-align:center;
}
.top_prod td{
	display:inline-block;
}
#content .main .cat-gall .item {
    display: inline-block;
    float: none;
    overflow: hidden;
    text-align: center;
    width: 163px;
	height: 309px;
}
#content .main .cat-gall {
    text-align: center;
}
#aside p, #aside div, #aside center{
	display:none;
}
#basket_link div, #basket, #basket div, #basket_link, #basket a, #basket p{
	display:block!important;
}

#aside .basket {
     margin: 5px 4px 5px 5px;
    position: absolute;
    right: 0;
    top: 27px;
	padding: 0;
}
#aside .basket .full-basket p {
    padding-right: 5px;
	padding-left: 5px;
}
#aside .basket .full-basket p.order {
    margin-top: -0px;
}
#aside h3 {
    background: rgba(0, 0, 0, 0) url("/images/ccart.gif") no-repeat scroll 1px top;
    color: #0360af;
    font: 14px "arial",sans-serif;
    padding: 6px 0 10px 41px;
}

#content .main .tovar .photo {
    float: none;
    text-align: center;
    width: 300px;
	margin:0 auto;
}
#content .main .tovar .descript {
    margin-left: 0px;
}
.bread_crumbs {
    margin: 0 10px 10px;
    position: static;
    width: auto;
}
.main p {
    padding-left: 0;
}
#aside .basket .empty-basket {
    padding: 8px 0 6px 45px;
}
#header .main-nav li {
    display: block;
    font-family: arial,sans-serif;
    font-size: 9pt;
    font-weight: bold;
    margin: 0 7px;
    padding: 6px 0;
    white-space: normal;
}
.toggle-button {
    background: #4A8F10;
    color: #fff;
    cursor: pointer;
    display: block;
    height: 33px;
    text-align: center;
	left:0;
	position:absolute;
	width:50%;
	top: -31px;
}
.toggle-button::after {
    content: attr(data-open);
    display: block;
    font-family: "PT Sans",Arial,Helvetica,sans-serif;
    font-size: 15px;
    padding-top: 8px;
}
.toggle-button::before {
    background: rgba(0, 0, 0, 0) url("../images/pull.png") no-repeat scroll center center;
    content: "";
    display: block;
    height: 32px;
    left: 5px;
    position: absolute;
    width: 35px;
}
#menu-checkbox:checked + nav[role="navigation"] ul {
    display: block;
    width: auto;
}
#menu-checkbox:checked + nav[role="navigation"] .toggle-button::after {
    content: attr(data-close);
}
.mob-menu{
	overflow:auto;
	clear:both;
}
.mob-menu ul{
	display:none;
}
.toggle-button-2 {
    background:#0E76B3;
    color: #fff;
    cursor: pointer;
    display: block;
    height: 33px;
    text-align: center;
	position:absolute;
	top:0;
	right:0;
	width:50%;
}
.toggle-button-2::after {
    content: attr(data-open);
    display: block;
    font-family: "PT Sans",Arial,Helvetica,sans-serif;
    font-size: 15px;
    padding-top: 8px;
}
.toggle-button-2::before {
    background: rgba(0, 0, 0, 0) url("../images/catalog-icon-whit.png") no-repeat scroll center center;
    content: "";
    display: block;
    height: 32px;
    right: 5px;
    position: absolute;
    width: 35px;
}
#menu-checkbox-2:checked + div[role="navigation"] #sidebar {
    display: block;
}
#menu-checkbox-2:checked + div[role="navigation"] .toggle-button-2::after {
    content: attr(data-close);
}
#sidebar{
	display:none;
}
#footer div{
	position:static!important;
}
#footer .counters {
    float: none;
    padding: 23px 0px 0;
}
#footer .info {
    padding: 5px 5px;
	overflow: hidden;
	 font-size: 13px;
}
/*
#basket_link, #basket{
	position:absolute;
	right:5px;
	top:0;
}
/*
#basket{
	position:absolute;
	right:5px;
	top:0;
}
/*
#aside .basket {
    margin: 5px 0;
	padding: 2px 0;
}
/*
#aside h3 {
    background: rgba(0, 0, 0, 0) url("/images/ccart.gif") no-repeat scroll 4px top;
    font: 14px "arial",sans-serif;
    padding: 6px 0 10px 41px;
}
*/
}

@media screen and (max-width:660px){
#carousel_inner {
    width: 430px;
}
.after_head a{
	font: 11px/17px Verdana,sans-serif!important;
}
#support_tables {
    margin-left: 0px;
}
#content .main .tovar {
    padding: 5px 5px 14px;
}
#three_elements td {
    padding-top: 10px;
}
#header .logo {
    float: none;
}
#header address {
	float:none;
	margin: 14px auto 0;
	width: 295px;
    font: bold 12px "comic sans ms","Monaco CY",cursive;
}
#content .main h1 {
    margin-left: 0px;
    padding-top: 3px;
}
}

@media screen and (max-width:480px){

#header address {
    float: none;
}
/*
#header .logo {
    float: none;
	margin:0 auto;
}
*/
#carousel_inner {
   width: 217px;
}	
#three_elements td{
	display:block;
	width:100%;
}
#three_elements, #three_elements tbody, #three_elements tr {
	display:block
}
#form_zakaz table, #form_zakaz tbody, #form_zakaz tr, #form_zakaz td{
	display:block;
}
.left {
    padding: 5px 10px 5px 0%;
    width: auto;
}
.right {
    font-size: 12px;
    width: auto;
}
}

@media screen and (max-width:380px){

#content .main .cat-gall .item {
    display: block;
    width: auto;
}
#header address {
    float: none;
    width: auto;
	margin-left:5px;
}
}