/* RESET ALL CSS */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%;font-family:inherit; vertical-align:top; }
body { line-height:16 px;}
table { border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th { vertical-align:top;}
blockquote:before, blockquote:after, q:before, q:after { content:"";}
blockquote, q { quotes:"" "";}
a img { border:none;}

/* NEW CSS */
body	{ background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#626568;  }

.size	{ width:auto; margin:auto }

a		{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#494e55; text-decoration:underline}
a:hover	{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#494e55; text-decoration:none}

.both	{ clear:both}




.head		{ background:url(../images/head.jpg) no-repeat center top; height:325px;}
.logo		{ position:absolute; z-index:10; margin-left:22px; margin-top:54px}
.card_block	{ position:absolute; z-index:10; margin-left:700px; margin-top:54px; background:url(../images/card_bg.png) no-repeat; width:228px; height:114px}


.card_block	.user_card	{ padding:10px}
.card_block h6	{ font-size:18px; font-weight:normal; color:#494e55}
.card_block		{ font-size:12px; color:#494e55}
.card_block a		{ font-size:12px; color:#494e55}
.card_block a:hover		{ font-size:12px; color:#494e55}
.order_button 	{ padding-top:2px}
.order_button input	{ background:url(../images/order_button.png) no-repeat; width:154px; height:26px; border:none; cursor:pointer}


/* PART */
.left_part		{ float:left; width:210px; text-align:left}
.center_part	{ float:left; width:570px}
.right_part		{ float:left; width:200px; text-align:right}


.main_menu		{ background:url(../images/main_menu_bg.jpg) no-repeat center; padding:5px 0px 45px 0px; font-size:14px; font-weight:bold; text-align:center; color:#0099fe}
.main_menu	a	{ font-size:14px; font-weight:bold; color:#0099fe; padding-left:20px; padding-right:20px; text-decoration:none}
.main_menu	a:hover		{ color:#FFCC33; font-size:14px; font-weight:bold;}


.title		{
	font-size:14px;
	color:#0099ff
}
.title	h1, h2 {
	font-size: 14px;
	color:#0099ff;
	text-align: left;
}

.title	h3 {
	font-size:18px;
	color:#0099ff;
}


.left_menu			{
	padding-top: 5px;
	padding-bottom: 5px;
}
.left_menu	ul		{ list-style-type:none}
.left_menu	li		{ background:url(../images/arr.jpg) no-repeat 0px 5px; padding-left:10px}
.left_menu	a		{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#494e55; text-decoration:none}
.left_menu	b	    {font-weight:normal}
.left_menu	a:hover	{font-family: Arial, Helvetica, sans-serif;color:#FFCC33;font-size:12px;color:#F78F3C;text-decoration:none}
.left_menu	a:active	{font-family: Arial, Helvetica, sans-serif; color:#FFCC33; font-size:12px; color:#F78F3C; text-decoration:none}


.footer	{ border-top:1px solid #0099ff; font-size:10px; padding-top:15px; margin-top:20px; padding-bottom:30px}


.footer a	{  font-size:10px; }


.center	{ padding-top:20px}
.toptext  {-moz-border-radius: 9px; -webkit-border-radius: 9px; border:1px solid #DDDDDD; font-family:arial,tahoma,verdana; text-align:justify ; margin:20px 10px 9px 0; padding:10px;}
.toptext ul {padding-left: 25px;}
.toptext h2 {font-size:14px; color:#356896; text-align: left; padding-top: 6px; padding-bottom: 3px;}
.toptext b {font-size:14px; color:#356896; font-weight:400; text-align: left; padding-top: 6px; padding-bottom: 3px;}
.toptext p {text-indent: 1.5em; padding-top: 0.5em;}
.toptext ul {padding-top: 0.5em;}
.toptext img {padding: 5px 10px;}

.clock_block	{ padding-top:10px; padding-bottom:10px}

.clock_big_cell			{ float:left; width:160px; margin:18px 0px 0px 22px }
.clock_big_cell .top_bg	{ height:12px; background:url(../images/clock_cell_top.jpg) no-repeat}
.clock_big_cell .preview	{ border-left:1px solid #dddddd; border-right:1px solid #dddddd; text-align:center}
.clock_big_cell .bot_bg	{ height:12px; background:url(../images/clock_cell_bot.jpg) no-repeat}

.clock_big_cell	.preview .title b		{ font-size:14px; font-weight:bold; color:#0099ff; line-height:14px}
.clock_big_cell	.preview .title 		{ font-size:10px; color:#626568; padding-bottom:8px; height:100%; overflow:hidden}
.clock_big_cell	.preview .img			{ width:140px; margin-left:10px; height:170px; overflow:hidden; text-align:center}
.clock_big_cell	.preview .descripion	{ padding:8px 4px; font-size:10px; line-height:12px; height:100%; overflow:hidden}
.clock_big_cell	.preview .descripion a	{ font-size:10px}
.clock_big_cell	.preview .price			{ font-size:18px; color:#0099ff; padding-bottom:8px}
.clock_big_cell	.preview .button input	{ background:url(../images/buy_button.jpg) no-repeat; border:none; width:93px; height:26px; margin-left:4px; cursor:pointer}

.clock_small_cell			{ float:left; width:111px; margin:15px 0px 15px 2px }
.clock_small_cell .top_bg	{ height:10px; background:url(../images/clock_cell_small_top.jpg) no-repeat}
.clock_small_cell .preview	{ border-left:1px solid #dddddd; border-right:1px solid #dddddd; text-align:center}
.clock_small_cell .bot_bg	{ height:10px; background:url(../images/clock_cell_small_bot.jpg) no-repeat}

.clock_small_cell	.preview .title b		{ font-size:14px; font-weight:bold; color:#0099ff; line-height:14px}
.clock_small_cell	.preview .title 		{ font-size:10px; color:#626568; padding-top:0px; height:32px; overflow:hidden}
.clock_small_cell	.preview .img			{ width:90px; margin-left:10px; height:135px; overflow:hidden; padding-bottom:23px; text-align:center}
.clock_small_cell	.preview .descripion	{ padding:0px 4px; font-size:10px; line-height:12px;}
.clock_small_cell	.preview .descripion a	{ font-size:10px}
.clock_small_cell	.preview .price			{ font-size:18px; color:#0099ff; padding-bottom:8px}
.clock_small_cell	.preview .button input	{ background:url(../images/buy_button.jpg) no-repeat; border:none; width:93px; height:26px; margin-left:4px; cursor:pointer}

.str { text-align: center; padding-top: 10px;}
.str h2 {color:#356896; font-size:14px; padding-left:0px; text-align: center;}

table.cart{ border:1px solid; border-collapse:collapse;}
table.cart th { padding:5px; vertical-align:top; font-size:12px; border:1px solid #CCCCCC; text-align:center; text-decoration:bold; font-size:14px;}	
table.cart td { padding:5px; vertical-align:top; font-size:12px; border:1px solid #CCCCCC; text-align:center}	
table.cart td a { color:#333}

/* table.cart_forms{ border:1px solid; border-collapse:collapse;} */
table.cart_forms th { padding:5px; vertical-align:top; font-size:12px; text-decoration:bold; font-size:14px;}	
table.cart_forms td { padding:5px; vertical-align:top; font-size:12px; }	
table.cart_forms td a { color:#356896}
table.email td {padding:5px; vertical-align:top; font-size:12px; }

.digits_circle{width:auto;height:20px; border:0px solid #D9DAE0; vertical-align: middle; text-align:center;margin:0;}
.digits_circle tr td{width:21px;height:23px;font:bold 24px Arial; color:#B12E51; text-align:center; vertical-align: middle;}
.digits_circle tr td.digits_page{background:url(../images/digits_circle.gif) no-repeat center center;}
.digits_circle tr td a:link, .digits_circle tr td a:visited, .digits_circle tr td a:active{font:12px Arial; color:#395797; text-decoration:none; text-align:center}


table.cart_inf{ border:0px;}	
table.cart_inf td { padding:5px; vertical-align:top; font-size:12px; }	

/* Окно заказа */
#container {
 top:50%;
 position:fixed;
 width:509px;
 height:350px;
 z-index:5001;
 /* hide from IE5/Mac \*/
 left: 50%;
 margin-left: -255px; /* половина значения width */
 margin-top: -175px; /* половина значения height */
 /* End hide from IE5/Mac \*/
 background-color: #FFFFFF;
 border: 1px solid #151515;
 text-align: center;
 padding: 0px;
}

*html #container {
    position:absolute;
    top: expression(
      parseInt(document.body.scrollTop, 10) + parseInt(document.body.clientHeight/2) + "px"
    );
}

#body_div {
  z-index:5000;
  background-color: #000;
  width:0px;
  height:0px;
  position:fixed;
}

*html #body_div {
    position:absolute;
    top: expression(
      parseInt(document.body.scrollTop, 10) + "px"
    );
}

#container span {
    text-align: left;
}

#container div.left {
    padding-left: 8px;
    height:20px;
    line-height:20px;
    background:url(/images/left.gif) no-repeat left center;
}

#container div {
  color:#444444;
  text-align:left;
}



div.pg, div.cp {
 font-weight: bold;
 width:20px;
 height:20px;
 line-height:20px;
 text-align: center;
 border:1px solid #ccc;
 margin:0 3px 3px 0;
 float:left;
 color:#333;
}

div.cp {
 color: #FF6600; 
}

td.pager_c{
  text-align: center;
  padding: 0 5px 0 10px;
}

.cart_forms{
  width: 90%;
  margin-top: 16px;
  text-align: left;
}

table.topic {
  width: 570px;
  padding: 0;
  margin-top: 5px;
}
.article_title a{ 
font-family: Arial, Helvetica, sans-serif;
font-size:12px; color:#494e55;
text-decoration:underline;
}

.item_photo{
 padding: 18px 0 0 0;
 float: left;
 vertical-align: top;
 text-align: center;
 width: 200px;
 margin-left: 10px;
}
#item_head {
color:#4F4F4F;
font-size:18px;
font-weight:normal;
margin-bottom:0;
}
.summa {
margin-top: 15px; 
margin-bottom: 15px;
color:#FF6600;
font-size:16px;
font-weight:bold;
}
div.border {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/border.jpg) repeat-x scroll right center;
height:20px;
margin:0 20px;
}
.item_info{
 width: 330px;
 padding: 5px;
 float: left;
 vertical-align: top;
 margin-left: 10px;
 color: #666666;
 }

div.border {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/border.jpg) repeat-x scroll right center;
height:20px;
margin:0 20px;
}
