@charset "utf-8";
/* CSS Document */

html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, dd, dt, dl, table, tr, td, th, p, span, strong, small, a, img, form  {margin: 0px; padding: 0px;}
html {height: 100%; font-size: 62.5%;}
body {font: normal 13px Arial,Helvetica,sans-serif; color: #303031; background: #fff url(../images/header.jpg) center top no-repeat; min-width: 1000px; position: relative; height: 100%; }
img {border: none;}
a {cursor: pointer; text-decoration: underline; color: #0175a1;}
a:hover {text-decoration: none;}
p {padding-bottom: 15px;}
p small {font-size: 1em;}
h1, h2, h3, h4, h5, h6 {font: bold 18px Tahoma, Geneva, sans-serif; color: #303031; padding-bottom: 0.5em;}
h1 {font-size: 24px;}
h3 {font-size: 14px;}
h4 {font-size: 13px;}
h5 {font-size: 12px;}
h6 {font-size: 11px;}
input[type='submit'], input[type='button'] {cursor: pointer;}
ul, ol { padding-left: 30px; }
ul li {list-style: disc outside;}
.set {height: 0; overflow: hidden; clear: both;}
.fl {float: left;}
.fr {float: right;}
.rel {position: relative;}

#wrap { height: auto !important; height: 100%; min-height: 100%; position: relative; background: url(../images/bg-3.png) bottom repeat-x; }
#footer { position: relative; height: 96px; margin: -96px auto 0; width: 898px; background: url(../images/bg-1.png) 0 0 repeat-x; }
#footer_space { height: 116px; }
.footer-L { background: url(../images/bg-2.png) 0 0 no-repeat; padding: 15px 0 0; float: left; width: 50%; font-size: 11px; color: #586774; }
	.footer-L img { float: left; margin-right: 17px; }
	.footer-L p { padding-top: 4px; }
	.footer-L p a { color: #586774; font-weight: bold; }
	
.footer-R { width: 50%; float: right; padding-top: 15px; }
	.tel2 { font: italic bold 24px Georgia, 'Times New Roman', Times, serif; position: relative; color: #97a0a8; }
	.tel2 small { font-size: 14px; }
	.webdela { color: #97a0a8; font-size: 11px; padding-left: 51px; padding-right: 4px; background: url(../images/webdela.png) 0 3px no-repeat; }
	.webdela a { color: #97a0a8; }
	
.header { position: relative; width: 940px; margin: 0 auto; height: 364px; padding-top: 30px; }
	.logo { padding-left: 16px; width: 161px; float: left; }
	.m-1 { float: left; width: 700px; font-size: 12px; font-weight: bold; position: relative; z-index: 20; }
		.m-1 ul { padding: 0; }
		.m-1 li { display: inline; margin-right: 26px; list-style: none; position: relative; }
		.m-1 li ul { padding: 8px 15px 0; background: #fff; border: solid 1px #5faddd; border-top: none; position: absolute; left: -5px; top: 19px; width: 120px; display: none; }
		.m-1 li li { display: block; padding-bottom: 10px; margin: 0; font-weight: normal; }
		.m-1 li li a { text-decoration: none; }
		.m-1 li li a:hover, .m-1 li.current li a:hover { text-decoration: underline; color: #ff8604; }
		.m-1 li.current { padding-bottom: 10px; }
		.m-1 li.current a { color: #ff8604; }
		.m-1 li.current li a { color: #0175a1; }
		.m-1 li.current ul { display: block; }
		
	.tel { position: absolute; width: 206px; background: url(../images/tel-T.png) 0 0 no-repeat; padding-top: 26px; left: 162px; bottom: 252px; z-index: 10; }
		.tel-B { background: url(../images/tel-B.png) 0 100% no-repeat; padding-bottom: 13px; }
		.tel-BG { background: url(../images/tel-BG.png) repeat-y; padding: 0 0 0 24px; position: relative; height: 1%; }
		.tel span { display: block; float: left; width: 100%; margin: -23px 0 -7px; font: italic bold 24px Georgia, 'Times New Roman', Times, serif; position: relative;  }
		.tel small { font-size: 14px; color: #0175a1; }
		.tel strong { position: relative; }
		
	.home, .sitemap, .mail { display: block; position: absolute; }
		.home { width: 26px; height: 26px; background: url(../images/home.png) 0 0 no-repeat; right: 2px; top: 26px; }
		.sitemap { width: 10px; height: 11px; background: url(../images/sitemap.png) 0 0 no-repeat; right: 9px; top: 59px; }
		.mail { width: 10px; height: 7px; background: url(../images/mail.png) 0 0 no-repeat; right: 9px; top: 86px; }
		
	.m-2 { position: absolute; top: 146px; left: 0; background: url(../images/m-2.png) 0 0 no-repeat; padding: 167px 0 0 21px; }
		.m-2 ul { padding: 0; }
		.m-2 li { list-style: none; float: left; padding: 0; font: italic 12px Georgia, 'Times New Roman', Times, serif; }
		.m-2 li s { display: block; position: absolute; }
		#m-2-1 { width: 118px; }
		#m-2-2 { width: 133px; }
		#m-2-3 { width: 161px; }
		#m-2-4 { width: 105px; }
		#m-2-5 { width: 108px; }
		
		#m-2-1 s { width: 100px; height: 95px; left: 34px; top: 53px; }
		#m-2-2 s { width: 89px; height: 146px; left: 159px; top: 2px; }
		#m-2-3 s { width: 96px; height: 99px; left: 261px; top: 56px; }
		#m-2-4 s { width: 93px; height: 94px; left: 387px; top: 61px; }
		#m-2-5 s { width: 114px; height: 103px; left: 505px; top: 56px; }
		
		.m-2 li.current a { text-decoration: none !important; color: #ff8604; }

.page { width: 940px; margin: 0 auto; }		
.content { width: 647px; float: left; *clear: right; }
.navbar { width: 245px; float: right; *clear: left; }

.h201, .h202, h1 { font-size: 24px; line-height: 30px; color: #000; font-weight: normal; padding-bottom: 8px; overflow: hidden; background: url(../images/bg-1.png) 0 100% repeat-x; margin: 0 0 20px 20px; }
	.more { float: right; font: bold 11px Arial, Helvetica, sans-serif; position: relative;  text-decoration: none; }
	.h201 .more { bottom: -5px; line-height: 30px; }
	.more span { text-decoration: underline; }
	.more:hover { margin-left: 1px; text-decoration: none; }
	.more:hover span { text-decoration: none; }
h1 { margin-left: 0; }	
.h202 { background: none; margin-bottom: 0; }
	
.text-1 { padding: 0 0 1em 65px; }
	.text-1 p { padding-bottom: 1em; }
	
.m-3 { background: url(../images/m-3.jpg) 0 9px no-repeat; padding: 0 0 0 97px; height: 197px; width: 665px; margin-right: -100px; position: relative; }
	.m-3 ul { padding: 0; }
	.m-3 li { list-style: none; float: left; font: italic 14px Georgia, 'Times New Roman', Times, serif; }
	.m-3 li s { display: block; position: absolute; }
	
	#m-3-1 { width: 168px; }
	#m-3-2 { width: 159px; }
	#m-3-3 { width: 164px; }
	#m-3-4 { width: 68px; }
	
	#m-3-1 s { width: 110px; height: 96px; left: 22px; top: 26px; }
	#m-3-2 s { width: 150px; height: 98px; left: 154px; top: 31px; }
	#m-3-3 s { width: 145px; height: 107px; left: 320px; top: 28px; }
	#m-3-4 s { width: 123px; height: 101px; left: 496px; top: 28px; }
	
.news { background: url(../images/news-BG.png) 0 0 repeat-y; margin-left: 11px; }
	.news-T { background: url(../images/news-T.png) 0 0 no-repeat; }
	.news-B { background: url(../images/news-B.png) 0 100% no-repeat; padding: 10px 0 30px 54px; min-height: 165px; _height: 165px; }
	
	.new { width: 251px; padding-right: 40px; float: left; }
		.news_data { height: 53px; font: italic 18px Georgia, 'Times New Roman', Times, serif; color: #586774; }
		.news_data big { font-size: 30px; }
		.new h4 { font: bold 12px Arial, Helvetica, sans-serif; padding-bottom: 8px; }
		.new p { font-size: 11px; color: #303031; padding-bottom: 5px; }
		.more2 { font-size: 18px; margin-bottom: 7px; text-decoration: none !important; color: #303031; }
		
.basket { padding: 1px 0 22px 35px; background: url(../images/basket.png) 0 0 no-repeat; }
	.basket h2 { font: normal 18px Tahoma, Geneva, sans-serif; padding-bottom: 10px; }
	.basket a { color: #000; }
	.summa { background: #f2f2f2; height: 31px; font-size: 18px; color: #586774; line-height: 31px; border: solid 1px #dee1e3; width: 126px; text-align: center; position: relative; margin-top: 5px; }
		.summa s, .summa u { display: block; position: absolute; left: 50%; top: -1px; width: 10px; height: 6px; overflow: hidden; background: url(../images/price_bg.png) 0 0 no-repeat; margin-left: -5px; z-index: 10; }
		.summa u { background: url(../images/price_bg_1.png) 0 0 no-repeat; top: auto; bottom: -1px; _bottom: -2px; }
		.summa span { position: relative; }
		
.consult { background: url(../images/Online_Consultant.png) 0 0 no-repeat; padding: 93px 0 20px 76px; color: #b2b2b2; font-family: Tahoma, Geneva, sans-serif; position: relative; height: 1%; }
	.consult_skype, .consult_icq { position: absolute; left: 60px; top: 30px; color: #303031; font: italic 16px Georgia, 'Times New Roman', Times, serif; white-space: nowrap; }
		.consult_skype span { color: #668400; }
		.consult_skype img, .consult_icq img { position: relative; top: 4px; margin-right: 6px; }
		
	.consult_icq { top: 55px; }
	
.calc { background: url(../images/calc.png) 0 0 no-repeat; height: 81px; padding: 17px 0 0; }
	.calc h3, .faq h2 { font: normal 18px Tahoma, Geneva, sans-serif; color: #000000; padding-bottom: 14px; }
	.calc .more { float: none; }
	
.faq { width: 228px; background: url(../images/help.png) 0 0 no-repeat; padding: 16px 0; }
	 .faq h2 { padding-bottom: 27px; }
	 .question { padding: 0 0 11px 38px; background: url(../images/comment.png) 17px 3px no-repeat; }
	 .question h4 { font: bold 12px Arial, Helvetica, sans-serif; padding-bottom: 6px; }
	 .question p { font-size: 11px; color: #303031; padding-bottom: 10px; }
	 
.about { background: url(../images/about.png) 0 0 no-repeat; height: auto; padding-bottom: 30px; padding-top: 12px; margin-top: -5px; position: relative; }
	.about .more  { margin-left: 38px; line-height: 22px; }
	 
	 
.thumbs { position: relative; padding: 0px 0 25px 24px; }
	.thumbs ul { padding: 0; }
	.thumbs li { float: left; width: 170px; padding-right: 8px; list-style: none; position: relative; }
		.thumbs li img { width: 148px; height: 108px; padding: 4px 0 0; }
		.thumbs li a { text-decoration: none; }
		.thumbs li a:hover { text-decoration: none; background: #fff; }
		.thumbs li span { display: block; padding-top: 11px; text-decoration: underline; font-size: 11px; font-weight: bold; }
		.thumbs li a:hover span { text-decoration: none; }
		.thumbs li s { display: block; position: absolute; width: 162px; height: 129px; background: url(../images/ramka.png) 0 0 no-repeat; left: -10px; top: 0px; }
		
.thumbs2 { overflow: hidden; zoom:1; }
	.thumbs2 ul {  width: 120%; padding-left: 3px; margin-top: -1px; }
	.thumbs2 ul ul { width: auto; padding: 0; margin: 0; }
	.thumbs2 li { padding: 20px 63px 25px 0; border-top: solid 1px #c5c5c5; }
	.thumbs2 li li { margin: 0; padding: 0; width: auto; float: none; border: none; color: #7f7f7f; }
	.thumbs2 li img { padding: 7px 0; }
	.thumbs2 li s { top: 3px; }
	.thumbs2 li li a { text-decoration: underline; }
	.thumbs2 li li a:hover { text-decoration: none; }
	.thumbs2 li li ins { text-decoration: none; color: #010000; }
	
	
	

.view { padding: 0 0 35px 20px; font-size: 13px; color: #6c6c6c; }
	.views { float: left; }
		.views img { padding: 3px; border: solid 1px #7f7f7f; margin: 0 4px -4px; position: relative; }
		.views a.current img { border-color: #ffad04; }
		
	.filter { float: right; text-align: right; position: relative; }
		.filter select { width: 130px; margin-left: 10px; }
		.printable { margin-left: 25px; padding-left: 15px; background: url(../images/bl-3.png) 0 3px no-repeat; color: #999999; }
		
.text-2, .table-1 { padding-left: 20px; }
	.text-2 table, .table-1 table { border-collapse: collapse; border: none; }
	.text-2 td, .text-2 th, .table-1 th, .table-1 td { border-bottom: solid 1px #c5c5c5; padding: 13px 37px 9px 0; color: #000000; }
	.text-2 th, .table-1 th { color: #0175a1; text-align: left; }
	.text-2 tr:hover td, .table-1 tr:hover td { background: #ffefae; }
	.text-2 p { padding-bottom: 14px; }
	.text-2 h1, .text-2 h2, .text-2 h3, .text-2 h4, .text-2 h5, .text-2 h6 { padding-bottom: 15px; }

.table-1 { padding-bottom: 20px; }	
	.table-1 table { width: 100%; }
	.table-1 td { padding: 5px 22px 5px 0; }
	
.h301 { padding: 0 28px 15px 20px; overflow: hidden; font-size: 18px; font-weight: normal; color: #000000; line-height: 23px; }
	.h301 .printable { font-size: 12px; line-height: 23px; background-position: 0 7px; }
	
.p01 { color: #6c6c6c; }

.galery { padding: 0 0 30px 20px; position: relative; height: 1%; }
	.img { float: left; width: 371px; overflow: hidden; padding-top: 1px; }
		.img img { width: 352px; }
		
	.images { width: 250px; float: left; padding: 0 0 68px; }
		.images ul { padding: 0; }
		.images li, .img2 { display: inline-block; *display: inline; zoom:1; width: 68px; height: 68px; overflow: hidden; position: relative; margin: 0 11px 12px 0; vertical-align: top; }
		.images li img, .img2 img { opacity: .5; *filter:alpha(opacity=50); /*position: absolute; left: 0; top: 0; */height: 68px; }
		.images li.current img, .img2 img { opacity: 1; *filter:alpha(opacity=100); }
		.img2 { margin: 0; }
		
		.images li a, .img2 a { display: block; width: 150px; margin-left: -39px; text-align: center; }
		
	.price { position: absolute; font-size: 18px; color: #0175a1; left: 391px; bottom: 61px; white-space: nowrap; }
	.add_to_Cart { position: absolute; left: 391px; bottom: 30px; font-size: 12px; color: #000000; height: 27px; padding: 0 15px; line-height: 27px; background: url(../images/bg-4.png) 0 0 repeat-x; text-decoration: none; }


.navbar .h201 { font-size: 18px; padding: 0 0 9px; margin: 0 20px 15px 0; }		
.navbar .thumbs { padding-left: 0; }
	.navbar .thumbs li { background: url(../images/bl-4.png) 0 1px no-repeat; padding-left: 35px; padding-bottom: 22px; float: none; }
	.navbar .thumbs li s { left: 27px; }
	.navbar .thumbs li img { margin-left: -4px; }











































    
© TrueDev.org