html, body { height: 100%; min-height: 100%;
	background: #06587e; } 
	
/* basic styles */

body { font: normal 14px "Trebuchet MS", Tahoma, Arial, sans-serif;
	color: white; }

h1 { font: normal 24px Georgia, serif; }
h2 { font: normal 18px Georgia, serif; }
h3 { font: bold 14px Georgia, serif; }

p { }

a { color: #fce100; }
a:visited { }
a:hover { color: white; }

ul { }
	ul li { }
	
ol { }
	ol li { }
	
/* page layout */

.l-stripes { width: 100%; height: 100%;
	background: #06587e url("/images/stripes.jpg") repeat-x; }

.l-ded { width: 1000px; min-height: 800px;
	margin: 0 auto;
	background: #3488cb url("/images/ded-gradient.png") repeat-y; }

.l-head { position: relative; z-index: 4;
	width: 100%; height: 190px;
	margin-bottom: -400px;
	padding-bottom: 400px;
	background: url("/images/ded-top.jpg") no-repeat; }
	
	.l-head .logo { position: absolute;
		left: 59px; top: 19px;
		width: 133px; height: 151px; }
		
		.l-head .logo h2 { display: none; }
	
	.l-head .global-menu { position: absolute;
		left: 248px; top: 30px;
		width: 392px; }
		
		.l-head .global-menu ul { list-style: none;
			height: 90px; }
			
			.l-head .global-menu ul li { position: relative; float: left;
				width: 33%;
				padding-top: 55px;
				font: normal 12px "Times New Roman", serif;
				text-transform: uppercase; }
				
			.l-head .global-menu ul li img { position: absolute;
				top: 0; left: 0; }
				
			.l-head .global-menu ul li a { color: white;
				text-decoration: none; }
				
				.l-head .global-menu ul li a:hover { text-decoration: underline; }
	
	.l-head .aux-menu { position: absolute;
		right: 0; top: 0;
		width: 163px; height: 750px;
		background: url("/images/christmas-balls.png") no-repeat; }
		
		.l-head .aux-menu ul { list-style: none; }
		
		.l-head .aux-menu ul li { position: absolute; }
		.l-head .aux-menu ul li span { display: none; }
	
		.l-head .aux-menu ul li.mail { position: absolute;
			right: 106px; top: 34px; }
			
			.l-head .aux-menu ul li.mail a { display: block;
				width: 16px; height: 105px;
				background: url("/images/aux-menu-mail.png") no-repeat; }

		.l-head .aux-menu ul li.phone { position: absolute;
			right: 26px; top: 12px; } 

	.l-head .cart { position: absolute;
		right: 181px; top: 32px;
		width: 185px; height: 103px;
		padding: 52px 0 0 75px;
		background: url("/images/cart-bg.png") no-repeat;
		font: normal 12px "Trebuchet MS", sans-serif; }
		
		.l-head .cart h4 { font: normal 12px Georgia, serif;
			text-transform: uppercase;
			height: 19px;
			border-bottom: 1px dotted white; }
			
		.l-head .cart .text { height: 38px;
			padding-top: 2px;
			line-height: 1.4;
			border-bottom: 1px dotted #5d96b3; }
			
			.l-head .cart .sum { font-size: 14px; font-weight: bold;
				color: #97ec36; }
				
		.l-head .cart .make-order { padding-top: 5px;
			text-align: right; }
			
	.l-head p.breadcrumbs { position: absolute;
		left: 248px; top: 155px;
		width: 388px;
		font: normal 11px Georgia, serif;
		color: #fce100; } 

		p.breadcrumbs a { padding: 0 16px 0 5px;
			background: url("/images/bc-marker.png") no-repeat right 4px; }

			p.breadcrumbs a.cur { padding: 0 10px 0 5px;
				background: transparent; }
		
		p.breadcrumbs span { padding: 0 10px 0 5px; } 

.l-content { position: relative; z-index: 9;
	overflow: hidden;
	width: 100%; min-height: 600px; }

	.l-content .content-wrapper { float: left;
		width: 100%; min-height: 100px; }
		
	.l-content .col-content { margin: 0 181px 0 252px; }
	
	.l-content .col-sidebar { float: left;
		width: 153px;
		margin-left: -100%;
		padding: 0 59px 0 41px; }	

.l-footer { position: relative;
	min-height: 44px; height: 100%;
	margin-top: -150px;
	padding: 250px 618px 0 183px;
	background: url("/images/ded-bottom.jpg") no-repeat left bottom;
	font-size: 11px; }
	
	.l-footer .counters { position: absolute;
		left: 83px; top: 250px;
		width: 100px; }
	
	.l-footer .copyright { }
	
	.l-footer .itsales { position: absolute;
		left: 382px; top: 214px;
		width: 170px; min-height: 36px;
		padding: 36px 0 0 65px;
		background: url("/images/itsales-logo.png") no-repeat; }
	
		.l-footer .itsales a { color: white; }
	
	.l-footer .phone { position: absolute;
		right: 58px; top: 250px;
		width: 210px;
		font: normal 30px "Times New Roman", serif;
		text-align: right; }
		
		.l-footer .phone .code { position: relative;
			top: -10px;
			font-size: 20px; }
			
		.l-footer .phone .number { }
		
.col-content ul,
.col-content ol { list-style: inside; }

/* sidebar */

.col-sidebar {  }

.col-sidebar h2 { margin: 30px 0 14px 0; }

	.col-sidebar h2 a { display: block; }

	.col-sidebar h2:first-child { margin-top: 0; }

	.col-sidebar h2 span { display: none; }
	
	.col-sidebar h2.cat { width: 148px; height: 14px;
		background: url("/images/h2-cat.png") no-repeat; }
		
		.col-sidebar h2.cat a { width: 148px; height: 14px; }
		
		.col-sidebar h2.cat:first-child { margin-top: 10px; }
		
	.col-sidebar h2.news { width: 84px; height: 14px;
		background: url("/images/h2-news.png") no-repeat; }
		
		.col-sidebar h2.news a { width: 84px; height: 14px; }

.sidebar-menu li.l1,
.articles-list ul li { border-top: 1px dotted white; }

.sidebar-menu li.l1:first-child,
.articles-list ul li:first-child { border-top: none; }

.col-sidebar .sidebar-menu { font: normal 14px/1.4 Georgia, serif; }
	
	.sidebar-menu ul { list-style: none; }
	
	.sidebar-menu ul.l1 { }

		.sidebar-menu li.l1 { padding: 6px 0 6px 16px;
			background: url("/images/star-marker.png") no-repeat left 9px;  }
			
		.sidebar-menu li.l1 a { text-decoration: none; }
		
			.sidebar-menu li.l1 a:hover { text-decoration: underline; }
		
	.sidebar-menu ul.l2 { padding-left: 12px; }

		.sidebar-menu ul.l2 li a { text-decoration: underline; }
	
.col-sidebar .articles-list { font: normal 12px/1.2 "Trebuchet MS", Tahoma, sans-serif; }

	.articles-list ul { list-style: none; } 
	
	.articles-list ul li { position: relative;
		padding: 28px 0 10px 16px;
		background: url("/images/star-marker.png") no-repeat left 13px; }
		
	.articles-list li h3 { margin-bottom: 4px;
		font-size: 14px; font-weight: normal; }

	.articles-list .date { position: absolute;
		left: 15px; top: 10px;
		margin: 0;
		font-weight: bold; }
		
	.articles-list .more { margin: 5px 0 0 0;
		text-align: right; } 
		
		.more a { text-decoration: none; }
		.more a span { text-decoration: underline; } 

/* main page */

.col-content h1 { margin-bottom: 20px; }
.col-content h2 { margin: 25px 0 20px 0;
	font-size: 24px; }

	.col-content h2:first-child { margin-top: 0; } 

.col-content h3 { font-size: 16px;
	margin: 20px 0 10px 0; }

.col-content p { margin: 10px 0; }
	
	.col-content p:first-child { margin-top: 0; } 
	
.col-content .cat-main { overflow: hidden;
	margin-top: 40px;
	padding: 0 20px; }

	.col-content .cat-main ul { list-style: none; }
	
	.col-content .cat-main ul li { float: left; display: inline;
		width: 50%; } 
		
		.col-content .cat-main li a { text-decoration: none;
			color: white; }
		
		.col-content .cat-main li span { position: relative; z-index: 20;
			display: block; 
			margin-bottom: -20px;
			font: normal 24px "Times New Roman", serif;
			color: white; }
			
			.col-content .cat-main li a:hover span { text-decoration: underline; }
			
		.col-content .cat-main li img { position: relative; z-index: 10;
			display: block; }
		
/* catalogue page */
	
.item-desc { padding: 10px 0;
	border-top: 1px dotted #6da8d6;
	background: url("/images/cat-list-snow.png") no-repeat; }
	
.catalogue-list { margin: 20px 0;
	padding: 10px 0;
	border-top: 1px dotted #6da8d6; border-bottom: 1px dotted #6da8d6;
	background: url("/images/cat-list-snow.png") no-repeat; }

	.catalogue-list ul { list-style: none;
		position: relative; overflow: hidden;
		width: 600px; }
	
	.catalogue-list li { display: inline-block; vertical-align: top;
		width: 180px;
		margin-right: 18px;
		padding: 10px 0 30px 0; } 
		
		.catalogue-list li .info { }
		
			.catalogue-list li .info p { margin: 0 0 5px 0; }
		
		.catalogue-list li .img { position: relative;
			width: 166px; }
			
			.img table,
			.item-photos ul li table { border: none; border-collapse: collapse; }
			
			.img table td,
			.item-photos ul li table td { vertical-align: middle;
				text-align: center; }
			
			.img table a,
			.item-photos ul li table a { position: absolute;
				left: 0; top: 0; }
			
				.img table, 
				.img table td { width: 166px; height: 164px; }
			
				.img table a { width: 166px; height: 164px;
					background: url("/images/fir-frame.png") no-repeat; }
			
	.catalogue-list li h3 { min-height: 50px;
		margin: 0;
		font: normal 20px Georgia, serif; }
		
	table.item input { font: normal 10px Tahoma, sans-serif; } 		
		
	table.item { border: none; border-collapse: collapse;
		width: 100%; }
		
		table.item p { margin: 0; }
		table.item p.comment { color: #81d0f4; }
		
		table.item td { padding: 0 5px 10px 5px; }
		
		table.item td.text { width: 45%;
			padding-left: 13px;
			background: url("/images/bc-marker.png") no-repeat left 6px; }
			
		table.item td.price { width: 25%;
			font-weight: bold; color: #97ec36;
			text-align: right; }
			
		table.item td.qty { width: 17%; }
			
			table.item td.qty input { width: 20px; }
		
		table.item td.button { width: 5%; }
		
			table.item td.button input { width: 60px; height: 20px;
				padding: 0;
				text-align: center; }
			
.cat-controls { overflow: hidden;
	height: 100%;
	padding-left: 270px; }

	.cat-controls.top { margin: 30px 0 -10px 0; }
	.cat-controls.bottom { margin: -10px 0 30px 0; }

	.cat-controls .cat-sort-by { float: left; display: inline;
		width: 270px;
		margin-left: -270px; }
	
		.cat-controls .cat-sort-by a { padding: 0 15px 0 5px;
			background: url("/images/arrow-down.png") no-repeat right 8px; }
			
	.cat-controls .pagination { text-align: right; } 
	
		.cat-controls .pagination a { padding: 0 1px; }

		.cat-controls .pagination a.cur { font-weight: bold; color: white;
			text-decoration: none; }
			
/* item page */

.item { overflow: hidden;
	height: 100%;
	margin: 10px 0;
	padding: 10px 0 10px 175px; } 
	
	.item .info { float: right;
		width: 100%; }
		
	.item .info.price-only { padding-top: 62px; }

	.item .img { position: relative;
		float: left; display: inline;
		width: 162px;
		margin-left: -175px; }

	.item .price { font-weight: bold; }
	
		.item .price .value { font-size: 24px; color: #97ec36; } 

	.item .img table a { width: 177px; height: 175px;
		background: url("/images/item-frame.png") no-repeat; }
		
.item-desc table.item { margin: 0; }

	.item-desc table.item td.qty { width: 20%; }
			
		.item-desc table.item td.qty input { width: 40px; }
		
.item-photos { }

	.item-photos ul { overflow: hidden;
		height: 100%;
		list-style: none; }
	
	.item-photos li { position: relative;
		float: left; display: inline;
		width: 103px; height: 103px;
		margin: 0 5px 5px 0; } 
		
	.item-photos li table,
	.item-photos li td { width: 103px; height: 103px; } 
	
	.item-photos li table a { width: 103px; height: 103px;
		background: url("/images/fir-frame-small.png") no-repeat; }
		
/* cart */

table.cart { width: 100%;
	margin-bottom: 30px;
	border: none; border-collapse: collapse;
	color: white; }
	
	table.cart th.checkbox { }
	table.cart th.name { width: 190px; }
	table.cart th.art { width: 60px; }
	table.cart th.qty { width: 70px; }
		
		table.cart input.f-qty { width: 35px; }
	
	table.cart th.price,
	table.cart th.total { width: 100px; }
	
		table.cart td.price { color: #97ec36; }
	
	table.cart th { padding: 5px 4px; }
	table.cart td { padding: 8px 4px; }
	
	table.cart th { border-top: 1px dotted #5c8fb0; border-bottom: 1px dotted #5c8fb0;
		background: url("/images/bg-shader.png");
		font: bold 15px Arial, sans-serif;
		text-align: left; }
		
	table.cart td { font: normal 14px "Trebuchet MS", Arial, sans-serif; }

.item-desc .cart-controls { height: 100%; overflow: hidden;
	margin-top: -28px; 
	padding-top: 26px;
	background: url("/images/ribbon.png") no-repeat center top; }
	
	.cart-controls .sum { float: right; 
		width: 275px;
		font-size: 18px; text-align: right; }
		
		.cart-controls .sum .value { font-size: 24px;
			color: #97ec36; }
			
		.cart-controls .sum .recount { font-size: 14px; }
		
	.order-btns { margin-top: 20px; }
	
		.order-btns { text-align: center; }

		.order-btns input { margin: 0 10px; }
		
/* forms */

form.f-order,
form.f-wholesale,
textarea, input { font: normal 12px "Trebuchet MS", Tahoma, sans-serif;  }

textarea { resize: none;
	border: 1px solid #8a8a8a; }

input.f-text,
input.f-text-micro,
input.f-text-tiny,
input.f-text-narrow,
input.f-text-wide { height: 18px;
	padding: 2px 0;
	border: 1px solid #8a8a8a; }  

input.f-btn {  } 

.f-order { padding: 0 0 0 50px; }

.f-group { padding: 12px 0; }

	form .f-line { position: relative; 
		height: 100%;
		padding: 2px 0 2px 140px; }
		
		.f-order .btns { margin-top: 20px; } 

	form .f-line .f-desc { position: absolute;
		left: 0; top: 6px;
		width: 130px;
		padding-right: 10px;
		text-align: right; }
	
	form .f-text-micro { width: 30px; }
	form .f-text-tiny { width: 60px; }
	form .f-text-narrow { width: 110px; }
	form .f-text { width: 200px; }
	form .f-text-wide { width: 300px; }

	.f-order .f-pair { overflow: hidden; clear: left;
		width: 100%; }

	.f-order .f-pair .f-line { position: relative; z-index: 1; 
		float: left; display: inline;
		margin-left: -75px; 
		width: 140px; }
		
		.f-order .f-pair .f-line:first-child { z-index: 2;
			margin-left: 0; }

	form textarea.f-full { width: 99%; }

	form .f-desc span { color: #fce100; }

.f-wholesale { width: 460px; height: 410px;
	margin-left: -26px;
	padding: 24px 50px 0 76px;
	background: url("/images/form-wholesale.png") no-repeat; }
	
	.f-wholesale .f-text { width: 80%; }
	
	.f-wholesale .f-line.btns { text-align: right; }

	.f-wholesale .f-comment { color: #fce100; }

/* articles list */

.articles-list.big {}

	.articles-list.big h3 { margin: 4px 0 0 0;
		font: normal 18px "Trebuchet MS", Arial, sans-serif; }
	
	.articles-list.big li { padding: 0;
		border-top: 1px dotted #5c8fb0;
		background: url("/images/cat-list-snow.png") no-repeat; }
		
		.articles-list.big li:first-child { border-top: none; }
		
	.articles-list.big li .snow { position: relative;
		height: 100%;
		padding: 28px 0 10px 16px;
		background: url("/images/star-marker.png") no-repeat left 14px; }
	
.cat-controls.articles-top { padding-bottom: 10px;
	border-bottom: 1px dotted #5c8fb0; }
	
.cat-controls.articles-bottom { padding-top: 10px;
	border-top: 1px dotted #5c8fb0; }
	
/* news text page */

h1 + .date { margin: -10px 0 20px 0; }

.news-navigation { margin-top: 50px;
	border-top: 1px dotted #6ba4cc; }
	
	.news-navigation .links { overflow: hidden; position: relative; z-index: 9;
		height: 24px;
		margin: -18px 0 -6px 0; 
		padding: 18px 0 7px 50%; 
		background: url("/images/ribbon.png") no-repeat center top; }
		
		.news-navigation .links a { display: inline;
			width: 100%; } 
		
		.news-navigation .links .prev { float: left; 
			margin-left: -100%; }

		.news-navigation .links .next { float: right;
			text-align: right; }
		
	.news-navigation a { text-decoration: none; }
	.news-navigation a span { text-decoration: underline; } 
	
.articles-list.other-news { overflow: hidden; position: relative; z-index: 5;
	height: 100%; min-height: 180px;
	padding: 10px 0;
	border-top: 1px dotted #6ba4cc;
	background: url("/images/cat-list-snow.png") no-repeat; }
	
	.articles-list.other-news li { float: left; display: inline;
		padding: 28px 0 0 16px;
		border: none; }
		
		.articles-list.other-news li.prev { width: 245px; }
		.articles-list.other-news li.next { width: 245px;
			 margin-left: 45px; }
			 
/* overlay styles */

.popup_screen { position: absolute; display: none;
	left: 0; right: 0; top: 0;
	width: 100%; height: 100%;
	background: transparent url("/images/shadow.png") repeat scroll 0 0;
	z-index: 150; }

* html .popup_screen { display: none !important; }

.popup_viewver, .js-overlay { position: absolute; display: none; z-index: 9999;
	left: 50%; top: 0;
	width: 800px;
	margin-left: -405px; margin-bottom: 12px;
	padding: 1px; 	
	background: #2e82c4 url("/images/popup-bg.jpg") repeat-x center top;
	color: white;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; }
	
	.js-overlay table { width: 800px; border: none; }
		
		.js-overlay table td.top { border-bottom: 1px dotted #8da8d6; }
		.js-overlay table td.bottom { border-top: 1px dotted #8da8d6;
			background: url("/images/cat-list-snow.png") no-repeat center top; }
			
		.js-overlay table td.image { width: 600px;
			padding: 20px 0;
			background: url("/images/cat-list-snow.png") no-repeat center top; } 
		
		.js-overlay table td.nav-btn { width: 100px;
			vertical-align: middle; }
		
	.js-overlay table td { text-align: center; }
	
	.js-overlay h6 { position: relative; z-index: 10001;
		width: 100%;
		margin: 30px 0 -30px 0;
		padding-bottom: 56px;
		font: normal 24px Georgia, serif;
		text-align: center; 
		background: url("/images/popup-ribbon.png") no-repeat center bottom; }
	
	.js-overlay-image { position: relative;
		height: 100%;
		padding: 60px 40px;
		background: url("/images/popupbg.png") repeat-x;
		text-align: center; }
		
		 .js-overlay-next,
		 .js-overlay-prev { display: block;
			width: 36px; height: 35px;
			background: url("/images/btns-nav.png") no-repeat; }
			
			 .js-overlay-next { float: right; display: inline;
			 	margin-right: 10px;
			 	background-position: -36px top; }

			 .js-overlay-prev { float: left; display: inline;
				 margin-left: 10px;
			 	background-position: left -top; }
		
		.js-overlay-bigger,
		.js-overlay-close { display: block;
			color: #fce100;
		 	font: normal 14px "Trebuchet MS", Tahoma, sans-serif; }
			
			.js-overlay-bigger { width: 80px; height: 19px;
			 	margin: 20px auto 30px auto;
			 	padding: 1px 0 1px 12px;
			 	background: url("/images/btn-enlarge.png") no-repeat left 5px; }
			 	
			.js-overlay-close { height: 19px;
				padding: 2px 22px 1px 0;
				background: url("/images/btn-close.png") no-repeat right 2px;  }
			
		.js-overlay-close { position: absolute; display: block; 
			right: 15px; top: 17px;
			z-index: 1500; }
					 
		.js-overlay a:hover { color: white;
			text-decoration: underline; }	

