/* CSS Document */
/*
================================================================================
|                                     TAGS                                     |
================================================================================
*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, applet, object, iframe, blockquote, pre,  abbr, acronym, address, big, cite, code, del, dfn, em, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
html { background: url(../images/bg.gif) repeat 0 0}
body { background: url(../images/bg_top_x.gif) repeat-x 0 0}
h2.brands {
	color: #990099; font: normal 12px/24px trebuchet MS;
	padding-bottom: 2px;
	text-align: center;
	text-transform:uppercase;
	background: url(../images/bg_brands.gif) repeat-y center top;
	border-left: 1px solid #cbcbcb;
	border-right: 1px solid #cbcbcb;
}
p.pink_text { color: #cc0099; font-size: 14px; line-height: 17px; letter-spacing: 0.5px}
p.pink_text b { color: #ff66cc; font-size: 25px; font-weight: normal}
p.pink_text span { margin-left: 137px}
span.phone_numb { margin: 0 17px 0 6px; color: #ff66cc}
.br1 { line-height: 10px}

#wrapper {
	width: 100%;
	background: url(../images/bg_footer.gif) repeat-x left bottom;
}

#global {
	margin: 0 auto;
	width: 783px;
	position: relative;
	color: #000; font: normal 13px/15px arial;
}
/*
================================================================================
|                                     HEADER                                   |
================================================================================
*/

#header {
	width: 100%; height: 209px;
	background: url(../images/bg_header.jpg) no-repeat 2px 0;
	overflow: hidden; position: relative;
}

#title {
	position: absolute;
	top: 160px; left: 21px;
}
#title a {
	display: block;
	width: 159px; height: 36px;
	background: url(../images/t_title.gif) no-repeat left top;
}

#menu {
	margin-top: 10px;
	margin-left: 132px;
	list-style: none;
	height: 1%;
}

#menu li {
	display: inline;
	float: left;
	border-right: 1px solid #ff99cc;
	text-align: center;
	padding: 0 15px;
	font: normal 8px/8px trebuchet MS;
}
#menu li.menu_last { border: none}

#menu li a {
	color: #ff99cc;
	font: normal 8px/6px trebuchet MS;
	text-decoration: none; text-transform: uppercase;
}
#menu li a:hover { color: #fff}
#menu li a.active { color: #fff}

ul.top_nav {
	position: absolute;
	top: 6px; left: 703px;
	height: 1%;
}

ul.top_nav li {
	float: left;
	padding: 0 2px 0 3px;
	list-style-type: none;
}
ul.top_nav li.first {background: none; padding-left:0}
ul.top_nav li a {
	display: block;
	width: 18px; height: 15px;
}

.header_info {
	width: 335px; height: 119px;
	overflow: auto;
	margin-top: 17px;
	margin-left: 442px;
	color: #fff; font: normal 12px/18px trebuchet MS;
}

.order {
	width: 230px; padding-left: 35px; padding-top: 2px;
	position: absolute;
	top: 160px; left: 514px;
	background: url(../images/img_4.gif) no-repeat left top;
	color: #000; font: normal 8px/10px trebuchet MS;
	text-transform: uppercase;
}
.order span { color: #cc00cc; font: normal 16px/10px trebuchet MS; margin: 0 6px;white-space: nowrap;}

a.checkout {
	display: block; float: left; display: inline;
	margin-top: 3px; margin-right: 11px;
	width: 74px; height: 19px;
	background: url(../images/button_1.gif) no-repeat right top;
	color: #000; font: normal 6px/16px trebuchet MS;
	text-transform: uppercase; text-decoration: none;
}

a.clean {
	display: block; float: left;
	margin-top: 3px;
	width: 80px; height: 19px;
	background: url(../images/button_1.gif) no-repeat right top;
	color: #000; font: normal 6px/16px trebuchet MS;
	text-transform: uppercase; text-decoration: none;
}
/*
================================================================================
|                                     MAIN                                     |
================================================================================
*/

#main {
	width: 782px;
	border-right: 1px solid #fff;
	overflow: hidden;
	position: relative;
}

.clearfix {
	clear: both;
	width: 100%; height: 0px;
	position: relative; overflow: hidden;
}

.left_side { width: 200px; float: left}

#left_menu {
	list-style: none;
	border: 1px solid #fefefe;
	border-bottom-color: #c3c3c5;
	background-color: #52586c;
	overflow: hidden;
	padding: 11px 5px 9px 27px;
}

#left_menu li { margin-bottom: 9px}

#left_menu li a {
	color: #ff66ff; font: normal 12px/15px trebuchet MS;
	text-decoration: none;
}
#left_menu li a:hover { text-decoration: underline}
#left_menu li a:visited { color: #fff; text-decoration: underline}

ul.brand {
	list-style: none;
	border: 1px solid #fefefe;
	/*border-bottom: none;*/
	background-color: #663366;
	/*padding: 13px 5px 30000px 27px;
	margin-bottom: -30000px;*/
	padding: 13px 5px 20px 27px;
	position: relative;
}
ul.brand li {}
ul.brand li a {
	color: #fff; font: normal 12px/13px trebuchet MS;
	text-decoration: none;
}
ul.brand li.last_brand { margin-bottom: 17px}
ul.brand li a:hover { text-decoration: underline}
ul.brand li a:visited { color: #ff33ff; text-decoration: underline}

.catalogue {
	width: 485px; float: left;
	position: relative;
	overflow: hidden;
	padding: 11px 0 10px 16px;
	border-top: 1px solid #fafbfb;
}

.catalogue_cont {
	width: 145px;
	overflow: hidden;
	position: relative;
	float: left; display: inline;
	margin-right: 15px;
	margin-bottom: 12px;
}
.catalogue_cont_last { margin-right:0}
.catalogue_box_top {
	width: 100%; height: 11px; overflow: hidden;
	background: url(../images/catalogue_box_top.png) no-repeat 0 0;
}
.catalogue_box {
	min-height: 176px;
	height: auto !important;
	height: 176px;
	width:143px;
	overflow:hidden;
	padding:1px 0 1px 1px;
	background: url(../images/catalogue_box_y.gif) repeat-y 0 0;
}
.catalogue_box_bottom {
	width: 100%; height: 8px; overflow: hidden;
	background: url(../images/catalogue_box_bottom.png) repeat-y left bottom;
}
.catalogue_box_buy {
	height: 24px; padding-top: 7px; padding-left: 4px;
	text-align: center;
	background: url(../images/catalogue_box_buy.png) repeat-y 0 0;
	color: #000; font: bold 8px/10px trebuchet MS;
}
.buy_cont { position: absolute}
.catalogue_box_buy input {
	background: none; border: none; padding: 0;
	color: #000; font: bold 8px/10px trebuchet MS; text-transform: uppercase;
	cursor: pointer; position: relative;
	margin-right: 10px;
}
.catalogue_box_buy a {
	color: #000; font: bold 8px/10px trebuchet MS;
	text-transform: uppercase; text-decoration: none;
	margin-left: 10px; position: relative;
}
.catalogue_box_buy span { color: #000; font: bold 8px/10px trebuchet MS; margin: 0 6px 0 4px}

.catalogue_box img { margin: 10px 0 7px; vertical-align: text-top}

.specification { padding: 0 3px 0 13px; color: #4f4f4f4; font: normal 10px/10px arial}
.specification span { color: #990099; font: bold 8px/10px trebuchet MS; text-transform: uppercase; margin-right: 4px}

.price { padding: 0 3px 0 13px; color: #4f4f4f4; font: normal 12px/12px arial; margin-top: 5px}
.price span { color: #000; font: bold 12px/10px trebuchet MS; text-transform: uppercase; margin-right: 4px}

.next_page {
	background: url(../images/button_2.png) no-repeat 0 0;
	/*position: absolute;*/
	right:2px; bottom: 28px;
	float:right;
	margin-top:-37px;
}
.next_page a { display: block; width: 11px; height: 19px; position: relative}
.prev_page {
	background: url(../images/button_21.png) no-repeat 0 0;
	float:left;
	margin-left:-15px
}

.right_side {
	width: 81px; float: left;
	padding-top: 11px;
	border-top: 1px solid #fafbfb;
}
.right_img_1 { width: 81px; height: 48px; margin-top: 2px; background: url(../images/box_2.png) no-repeat 0 0}
.right_img_2 { width: 81px; height: 48px; margin-top: 4px; background: url(../images/box_3.png) no-repeat 0 0}
.right_img_3 { width: 81px; height: 48px; margin-top: 3px; background: url(../images/box_4.png) no-repeat 0 0}
.right_img_4 { width: 81px; height: 48px; margin-top: 3px; background: url(../images/box_5.png) no-repeat 0 0}

.phone {
	background: url(../images/box_1.jpg) no-repeat center top;
	padding: 31px 19px 16px;
	color: #000; font: normal 12px/16px trebuchet MS;
	border-left: 1px solid #cccdcd;
	border-right: 1px solid #cccdcd;
}

.banner_bottom_1 { float: right; border-right: 1px solid #fff;}
.banner_bottom_1 a { display: block; width: 279px; height: 228px;}

.banner_bottom_2 { float: right;}
.banner_bottom_2 a { display: block; width: 302px; height: 228px;}
/*
================================================================================
|                                     FOOTER                                   |
================================================================================
*/
#footer { width: 100%; height: 54px; border-top: 1px solid #fff;padding:5px 0;color:#fff;}
/*
================================================================================
|                                     SEARCH                                   |
================================================================================
*/
.search_box {
	position: absolute;
	top: 162px; left: 345px;
}
#search_form { overflow: hidden}
#search_form label { float:left; color: #660066; font: normal 14px/14px trebuchet MS; margin-right: 4px;}

.search_field_cont {
	width: 108px; height: 17px; float: left;
	background: url(../images/search_box.gif) no-repeat left top;
	padding: 0px 3px 0px;
	position: relative; overflow: hidden;
}

input.search_field {
	display: block; height: 12px;
	border: 0; background: none;
	width: 108px; vertical-align: text-top;
	color:#555555; font: normal 11px/13px Tahoma;
	overflow: hidden;
}
/*
================================================================================
|                                     STARS                                    |
================================================================================
*/
.stars {
	position: absolute;
	top: 6px; right: 9px;
}

ul.rating {
	background:url(../images/stars.gif) bottom;
	width: 65px; height: 12px;
	overflow:hidden;
	padding:0; margin:0;
	list-style:none;
}

ul.rating li{ display:inline}

.rating a {
	display:block; width:13px; height:12px;
	float:left;
	text-indent:-9999px;
	position:relative;
}

.rating a:hover {
	background:url(../images/stars.gif) top;
	width:65px;
	margin-left:-52px;
	position:static;
}

.rating a:active { background-position:top;}

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

div.cp {
 color: #c221c2; 
}

a.pages:link, a.pages:visited, a.pages:active
{
 color: #4f4f4f;
 font-weight: bold;
 outline: none;
}


a.pages:hover {
 color: #c221c2;
 text-decoration: none;
 font-weight: bold;
 outline: none;
}


/*
================================================================================
|                                     Order Window                             |
================================================================================
*/
#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;
}
a.view:active,
a.view:visited,
a.view:link,
a.view:hover {
    color: #c221c2;
    text-decoration:none;
    font-weight: bold;
    }

a.view:hover {
    text-decoration:underline;
    }

	
	
/*
================================================================================
|                                     Cart                                     |
================================================================================
*/
	
.cart{
  vertical-align: middle;
  width: 90%;
}

.cart th{
  background: #666666;
  color: #ffffff;
  font-weight: bold;
  height: 15px;
  padding:7px 2px 8px 2px;
  text-align: center;
}

.cart td{
  color: #4f4f4f;
  text-align: center;
  padding:3px;
}

.summ{
  width: 90%;
  vertical-align: middle;
}

.cart_forms{
  width: 100%;
  margin-top: 16px;
  text-align: left;
}
td.sp{
  font-weight: bold;
  width: 225px;
}




td.topic_name{
 vertical-align: middle;
 font-weight: bold;
 font-size: 16px;
 color: #4f4f4f;
}