/************************** 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:25px; 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-top: 25px;
	margin-left: 2px;
	/*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 10px;

	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;

}

a.marked{
	margin: 5px auto;
	padding: 20px 0 20px 0;
	text-align: center;
	display: block;
	border-radius: 15px 15px;
	background: #5ECA31;
	width: 400px;
	font-weight: bold;
	font-size:18px;
	
	color: white !important;
	text-decoration: none !important;
}