/* Reset http://meyerweb.com/eric/tools/css/reset/
  v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; }
.h2,.h3,.h4 {display: block; margin: 0; padding: 0; border: 0; font-size: 100%;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section { display: block;}
body {  line-height: 1;}
ol, ul {  list-style: none;}
blockquote, q {  quotes: none;}
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}
table {  border-collapse: collapse;  border-spacing: 0;}
/* end reset */

h1,h2,h3,h4,h5,h6,.h2,.h3,.h4{ font-weight: normal; }
body {max-width:1000px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height: 16px; margin: 0 auto; }

#container1 { width:998px; background-color:#f7f0dd; overflow:hidden;  position:relative; padding-bottom:7px; border:1px solid #F4E7C8; }

/* стили по умолчанию */
/*img {display:block; }*/
b {font-weight:bold;}
p {margin:8px; }
h1,h2,h3,h4,.h2,.h3,.h4{font-size:48px; font-family:Georgia, Times, serifs; color:#7d432e; margin:8px; line-height:64px;}
h1, h2, .h2{font-size:24px; line-height:32px; margin-top:16px; }
h3, .h3{font-size:16px; line-height:20px; }
h4, .h4 {font-size:13px; line-height:16px;}
a{ text-decoration:underline; color:inherit;}
input, textarea {border:1px solid #f4e7c8; padding:1px; font-family:Arial, Helvetica, sans-serif; font-size:13px; }
input { height:19px;}
a:focus{ outline:none;}
/* top */
.hat {height:173px; width:1000px; background-image:url(/fortemplate/images/style/hat.jpg); margin-bottom:-32px; position: relative; }
.hat .hat_logo{ background-color:transparent; height:120px; left:8x; position: absolute; top:32px; width:280px;}
 .hat p{ padding: 32px  0 0 350px; color:#eee4c5; width:280px; margin:0; }
.hat-dinamika {height:173px; width:1000px; background-image:url(/fortemplate/images/style/hat-dinamika.jpg); margin-bottom:-32px;}

#num {float:left; margin:-23px 8px 8px 350px; color:white; display:inline-block; position: absolute; }
#cart {float:right; color:white; margin:4px 8px 8px 8px ; height:16px; padding:4px 30px 0px 8px; background: url("/fortemplate/images/style/cart.png") no-repeat scroll right transparent; color:white; position: relative; }

.top-menu { height:32px; width:952px; margin-left:0px; background-image:url("/fortemplate/images/style/top-menu.gif"); padding-left:48px; margin-top:32px; font-size:0;}
.top-menu >  li:hover,  .top-menu > li.current {background-image:url("/fortemplate/images/style/top-menu-hover.gif");}
.top-menu > li{ display:inline-block; padding:9px 16px 2px 16px; border-right: 1px solid #6d5b44;}
.top-menu > li:first-child{ border-left: 1px solid #6d5b44;}
.top-menu > li > a, .top-menu > li > a:visited { font-size:12px; color:#cebd8e; text-decoration:none;}
.top-menu > li:hover > a, .top-menu > li.current > a {color:#7d432e;}
.drop-menu {background: url("/fortemplate/images/style/arrow-down.png") no-repeat scroll right transparent; padding-right:20px;}
.top-menu > li:hover drop-menu ,  .top-menu > li.current .drop-menu {background: url("/fortemplate/images/style/arrow-down.png") no-repeat scroll right transparent; padding-right:20px;}



/* main */
.series {font-family:Arial, Helvetica, sans-serif; margin:0; padding:12px 0 8px 0; text-align:center; background-color:#f7f0dd; border:1px solid #F4E7C8;}
#prevous-product{float:left; text-align:left; margin-left:8px; width:25%;padding-right:32px;background:url("/fortemplate/images/style/brown-arrow-left.png") no-repeat scroll right transparent;color:#7d432e;}
#current-product{text-align:center; margin:0px auto; padding:8px 0; width:998px; color:black;}
#next-product{float:right; margin-right:8px;  text-align:right; width:25%;padding-left:32px; background:url("/fortemplate/images/style/brown-arrow-right.png") no-repeat scroll left transparent;color:#7d432e;}

.main {margin:8px 8px 0 8px; background-color:white; border: 1px solid #F4E7C8; position:relative;}

.main h1, .main h2, .main .h2{margin: 24px 0 16px 16px;}
.main h3, .main .h3{clear:both; margin: 24px 0 16px 16px;}
.main h1 a, .main h1 a:visited , .main h2 a, .main h2 a:visited, .main .h2 a, .main .h2 a:visited  {text-decoration:none}
.main > p, .p80 > p {margin-left:80px; margin-right:16px;  }
/* .main p img {margin-left:-64px; } */

.main a, .main a:visited { text-decoration:underline;}
.main em, .emphasis {font-size: 19px; line-height:24px; color:grey;}
.emphasis, em {margin-top:16px; margin-bottom:16px;}
.main .caption {margin:0px 16px 16px 16px; float:left;  font-family:Georgia, Times, serifs;  }
.main .caption img{margin:0 0 8px 0; float:none;}

.caption480 {float:left; width:480px; margin:8px 16px; font-family:Georgia, Times, serifs; background-color:#f7f0dd;padding-bottom:8px; text-align:center;}
.caption480 img{margin:0 0 8px 0;}

/* left, right */
.left  {width:200px; padding:8px 0 8px 7px; float:left; }
.right {width:200px; padding:8px 7px 8px 0; float:right; }
.left > div, .right > div{padding-bottom:8px; border-bottom:1px solid #f4e7c8; }
.left  p ,.right  p, .left  h3, .right  h3, .left  .h3, .right  .h3{margin:8px 0;}
.search {margin-top:8px;}

/* суффиксы */
.white-background{ background-color:white; border: 1px solid #F4E7C8; }
.pos-relative { position:relative;}
.center-right h1, .center-right h2, .center-right .h2{ line-height:40px; text-align:center; width:500px; border-bottom:1px solid #F4E7C8; margin:8px auto;}
.img-left > img, .img-left > a > img {margin: 0 8px 8px 16px; float:left;}
.main > img{margin: 8px 8px 8px 16px; }
.img-right > img, .img-right > a > img{margin: 0 16px 8px 8px; float:right;}
.img-center img {margin:8px auto;}
.right792 {width:774px; float:right; margin:0 8px 8px 8px; background-color:white; border: 1px solid #F4E7C8; }
.width500 {padding:8px; width:483px; }
.width780 {width:780px;}
.width772 {width:772px;}
.width774 {width:774px;}
.width764 {width:764px;}
.width748 {width:748px;}
.width480 {width:480px;}
.width380 {width:380px;}
.width360 {width:360px;}
.width184 {width:184px;}
.float-right {float:right;}
.float-left {float:left;}
.margin8 {margin:8px;}
.padding0088 {padding:0 0 8px 8px;}
.padding00824 {padding:0 0 8px 24px;}
.height320 {height:320px;}
.text-right{text-align:right;}
.padding-top-0{padding-top:0;}

/* элементы */

.view {position:relative;}
.view > img{float:none; margin: 0 8px 8px 8px;}
.black-caption{background:rgba(0,0,0,0.5); position:absolute; bottom:0px; left:8px; color:white; padding:8px; margin:0; }
.thumbnails {margin:8px; font-size:0; display:none;}
.thumbnails li{margin:4px; padding:3px; border:1px solid #f4e7c8; display:inline-block;vertical-align:top;}
li.thumbnail-selected, .thumbnails li:hover {border:3px double #f4e7c8; margin:2px;}
.thumbnails > li> img{margin:0 auto; display:inline; vertical-align:middle;}
.right-side > li {display:block; }

.black-arrow-down { line-height:16px; padding-right:16px; background: url("/fortemplate/images/style/black-arrow-down.png") no-repeat scroll right transparent; text-decoration:underline; cursor:pointer;}
.black-arrow-up { line-height:16px; padding-right:16px; background: url("/fortemplate/images/style/black-arrow-up.png") no-repeat scroll right transparent; text-decoration:underline; cursor:pointer;}
.button { background-image:url("/fortemplate/images/style/btns.gif");  height:21px; border:0; background-color:transparent; cursor:pointer; margin-left:4px; vertical-align:top; font-family:Arial, Helvetica, sans-serif; font-size:13px; }
.button96 { background-image:url("/fortemplate/images/style/button96.png"); color:#f7f0dd; width:96px; height:21px; padding-bottom:2px; border:0; background-color:transparent; cursor:pointer; margin-left:4px; font-family:Arial, Helvetica, sans-serif; font-size:13px; }
.button72 { background-image:url("/fortemplate/images/style/button72.png"); color:#f7f0dd; width:72px; height:21px; padding-bottom:2px; border:0; background-color:transparent; cursor:pointer; margin-left:4px; font-family:Arial, Helvetica, sans-serif; font-size:13px; }
.button232-24 {background-image:url("/fortemplate/images/style/button232-24.png"); color:#f7f0dd; width:224px; height:22px; padding-bottom:2px; padding-left:8px; border:0; background-color:transparent; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:19px; display:inline-block; }


.search label {display:none; }
.category-module li {margin-bottom:16px;}
.news-list li {margin-bottom:16px; }
.news-list .img{ overflow: hidden; }
.news-date{color:grey;}
p.selected-category{ line-height:24px; color:#7d432e; }
p.selected-category > span {margin-left:16px; display:block;}
p.selected-category > span > a { color:black; font-weight:normal;}
.golden-line { border-bottom:1px solid #F4E7C8;clear:both; margin: 8px;}
.pop-up-panel { position:absolute; width: 700px; left:150px; margin-top:8px; border:3px double #f4e7c8; padding:8px; background-color:rgba(255, 255, 255, 1); z-index:2000; }



.select-panel li {display:inline-block; margin:4px;}
.select-panel li.selected, .select-panel li:hover {border:3px double #7d432e;  padding:1px; margin:0px; cursor:pointer;}
.select-panel { font-size:0; padding:0 8px;}

.colors {margin:8px; font-size:0px;}
.colors li{display:inline-block; margin:4px; font-size:13px; vertical-align:middle; } 
.colors li.selected, .colors li:hover {border:3px double #7d432e;  padding:1px; margin:0px; cursor:pointer;}

.colors_big {margin:8px; font-size:0px;}
.colors_big li{display:inline-block; margin:4px; font-size:13px; vertical-align:middle; } 
.colors_big li.selected, .colors li:hover {border:3px double #7d432e;  padding:1px; margin:0px; cursor:pointer;}

h3 > img, .h3 > img{display:inline; vertical-align:middle; margin:0 8px;}
.select-panel p {font-size:13px; margin:8px 8px 4px 0;}
.select-panel h3, .select-panel .h3 {font-size:16px; margin:8px 8px 4px 0;}

.close {float:right; margin:8px; width:16px; height:16px; background: url("/fortemplate/images/style/close.png") no-repeat scroll right transparent; text-decoration:underline; cursor:pointer; }
.print {float:right; margin:8px; width:16px; height:16px; background: url("/fortemplate/images/style/print.png") no-repeat scroll right transparent; text-decoration:underline; cursor:pointer; }

.dealers .col li {margin:8px 8px 0 8px; display:block;}
.dealers .col {width:140px; }
.dealers li {display:inline-block; margin:8px;}
.dealers p, .dealers h3, .dealers .h3 {margin:8px;}
.dealers h1, .dealers h2, .dealers .h2 {margin-left:8px;}

.dropdown:hover .drop-down-panel {visibility:visible;}
.drop-down-panel { position:absolute; margin-left:-18px; margin-top:0px; border:3px double #f4e7c8; background-color:rgba(255, 255, 255, 1); z-index:2000;font-size:0; visibility:hidden;}
.drop-down-panel a, .drop-down-panel a:visited{text-decoration:none;}
.drop-down-panel a:hover {text-decoration:underline;}
.drop-down-panel ul {display:inline-block; font-size:12px; width:144px; vertical-align:top; border-left:1px solid #f4e7c8; margin: 0 8px 8px -1px;  }
.drop-down-panel li {margin: 0 8px 4px 8px;}
.drop-down-panel li h4, .drop-down-panel li .h4{margin:0 0 0 -4px; font-size:12px;}
.drop-down-panel > div{display:inline-block; vertical-align:top; }
.drop-down-panel p { margin-left:4px; color:black; font-size:14px; padding:0 8px;}


#slider-bestsellers {height:180px;}
#slider-bestsellers a, #slider-bestsellers a:visited { font-size:16px; font-family:Georgia, Times, serifs; color:#004899;}
#slider-bestsellers p {margin-left:48px; margin-top:0;}
#slider-bestsellers img {padding-left:24px;  border-left:1px solid #F4E7C8; margin:0; margin-left:-30px;}
#slider-bestsellers li{margin-right:-1px;}

.categories {margin:8px; width:774px; float:right; }
.categories a, .categories a:visited { color:#7D432E;}

.list h1, .list p, .list h3, .list h2, .list .h3, .list .h2 {margin:8px 0;}
.list li {display:inline-block; vertical-align:top; margin:0 0 0px 7px;  }
.col3 li{ width:248px;}
.col4 li{ width:184px;}
p.margin-left16 {margin-left:16px;}

.col {width:104px; display:inline-block; vertical-align:top;}



.catalog-filter-room{font-size:0;}
.catalog-filter-room li{font-size:13px; margin:8px ;display:inline-block; vertical-align:baseline; line-height:21px;}


#select {float:right; margin:16px 8px 8px 8px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.consult {width:268px; display:inline-block; margin:0; vertical-align:top; height:164px;}
.consult img{margin:8px; float:left;} 
.consult textarea {margin:8px 8px 0 8px; font-family:Arial, Helvetica, sans-serif; font-size:12px; widht:148px; border-width:1px; border-color:#f4e7c8; padding:4px;} 
.consult .button {margin:8px; float:right; font-family:Arial, Helvetica, sans-serif; font-size:12px;} 

/* product */
.view-tools { position:absolute; margin:8px; border:1px solid #f4e7c8; background-color:white;}
.view-tools p {margin:8px; }
.view-tools img{display:inline-block; margin:0 8px;vertical-align:middle;}

.product-icons {font-size:0; margin:8px;}
.product-icons p{font-size:13px; display:inline-block;vertical-align:middle;}
.product-icons li {display:inline-block;  margin:0 0 0 8px; vertical-align:middle;}
.tooltip {position:relative;}
.tooltip:hover p{display:block;}
.tooltip p{font-size:13px; left:8px;  position:absolute; padding:8px; border:1px solid #f4e7c8; background-color:white; display:none; direction:ltr; }

.tabs { margin:8px 8px 0 0;  }
.tabs > li {display:inline-block; margin-right:-.33em; }
.tab-name  {  line-height:16px; margin:0; padding:8px; font-size:16px;  color:#7D432E; border-left: 1px solid #F4E7C8; border-right: 1px solid #F4E7C8;}
.tab-active {background-image:url("/fortemplate/images/style/tab-active.gif");}
.tab-hidden {background-image:url("/fortemplate/images/style/tab-hidden.gif"); cursor:pointer;}
.tab {background-color:white; border: 1px solid #F4E7C8;  }
.tab p {font-size:13px;}

.parameters { font-size:13px; margin-bottom:16px;}
.parameters dd{display:inline-block; text-align:right; width:160px; padding-right:16px;  vertical-align:middle; color:#7d432e; margin:8px 0 0 0;}
.parameters dt{display:inline-block;  margin:8px 8px 0 0;  vertical-align:middle; max-width: 240px; }
/*.parameters dt span {margin-left:8px; margin-right:8px;}*/
/*.parameters dt span.on,  .parameters dt:hover span{margin-left:8px; margin-right:8px;color:black;}*/
.parameters .files_download{ background: url(/fortemplate/images/icon-files-download.png) 140px 1px no-repeat; }
.select {cursor:pointer;}
.select span{color:white;}

.main table {margin:8px 8px 8px 16px;}
.main td , .main th{padding:7px 7px; border:1px solid #F4E7C8; }*/
thead, th{color:#7D432E;}
.background-yellow{background-color:#f7f0dd;}
.product-headline {margin:0 0 -1px 0; padding:16px 8px 8px 8px; }
.product {width:766px; float:left; padding:8px 0 0 8px;}
.product h1 { margin:8px 8px 8px 24px;}
.product h3, .product .h3 { line-height:40px;   border-bottom:1px solid #F4E7C8; margin:8px; display:inline-block;}
.product h3 a, .product h3 a:visited, .product .h3 a, .product .h3 a:visited { color:#7D432E;}
.product > img {margin:8px 7px;}
.compare {text-align:right; color:#7D432E; clear:right;}
.compare img {display:inline-block;}


li.clickablecolor {width:24px; height:24px; overflow:hidden;}
li.clickablecolor:hover { width:24px; height:24px; background-color:#F7F0DD;  cursor:pointer; overflow:hidden;}
li.activecolor {width:24px; height:24px; background-color:grey; cursor:auto; overflow:hidden;}

.specification-price {  height:100%; display:inline-block; vertical-align:top; padding-top:16px;}

p.bordered {border: 1px solid #F4E7C8; padding:8px; margin:8px;}

.selected-parameter {  width: 120px; cursor:pointer;}
.selected-parameter:hover { color:black;}
.unselected-parameter { color:black; width: 120px; cursor:pointer;}
.unselected-parameter:hover { }

.price {border:0px; margin-left:24px;}
.price dd { height:auto; width: auto; }

.product-description{ width:224px;  display:inline-block; vertical-align:top; padding-top:8px;0;background-color:#f7f0dd;}

.related-products { font-size:0px;}
.related-products li {font-size:13px; display:inline-block;  margin:8px 0 8px 8px; vertical-align:top;width:183px;}
.related-products > li > p { margin:8px 0;}
.related-products > li > div{width:179px; height:179px; padding:1px; border:1px solid #F4E7C8; line-height:178px;}
.related-products img {display: inline; margin:auto; vertical-align:middle;}
.related-products  a, .related-products a:visited {color: #7D432E;}

.tables > li > div{border:0px; height:104px; line-height:104px}
.tables img{ }
.cues > img {margin:8px;}
.cues a, .cues a:visited {color: #7D432E;}

#map img{max-width: none;}
#map a {text-decoration:underline; }

.dealers-list li{margin-left:16px; line-height:24px;}
.dealers-list li.selected{ color: #7D432E;}

.list-hidden h3, .list-hidden .h3 { padding-right:20px; background: url("/fortemplate/images/style/h3-brown-arrow-down.png") no-repeat scroll right transparent; cursor:pointer;}
.list-hidden li { display:none;}

.list-visible h3, .list-visible .h3 { padding-right:20px; background: url("/fortemplate/images/style/h3-brown-arrow-up.png") no-repeat scroll right transparent; cursor:pointer;}
.list-visible li {display:block;}

.modern-page-navigation {text-align:right; margin:8px; }
.modern-page-navigation > * {margin-right:8px;}

.enter input { margin-bottom:4px;  vertical-align:middle;}
#but {width:21px;  height:21px; background:url("/fortemplate/images/style/enter.png"); border:0; padding:0; margin-top:1px;}

#preview756 {width:756px; overflow:hidden; position:relative; margin:8px auto; }
#preview756 >img {margin: 0 auto; }

#preview366 {width:366px; height:274px; overflow:hidden; position:relative; margin:8px auto;  line-height:274px; }
#preview366 >img {margin: 0 auto; display:inline; vertical-align:middle;}

.inlineblock {display:inline-block; margin:0 4px 8px 0; vertical-align:top;}


.slider-caption { margin:8px 0 0 0; text-align: center; color: #999; }
img#zoom-caption { position:absolute; left:0px; bottom:0px; z-index:100;}

.footer ul {float:left; width:192px; margin: 0 0 8px 8px;}
.footer li{margin-bottom:8px;}
.footer h3, .footer .h3{margin:8px 0;}

    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			
			
	#content{
		position:relative;
		}			

/* Easy Slider */

	#slider1 ul, #slider1 li,
	#slider-bestsellers ul, #slider-bestsellers li{
		margin:0;
		padding:0;
		list-style:none;
		}
		

					
	#slider1 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:772px;
		height:328px;
		overflow:hidden; 
		}	
		
	#slider-bestsellers li { width:258px; height:168px;	overflow:hidden; }
			
	#prevBtn, #nextBtn { display:block;	width:16px;	height:72px; position:absolute;	left:0px;	top:54px; z-index:1000;	background:url("/fortemplate/images/style/btn_prev.gif") no-repeat 0 0;}	
	#nextBtn { left:760px; background:url("/fortemplate/images/style/btn_next.gif") no-repeat 0 0;	}
	
	#prevBtn a, #nextBtn a{ display:block;	width:16px;	height:72px;}	
		
	/* numeric controls */	

	ol#controls{ position: relative; margin:-32px 16px 0 0;	float:right; padding:0; height:16px;}
	ol#controls li{	margin:0 8px 0 0; 	padding:0;	float:left;	list-style:none; height:16px; font: normal 12px/16px Arial, Helvetica, sans-serif;	}
	ol#controls li a{ float:left; background:#f0d99c; width:16px; text-align:center; text-decoration:none; color:black;}
	ol#controls li.current a{background:#f7f5ef;}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

.hat .hat_logo img {
	max-width: 100%;
	max-height: 100%;
}

@media (max-width: 800px) {
	
	.hat .hat_logo {
		max-width: 200px;
	}
	
	.hat .hat_logo img {
		height: auto;
		max-width: 100%;
		max-height: 100%;
	}
}

@media (max-width: 600px) {
	
	body .container .hat .hat_logo {
		max-width: none;
		padding-top: 10px;
		text-align: center;
		background-image: none !important;
	}
	
	body .container .hat .hat_logo img {
		display: inline-block !important;
	}
}