#mask {
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;
  top:0;
  left:0;
}
  
#boxes .window {
  position:absolute;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {
background:#FFF;
  width:260px; 
  height:20px;
}
#boxes #dialog ul{
list-style:circle;
}
#boxes #dialog ul li{
display: block;
float:left;
padding:5px 20px;
}
.all_sizes{
float:right;
}
.all_sizes tr td{
min-width:48px;
text-align: center;
}
#right_menu{
color:#CCCCCC;
float:right;
font-size:14px;
line-height:18px;
margin:30px 20px 0 40px;
text-align: right;
}
.date{
margin-bottom:5px;
}
.page_text ol{
list-style: decimal;
margin-left: 40px;
}
.page_text strong{
text-transform: uppercase;
}
/* MEYER RESET v1.0*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,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}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* BASIC TYPOGRAPHY */
html { font-size: 72.5%; font-family: Verdana, "microsoft sans serif", arial, sans-serif; }
strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; }
cite, em, dfn { font-style: italic; }
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-family: Verdana, Helvetica; font-size: 10pt; }
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help;  }
sup { vertical-align: super; font-size: 80%; line-height: 80%; color: #cccccc;}
sub { vertical-align: sub; }
img {padding: 0; margin: 0; }
select { font-size: 0.9em; font-family: "Lucida Console", Verdana, arial, sans-serif; }
dfn { font-style:normal; font-weight:bold; text-decoration: none; border: none;}
.brand{width: 241px;}
.brand_small{width: 136px;}
.cart_btn{margin:0px 0 10px 22px;}
.cart_btn input{margin:0 3px;}
.val_error{
margin:10px 0 10px 30px;
color: #E62727;
}
.brand_text{
margin-right:39.8%;
}
.brand_text p{
margin:10px 0 0 30px;
}
.errors{
margin-bottom:20px;
}
.table{
width:100%;
margin-bottom: 10px;
}
.form{
width:100%;
}
#container .content .left .block p{
margin: 5px;
text-align:center;
}
.auto_bg {
background: white url(../img/auto.jpg) no-repeat 330px -50px !important;	
}
.page{
width: 100%;
}
.item_cont{
width: 55%!important;
}
.order_items{
width: 64.5%!important;
margin-right: 0.5%;
margin-bottom: 10px;
}
.order{
margin-bottom: 10px;
width:35%!important;
}
.order h2{text-align:left;}
.order table tr td.label{padding:7px 5px 0px 30px;}
.order table tr td{padding:7px 5px 0px 5px;}
.order table tr.submit td {padding:7px 5px 0px 30px;}
.cart_menu
{
width: 44.5%!important;
margin-left:0.5%;
}
.table input.count{
border:1px solid #ccc;
text-align:center;
}
.cart_menu h2{
text-align:left;
}
.page_text{
margin: 0 30px;
}
.page_text p{
line-height: 25px;
}
.brands .brand_img img{
max-width:90%;
max-height:90%
}
.brands_small .brand_small_img img{

height:20px;

}
div.right form a{
margin-right: 7px;
margin-left: 3px; 
margin-top: 5px;
}
div.right form input.button{
padding: 2px 1px 2px
}
.cart{
	-moz-box-shadow: 0 1px 3px rgba(255,255,255,0.6)!important;
	-webkit-box-shadow: 0 1px 3px rgba(255,255,255,0.6)!important;
	margin: 0 !important;
}
.block form table.table caption h2{
text-align:left;padding-left:28px;
}
.block table.table tr td, .block table.table th{
text-align: center;
line-height:25px;
}
.ok{
margin-top:15px;
text-align:center;
font-size:25px;
color: #91BD09;
}
.no{
color: #E62727;
margin-top:15px;
text-align:center;
font-size:25px;
color: #91BD09;
}

.block form table.table tr td a{color:#555;}
.item h3{
padding-left:28px;
}
.item_img{
margin: 15px 20px;
float:left;
}
.item_text{
margin: 15px 20px 15px 15px;
}
.item{
margin-bottom: 10px;
width: 100%;
}
.brand_l{
margin: 0 5px 10px 0px;
}
.brand_r{
margin: 0 0px 10px 0px;
}

.brand_sl{
margin: 0 5px 0px 0px;
}
.brand_sr{
margin: 0 0px 0px 0px;
}

.brands{
height: 200px;
}
.brands_small{
margin: 0;
}
.brand_img{
width:100%; text-align: center;margin-top: 20px;
}
.brand_small_img{
margin-top: 5px;
}
.brand a{
color: #555;
}
.brand_small a{
color: #555;
}
/* COMMON */
#top{
padding-bottom: 8px;
background-color: #000;
color: #ccc;
}
#content {
	background: #E4E4E4;
}
body {
	background: #E4E4E4;
}
.left {
	float: left;
}
.right {
	float: right;
	text-align: right;
}
select {
	font-size: 12px;
	font-family: Verdana;
}

#top, #header, #footer {
	width: 100%;
	float: left;
}
	#top p {
		margin-top: 5px;
		font-size: 14px;
	}

#divider {
	
	background: url(/static/img/divider.gif) repeat;
	/*url(/static/img/divider.gif) repeat;
	margin: 5px 0;
	*/
	width: 100%;
	float: left;
	height: 3px;
	
}

#header {
padding-top: 5px;
	background: #000000;
	height: 150px;
}
	#header h3 {
			font-size: 16px;
			font-weight: bold;
			margin-bottom: 5px;
			margin-left: -10px;
	}
	#header a {
		color: #cccccc;
	}
	#header a:hover {
		color: #cc3333;
	}
	#logo {
		width: 288px;
		height: 150px;
		background: url(/static/img/logo.png) 0 5px no-repeat;
		float: left;
		
	}
	#contacts {
		color: #cccccc;
		float: left;
		margin: 30px 0 0 70px;
		font-size: 14px;
		line-height: 18px;
	}
		
		#contacts span {
			padding-right: 5px;
		}
		.icq {
			float: left;
			height: 18px;
			width: 18px;
			background: url(/static/img/icq.png) 0 2px no-repeat;
		}
		.mail {
			float: left;
			height: 18px;
			width: 18px;
			background: url(/static/img/mail.png) 0 4px no-repeat;
		}
		.phone {
			float: left;
			height: 18px;
			width: 18px;
			background: url(/static/img/phone.png) 0 3px no-repeat;
		}
	#cart {
		color: #cccccc;
		float: left;
		margin: 30px 0 0 70px;
		font-size: 14px;
		line-height: 18px;
		width:150px;
	}

	#callback {
		color: #cccccc;
		float: left;
		margin: 30px 0 0 70px;
		font-size: 14px;
		line-height: 18px;
	}
		#cb_button {
			float: left;
			margin-left: 20px;
			margin-top: 15px;

		}

.content {
	width: 980px;
	margin: 0 auto;
}

#nav {
	width: 980px;
	float: left;
	background: #ffffff url(/static/img/row_2.png);
	height: 40px;
}

	#nav ul {
		list-style: none;
		margin-left: 15px;
	}
	#nav ul li {
	float: left;
	}
	#nav ul li a {
		float: left;
		line-height: 40px;
		font-size: 14px;
		color: #cccccc;
		text-decoration: none;
		padding: 0 15px 0 10px;
		background: url(/static/img/nav_divider.gif) 0 18px no-repeat;
	}
	#nav ul li a:hover {
		color: #ec290d;
		text-decoration: underline;
	}
#search {
	float: left;
	margin-top: 10px;
	width: 100%;
}
	#search h2 {
		font-family: Tahoma;
		font-size: 28px;
		line-height: 67px;
		padding-left: 20px;
	}
	.red {
		color: #ec290d;
	}
	#tyres {
		float: left;
		width: 480px;
		height: 67px;
		background: url(/static/img/tyre_search.png);
	}
	#tyres_form {
		border: 1px solid #d3d3d3;
		border-top: 0;
		width: 478px;
		float: left;
		height: 100px;
		background: #ffffff;
	}
	#wheels {
		float: right;
		width: 480px;
		height: 67px;
		background: url(/static/img/wheel_search.png);
	}
	#wheels_form {
		border: 1px solid #d3d3d3;
		border-top: 0;
		width: 478px;
		float: right;
		height: 100px;
		background: #ffffff;
	}
	.params {
		margin: 10px 0 0 20px;
		font-size: 12px;
		width: 300px;
		padding: 5px;
		text-align: center;
	}
	.params .title {
		font-weight: bold;
	}
	#tyres_submit {
		margin: 25px 20px 0 0;
	}

#left {
	
	float: left;
	width: 200px;
}
#middle {
	margin: 0 10px;
	width: 560px;
	float: left;
}
#middle p {
	line-height: 1.3em;
	padding: 10px 10px 0 10px;
}
#right {
	float: left;
	width: 200px;
}
.block {
	float: left;
	width: 100%;
	background: #ffffff;
	padding-bottom: 20px;
	margin-top: 10px;
}
.block_half {
	float: left;
	width: 49%;
	background: #ffffff;
	padding-bottom: 20px;
	margin-top: 10px;
}

.TB_modal h2{
background:url("/static/img/block_bg.png") repeat scroll 0 0 transparent;
font-weight:bold;
height:32px;
line-height:34px;
margin-left:-15px;
margin-top:-18px;
padding-left:30px;
padding-top:2px;
text-align:left;
width:100%;
}
.TB_modal table tr td input{
margin: 10px 0 0px 5px;
}

.TB_modal table tr td.label{
text-align:right;
}
#exit{float:right;}#send_l{float:left;}
.TB_modal table{
margin-bottom: 5px;
}
.block h2, .block_half h2{
text-align:left;
	font-weight: bold;
	background: url(/static/img/block_bg.png);
	padding-left: 30px;
	height: 32px;
	line-height: 34px;
	padding-top: 2px;
}
.block ul.links {
	list-style: none;
	margin: 0 30px;
	
}
.block ul.links li a {
	color: #8a8a8a;
	width: 100%;
	float: left;
	padding: 5px 0;
	border-bottom: 1px #cccccc dotted;
	text-decoration: none;
}
.block ul.links li a:hover {
	text-decoration: underline;
}

#footer {
	padding-bottom: 10px;
	line-height: 1.5em;
}
#footer a {
	color: #8a8a8a;
}

.button, .button:visited {
	background: #222 url(/static/img/overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff !important; 
	text-decoration: none;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 7px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer
}
 
	.button:hover							{ background-color: #111; color: #fff; }
	.button:active							{ top: 1px; }
	.small.button, .small.button:visited 			{ font-size: 11px}
	.button, .button:visited,
	.medium.button, .medium.button:visited 		{ font-size: 13px; 
												  font-weight: bold; 
												  line-height: 1; 
												  text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
												  }
												  
	.large.button, .large.button:visited 			{ font-size: 14px; 
													  padding: 16px 14px 17px; }
													  
	.super.button, .super.button:visited 			{ font-size: 34px; 
													  padding: 8px 14px 9px; }
	
	.pink.button, .magenta.button:visited		{ background-color: #e22092; }
	.pink.button:hover							{ background-color: #c81e82; }
	.green.button, .green.button:visited		{ background-color: #91bd09; }
	.green.button:hover						    { background-color: #749a02; }
	.red.button, .red.button:visited			{ background-color: #e62727; }
	.red.button:hover							{ background-color: #cf2525; }
	.orange.button, .orange.button:visited		{ background-color: #ff5c00; }
	.orange.button:hover						{ background-color: #d45500; }
	.blue.button, .blue.button:visited		    { background-color: #2981e4; }
	.blue.button:hover							{ background-color: #2575cf; }
	.yellow.button, .yellow.button:visited		{ background-color: #ffb515; }
	.yellow.button:hover						{ background-color: #fc9200; }
	.gray.button, .gray.button:visited		{ background-color: #c0c0c0; }
	.gray.button:hover						{ background-color: #aaaaaa; }

#selection_tyres {
	width: 240px;
	float: left;
	margin: 0 10px;
}

#selection_wheels {
	width: 240px;
	float: right;
	margin-right: 10px;
}

#selection_tyres h3, #selection_wheels h3  {
	font-size: 1.2em;
	font-weight: bold;
}

#selection_tyres, #selection_wheels  {
	margin-top: 30px;
}

#selection_tyres table, #selection_wheels table {
	width: 200px;
	margin: 10px 20px;
}

#selection_tyres tr.head, #selection_wheels tr.head {
	text-align: center;
	font-weight: bold;
	background: #eee;
}

#selection_tyres td, #selection_wheels td {
	text-align: center;
	padding: 5px;
	border-bottom: 1px #888 dotted; 
	border-top: 1px #888 dotted; 
}
