/************************** css reset start ******************************/
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;
}
ol li, ul li, li {
	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;
}
/************************** css reset finish ******************************/




/******************************** css basics*********************************/
html, body, table, td, th, div, span, select, textarea, input {
	font-family: Arial, 'Trebuchet MS', Tahoma, Helvetica, Verdana;
	font-size: 13px;
	color: #333333;
}
/*p, div{font-size: 14px; line-height:1.6em;}*/
body {
	line-height:1.6;
	background: #F4F3EE url(http://tonirovanie.com/images/bg_light.png) repeat top left;
	padding: 0px; margin:0px; text-align:center; 
}
p, div, span {
	line-height:inherit;
}
p {
	margin-bottom:13px;
}

html,body{height:100%;}

table, td, th, div, span {text-align:left;}
table, td, th, div {vertical-align:top;}
table,td {border-collapse:collapse;	border:0px; padding:0px; margin:0px;}
img {border:0px;}




form {padding:0px; margin:0px;}
select {width: 80px;}

td.right {text-align:right; padding-right:5px;}

div.pages {margin-top: 5px; background: #F2F4F4; padding:5px;}

/******************************** / css basics*********************************/


a:link, a:active, a:visited {
	color:#D63930;
	text-decoration: underline !important;
}
a:hover {
	color:#D63930;
	text-decoration: none !important;
}

a.img:link, a.img:active, a.img:visited {
	text-decoration: none;
}
a.img:hover {
	text-decoration: none;
}

span.link, h3.link {
	color:#D63930 !important;
	text-decoration: none;
	border-bottom:dotted 1px #D63930;
	cursor:hand;
	cursor:pointer;
}
span.link:hover, h3.link:hover {
	color:#D63930 !important;
	text-decoration: none !important;
	border-bottom:dotted 1px #D63930;
	cursor:hand;
	cursor:pointer;
}

/*------------------------------------------------------------*/

.small, .small *{font-size:11px !important;}
.standart, .standart *{font-size:12px;}
.big, .big *{font-size:150% !important;}
.bigger, .bigger *{font-size:17px !important;}
.large, .large *{font-size:19px !important;}

.bold, .bold *{font-weight:bold !important;}
.italic, .italic *{font-style:italic;}

.cblack, .cblack *{color:#000000 !important;}
.cwhite, .cwhite * {color:#ffffff !important;}
.cgreen, .cgreen *{color: #5C9341 !important;}
.cgrey, .cgrey *{color:#777777;}
.cred, .cred *{color:red;}
.cblue2, .cblue2 *{color:#556DA9;}

.hcenter {text-align:center;}
.hright {text-align:right;}
.hjustify {text-align:justify;}
.vtop {vertical-align:top;}
.vbottom {vertical-align:bottom;}
.vmiddle {vertical-align:middle;}

.width800 {width:800px;}
.lineheight15 *{line-height:1.4em;}
.lineheight25 *{line-height:2.5em;}

div.clear {clear:both; font-size:1px;}

.leftimg {margin:5px 10px 5px 0px; float:left; display:inline;}
.rightimg {margin:5px 0px 5px 10px; float:right; display:inline;}

img.images {border:solid 2px #dddddd;}
span.comment {color:#38549b; font-size:11px; font-weight:bold;}
.listtitle {font-weight:bold; color:#38549b; margin-bottom:5px;}

ul, li {padding:0px; margin:0px;}
li {margin:5px 15px; list-style: circle outside;}
li.nobullet {margin:0px 0px 10px 0px; list-style: none outside;}


ol {
	margin-left:25px;
	padding-left:10px;
}
ol li{
	list-style-type:decimal !important;
	/*padding-left:10px;*/
	margin-bottom:2px;
}


h1, h2, h3, h4, h5, h6 {
	color:#111111;
	padding: 0px;
	margin: 0px;
	line-height:1.4em;
	font-family:'Trebuchet ms';
}

h1 {
	font-size: 42px;
	font-weight: normal;
	margin-bottom: 30px;
	margin-top:0px;
	/*font-style:italic;*/
}
h2 {
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 15px;
	/*margin-top: 30px;*/
	margin-top: 0px;
	/*text-shadow: -1px 1px 0px #dddddd; /* x y blur color */
}
h3 {
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 7px;
	margin-top: 25px;
	
}

h4 {
	font-size: 15px;
	/*font-weight: bold;*/
	font-weight: bold;
	margin-bottom: 5px;
	font-family:Arial;	
}
h5 {
	font-size: 9px;
}

h2.blocktitle,  h3.blocktitle {
	margin-top:0;
}


dt {margin-bottom:5px; font-weight:bold;}
dd {margin-bottom:20px;}

tr.light td{background:#fcfcfc;}
tr.dark td{background:#eeeeee;}
tr.theader th {padding:7px 5px; border-bottom:dashed 1px #cccccc; vertical-align:middle; background:#ffffff; text-align:center}
tr.btmborder td{border-bottom:dashed 1px #dddddd;}

table.table tr td {padding:5px; }

div.line {border-bottom:1px dotted #999999; margin-bottom:10px;}


.rightText {margin-right:0px !important;}


html, body {height:100%; text-align:center;}


div#wrap
{
	width:90%;
	min-width:960px; 
	max-width:1170px;
	width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 1067) ? '960px' : ((document.body.clientWidth > 1300) ? '1170px' : '90%'));
	margin:0px auto;
	overflow:hidden;
	position:relative;
	padding:0;	
	text-align:center !important;
}

.container {
	margin:0px auto;
	width:100%;
	text-align:left;
}

#top_container {height:135px; position:relative;}
	#logo {position:absolute; top:70px; left:0;}
	#phone {position:absolute;  top:70px; right:0;}

#menu_container {
	background:#333333 url(http://tonirovanie.com/images/bg_top_menu.png) no-repeat top right; 
	overflow:hidden; 
	height:38px;
	margin-bottom:35px;
}
	#menu_items {background:transparent url(http://tonirovanie.com/images/bg_top_menu_left.png) no-repeat top left; overflow:hidden; height:38px;}
	#menu_items .mitem {
		border-right:1px solid #000000;
		border-left:1px solid #454545;
		display:block; 
		float:left;
		padding:0;
		margin:3px 0px;
		line-height:32px;
		text-align:center;
		width:16.4%;
		font-size:12px;
	}
	#menu_items a.mitem {
		color:#ffffff;
		text-decoration:none !important;
	}
	#menu_items a.mitem:hover {
		color:#FFE4B9;
		/*text-shadow: 2px 0 0 red;*/
	}
	#menu_items .last_item {border-right:0 !important;}
	#menu_items .first_item {border-left:0 !important;}
	
	#menu_items a.current {
		color:coral;
		text-decoration:none !important;
		font-weight:bold;
	}
	#menu_items a.current:hover {
		color:#FF0000;
		/*text-shadow: 2px 0 0 red;*/
	}

/* 1unit = 11.09% */
#howto {margin:30px 0 50px; }
#howto1 {float:left; width: 33%; /* 1 unit */ clear: right; text-align:center;}
#howto2 {float:left; width: 33%; /* 1 unit */ clear: right; text-align:center;}
#howto3 {float:left; width: 33%; /* 1 unit */ clear: right; text-align:center;}

#howto1 div, #howto2 div, #howto3 div
{
	font-size:13px; padding: 0 25px;
	text-align:center;
	font-family:Arial;
	font-weight:bold;
}

#order_block_text {
	width:272px;
	margin:10px auto 0;
	line-height:2em;
	font-size:14px;
}
	#order_block_text  div {
		margin-left:20px;
		font-size:12px;
	}

#content_container {
	float:left;
	clear:right;
	width:60%;
	margin-right: 7%;
	_margin-right: 6% !important;
}
#content_container2
{
	float:left;
	clear:right;
	width:64%;
	margin-right: 3%;
	_margin-right: 2% !important;
}
#content_container3
{
	overflow:hidden;
}
#content_container, #content_container p, #content_container span, #content_container div, #content_container table td, #content_container table th
{
	font-size:14px;
}
/*#content_container p, #content_container2 p, #content_container3 p
{
	font-size:14px;
}*/

#sidebar {
	float:left;
	/*margin-left: 7%;
	_margin-left: 6% !important;*/
	width: 33%; /* 3 unit */ 
	clear: right;
}
	#login_form {
	border:4px solid #DCDDD0;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding:15px 20px;
		 
	}
	
	#order_toning_block {
		margin-bottom:25px;
		background: transparent url(http://tonirovanie.com/images/bg_dark.png) repeat top left;
		text-align:center;
		padding:30px 0px 30px;
		border:0px solid #DCDDD0;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		zoom:1;
	}
	
	/*#order_toning_block {
		float:left;
		margin-left: 0.46%;  
		width: 33%; 
		clear: right;
		background: transparent url(http://tonirovanie.com/images/bg_dark.png) repeat top left;
		text-align:center;
		padding:30px 0px 30px;
		border:0px solid #DCDDD0;
			border-radius: 8px;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
	}*/


#footer{
	margin:50px 0 100px;
	border-top:dashed 1px #CBCBCB;
	padding:20px 0;
}

#adv_info_block{
	background:transparent url('http://tonirovanie.com/images/bg_blue.png') repeat top left;
	padding:30px 50px ;
	zoom:1;
	margin-top:30px;
}

#adv_info_block h3 {
	background:transparent;
	position:relative;
	
}





img.preview {border:5px solid #ffffff;}


.bg1 {background: #FAFAF2 !important;}
.bg2 {background: #EDEDE5 !important;}

p.important_info1 {
	border:solid 1px #eeeeee; 
	padding:15px;
	background:#f7f7f7;
}


.floatdiv1 {
	float:left;
	clear:right;
	width:70%;
	margin-right:5%;
}

.floatdiv2 {
	float:left;
	clear:right;
	width:25%;
	margin-right:0;
}



.alert_ok, .alert_error, .alert_default
{
	padding:5px 15px;
	margin:5px 0px 10px;
	text-shadow:#f7f7f7 0 1px 0;
	/*float:left; 
	clear:both;*/
}

.alert_ok {
		color:#008000;
		background:#eeffee;
}

.alert_error {
		color:red;
		background:#ffdddd;
}

.alert_default {
		
}

table.table0 td{padding:5px 10px 5px 0px;}

table.table1 {
	border-collapse:separate;
}
table.table1 th{border-top:3px solid #888888; padding:10px 10px 10px 10px; background:#DCDDD0; text-align:left;}
table.table1 td{border-top:1px solid #fff; border-bottom:1px solid #aaaaaa; padding:25px 20px 25px 10px;}

table.table2 td{
	padding:0px 5px 10px 0px;
}

table.table3 td{border:1px solid #dddddd; padding:5px 20px 5px 5px;}

table.table4 {
	border-collapse:separate;
}
table.table4 th{border-top:3px solid #888888; padding:5px 10px 5px 0px; background:#DCDDD0; text-align:left;}
table.table4 td{border-top:1px solid #fff; border-bottom:1px solid #cccccc; padding:5px 10px 5px 0px; font-size:12px !important;}

table.table5 th{border:1px solid #dddddd; background:#F0F2E7; vertical-align:middle; text-align:center; padding:5px 10px;}
table.table5 td{border:1px solid #dddddd; vertical-align:middle; text-align:center; padding:5px 10px;}

tr.noborder td{
	border:0 !important;
}


table.info_table td{padding:20px 25px 30px 0; font-weight:bold;}


td.warning {color:#ff0000;}
tr.warning td {color:#ff0000;}

input.text_input1 {
	width: 250px;
}

body.mceBodyContent, body.mceMainContent, body#tinymce {
	text-align:left !important;
}

#newsblock {
	padding:15px 0 0 25px;
	margin:0;
}
	#newsblock .blocktitle {	
		font-size: 20px;
		font-weight: normal;
		margin-bottom: 20px;
		margin-top: 0px;
		color:#555555;
	}
	#newsblock .news_item{margin:0px 0px 25px;}
		#newsblock .news_item .date {color:#888888; font-size:11px;}
		#newsblock .news_item .title {line-height:1.6em; margin-bottom:8px;}
		#newsblock .news_item .text{font-size:12px;}

	
ul.menu {
	margin:0 0 20px 0px !important;
	padding:0 0 0 0 !important;
	/*list-style-type:none !important;*/

}
ul.menu li{
	list-style-type:none !important;
	margin:0 0 8px 0 !important;
	line-height:1.2em;
	padding:4px 5px;
}
ul.menu  li.current {
	background:#DCDDD0;
	padding:5px;
	font-weight:bold;
}

ul.menu  li.current a{
	text-decoration: none !important;
	color:#000000 !important;
	font-weight:bold;
}


ul.pages_list {
	margin:0 0 20px 0px !important;
	padding:0 0 0 0 !important;
	/*list-style-type:none !important;*/

}
ul.pages_list li{
	list-style-type:none !important;
	margin:0 0 15px 0 !important;
	line-height:1.2em;
	padding:4px 5px;
	font-size:18px;
}
ul.pages_list  li.current {
	background:#DCDDD0;
	padding:5px;
	font-weight:bold;
}

ul.pages_list  li.current a{
	text-decoration: none !important;
	color:#000000 !important;
	font-weight:bold;
}

#online_order_container
{
	border:4px solid #DCDDD0;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding:15px 0px;
	background:#ffffff;
	overflow:hidden;
	zoom:1;
}
#order_settings_container
{
	/*width:70%;
	margin-right:2%;
	_margin-right:1%;*/
	
}
#order_sub_block
{
	width:70%;
	margin-right:2%;
	_margin-right:1%;
	float:left;
	clear:right;
}
#order_btn
{
	width:28%;
float:left;
clear:right;
}
#order_data_container
{
	width:900px;
	margin:30px auto;	
}
#car_bgs_div{
	position:relative;
	height:240px;
	width:940px;
	overflow:hidden;
	margin:0 auto;
}

#car_bg {
	position:absolute;
	height:350px;
	width:6720px;
	overflow:hidden;
	float:left;
	clear:right;
	top:-70px;
	left:0px;
}

#colors_div {
	/*position:absolute;
	top:240px;*/
}

#front_screen_div {
	position:absolute;
	left:247px;
	top:24px;
	height:60px;
	width:102px;
	overflow:hidden;	
	display:none;
}

#side_screen_div {
	position:absolute;
	left:357px;
	top:28px;
	height:53px;
	width:159px;
	overflow:hidden;	
	display:none;
}

#back_screen_div {
	position:absolute;
	left:694px;
	top:30px;
	height:42px;
	width:179px;
	overflow:hidden;
	display:none;	
}

div.screen_img_div {
	position:absolute;
	float:left; 
	clear:right;	
}


.car_color 
{
	position:relative;
	margin-left:5px;
	cursor:pointer;
}

#descr_container {
	display:none; 
	position:absolute;
	left:400px; 
	top:500px;
	width:400px;
	background: #f7f7f7;
	border: 1px solid black;
	padding: 10px;
	z-index:1010;
}

#whole_screen_div {
	filter:alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5;
	background:#000000;
	display:none;
	position:absolute;
	left:0px;
	top:0px;
	z-index:1000;
	/*height:1000px;
	width:1000px;*/
	width:100%;
	height:100%;
}

#vid_types {
	width:100%;
	display:none;
}

div.no_vid_chosen {
	font:bold 2em Arial;
	text-align:center;
	padding:30px 0 0 0; 
	width:100%;
	display:none;
}

div.info_container {
	width:580px;
	border:3px solid #eeeeee;
	margin-top:20px;
}

div.vid_side_container1 {
	width:37%;
	padding:10px 0 0 0;
	float:left;
}
div.vid_side_container2 {
	width:34%;
	padding:10px 0 0 0;
	float:left;
}
div.vid_side_container3 {
	width:29%;
	padding:10px 0 0 0;
	float:left;
}

div#price_container {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding:10px 15px;
	font:normal 1.4em Arial;
	margin:24px 0 10px;
	background:none repeat scroll 0 0 #D9F0B6;
}

span.price_span {
	font:0.7em Arial;
}

div.car_number {
	padding: 10px 0;
}

input.btn {
	padding:5px 15px; font-size:13px;
}

.imglink {
	color:#1A7AC2 !important;
	text-decoration: none !important;
	cursor:hand;
	cursor:pointer;
}
.imglink:hover {
	color:#BD221D !important;
	text-decoration: none !important;
	cursor:hand;
	cursor:pointer;
}

span.icon {
	padding-right: 5px !important;
	padding-left:5px !important;
}

.edit_actions
{
	/*float:right;
	position:absolute;
	top:5px;
	right:5px;
	text-align:center;
	width:25%;
	border-left:1px solid #eeeeee;*/
}

div.progress_bar {
	display:none;
}

.hidden {
	display:none;
}

.question{
	font-size:18px !important;
}