@import "reset.css";
@import "base.css";

body{
	background:#efefef url(/xtpl/i/backgrounds/body.jpg) no-repeat 50% 0;
	font-family:Tahoma;
	color:#000000;
	font-size:11px;
	}

.bone{
	min-width:972px;
	background:url(/xtpl/i/backgrounds/body.jpg) no-repeat 50% 0;
	padding-bottom:90px;
	}


/* HEAD */
.head,
.middle,
.footer_i{
	width:972px;
	margin:0 auto;
	}

.logo{
	margin:0;
	float:right;
	padding:38px 68px 3px 0;
	}

.menu{
	margin:0;
	padding:53px 0 0;
	float:left;
	width:572px;
	text-align:center;
	font-size:14px;
	text-transform:uppercase;
	}
.menu li{
	display:inline;
	margin:0 22px;
	list-style:none;
	}
.menu a{color:#242424;}
.menu .alt a{color:#3183a2;}
.menu a.active{text-decoration:none;}


.navigate{
	font-size: 14px;
	text-transform: uppercase;
	position: relative;
}
.navigate ul{
	margin: 0;
}
.navigate ul li{
	margin: 0;
	list-style: none;
	height: 45px;
	line-height: 40px;
	float: left;
}
.navigate ul li .active-wrap{
	padding: 0 18px;
}
.navigate ul li .active-wrap div{
	position: relative;
}
.navigate a{
	color: #242424;
}

.navigate .nav-main,
.navigate .nav-sub{
	position: absolute;
	top: 65px;
	left: 10px;
	text-align: left;
	z-index:100;
}
.main-page .navigate .nav-main,
.main-page .navigate .nav-sub{top: 0px;}


.navigate .nav-sub{
	right: -19px;
	text-align: right;
	left: auto;
}
.navigate .nav-sub li{
	float: right;
}

.navigate li.active{
	position: relative;
}
.navigate li.active a.l1{
	color: #3183a2;
	text-decoration: none;
}
.navigate li.active .active-wrap{
	height: 45px;
	float: left;
	position: relative;
}
.navigate li.active .active-wrap div{
	background: url(i/backgrounds/menu/l1.c.png) repeat-x 0 0;
	height: 45px;
	float: left;
}
.navigate li.active i{
	position: absolute;
	width: 18px;
	height: 45px;
	top: 0;
}
.navigate li.active i.al{
	background: url(i/backgrounds/menu/l1.l.png) no-repeat 0 0;
	left: 0;
}
.navigate li.active i.ar{
	background: url(i/backgrounds/menu/l1.r.png) no-repeat 0 0;
	left:-18px;
	margin-left: 100%;
}

.navigate .level-2{
	position: absolute;
	top: -60px;
	left: 0;
	height: 60px;
	line-height: 55px;
	white-space: nowrap;
	display:none;
}
.navigate .active .level-2{
	display:block;
}
.navigate .level-2_i{
	height: 60px;
	background: url(i/backgrounds/menu/l2.c.png) repeat-x 0 0;
	margin: 0 20px;
	float: left;
}
.navigate div.level-2 i{
	position: absolute;
	width: 20px;
	height: 60px;
	top: 0;
}
.navigate div.level-2 i.rl{
	background: url(i/backgrounds/menu/l2.l.png) no-repeat 0 0;
	left: 0;
}
.navigate .first div.level-2 i.rl{background-image: url(i/backgrounds/menu/l2.l_f.png);}
.navigate div.level-2 i.rr{
	background: url(i/backgrounds/menu/l2.r.png) no-repeat 0 0;
	left: -20px;
	margin-left: 100%;
}
.navigate .level-2 .spr{margin:0 10px;}

.navigate a.l1.alt {color:#3183a2;}

/* MIDDLE */
.middle{

	}

.content{
	width:572px;
	float:left;
	}
.sidebar{
	width:323px;
	float:right;
	}

.content .bg-t,
.content .bg-b{
	height:20px;
	overflow:hidden;
	background:url(/xtpl/i/backgrounds/round.png) no-repeat;
	}
.content .bg-b{background-position:-572px 0;}
.content .bg-m{
	background:#ececee url(/xtpl/i/backgrounds/round.png) repeat-y -1144px 0;
	padding:1px 20px;
	}

/* main-page */
.main-page{

	}
.main-page  .bg-t{background-position:-1716px 0;}
.main-page  .bg-m{padding:0;}

/* CALC */
.calc{

	/*position:relative;*/
	}
.brand-list{
	background:#ffffff  url(/xtpl/i/backgrounds/round.png) no-repeat -2288px 100%;
	padding:0 35px 14px;
	text-align:center;
	}
.model-list{
	background:url(/xtpl/i/backgrounds/round.png) no-repeat -2860px 100%;
	padding:12px 51px 14px;
	}
.calc-body{
	background:url(/xtpl/i/backgrounds/calc.png) repeat-x 0 0;
	margin:0 1px;
	padding:1px 50px 10px;
	}

.brand-list a{
	margin:0 5px;
	}
.brand-list a.active img,
.brand-list a:hover img{
	background:url(/xtpl/i/backgrounds/brand.png) no-repeat 50% 50%;
	}

/* model-gallery */
.model-gallery{
	position:relative;
	text-align:center;
	}
.model-gallery .g-view{
	width:470px;
	overflow:hidden;
	position:relative;
	}
.model-gallery .shadow{
	width:61px;
	height:24px;
	position:absolute;
	top:0;
	}
.model-gallery .shadow-l{
	left:-20px;
	background:url(/xtpl/i/backgrounds/shadow.l.png) repeat-y 0 0;
	}
.model-gallery .shadow-r{
	right:-20px;
	background:url(/xtpl/i/backgrounds/shadow.r.png) repeat-y 0 0;
	}

.model-gallery .nav-btn{
	width:10px;
	height:25px;
	position:absolute;
	top:-3px;
	background:url(/xtpl/i/backgrounds/btn.png) no-repeat 0 0;
	cursor:pointer;
	left:-30px;
	z-index:100;
	}
.model-gallery .btn-next{background-position:0 -25px;left:auto;right:-32px;}

.model-gallery  ul{
	margin:0;
	white-space:nowrap;
	position:relative;
	left:0;
	}
.model-gallery  li{
	margin:0 8px;
	font-size:14px;
	list-style:none;
	display:inline;
	text-transform:uppercase;
	}
.model-gallery  a{
	color:#4e4e4e;
	}
.model-gallery  a:hover,
.model-gallery  a.active{
	color:#7f282b;
	}

/* to-list */
.to-list{
	margin:0;
	}
.to-list .to{
	margin:0;
	padding:14px 7px 0 22px;
	background:#f6f6f6;
	height:48px;
	float:left;
	position:relative;
	}
.to-list .to li{
	float:left;
	margin:0 15px 0 0;
	list-style:none;
	}
.to-list a{
	display:block;
	float:left;
	text-decoration:none;
	}
.to-list  a .nm{
	display:block;
	font-weight:bold;
	color:#972129;
	text-align:center;
	text-transform:uppercase;
	font-size:12px;
	padding-bottom:3px;
	margin-bottom:2px;
	}
.to-list  a.active .nm,
.to-list  a:hover .nm{
	border-bottom:1px solid #b4b4b4;
	padding-bottom:2px;
	}
.to-list a .pr{
	display:block;
	padding-left:14px;
	background:url(/xtpl/i/backgrounds/to.png) no-repeat 0 50%;
	color:#303030;
	font-size:9px;
	line-height:1em;
	text-align:right;
	}
.to-list .to a .pr span{display:block;}

.to-list .repair{
	padding:14px 12px 0 12px;
	background:#f6f6f6;
	height:48px;
	width:75px;
	float:left;
	margin-left:2px;
	}

/* to-form */
.to-form{
	}
.to-form h3{
	margin-bottom:0;
	}
.to-form fieldset{
	margin-bottom:15px;
	}
.to-form .main-fields{
	width:308px;
	float:left;
	}
.to-form .sub-fields{
	width:152px;
	float:right;
	}

.main-fields table{
	width:100%;
	color:#393939;
	margin:0;
	}
.main-fields td,
.main-fields th{
	padding:2px 0;
	vertical-align:middle;
	}
.main-fields .f{
	width:208px;
	background:url(/xtpl/i/backgrounds/c.field.s.png) no-repeat 0 50%;
	padding:4px 5px 4px 25px;
	position:relative;
	}
.main-fields .f .inp{
	display:block;
	position:absolute;
	top:50%;
	left:8px;
	margin-top:-.6em;
	}
.main-fields .hdr th{
	padding:3px 0 5px 15px;
	}
.main-fields .price{font-size:10px;}


.sub-fields h4{
	margin-top:0;
	font-size:11px;
	padding-left:32px;
	}
.sub-fields ul{
	margin:0;
	}
.sub-fields li{
	margin:0 0 6px;
	width:115px;
	background:url(/xtpl/i/backgrounds/c.field.b.png) no-repeat 0 50%;
	padding:10px 5px 10px 32px;
	position:relative;
	font-size:1em;
	list-style:none;
	}
.sub-fields .inp{
	display:block;
	position:absolute;
	top:50%;
	left:8px;
	margin-top:-.6em;
	}
.sub-fields label{
	display:block;
	}

.to-calc-form .all{
	clear:both;
	border-top:1px solid #7e7e7e;
	padding:22px 50px;
	}
.to-calc-form .total{
	float:left;
	margin:0;
	font-size:15px;
	font-weight:bold;
	}
.to-calc-form .btnn{
	float:right;
	}
.to-calc-form .btnn a{
	color:#a03a41;
	font-size:12px;
	text-transform:uppercase;
	cursor:pointer;
	font-weight:bold;
	font-family:Tahoma;
	}

.to-calc-form  .rounded-box{
	position:absolute;
	top:50%;
	left:50%;
	margin:-120px 0 0 -115px;
	}

/* SIDEBAR */
.adv{
	width:295px;
	height:293px;
	overflow:hidden;
	position:relative;
	margin-top:18px;
	left:-2px;
	}
.adv .r{
	width:295px;
	height:293px;
	position:absolute;
	top:0;
	left:0;
	background:url(/xtpl/i/backgrounds/banner.png) no-repeat;
	cursor:pointer;
	}

.order{
	margin:50px 0 30px 30px;
	}
.order a{
	display:block;
	width:230px;
	height:39px;
	background:url(/xtpl/i/backgrounds/order.png) no-repeat;
	font-size:16px;
	text-decoration:none;
	color:#373737;
	line-height:37px;
	text-transform:uppercase;
	margin-bottom:2px;
	}
.order a span{margin-left:46px;}
.order a:hover span{color:#972129;}
.order a.b_red { background-image:url(/xtpl/i/backgrounds/red.png); }
.order a.b_yellow { background-image:url(/xtpl/i/backgrounds/yellow.png); }
.order a.b_green { background-image:url(/xtpl/i/backgrounds/green.png); }

.order-form{
	margin:0;
	}
.order-form ul{margin:0;}
.order-form li{
	margin:0 0 2px;
	list-style:none;
	}
.order-form .label{
	float:left;
	font-size:13px;
	color:#000000;
	margin:0 0 2px;
	}
.order-form .input{
	float:right;
	}
.order-form .input textarea{
	width:189px;
	}
.order-form .type{
	font-size:13px;
	color:#7a7a7a;
	}
.order-form .button{
	margin:14px 0 0;
	padding-bottom:10px;
	position:relative;
	left:-16px;
	}
.order-form .button input{
	background:#ffffff;
	border:0;
	color:#972129;
	font-size:13px;
	padding:3px 10px;
	}

/* rounded-box */
.rounded-box{
	width:229px;
	}
.sidebar .rounded-box{
	margin-left:30px;
	}
.rounded-box .bg-t,
.rounded-box .bg-b{
	height:11px;
	overflow:hidden;
	background:url(/xtpl/i/backgrounds/rounded.r.png) no-repeat 0 0;
	}
.rounded-box .bg-b{background-position:-229px 0;}
.rounded-box .bg-m{
	background:#ebebed;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	padding:1px 16px;
	}



/* FOOTER */
.footer{
	background:url(/xtpl/i/backgrounds/footer.png);
	margin-top:56px;
	font-size:1em;
	}
.footer_i{
	background:url(/xtpl/i/backgrounds/footer_i.png) no-repeat 0 0;
	height:98px !important;
	}
.footer .copyright{
	float:left;
	width:400px;
	padding:26px 0 0 32px;
	}
.copyright h6{
	margin:0 0 2px;
	font-size:1em;
	color:#992f3c;
	font-weight:normal;
	}
.copyright p{
	margin:0;
	}

.footer .srv{
	margin:0;
	padding:26px 0 0;
	float:right;
	width:490px;
	height:46px;
	}
.footer .srv li{
	margin:0 0 0 40px;
	float:left;
	list-style:none;
	}
.footer .srv li span{
	display:block;
	}

.footer .hlp{
	margin:0;
	width:450px;
	float:right;
	color:#474747;
	}
.footer .hlp span{
	margin:0 32px 0 0;
	}

/* UTIL */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	}

.popup-frame {
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	width:100%;
	height:100%;
	display:none;
	}
.popup-closed {
	position:absolute;
	width:0;
	height:0;
	}
.popup-shadow {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:.5;
	filter:alpha(opacity=50);
	}
.popup-close{
	position:absolute;
	top:-1.6em;
	right:0;
	cursor:pointer;
	color:#ffffff;
	}

.popup-frame .rounded-box{
	position:absolute;
	z-index:100;
	left:50%;
	top:200px;
	margin:0 0 0 -115px;
	}
.error {
  color: red;
  font-size: 11px;
}
.err {
  border: 1px solid red;
}
  
.sidebar .order-form-box { margin: 10px 0; }
.order .order-form-box a{
	text-decoration:none;
	}
.order .order-form-box a span{}
.order a:hover span{}
  width: auto;
  text-decoration:underline;
}
.order .order-form-box a span{margin-left:0;}
.order a:hover span{text-decoration:none;}
@import "reset.css";
@import "base.css";

body{
	background:#efefef url(/xtpl/i/backgrounds/body.jpg) no-repeat 50% 0;
	font-family:Tahoma;
	color:#000000;
	font-size:11px;
	}

.bone{
	min-width:972px;
	background:url(/xtpl/i/backgrounds/body.jpg) no-repeat 50% 0;
	padding-bottom:90px;
	}


/* HEAD */
.head,
.middle,
.footer_i{
	width:972px;
	margin:0 auto;
	}

.logo{
	margin:0;
	float:right;
	padding:38px 68px 3px 0;
	}

.menu{
	margin:0;
	padding:53px 0 0;
	float:left;
	width:572px;
	text-align:center;
	font-size:14px;
	text-transform:uppercase;
	}
.menu li{
	display:inline;
	margin:0 22px;
	list-style:none;
	}
.menu a{color:#242424;}
.menu .alt a{color:#3183a2;}
.menu a.active{text-decoration:none;}


.navigate{
	font-size: 14px;
	text-transform: uppercase;
	position: relative;
}
.navigate ul{
	margin: 0;
}
.navigate ul li{
	margin: 0;
	list-style: none;
	height: 45px;
	line-height: 40px;
	float: left;
}
.navigate ul li .active-wrap{
	padding: 0 18px;
}
.navigate ul li .active-wrap div{
	position: relative;
}
.navigate a{
	color: #242424;
}

.navigate .nav-main,
.navigate .nav-sub{
	position: absolute;
	top: 65px;
	left: 10px;
	text-align: left;
	z-index:100;
}
.main-page .navigate .nav-main,
.main-page .navigate .nav-sub{top: 0px;}


.navigate .nav-sub{
	right: -19px;
	text-align: right;
	left: auto;
}
.navigate .nav-sub li{
	float: right;
}

.navigate li.active{
	position: relative;
}
.navigate li.active a.l1{
	color: #3183a2;
	text-decoration: none;
}
.navigate li.active .active-wrap{
	height: 45px;
	float: left;
	position: relative;
}
.navigate li.active .active-wrap div{
	background: url(i/backgrounds/menu/l1.c.png) repeat-x 0 0;
	height: 45px;
	float: left;
}
.navigate li.active i{
	position: absolute;
	width: 18px;
	height: 45px;
	top: 0;
}
.navigate li.active i.al{
	background: url(i/backgrounds/menu/l1.l.png) no-repeat 0 0;
	left: 0;
}
.navigate li.active i.ar{
	background: url(i/backgrounds/menu/l1.r.png) no-repeat 0 0;
	left:-18px;
	margin-left: 100%;
}

.navigate .level-2{
	position: absolute;
	top: -60px;
	left: 0;
	height: 60px;
	line-height: 55px;
	white-space: nowrap;
	display:none;
}
.navigate .active .level-2{
	display:block;
}
.navigate .level-2_i{
	height: 60px;
	background: url(i/backgrounds/menu/l2.c.png) repeat-x 0 0;
	margin: 0 20px;
	float: left;
}
.navigate div.level-2 i{
	position: absolute;
	width: 20px;
	height: 60px;
	top: 0;
}
.navigate div.level-2 i.rl{
	background: url(i/backgrounds/menu/l2.l.png) no-repeat 0 0;
	left: 0;
}
.navigate .first div.level-2 i.rl{background-image: url(i/backgrounds/menu/l2.l_f.png);}
.navigate div.level-2 i.rr{
	background: url(i/backgrounds/menu/l2.r.png) no-repeat 0 0;
	left: -20px;
	margin-left: 100%;
}
.navigate .level-2 .spr{margin:0 10px;}

.navigate a.l1.alt {color:#3183a2;}

/* MIDDLE */
.middle{

	}

.content{
	width:572px;
	float:left;
	}
.sidebar{
	width:323px;
	float:right;
	}

.content .bg-t,
.content .bg-b{
	height:20px;
	overflow:hidden;
	background:url(/xtpl/i/backgrounds/round.png) no-repeat;
	}
.content .bg-b{background-position:-572px 0;}
.content .bg-m{
	background:#ececee url(/xtpl/i/backgrounds/round.png) repeat-y -1144px 0;
	padding:1px 20px;
	}

/* main-page */
.main-page{

	}
.main-page  .bg-t{background-position:-1716px 0;}
.main-page  .bg-m{padding:0;}

/* CALC */
.calc{

	/*position:relative;*/
	}
.brand-list{
	background:#ffffff  url(/xtpl/i/backgrounds/round.png) no-repeat -2288px 100%;
	padding:0 35px 14px;
	text-align:center;
	}
.model-list{
	background:url(/xtpl/i/backgrounds/round.png) no-repeat -2860px 100%;
	padding:12px 51px 14px;
	}
.calc-body{
	background:url(/xtpl/i/backgrounds/calc.png) repeat-x 0 0;
	margin:0 1px;
	padding:1px 50px 10px;
	}

.brand-list a{
	margin:0 5px;
	}
.brand-list a.active img,
.brand-list a:hover img{
	background:url(/xtpl/i/backgrounds/brand.png) no-repeat 50% 50%;
	}

/* model-gallery */
.model-gallery{
	position:relative;
	text-align:center;
	}
.model-gallery .g-view{
	width:470px;
	overflow:hidden;
	position:relative;
	}
.model-gallery .shadow{
	width:61px;
	height:24px;
	position:absolute;
	top:0;
	}
.model-gallery .shadow-l{
	left:-20px;
	background:url(/xtpl/i/backgrounds/shadow.l.png) repeat-y 0 0;
	}
.model-gallery .shadow-r{
	right:-20px;
	background:url(/xtpl/i/backgrounds/shadow.r.png) repeat-y 0 0;
	}

.model-gallery .nav-btn{
	width:10px;
	height:25px;
	position:absolute;
	top:-3px;
	background:url(/xtpl/i/backgrounds/btn.png) no-repeat 0 0;
	cursor:pointer;
	left:-30px;
	z-index:100;
	}
.model-gallery .btn-next{background-position:0 -25px;left:auto;right:-32px;}

.model-gallery  ul{
	margin:0;
	white-space:nowrap;
	position:relative;
	left:0;
	}
.model-gallery  li{
	margin:0 8px;
	font-size:14px;
	list-style:none;
	display:inline;
	text-transform:uppercase;
	}
.model-gallery  a{
	color:#4e4e4e;
	}
.model-gallery  a:hover,
.model-gallery  a.active{
	color:#7f282b;
	}

/* to-list */
.to-list{
	margin:0;
	}
.to-list .to{
	margin:0;
	padding:14px 7px 0 22px;
	background:#f6f6f6;
	height:48px;
	float:left;
	position:relative;
	}
.to-list .to li{
	float:left;
	margin:0 15px 0 0;
	list-style:none;
	}
.to-list a{
	display:block;
	float:left;
	text-decoration:none;
	}
.to-list  a .nm{
	display:block;
	font-weight:bold;
	color:#972129;
	text-align:center;
	text-transform:uppercase;
	font-size:12px;
	padding-bottom:3px;
	margin-bottom:2px;
	}
.to-list  a.active .nm,
.to-list  a:hover .nm{
	border-bottom:1px solid #b4b4b4;
	padding-bottom:2px;
	}
.to-list a .pr{
	display:block;
	padding-left:14px;
	background:url(/xtpl/i/backgrounds/to.png) no-repeat 0 50%;
	color:#303030;
	font-size:9px;
	line-height:1em;
	text-align:right;
	}
.to-list .to a .pr span{display:block;}

.to-list .repair{
	padding:14px 12px 0 12px;
	background:#f6f6f6;
	height:48px;
	width:75px;
	float:left;
	margin-left:2px;
	}

/* to-form */
.to-form{
	}
.to-form h3{
	margin-bottom:0;
	}
.to-form fieldset{
	margin-bottom:15px;
	}
.to-form .main-fields{
	width:308px;
	float:left;
	}
.to-form .sub-fields{
	width:152px;
	float:right;
	}

.main-fields table{
	width:100%;
	color:#393939;
	margin:0;
	}
.main-fields td,
.main-fields th{
	padding:2px 0;
	vertical-align:middle;
	}
.main-fields .f{
	width:208px;
	background:url(/xtpl/i/backgrounds/c.field.s.png) no-repeat 0 50%;
	padding:4px 5px 4px 25px;
	position:relative;
	}
.main-fields .f .inp{
	display:block;
	position:absolute;
	top:50%;
	left:8px;
	margin-top:-.6em;
	}
.main-fields .hdr th{
	padding:3px 0 5px 15px;
	}
.main-fields .price{font-size:10px;}


.sub-fields h4{
	margin-top:0;
	font-size:11px;
	padding-left:32px;
	}
.sub-fields ul{
	margin:0;
	}
.sub-fields li{
	margin:0 0 6px;
	width:115px;
	background:url(/xtpl/i/backgrounds/c.field.b.png) no-repeat 0 50%;
	padding:10px 5px 10px 32px;
	position:relative;
	font-size:1em;
	list-style:none;
	}
.sub-fields .inp{
	display:block;
	position:absolute;
	top:50%;
	left:8px;
	margin-top:-.6em;
	}
.sub-fields label{
	display:block;
	}

.to-calc-form .all{
	clear:both;
	border-top:1px solid #7e7e7e;
	padding:22px 50px;
	}
.to-calc-form .total{
	float:left;
	margin:0;
	font-size:15px;
	font-weight:bold;
	}
.to-calc-form .btnn{
	float:right;
	}
.to-calc-form .btnn a{
	color:#a03a41;
	font-size:12px;
	text-transform:uppercase;
	cursor:pointer;
	font-weight:bold;
	font-family:Tahoma;
	}

.to-calc-form  .rounded-box{
	position:absolute;
	top:50%;
	left:50%;
	margin:-120px 0 0 -115px;
	}

/* SIDEBAR */
.adv{
	width:295px;
	height:293px;
	overflow:hidden;
	position:relative;
	margin-top:18px;
	left:-2px;
	}
.adv .r{
	width:295px;
	height:293px;
	position:absolute;
	top:0;
	left:0;
	background:url(/xtpl/i/backgrounds/banner.png) no-repeat;
	cursor:pointer;
	}

.order{
	margin:50px 0 30px 30px;
	}
.order a{
	display:block;
	width:230px;
	height:39px;
	background:url(/xtpl/i/backgrounds/order.png) no-repeat;
	font-size:16px;
	text-decoration:none;
	color:#373737;
	line-height:37px;
	text-transform:uppercase;
	margin-bottom:2px;
	}
.order a span{margin-left:46px;}
.order a:hover span{color:#972129;}
.order a.b_red { background-image:url(/xtpl/i/backgrounds/red.png); }
.order a.b_yellow { background-image:url(/xtpl/i/backgrounds/yellow.png); }
.order a.b_green { background-image:url(/xtpl/i/backgrounds/green.png); }

.order-form{
	margin:0;
	}
.order-form ul{margin:0;}
.order-form li{
	margin:0 0 2px;
	list-style:none;
	}
.order-form .label{
	float:left;
	font-size:13px;
	color:#000000;
	margin:0 0 2px;
	}
.order-form .input{
	float:right;
	}
.order-form .input textarea{
	width:189px;
	}
.order-form .type{
	font-size:13px;
	color:#7a7a7a;
	}
.order-form .button{
	margin:14px 0 0;
	padding-bottom:10px;
	position:relative;
	left:-16px;
	}
.order-form .button input{
	background:#ffffff;
	border:0;
	color:#972129;
	font-size:13px;
	padding:3px 10px;
	}

/* rounded-box */
.rounded-box{
	width:229px;
	}
.sidebar .rounded-box{
	margin-left:30px;
	}
.rounded-box .bg-t,
.rounded-box .bg-b{
	height:11px;
	overflow:hidden;
	background:url(/xtpl/i/backgrounds/rounded.r.png) no-repeat 0 0;
	}
.rounded-box .bg-b{background-position:-229px 0;}
.rounded-box .bg-m{
	background:#ebebed;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	padding:1px 16px;
	}

/* FOOTER */
.footer{
	background:url(/xtpl/i/backgrounds/footer.png);
	margin-top:56px;
	font-size:1em;
	}
.footer_i{
	background:url(/xtpl/i/backgrounds/footer_i.png) no-repeat 0 0;
	height:98px !important;
	}
.footer .copyright{
	float:left;
	width:400px;
	padding:26px 0 0 32px;
	}
.copyright h6{
	margin:0 0 2px;
	font-size:1em;
	color:#992f3c;
	font-weight:normal;
	}
.copyright p{
	margin:0;
	}

.footer .srv{
	margin:0;
	padding:26px 0 0;
	float:right;
	width:490px;
	height:46px;
	}
.footer .srv li{
	margin:0 0 0 40px;
	float:left;
	list-style:none;
	}
.footer .srv li span{
	display:block;
	}

.footer .hlp{
	margin:0;
	width:450px;
	float:right;
	color:#474747;
	}
.footer .hlp span{
	margin:0 32px 0 0;
	}

/* UTIL */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	}

.popup-frame {
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	width:100%;
	height:100%;
	display:none;
	}
.popup-closed {
	position:absolute;
	width:0;
	height:0;
	}
.popup-shadow {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:.5;
	filter:alpha(opacity=50);
	}
.popup-close{
	position:absolute;
	top:-1.6em;
	right:0;
	cursor:pointer;
	color:#ffffff;
	}

.popup-frame .rounded-box{
	position:absolute;
	z-index:100;
	left:50%;
	top:200px;
	margin:0 0 0 -115px;
	}
.error {
  color: red;
  font-size: 11px;
}
.err {
  border: 1px solid red;
}
  
.sidebar .order-form-box { margin: 10px 0; }
.order .order-form a{
  background:none;
  color: #005b8f;
  display: inline;
  text-transform: none;
  width: auto;
  text-decoration:underline;
}
.order .order-form a span{margin-left:0;}
.order .order-form a:hover span{text-decoration:none;}
@import "reset.css";
@import "base.css";

body{
	background:#efefef url(/xtpl/i/backgrounds/body.jpg) no-repeat 50% 0;
	font-family:Tahoma;
	color:#000000;
	font-size:11px;
	}

.bone{
	min-width:972px;
	background:url(/xtpl/i/backgrounds/body.jpg) no-repeat 50% 0;
	padding-bottom:90px;
	}


/* HEAD */
.head,
.middle,
.footer_i{
	width:972px;
	margin:0 auto;
	}

.logo{
	margin:0;
	float:right;
	padding:38px 68px 3px 0;
	}

.menu{
	margin:0;
	padding:53px 0 0;
	float:left;
	width:572px;
	text-align:center;
	font-size:14px;
	text-transform:uppercase;
	}
.menu li{
	display:inline;
	margin:0 22px;
	list-style:none;
	}
.menu a{color:#242424;}
.menu .alt a{color:#3183a2;}
.menu a.active{text-decoration:none;}


.navigate{
	font-size: 14px;
	text-transform: uppercase;
	position: relative;
}
.navigate ul{
	margin: 0;
}
.navigate ul li{
	margin: 0;
	list-style: none;
	height: 45px;
	line-height: 40px;
	float: left;
}
.navigate ul li .active-wrap{
	padding: 0 18px;
}
.navigate ul li .active-wrap div{
	position: relative;
}
.navigate a{
	color: #242424;
}

.navigate .nav-main,
.navigate .nav-sub{
	position: absolute;
	top: 65px;
	left: 10px;
	text-align: left;
	z-index:100;
}
.main-page .navigate .nav-main,
.main-page .navigate .nav-sub{top: 0px;}


.navigate .nav-sub{
	right: -19px;
	text-align: right;
	left: auto;
}
.navigate .nav-sub li{
	float: right;
}

.navigate li.active{
	position: relative;
}
.navigate li.active a.l1{
	color: #3183a2;
	text-decoration: none;
}
.navigate li.active .active-wrap{
	height: 45px;
	float: left;
	position: relative;
}
.navigate li.active .active-wrap div{
	background: url(i/backgrounds/menu/l1.c.png) repeat-x 0 0;
	height: 45px;
	float: left;
}
.navigate li.active i{
	position: absolute;
	width: 18px;
	height: 45px;
	top: 0;
}
.navigate li.active i.al{
	background: url(i/backgrounds/menu/l1.l.png) no-repeat 0 0;
	left: 0;
}
.navigate li.active i.ar{
	background: url(i/backgrounds/menu/l1.r.png) no-repeat 0 0;
	left:-18px;
	margin-left: 100%;
}

.navigate .level-2{
	position: absolute;
	top: -60px;
	left: 0;
	height: 60px;
	line-height: 55px;
	white-space: nowrap;
	display:none;
}
.navigate .active .level-2{
	display:block;
}
.navigate .level-2_i{
	height: 60px;
	background: url(i/backgrounds/menu/l2.c.png) repeat-x 0 0;
	margin: 0 20px;
	float: left;
}
.navigate div.level-2 i{
	position: absolute;
	width: 20px;
	height: 60px;
	top: 0;
}
.navigate div.level-2 i.rl{
	background: url(i/backgrounds/menu/l2.l.png) no-repeat 0 0;
	left: 0;
}
.navigate .first div.level-2 i.rl{background-image: url(i/backgrounds/menu/l2.l_f.png);}
.navigate div.level-2 i.rr{
	background: url(i/backgrounds/menu/l2.r.png) no-repeat 0 0;
	left: -20px;
	margin-left: 100%;
}
.navigate .level-2 .spr{margin:0 10px;}

.navigate a.l1.alt {color:#3183a2;}

/* MIDDLE */
.middle{

	}

.content{
	width:572px;
	float:left;
	}
.sidebar{
	width:323px;
	float:right;
	}

.content .bg-t,
.content .bg-b{
	height:20px;
	overflow:hidden;
	background:url(/xtpl/i/backgrounds/round.png) no-repeat;
	}
.content .bg-b{background-position:-572px 0;}
.content .bg-m{
	background:#ececee url(/xtpl/i/backgrounds/round.png) repeat-y -1144px 0;
	padding:1px 20px;
	}

/* main-page */
.main-page{

	}
.main-page  .bg-t{background-position:-1716px 0;}
.main-page  .bg-m{padding:0;}

/* CALC */
.calc{

	/*position:relative;*/
	}
.brand-list{
	background:#ffffff  url(/xtpl/i/backgrounds/round.png) no-repeat -2288px 100%;
	padding:0 35px 14px;
	text-align:center;
	}
.model-list{
	background:url(/xtpl/i/backgrounds/round.png) no-repeat -2860px 100%;
	padding:12px 51px 14px;
	}
.calc-body{
	background:url(/xtpl/i/backgrounds/calc.png) repeat-x 0 0;
	margin:0 1px;
	padding:1px 50px 10px;
	}

.brand-list a{
	margin:0 5px;
	}
.brand-list a.active img,
.brand-list a:hover img{
	background:url(/xtpl/i/backgrounds/brand.png) no-repeat 50% 50%;
	}

/* model-gallery */
.model-gallery{
	position:relative;
	text-align:center;
	}
.model-gallery .g-view{
	width:470px;
	overflow:hidden;
	position:relative;
	}
.model-gallery .shadow{
	width:61px;
	height:24px;
	position:absolute;
	top:0;
	}
.model-gallery .shadow-l{
	left:-20px;
	background:url(/xtpl/i/backgrounds/shadow.l.png) repeat-y 0 0;
	}
.model-gallery .shadow-r{
	right:-20px;
	background:url(/xtpl/i/backgrounds/shadow.r.png) repeat-y 0 0;
	}

.model-gallery .nav-btn{
	width:10px;
	height:25px;
	position:absolute;
	top:-3px;
	background:url(/xtpl/i/backgrounds/btn.png) no-repeat 0 0;
	cursor:pointer;
	left:-30px;
	z-index:100;
	}
.model-gallery .btn-next{background-position:0 -25px;left:auto;right:-32px;}

.model-gallery  ul{
	margin:0;
	white-space:nowrap;
	position:relative;
	left:0;
	}
.model-gallery  li{
	margin:0 8px;
	font-size:14px;
	list-style:none;
	display:inline;
	text-transform:uppercase;
	}
.model-gallery  a{
	color:#4e4e4e;
	}
.model-gallery  a:hover,
.model-gallery  a.active{
	color:#7f282b;
	}

/* to-list */
.to-list{
	margin:0;
	}
.to-list .to{
	margin:0;
	padding:14px 7px 0 22px;
	background:#f6f6f6;
	height:48px;
	float:left;
	position:relative;
	}
.to-list .to li{
	float:left;
	margin:0 15px 0 0;
	list-style:none;
	}
.to-list a{
	display:block;
	float:left;
	text-decoration:none;
	}
.to-list  a .nm{
	display:block;
	font-weight:bold;
	color:#972129;
	text-align:center;
	text-transform:uppercase;
	font-size:12px;
	padding-bottom:3px;
	margin-bottom:2px;
	}
.to-list  a.active .nm,
.to-list  a:hover .nm{
	border-bottom:1px solid #b4b4b4;
	padding-bottom:2px;
	}
.to-list a .pr{
	display:block;
	padding-left:14px;
	background:url(/xtpl/i/backgrounds/to.png) no-repeat 0 50%;
	color:#303030;
	font-size:9px;
	line-height:1em;
	text-align:right;
	}
.to-list .to a .pr span{display:block;}

.to-list .repair{
	padding:14px 12px 0 12px;
	background:#f6f6f6;
	height:48px;
	width:75px;
	float:left;
	margin-left:2px;
	}

/* to-form */
.to-form{
	}
.to-form h3{
	margin-bottom:0;
	}
.to-form fieldset{
	margin-bottom:15px;
	}
.to-form .main-fields{
	width:308px;
	float:left;
	}
.to-form .sub-fields{
	width:152px;
	float:right;
	}

.main-fields table{
	width:100%;
	color:#393939;
	margin:0;
	}
.main-fields td,
.main-fields th{
	padding:2px 0;
	vertical-align:middle;
	}
.main-fields .f{
	width:208px;
	background:url(/xtpl/i/backgrounds/c.field.s.png) no-repeat 0 50%;
	padding:4px 5px 4px 25px;
	position:relative;
	}
.main-fields .f .inp{
	display:block;
	position:absolute;
	top:50%;
	left:8px;
	margin-top:-.6em;
	}
.main-fields .hdr th{
	padding:3px 0 5px 15px;
	}
.main-fields .price{font-size:10px;}


.sub-fields h4{
	margin-top:0;
	font-size:11px;
	padding-left:32px;
	}
.sub-fields ul{
	margin:0;
	}
.sub-fields li{
	margin:0 0 6px;
	width:115px;
	background:url(/xtpl/i/backgrounds/c.field.b.png) no-repeat 0 50%;
	padding:10px 5px 10px 32px;
	position:relative;
	font-size:1em;
	list-style:none;
	}
.sub-fields .inp{
	display:block;
	position:absolute;
	top:50%;
	left:8px;
	margin-top:-.6em;
	}
.sub-fields label{
	display:block;
	}

.to-calc-form .all{
	clear:both;
	border-top:1px solid #7e7e7e;
	padding:22px 50px;
	}
.to-calc-form .total{
	float:left;
	margin:0;
	font-size:15px;
	font-weight:bold;
	}
.to-calc-form .btnn{
	float:right;
	}
.to-calc-form .btnn a{
	color:#a03a41;
	font-size:12px;
	text-transform:uppercase;
	cursor:pointer;
	font-weight:bold;
	font-family:Tahoma;
	}

.to-calc-form  .rounded-box{
	position:absolute;
	top:50%;
	left:50%;
	margin:-120px 0 0 -115px;
	}

/* SIDEBAR */
.adv{
	width:295px;
	height:293px;
	overflow:hidden;
	position:relative;
	margin-top:18px;
	left:-2px;
	}
.adv .r{
	width:295px;
	height:293px;
	position:absolute;
	top:0;
	left:0;
	background:url(/xtpl/i/backgrounds/banner.png) no-repeat;
	cursor:pointer;
	}

.order{
	margin:50px 0 30px 30px;
	}
.order a{
	display:block;
	width:230px;
	height:39px;
	background:url(/xtpl/i/backgrounds/order.png) no-repeat;
	font-size:16px;
	text-decoration:none;
	color:#373737;
	line-height:37px;
	text-transform:uppercase;
	margin-bottom:2px;
	}
.order a span{margin-left:46px;}
.order a:hover span{color:#972129;}
.order a.b_red { background-image:url(/xtpl/i/backgrounds/red.png); }
.order a.b_yellow { background-image:url(/xtpl/i/backgrounds/yellow.png); }
.order a.b_green { background-image:url(/xtpl/i/backgrounds/green.png); }

.order-form{
	margin:0;
	}
.order-form ul{margin:0;}
.order-form li{
	margin:0 0 2px;
	list-style:none;
	}
.order-form .label{
	float:left;
	font-size:13px;
	color:#000000;
	margin:0 0 2px;
	}
.order-form .input{
	float:right;
	}
.order-form .input textarea{
	width:189px;
	}
.order-form .type{
	font-size:13px;
	color:#7a7a7a;
	}
.order-form .button{
	margin:14px 0 0;
	padding-bottom:10px;
	position:relative;
	left:-16px;
	}
.order-form .button input{
	background:#ffffff;
	border:0;
	color:#972129;
	font-size:13px;
	padding:3px 10px;
	}

/* rounded-box */
.rounded-box{
	width:229px;
	}
.sidebar .rounded-box{
	margin-left:30px;
	}
.rounded-box .bg-t,
.rounded-box .bg-b{
	height:11px;
	overflow:hidden;
	background:url(/xtpl/i/backgrounds/rounded.r.png) no-repeat 0 0;
	}
.rounded-box .bg-b{background-position:-229px 0;}
.rounded-box .bg-m{
	background:#ebebed;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	padding:1px 16px;
	}

/* FOOTER */
.footer{
	background:url(/xtpl/i/backgrounds/footer.png);
	margin-top:56px;
	font-size:1em;
	}
.footer_i{
	background:url(/xtpl/i/backgrounds/footer_i.png) no-repeat 0 0;
	height:98px !important;
	}
.footer .copyright{
	float:left;
	width:400px;
	padding:26px 0 0 32px;
	}
.copyright h6{
	margin:0 0 2px;
	font-size:1em;
	color:#992f3c;
	font-weight:normal;
	}
.copyright p{
	margin:0;
	}

.footer .srv{
	margin:0;
	padding:26px 0 0;
	float:right;
	width:490px;
	height:46px;
	}
.footer .srv li{
	margin:0 0 0 40px;
	float:left;
	list-style:none;
	}
.footer .srv li span{
	display:block;
	}

.footer .hlp{
	margin:0;
	width:450px;
	float:right;
	color:#474747;
	}
.footer .hlp span{
	margin:0 32px 0 0;
	}

/* UTIL */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	}

.popup-frame {
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	width:100%;
	height:100%;
	display:none;
	}
.popup-closed {
	position:absolute;
	width:0;
	height:0;
	}
.popup-shadow {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:.5;
	filter:alpha(opacity=50);
	}
.popup-close{
	position:absolute;
	top:-1.6em;
	right:0;
	cursor:pointer;
	color:#ffffff;
	}

.popup-frame .rounded-box{
	position:absolute;
	z-index:100;
	left:50%;
	top:200px;
	margin:0 0 0 -115px;
	}
.error {
  color: red;
  font-size: 11px;
}
.err {
  border: 1px solid red;
}
  
.sidebar .order-form-box { margin: 10px 0; }
.order .order-form a{
  background:none;
  color: #005b8f;
  display: inline;
  text-transform: none;
  width: auto;
  text-decoration:underline;
}
.order .order-form a {margin-left:0;}
.order .order-form a:hover {text-decoration:none;}

.rounded-box-wide{
	width:279px;
}

.rounded-box-wide .bg-t,
.rounded-box-wide .bg-b{
	background:url(/xtpl/i/backgrounds/rounded.r.wide.png) no-repeat 0 0;
	}
.rounded-box-wide .bg-b{background-position:-279px 0;}