html { overflow: auto; overflow-x: hidden; }
body { xxxbehavior: url("csshover.htc"); }

td { vertical-align: top; }





/*
.cleared
Правильный clear для блоков, содержащих float'нутые элементы
*/

.cleared:after
{
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

* html .cleared
{
   display: inline-block;
   height: 1%;
}


*
{
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
}




body { background: url('/images/header_bg.png') repeat-x top #ffe7c5; }
h3{color:#cf1800; font-family:Candara;font-size:14px; background: url('/images/red_tic.gif') no-repeat left 5px; padding-left:10px;}

#header { height: 240px; position: relative; background: url('/images/collage.jpg') no-repeat bottom left; }
	#Logo {  position: absolute; top: 86px; left: 158px; }
	.ContactsPhone { width: 206px; height: 67px; position: absolute; top: 43px; right: 55px; }
	#header .decor_l { position: absolute; bottom: 0; left: 0; }
	#header .decor_r { position: absolute; bottom: 0; right: 0; }
	#Cart { position: absolute; top: 188px; right: 70px; background: url('/images/cart.png') no-repeat left top; padding-left: 28px; }
	#Cart.full { background: url('/images/cart_full.png') no-repeat left top; }
	a#Cart { color: #fff; }

#article { padding: 0 30px 0 286px; position: relative; }
	#aside { float: left; width: 286px; margin-left: -286px; padding-left: 30px; position: relative; _display: inline; }
		#navi { width: 218px; background: url('/images/menu_bg.png') repeat-y; position: relative; padding: 10px 20px 10px 20px; }
			#navi .decor_top{ position: absolute; left: 0; height: 14px; width: 218px; font-size: 1%; line-height: 1%; }
			#navi .decor_top { top: -14px; background: url('/images/menu_decor.png') no-repeat 0 0; }
			 .decor_bottom { bottom: 0px; background: url('/images/menu_decor.png') no-repeat 0 -15px; }
		.Contacts { font-size: .75em; line-height: 1.2em; color: #4d3120; width: 208px; margin-top: 45px; padding-left: 30px; }
	#section { padding: 20px 10px 10px 10px; font-size: .9em; line-height: 1.2em; }

#footer { position: relative; font-size: .75em; line-height: 1.2em; color: #4d3120; padding-left: 268px; height: 6em; }
	.R3 { position: absolute; left: 30px; top: 20px; }
		.R3 img { width: 25px; height: 25px; float: left; margin: 0 7px 0 0; }
			.R3 a { color: #4d3120; }
			.R3 a:hover { color: #cf1800; }
	#footer .Copyright { text-align: center; padding-top: 20px; }









.Menu { list-style: none; font-size: 1em; color: #46230c; margin: 0 0 20px 0; padding: 0; }
	.Menu li { background: url('/images/menu_div.png') repeat-x bottom; margin: 0; padding: 5px 0 10px 0; }
		.Menu a, .Menu a:hover { color: #46230c; text-decoration: none; }
		.Menu a:hover { text-decoration: underline; }










.form_wrapper { background: #fff url('/images/uploads/girl.jpg') no-repeat top left; border: 1px solid #d3bda0; border-left: none; border-right: none; padding: 20px; position: relative; _zoom: 1; }


.form_wrapper h2 { margin: 0 15px 90px 15px; }

.TimeScale { list-style: none; width: 36em; height: 105px; color: #b2b2b2; position: absolute; top: 20px; right: 30px; _right: 60px; }
	.TimeScale li { width: 8em; height: 105px; float: left; background: url('/images/timescale.png') no-repeat center top; text-align: center; }
	.TimeScale li.current { background: url('/images/timescale.png') no-repeat center -126px; color: #491f09; }
		.TimeScale label { font-weight: bold; }
		.TimeScale p { font-size: .75em; line-height: 1.2em; margin-top: 30px; padding: 0 0 0 23px; font-weight: bold; text-align: left; }
	.TimeScale li.completed, .TimeScale li.active { color: #905e3c; }
		.TimeScale li.completed a, .TimeScale li.active a  { text-decoration: none; color: #905e3c; }
		.TimeScale li.completed a:hover, .TimeScale li.active a:hover { text-decoration: underline; }
			.TimeScale li.completed p { background: url('/images/pic_tick.png') no-repeat left; }

.OrderForm { color: #643312; text-align: center; padding-bottom: 30px; }
	.description { background: #f9efe1; padding: 5px 15px 8px 15px; font-style: italic; text-align: left; }
	.step1_wrapper { width: 17em; margin: 0 auto 1em auto; text-align: left; }
		.step1_wrapper p { position: relative; }
		.step1_wrapper label { _padding-top: .5em; font-size: 1.2em; }
		.step1_wrapper input { position: absolute; top: -2px; left: -23px; }
		.step1_wrapper span.num { position: absolute; top: 0; left: 14em; width: 6em; }
			.step1_wrapper span.num input { position: static; top: auto; left: auto; width: 2em; }


	.step2_wrapper { xxxborder-bottom: 1px solid #dcdcdc; padding: 1em 0 1.5em 0; margin-bottom: 1em; }
table.Params { margin: 0 auto; width: 90%; border-collapse: collapse; text-align:left; }
		table.Params h4 { color: #643312; font-size: 1.3em; margin: 0; }
	table.Params td, table.Params th { text-align: left; padding: 4px 8px !important; }
	table.Params th { width: 14em; white-space: nowrap; }
	table.Params td { padding: 0 10px .5em 5px; xxxwhite-space: nowrap; }
	table.Params td .desc_short { padding-bottom: 1em; font-size: .85em; line-height: 1.1em; }
	table.Params td.title { color: #905e3c; }
	table.Params td.pic { width: 10px; vertical-align: top; }
	table.Params td.selected { background: #f9efe1; }

	table.Params td.pad { padding-left: 23px; }
		table.Params td.pad	input { width: 5em; }
.advice { text-align: right; padding: 1em 0 0 0; }
	.advice a { text-decoration: none; color: #643312; border-bottom: 1px dashed #643312; font-style: italic; }
	.advice a:hover { text-decoration: none; color: #f00; border-bottom: 1px dashed #f00; }
		.AdviceList { xxxdisplay: none; list-style: none; text-align: left; margin-top: 1em; line-height: 1.1em; font-size: .85em; margin: 0 2em; }
			.AdviceList li { background: url('/images/bullet1.png') no-repeat left top; padding: 0 0 1em 25px; }

.advice_thermo { padding: 0; }
	.advice_thermo a { text-decoration: none; color: #643312; border-bottom: 1px dashed #643312; font-style: italic; }
	.advice_thermo a:hover { text-decoration: none; color: #f00; border-bottom: 1px dashed #f00; }
		.AdviceList { xxxdisplay: none; list-style: none; text-align: left; margin-top: 1em; line-height: 1.1em; font-size: .85em; margin: 0 2em; }
			.AdviceList li { background: url('/images/bullet1.png') no-repeat left top; padding: 0 0 1em 25px; }

.OrderForm .buttons_wrapper { margin-top: 30px; }
	.styled { font-size: 1%; line-height: 1%; text-indent: -9999px; _text-indent: 0; border: none; }
	.Next { background: url('/images/button_next.png') no-repeat left top; width: 128px; height: 34px; cursor: pointer; }
	.Next.disabled { background: url('/images/button_next.png') no-repeat left -35px; }



.step3_wrapper { text-align: left; }
	.params_wrapper { border-bottom: 1px solid #dcdcdc; padding: 1em 0; margin-bottom: 1em; }
		.step3_wrapper h5 { color: #643312; font-size: 1.2em; }
		.step3_wrapper .advice { text-align: left; padding: 0; }
		.step3_wrapper .pic .radio_wrapper  { position: relative; font-size: 1%; line-height: 1%; height: 1px; }
			.step3_wrapper .pic .radio_wrapper input { position: absolute; top: 3px; left: -30px; }

.step4_tbl { padding: 20px; text-align: center; position: relative; }
	.step4_tbl table { margin: 0 auto; text-align: left; }

.step4_form_wrapper { float: left; width: 50%; }
	.step4_form_wrapper h2 { margin: 0 0 1em 0; }
.step4_info_wrapper { float: left; text-align: left; padding-left: 30px; padding-top: 50px; width: 230px; font-size: .8em; line-height: 1.2em; }

/*
.step4_info { margin: 0 auto; width: 400px; text-align: left; padding: 10px; border: 1px solid #d0d0d0; font-size: .8em; line-height: 1.2em; }
	.step4_info ul { padding: 0 0 0 20px; }
		.step4_info ul li { padding: 0 0 1em 0; }
*/


table.SelectedList { margin: 0 auto 2em auto; text-align: left; width: 90%; }
	table.SelectedList th, table.SelectedList td { padding: 0 5px .5em 5px; }
	table.SelectedList th { font-size: 1.2em; width: 12em; }
	table.SelectedList td.sum_total { text-align: center; font-size: 1.2em; }
		table.SelectedList table { width: 70%; }
table.SelectedList th, table.SelectedList td { border-bottom: 1px solid #dcdcdc; }
table.SelectedList th th, table.SelectedList td td { border-bottom: none; }


table.OrderForm { text-align: left; }
	table.OrderForm td { padding: 0 5px .5em 5px; }
	table.OrderForm td.title { text-align: right; }
	table.OrderForm textarea { height: 7em; }




.CatalogList_wrapper h2 { font-size: 1.7em; background: #f9efe1; padding: 10px 20px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	.CatalogList_wrapper h2 a{ text-decoration: none; color: #25170d; }
	.CatalogList_wrapper h2 a:hover { text-decoration: underline; color: #cf1800; }
	.CatalogList_wrapper th, .CatalogList_wrapper td { padding: 5px 20px; }
	.CatalogList_wrapper h3 { margin-top: 0; }
	.CatalogList_wrapper .desc { padding: 0 20px; font-size: 1.2em; }
table.Catalog_WarmFloors { margin: 0 auto 20px auto; width: 85%; }
	table.Catalog_WarmFloors th { text-align: center; width: 32%; }
		table.Catalog_WarmFloors h3 { text-align: center; }
table.Catalog_Radiators { margin: 0 auto 20px auto; width: 80%; }
	table.Catalog_Radiators td { width: 49%; }
		table.Catalog_Radiators h3 { text-align: center; }
table.Catalog_WaterLeaks { margin: 0 auto 20px auto; width: 80%; }
	table.Catalog_WaterLeaks td { width: 49%; }
		table.Catalog_WaterLeaks h3 { text-align: center; }
table.Catalog_Illuminations { margin: 0 auto 20px auto; width: 85%; }
	table.Catalog_Illuminations th { text-align: center; width: 32%; }
		table.Catalog_Illuminations h3,	table.Catalog_Illuminations ul { margin: 0; }
		table.Catalog_Illuminations ul { font-style: italic; }





.ParamsTbl { margin: 0 auto; }
	.ParamsTbl th { background: #f0d48f; padding: 5px; }
	.ParamsTbl td { text-align: center; padding: 5px; vertical-align: top;}

.AddressTbl { margin: 0 auto; width:80%; }
	.AddressTbl th { background: #f0d48f; padding: 15px; width:40%; }
	.AddressTbl td { text-align: left; padding: 0px; width:40%; }

.AddressTbl3 { margin: 0 auto; width:90%; }
	.AddressTbl3 th { background: #f0d48f; padding: 15px; width:30%; }
	.AddressTbl3 td { text-align: left; padding: 0px; width:30%; }

.AddressTbl4 { margin: 0 auto; width:93%; }
	.AddressTbl4 th { background: #f0d48f; padding: 10px; width:25%; }
	.AddressTbl4 td { text-align: left; padding: 0px; width:25%; }

.success_order {font-size:1.5em;font-weight:bold;}


/* пока временная реализация через table */
.r3_Tabs_wrapper { padding: 20px 0; text-align: center; }
.r3_Tabs { list-style: none; margin: 0 auto; border-collapse: collapse; }
	.r3_Tabs td { border-bottom: 1px solid #a0a0a0; cursor: pointer; vertical-align: bottom; text-align: center; }
	.r3_Tabs td:hover { background: #fff; }
	.r3_Tabs .active { border: 1px solid #a0a0a0; border-bottom: none; }
		.r3_Tabs a { text-decoration: none; color: #000; display: block; padding: 5px 10px; }
		.r3_Tabs a:hover { background: #fff; color: #000; }
		.r3_Tabs .active a:hover { background: none; }

.r3_Tabs2 { margin: 10px auto; border-collapse: collapse; }
	.r3_Tabs2 td { border-bottom: 1px solid #a8a093; vertical-align: bottom; text-align: center; background: url('/images/tabs.png') no-repeat right 0; padding: 0 20px 0 0; }
		.r3_Tabs2 a, .r3_Tabs2 a:visited { text-decoration: none; color: #fff; display: block; padding: 7px 0 7px 20px; background: url('/images/tabs.png') no-repeat left 0; }
	.r3_Tabs2 td.active { border-bottom: 1px solid #ffe7c5; background: url('/images/tabs.png') no-repeat right -174px; }
		.r3_Tabs2 td.active a, .r3_Tabs2 td.active a:visited { color: #000; background: url('/images/tabs.png') no-repeat left -174px; }
		
table.frzSelector { border-collapse: collapse; margin: 2em 0; }
table.frzSelector th, table.frzSelector td { padding: 5px 20px 8px 0; vertical-align: top; }
table.frzSelector th { text-align: right; padding-right: 20px; }

	input.num { width: 3em; display: block; float: left; margin-right: 15px; }
	a.achtung { background: url('/images/excl_mark.gif') no-repeat left 2px; padding-left: 20px; float: left; display: block; font-size: .8em; line-height: 30px}
	p.achtung {background: url('/images/excl_mark.gif') no-repeat left 2px; padding-left: 20px; float: left; display: block; font-size: .8em; color: red; line-height: 30px}
	
	.selectorActive, .selectorInactive { border: 1px solid #221e14; padding: 5px; display: block; float: left; margin-right: 5px; margin-top: -5px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
	.selectorActive { background: #ffffcc; }
	.selectorInactive { background: #f0d48f; cursor: pointer; }

/* Мк.5:9 */
.Menu .submenu{display:none;}
.Menu .submenu ul{margin:0px;padding:0px;font-family:Arial;font-size:12px;list-style-type:none;font-weight:bold;}
.Menu .submenu ul li{line-height:16px;background:none;padding:5px 0px;}
.Menu .submenu2{margin:10px 0px 5px 10px;} 
.Menu .submenu. ul submenu2 strong{font-family:Arial;font-size:10px;color:#46230c;font-weight:bold;}
.Menu .submenu. span{padding-left:12px;}
.Menu .submenu2 ul li a{font-family:Arial;font-size:10px;color:#603518;}
.Menu .submenu2 div{ font-size:12px; background:url('/images/circle2.gif') no-repeat left 5px; padding-left:12px;}
.Menu .submenu2 div a{text-decoration:underline;color:#603518;width:150px;background:none;padding:0px;}
.Menu .submenu2 div a:hover{text-decoration:none;background:none;padding:0px;}
.Menu .submenu2 div a.active{color:#cf1800;text-decoration:none;background:none;padding:0px;} 
.Menu .submenu a{color:#603518;font-size:12px;font-weight:bold;line-height:16px;font-family:Arial;padding:5px 0px 5px 15px;background: url('/images/circle2.gif') no-repeat left 8px;}
.Menu .submenu div{}
.Menu .submenu2 a{color:#603518;line-height:18px;font-weight:bold;font-size:10px;font-family:Arial;}
.topsubmenu{margin-bottom:15px;}
.topsubmenu td{color:#FF0000;}
.topsubmenu .tsm1{background: url('/images/im.gif') no-repeat;padding:5px 0px 5px 30px;}
.topsubmenu .tsm2{background: url('/images/im2.gif') no-repeat 5px top;padding:5px 0px 5px 35px;}
.topsubmenu .tsm3{background: url('/images/im3.gif') no-repeat 5px top;padding:5px 0px 5px 35px;}
.redline{font-size:18px; font-family:Calibry;color:#40230f;font-weight:normal;background: url('/images/redline.gif') no-repeat left bottom;padding:0px 0px 10px 0px;}

