/****************************************************************************************************
	Let's begin
*****************************************************************************************************/
html, body
{
	font-size: 100.01%;
    height: 100%;
}
body
{
	color: #0099CC;
	font-size: 0.874em;
	font-family: Arial;
	line-height: 1.4;
	margin: 0;
	padding: 0;
}

/****************************************************************************************************
	Basics
*****************************************************************************************************/
html, body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, blockquote, form, fieldset, legend, table, td, th, div
{
	margin: 0;
	padding: 0;
}
div:after, form:after, ul:after, ol:after, dl:after, dt:after, dd:after, h1:after, h2:after, h3:after, h4:after, p:after, .columns:after
{
	content: '';
	display: block;
	clear: both;
}


img {border: none;}


table {
	border-collapse: collapse;
	border-spacing: 0;
}

p,ul {margin-bottom:1.5em;}

a			{	color: #0099CC;	}
a:visited	{	color: #0099CC; }
a:hover		{	color: #E18A07;	}
a.active	{	color: white; text-decoration:none; }
}
h2, h3, h4, h5, h6 {
	font-weight: normal;
}

h1 {
	font-size: 180%;
	margin: 0 0 0.8em;
	line-height: 1.2;
}
h2 {
	font-size: 130%;
	margin: 0 0 0.5em;
	color:#0099CC;
}
h3 {
	font-size: 119%;
	margin-bottom: 0.5em;
}
h4 {
	font-size: 100%;
	margin: 0 0 0.5em;
	font-weight:bold;
}
h5 {
	font-size: 100%;
	margin: 0 0 1.2em;
}

h3 a {
	font-style: italic;
	margin: 0 0 0.2em;
}

ul
{
	list-style:none;
	padding:0;
}
li
{
	list-style:none;
	padding:3px 0 0 18px;
	background:url(../img/mdash.gif) 0 0 no-repeat;
}
input, textarea
{
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;

	color: #333;
	overflow:auto;
	background: url(../img/fieldbg.gif) 0 0 repeat-x;
	font-size: 140%;
	
	font-family:Arial;
}
/****************************************************************************************************
	Forms
*****************************************************************************************************/
.forms
{
	margin:0;
	width:70%;
	padding:0 0;
}
.forms br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

.forms label
{
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 30%; 
	padding: 4px 0 0 0; 
	margin: 10px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left;
}
.forms input, .forms textarea
{
	width:60%;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	float:right;
	padding:0;
	height:26px;
	margin:10px 0 0 10px; /* set margin on left of form elements rather than right of
                           label aligns textarea better in IE */
}
.forms div	{	width:100%;		}
.forms h2	{	margin-top: 0.8em;	}


/****************************************************************************************************
	Feedback Form
*****************************************************************************************************/
#feedback textarea	{	height:100px;	}

.captcha img
{
	padding:0;
	margin:0;
	float:right;
}
.captcha input
{
	width:20%;
	float:right;
}
.captcha label
{
	width:40%;
}

/****************************************************************************************************
	Registration  Form
*****************************************************************************************************/
.reg	{	width: 70%; };
/****************************************************************************************************
	Login Form
*****************************************************************************************************/
.login		{	width:40%;	}
.login label{	width:10%;	}
.login input{	width:70%;	}

/****************************************************************************************************
	Text Formatting
*****************************************************************************************************/
.d
{
	font-size:85%;
	margin:0 10px;
}
.right	{	float:right;	}
.left	{	float:left;		}
.gray	{	color:#0099CC;	}
.h4		{	font-size: 72%;	}
.small	{	font-size:90%;	}
.i		{	font-style:italic; 	}
/****************************************************************************************************
	Footer always down
*****************************************************************************************************/
#container
{
	position: relative;
	min-height: 100%;
	height: 100%;
	width:100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
	min-width:1000px;
	overflow:hidden;
}
html>body #container
{
	height: auto;
}
#content
{
	padding-bottom: 150px;
	width:100%;
}



/****************************************************************************************************
	Top area
*****************************************************************************************************/
#header
{
	margin-bottom:28px;
	margin-top:12px;
	width: 100%; //padding-right: 1px; //overflow-x: hidden;	}

/* Лого */
#logo
{
	float: left;
	display: inline;
	width: 22%;
	margin-left:3%;
}
#topnav
{
	float: left;
	display: inline;
	width: 69%;
	margin-left:3%;
}

/* Выбор_языка | Карата_сайта */
#box1
{
	float: left;
	display: inline;
	width: 70%;
}
#box1 a, #box1 a:hover, #box1 a:visited, #box1 a:active
{
	color: #0099CC;
}


/* Корзина - вверху */
#cart-area
{
	float: left;
	display: inline;
	width: 30%;
}

#cart		{	background-color: #66CCFF; text-align:center; padding:0	}
#cart .tr	{	padding:3px 0px;	}
#cart a, #cart a:hover, #cart a:visited, #cart a:active	{	color: #0099CC;	}

/* Логин | Горизонтальное меню */
#login-area
{
	float: left;
	width: 20%;
	margin-top:22px;
	padding-top:3px;

	overflow: hidden;
	display: inline; /* ie6 double-margin bug fix */
}
#login-area a, #login-area a:hover, #login-area a:visited, #login-area a:active
{
	color: white;
}


/* Верхнее горизонтальное меню */
#topmenu
{
	width:80%;
	float: left;
	margin-top:22px;

	overflow: hidden;
	display: inline; /* ie6 double-margin bug fix */

}
#topmenu ul
{
	list-style:none;
	float:right;
	font-size:110%;
	margin:0;
}
#topmenu ul li
{
	display:inline;
	margin:0;
	padding:0 8px 0 30px;
	background:url("../img/bullet.gif") 0 3px no-repeat;
}
#topmenu ul li.first
{
	background:none;
	padding-left:0;
}
#topmenu ul li.last
{
	padding-right:0;
}

/* Заголвок разделов */
#title-area
{
	float: left;
	width: 100%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:280%;
	font-weight:normal;
	color:#b18a01;
	margin-top:40px;
}

/****************************************************************************************************
	Left Menu
*****************************************************************************************************/
#left
{
	float: left;
	width: 22%;
	background:;
	margin-left: 3%;
}
#leftnav
{
	float:right;
	width:90%;
}
#leftnav .tr
{
	padding:10px;
}
#leftnav .t, #leftnav .b	{	background-image:url("../img/dotborder/h-dot.gif");	}
#leftnav .l, #leftnav .r	{	background-image:url("../img/dotborder/v-dot.gif");	}
#leftnav .tl	{	background-image: url("../img/dotborder/tl.gif");	}
#leftnav .bl	{	background-image: url("../img/dotborder/bl.gif");	}
#leftnav .tr	{	background-image: url("../img/dotborder/tr.gif");	}
#leftnav .br	{	background-image: url("../img/dotborder/br.gif");	}

#leftnav ul
{
	margin:0;
	padding:0;
	list-style:none;
}
#leftnav ul li
{
	margin: 10px;
	padding:0;
	font-size:120%;
	background:none;
}
#leftnav ul li a:link, #leftnav ul li a:visited, #leftnav ul li a:hover
{
	color:#0099CC;
}
#leftnav ul li a.active
{
	color: black;
}

#leftnav ul ul
{
	padding: 0 0 10px 10px;
	font-size:13px;
}
#leftnav ul ul a:link, #leftnav ul ul a:visited, #leftnav ul ul a:hover
{
	color:#0099CC;
}
#leftnav ul ul li
{
	padding: 0 0 8px 0;
	background:none;
	color:#b18a01;
}

/* Price list */
#pricelist	{
	margin-top:26px;
	float:right;
	width:90%;
}
#pricelist	div
{
	margin-bottom: 12px;
}
#pricelist a, #pricelist i	{
}
#pricelist	i	{
	font-size:80%;
	color:#0099CC;
}

/****************************************************************************************************
	Main Area
*****************************************************************************************************/
#main
{
	float: left;
	width: 69%;
	display: inline;
	margin-left: 3%;
}

.red					{	background-color: pink; text-align:left; padding:0; font-size:120%; width:50%;	}
.green					{	background-color: #000066; text-align:left; padding:0; font-size:120%; width:50%;	}
.blue					{	color:#0099CC;		}
.red .tr, .green .tr	{	padding:13px 13px;	}

/****************************************************************************************************
	News
*****************************************************************************************************/
.news .date
{
	color: #9DA6AB;
	font-style:italic;
	font-size:13px;
}
.news .short	{
	position:relative;
	left:10px;
}
.news .image	{
	float:left;
}

/****************************************************************************************************
	Catalog
*****************************************************************************************************/
#catalog
{
	margin-top:20px;
}

#catalog .grid_24	{	width:24%;	margin-right:1%;	}
#catalog .grid_49	{	width:49%;	margin-right:1%;	}
#catalog .last		{	margin-right:0;	}

#catalog .image
{
	float:left;
}
#catalog .short-small
{
}
#catalog .short-small p
{
	font-size:90%;
	font-style:italic;
	color: #A0A0A4;
	padding:0;
	margin:0;
}
#catalog .short-small img
{
	margin-right:10px;
	margin-bottom:10px;
}
#catalog .short
{
	height:90px;
	margin-top:10px;
}
#catalog .cat-image
{
	height:140px;
}
#catalog .full
{
	width:100%;
	margin-bottom:10px;
}
#catalog .price
{
	height:28px;
	width:100%;
	background:url("../img/price-left.gif") 0 0 no-repeat;
	margin:5px 0;
	line-height:28px;
	padding-left:5px;
}
#catalog .price div.left
{
	height:28px;
	padding:0 12px 0 2px;
	background:url("../img/price-center.gif") 100% 0 no-repeat #1b1e44;

	font-style:italic;
	font-size:110%;
}
#catalog .price div.right
{
	height:28px;
	padding:0 8px 0 3px;
	float:left;
	background: url("../img/price-right.gif") 100% 0 no-repeat #000066;
	font-size:95%;
}
#catalog .divider
{
	background: url("../img/dotborder/h-dot.gif") 0 0 repeat-x;
	height:20px;
	width:100%;
}
#catalog .backlink
{
	margin-bottom:10px;
}

/****************************************************************************************************
	Paginator
*****************************************************************************************************/
#pagination
{
	color:#0099CC;
	padding:5px 0 0 0;
	margin:0;
	width:100%;
}
#pagination a	
{
	color:#0B88FE;  
	text-decoration:none; 
	padding: 0 8px 0 8px;
}
#pagination span
{
	padding: 3px 6px 3px 6px; 
	background:#F7D550;
}


/****************************************************************************************************
	Thumbnail
*****************************************************************************************************/
.thumbnail .def
{
	padding:0;
	margin:0;
}
.thumbnail a:link, a:visited, a:hover, a:active
{
}
.thumbnail img
{
	border:none;
	margin-bottom:10px;
	
}
.thumbnail .img
{
}

/****************************************************************************************************
	Round Button
*****************************************************************************************************/
.rbutton
{
	cursor: pointer;
	display: -moz-inline-box;
	display: inline-block;
	padding-left: 5px;
	padding-bottom: 1px;
	line-height: 33px;
	background:url("../img/button/l.png") 0 0 no-repeat;
}
.rbutton span 
{
	display: -moz-inline-box;
	display: inline-block;
	padding-left: 4px;
	padding-right: 9px;
	padding-bottom: 1px;
	line-height: 33px;
	background:url("../img/button/r.png") 100% 0 no-repeat;
}
.rbutton
{
	text-decoration:none;
	color:black;
	font-size:130%;
}

/*********************************************************************************/
/* Round corners on Image */
/*********************************************************************************/
.rounded_f {
	position: relative;
}

.rounded_wrapper img {
	border-width: 0;
	border-style: none;
}

.rounded_wrapper div {
	height: 7px;
	position: absolute;
	width: 100%;
}

.rounded_wrapper .tl {
	top: 0;
	left: 0;
	background: url("../img/round/r10-tl.png") no-repeat left top;
}

.rounded_wrapper .tr {
	top: 0;
	right: 0;
	background: url("../img/round/r10-tr.png") no-repeat right top;	
}

.rounded_wrapper .br {
	bottom: 0;
	right: 0;
	background: url("../img/round/r10-br.png") no-repeat right bottom;	
}

.rounded_wrapper .bl {
	bottom: 0;
	left: 0;
	background: url("../img/round/r10-bl.png") no-repeat left bottom;
}


/****************************************************************************************************
	Filtr
*****************************************************************************************************/
#filtr		{	background-color: #333399; }
#filtr .tr	{	padding:12px 15px;	}
#filtr .title	{ 	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:120%;
	font-weight:bold;
}
#filtr .column	{	margin-right:0;	}
#filtr .grid_15	{	margin-left:8%; width:15%   }
#filtr .grid_36	{	width:36%;		}
#filtr .grid_45	{	width:45%;		}

#filtr input.text
{
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;

	color: #333;
	background:#66CCFF;
	font-size:140%;
}
#filtr label
{
	float:left;
	padding:5px 0 0 0;
}


/*********************************************************************************/
/* Round */
/*********************************************************************************/

.t {background: 0 0 repeat-x;	}
.b {background: 0 100% repeat-x;}
.l {background: 0 0 repeat-y;	}
.r {background: 100% 0 repeat-y;}

.bl {background: 0 100% no-repeat}
.br {background: 100% 100% no-repeat}
.tl {background: 0 0 no-repeat}
.tr {background: 100% 0 no-repeat;} 

.r5 .tl	{	background-image: url("../img/round/r5-tl.png");	}
.r5 .bl	{	background-image: url("../img/round/r5-bl.png");	}
.r5 .tr	{	background-image: url("../img/round/r5-tr.png");	}
.r5 .br	{	background-image: url("../img/round/r5-br.png");	}

.r10 .tl	{	background-image: url("../img/round/r10-tl.png");	}
.r10 .bl	{	background-image: url("../img/round/r10-bl.png");	}
.r10 .tr	{	background-image: url("../img/round/r10-tr.png");	}
.r10 .br	{	background-image: url("../img/round/r10-br.png");	}

/****************************************************************************************************
	Footer
*****************************************************************************************************/
#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height:150px;
}
#footer cite {
	font-size:80%;
	font-style:normal;
	color:#848484;
}

#copyname
{
	float: left;
	display: inline;
	width: 62%;
	margin-left:3%;
	margin-top:70px;
	padding-left:24px;
}
#copyright
{
	float: left;
	display: inline;
	width: 32%;
	margin-top:70px;
}


#gutter
{
	float: left;
	width: 2%;
	height: 1px;
}

/****************************************************************************************************
	The Grid System
*****************************************************************************************************/
.column { /* 10px margin on BOTH sides, resulting in a 20px gutter between columns */
	float: left;
	overflow: hidden;
	display: inline; /* ie6 double-margin bug fix */
}
.last { margin-right:0; margin-bottom:0; }

.row { /* center the row on he page, clear the interior contents with overflow:hidden hack */
	clear: both; width: 100%; //padding-right: 1px; //overflow-x: hidden;	
}

.grid_18	{ width:18%;}
.grid_25	{ width:25%;}
.grid_75	{ width:75%;}
.grid_70	{ width:70%;}
.grid_65	{ width:65%;}
.grid_60	{ width:60%;}

.alignright
{
	text-align:right;
}
.mrgbtm
{
	margin-bottom:2%;
}
.mrgtop
{
	margin-top:2%;
}

/*********************************************************************************/
/* Cart Table */
/*********************************************************************************/
table#cart	
{
	width:100%;
	margin:20px 0 0 0;
	background:#000080;
	padding:10px;
	border-collapse:inherit;
	border-spacing:0;
}
table#cart thead th
{
	background:white;
	padding:10px 0 10px 15px;
	margin:0px;
	text-align:left
}
table#cart #navigator
{
	font-size:14px;
	color:#b08a01;
}
table#cart #navigator a, table#cart #navigator a:link, table#cart #navigator a:visited
{
	font-size:14px;
	color:black;
	text-decoration:underline;
	
}
table#cart .arrow
{
	font-size:22px;
	padding:0 5px;
	color:black;
}
table#cart #headers th
{
	font-size:12px;
	color:#9d9d9d;
	font-style:italic;
	border-bottom:1px solid #000066;
}
table#cart td
{
	background:white;
	padding:10px 0 10px 15px;
	margin:0px;
	text-align:left
}
table#cart input	
{
	width:75px;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 1px;
	color: #333;
	overflow:auto;
	background:url("../img/fieldbg.gif") 0 0 repeat-x;
	font-size:20px;
	text-align:left;
}
table#cart .price
{
	background:url("../img/rub-cart.gif") #ffffff 100% 18px no-repeat;
	font-size:20px;
	font-style:italic;
	text-align:right;
	padding:0 30px 0 0;
	
}
table#cart #headers th.price-title
{
	text-align:right;
}
table#cart .delete-icon img
{
	width:19px;
	height:19px;
	margin:0;
	position:relative;
	top:3px;
	left:25px;
}
table#cart #total
{
	background:none;
	padding-top:25px;
	background:url("../img/rub-cart.gif") 200px 28px no-repeat;
	font-size:20px;
	font-style:italic;

}
table#cart #buttons
{
	background:none;
}
table#cart .recalc
{
	background:url("../img/check-btn-gray.gif") 0 5px no-repeat;
	width:159px;
	height:39px;
	border:none;
	cursor:pointer;
	font-size:16px;
	padding:0;
	margin:0;
	text-align:center;
	float:right;
}
table#cart .checkbtn
{
	background:url("../img/check-btn-gray.gif") 0 5px no-repeat;
	width:159px;
	height:39px;
	border:none;
	cursor:pointer;
	font-size:16px;
	padding:0;
	margin:0;
	text-align:left;
	float:right;
}
table#cart .big
{
	width:400px;
}

/*********************************************************************************/
/* Check Popup */
/*********************************************************************************/
table#check-popup	
{
	width:200px;
}
table#check-popup input	
{
	width:43px;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 1px;
	color: #333;
	overflow:auto;
	background:url("../img/fieldbg.gif") 0 0 repeat-x;
	font-size:20px;
	text-align:right;
}

.sendbtn
{
	background:url("../img/send-btn.gif") 0 5px no-repeat;
	width:110px;
	height:39px;
	border:none;
	cursor:pointer;
	font-size:18px;
	padding:0;
	margin:0;
}
.checkbtn a, .checkbtn a:link, .checkbtn a:visited, .checkbtn a:hover
{
	color:black;
	text-decoration:none;
	padding:20px 0 0 0;
}

.checkbtn
{
	background:url("../img/check-btn.gif") 0 5px no-repeat;
	width:159px;
	height:39px;
	border:none;
	cursor:pointer;
	font-size:16px;
	padding:0;
	margin:0;
}
.btn-title
{
	position:relative;
	top:10px;
	left:15px;
}


.rrrrrr {
	color: #CEBA00;
	font: 11px tahoma;
	display: inline;
}


.rrrrrr a {
  color: #CEBA00;
	font: 11px tahoma;
	display: inline;
}


.tttttt {
      font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
      line-height:1.5;
      text-align:justify;   
      
    }
    
    
    

    
.eeeee {
      font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
      line-height:1.5;
      text-align:justify;   
     
    }
    
    
 #text_footer_l {
      width: 20%;
      float: center;
      clear: center;
      border: dashed 1px #ccc;
      padding: 20px;       
    }
    
     #text_footer_r {
      width:95%;
      float: right;
      clear: right;
      border: dashed 1px #ccc;
      padding: 20px;   
    }   
    
#norm_big_g
{
	height:auto;
	margin:0;
	padding:0;
	vertical-align:bottom;

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:32px;
	font-weight:normal;
	color:#b18a01;
	line-height:30px;
	
	height:99px;
}    
    
.piar_re {
  color: #CEBA00;
	font: 8px tahoma;
	display: inline;
}