@import url("reset.css");

@import url("base.css");





/***********************************************************************************************************/

/**************************************** Project makeup CSS start *****************************************/

/***********************************************************************************************************/





/******************************* global makeup {start} *********************************/



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



body {

	background: #ebe8e2/* url(../images/jwf_bg1.png) repeat left top*/;

}



div#wrap{

	position:relative;

	/*width:100%;*/

	width:995px;

	margin:0px auto;

	overflow:hidden;

	padding:0;

	text-align:center !important;

	height:100%;

	height:auto !important;

	min-height:100%;

	background: #ffffff;

	

}



.container {

	/*width:90%;

	min-width:900px; 

	max-width:1100px;

	width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 1000) ? '900px' : ((document.body.clientWidth > 1222) ? '1100px' : '90%'));

	margin:0px auto;

	padding:0px;

	overflow:hidden;

	text-align:left;*/

	width:953px;

	margin:0px auto;

	padding:0px;

	overflow:hidden;

	text-align:left;

}



.pageLayout {

	width:960px;

	margin:0px auto;

	padding:0px;

	overflow:hidden;

	text-align:left;

}



#top{

	position:relative;

	height:155px;

	margin:0 auto;

	/*background:transparent url(../images/ny_bg.jpg) no-repeat right bottom;*/

}

	#logo{

		position:absolute;

		left:0;

		top:38px;

		vertical-align:bottom;

		line-height:22px;

	}

	#phone{

		position:absolute;

		right:0px;

		top:38px;

		line-height:32px;

		width:417px;

		text-align:right;

		font-size:48px;

		/*font-weight:bold;*/

		font-family: Calibri, Arial, Tahoma, Serif;

		

	}

	#contacts{

		position:absolute;

		right:0px;

		top:108px;

		text-align:right;

		font-size:11px;	

		

		

	}

	#top_info{

		position:absolute;

		top:65px;

		left:0px;

		width:420px;

		font-size:11px;

	}



#main_menu{

	overflow:visible;

	position:relative;

	border-bottom: 1px solid #FFFFFF;

}

	#main_menu .item span{

		width:95px;

		overflow:hidden;

		position:absolute;

		top:5px;

		left:5px;

		font-size:90%;

	}

	#main_menu .item{

		position:relative;

		width:105px;

		height:105px;

		overflow:hidden;

		float:left;

		margin:0 1px 0 0;

		background: #DEDEDE url(../images/bg_menu_item.png) repeat-x left bottom;

	}

	#main_menu .ritem{

		margin-right:0px !important;

	}

	#main_menu .current span{

		color:#ffffff !important;

	}

	#main_menu .current{

		background: #E70505 url(../images/bg_menu_item_current.png) repeat-x left top !important;

		color:#ffffff;

		cursor:default;

		text-decoration:none;

	}

	#main_menu .contacts{

		background: #DEDEDE url(../images/bg_menu_item.png) repeat-x left bottom;

		float:left;

		height:105px;

		overflow:hidden;

		margin:0px;

		position:relative;

		font-size:11px;

		width:317px;

	}

	#main_menu .contacts div

	{

		position:absolute;

		width:297px;

		top:5px;

		left:15px;

	}

	

	#main_menu .top_menu_container {

		background-color: #DEDEDE;

		z-index:999;

	}

	

		#main_menu .top_menu_container li {

			padding: 5px 10px;

			border: 1px solid #ffffff;

			border-top: 0px solid #ffffff;

			margin: 0;

		}

	


		#main_menu .top_menu_container li.hover {

			background-color: #eeeeee;

		}

#submenu{

	height:211px;

	overflow:hidden;

}

	#title_box{

		float:left;

		margin:0 1px 0 0;

		width:635px;

		height:211px;

		position:relative;

		overflow:hidden;

		/*background: #37527D url(../images/bg_top_2.jpg) no-repeat left top;*/

	}

	.title_box1{

		background: #37527D url(../images/bg_top_1.jpg) no-repeat left top;

	}

	.title_box2{

		background: #37527D url(../images/bg_top_2.jpg) no-repeat left top;

	}

	.title_box3{

		background: #37527D url(../images/bg_top_3.jpg) no-repeat left top;

	}

	.title_box4{

		background: #37527D url(../images/bg_top_4.jpg) no-repeat left top;

	}

	.title_box5{

		background: #37527D url(../images/bg_top_5.jpg) no-repeat left top;

	}

	

	#title_box h1{

		color:#ffffff;

		position:absolute;

		bottom:0px;

		left:10px;

		vertical-align:baseline;

		line-height:1em;

		margin-bottom:0px;

	}

	#calc_box{

		background: #F2EFE6;

		float:left;

		

		overflow:hidden;

		margin:0px;

		position:relative;

		/*font-size:11px;*/

		line-height:1.4em;

		width:317px;

		height:211px;

	}



#services{

	/*height:211px;*/

	overflow:hidden;

	margin-bottom:35px;

}

	#services h2{

		font-size:18px;

		font-weight:bold;

		margin:0 0 10px 0;

	}

	#services .service_item{

		float:left;

		width:317px;

		/*padding:230px 0 0 0;
		*/
		padding: 0;
	}

	#services .logos img{

		vertical-align:middle;

		margin-right:10px;

	}

	#service1{

		margin:0 1px 0 0;

		/*background:transparent url(../images/pic_main_toning.jpg) no-repeat left top;*/

	}

	#service2{

		margin:0 1px 0 0;

		/*background:transparent url(../images/pic_main_building.jpg) no-repeat left top;*/

	}

	#service3{

		margin:0;

		/*background:transparent url(../images/pic_main_safety.jpg) no-repeat left top;*/

	}

	

#content_container{

	/*padding:0 0 100px;*/

	margin:20px auto;

	

}



#content_container p{

	/*text-indent:20px;*/

}

	#content {

		float:left;

		/*

		clear:right;

		width:68%;

		margin-right:7%;

		_display:inline;*/

		/*width:635px;*/

		width:580px;

		margin-right:56px;

		font-size:1.1em;

	}

	#sidebar{

		float:left;

		/*clear:right;

		width:25%;

		_display:inline;*/

		width:317px;

		overflow:hidden;

		padding:0;

		

	}



/*#content_container .title{

	font-weight:bold;

	font-size:18px;

	margin:0 0 10px;

}*/

	

.local_title

{

	font-weight:bold;

	font-size:18px;

	margin:0 0 10px;

}



.empty_inner {

  height:110px;

}	

	

#footer{

	position:relative;

	height:110px;

	margin-top:-121px;

	vertical-align:middle;

	border-top:8px solid #F6F5F3;

	font-size:11px;

}

	#madeby{

		position:absolute;

		left:0;

		top:15px;

		width:25%;

		text-align:left;

	}

	#copyright{

		position:absolute;

		right:0;

		top:15px;

	}

	

/******************************* global makeup {end} *********************************/







/*******************************  sidebar pages or categories menu {start}*********************************/



ul.menu {

	margin:0 0 10px 0px !important;

	padding:0 0 0 0 !important;

}

ul.menu li{

	list-style-type:none !important;

	margin:0 0 15px 0 !important;

	padding:7px 0 7px 10px;

}

ul.menu li.root

{

	padding-left:26px;

}

ul.menu li.root ul li

{

	font-weight:normal !important;

}

ul.menu ul{

	/*list-style-type:none !important;*/

	margin:2px 0 5px 15px;

}



ul.menu li.current

{

	background:#EDE7D7 url(images/bg_top.png) repeat left top;

	padding:7px 5px 7px 10px;

	text-shadow: 0px 1px 0px #ffffff; /* x y blur color */

	color:#000000 !important;

}



ul.menu a{

	font-size:12px;

	/*color:#333333 !important;*/

}



/******************************* / sidebar pages or categories menu {end}*********************************/



.attributes {

	margin-bottom:20px;

}

.attr_name {

	font-weight:bold;

}



#newsblock{

	/*padding-left:25px;*/

	margin:0 20px 0 15px;

}



	#newsblock .blocktitle{

		margin:0 0 15px 0;

		font-size:18px;

	}



	#newsblock .news_item{

		margin:0 0 20px 0;

	}

	

	#newsblock .news_item .title {

		/*color:#777777;*/

		font-size:1.3em;

	}

	

	#newsblock .news_item .text {

		/*color:#777777;*/

		/*font-size:1.3em;*/

	}

	

	#newsblock .news_item .date {

		font-size: 11px;

		color:#777777;

	}



#news_list{

	

}

	#news_list .news_item{

		margin:0 0 30px 0;

	}



	#news_list .news_item .date {

		font-size: 11px;

		color:#777777;

	}



	#news_list .news_item .title{

		font-size: 16px;

		color:#777777;

	}



#news_page{

	

}

	#news_page .date{

		font-size: 11px;

		color:#777777;

	}





.photo_small

{

	width:81px;

	height:81px;

	margin:0 0 5px;

}



.lightbg{

	background: #F7F5F3 url(../images/bg_front.jpg) repeat left top;

}



div#price_container 

{

	-moz-border-radius:10px 10px 10px 10px;

	background:none repeat scroll 0 0 #D9F0B6;

	font:1.4em Arial;

	margin:0px 0 10px;

	padding:10px 15px;

}





span.price_span {

font:0.8em Arial;

}



#online_order_container {

vertical-align:text-top;

/*width: 100%;*/

overflow:hidden;

/*padding:15px 0;*/

}



#order_data_container {

margin:5px auto;

position: relative;

top: -40px;



}



#order_sub_block {

clear:right;

float:left;

margin-right:2%;

width:70%;

}



.info_container {

	/*border:3px solid #333;*/

	margin-top:10px;

	font-size:0.9em;

	/*width:580px;*/

}



#order_btn {



	/*width:28%;*/

	margin:20px 0 0 0;

}

.cropimage {

float:left;

height:90px;

margin:5px;

overflow:hidden;

width:90px;

}



div.sortitem {

background:none repeat scroll 0 0 #FFFFFF;

border:1px solid #AAAAAA;

float:left;

height:100px;

margin:0 15px 15px 0;

overflow:hidden;

width:100px;

}





#car_bgs_div{

	position:relative;

	height: 325px;

    left: -20px;

	top:-60px;

	width:960px;

	overflow:hidden;

}



#car_bg {

	position:absolute;

	height:325px;

	width:6720px;

	overflow:hidden;

	float:left;

	clear:right;

}



#colors_div {

	position:absolute;

}



#front_screen_div {

	position:absolute;

	left:247px;

	top:94px;

	height:60px;

	width:102px;

	overflow:hidden;	

	display:none;

}



#side_screen_div {

	position:absolute;

	left:357px;

	top:98px;

	height:53px;

	width:159px;

	overflow:hidden;	

	display:none;

}



#back_screen_div {

	position:absolute;

	left:694px;

	top:100px;

	height:42px;

	width:179px;

	overflow:hidden;

	display:none;	

}



div.screen_img_div {

	position:absolute;

	float:left; 

	clear:right;	

}





.car_color {position:relative;top:5px;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:10001;

}



#whole_screen_div {

	filter:alpha(opacity=50);

	opacity: 0.5;

	-moz-opacity: 0.5;

	background:blue;

	display:none;

	position:fixed;

	left:0px;

	top:0px;

	z-index:10000;

	height:100%;

	width:100%;

}



#vid_types {

	width:100%;

	display:none;

	font-size:12px;

}



div.no_vid_chosen {

	font:bold 2em Arial;

	text-align:center;

	padding:30px 0 0 0; 

	width:100%;

}



div.vid_side_container {

	width:30%;

	padding:10px 3% 0 0;

	float:left;

}



.clear {

	clear:both;

}



h4 {

    font-family: Arial;

    font-size: 12px;

    font-weight: bold;

    margin-bottom: 5px;

}



div.vid_side_container1 {

    float: left;

    padding: 10px 0 0;

    width: 37%;

}



div.vid_side_container2 {

    float: left;

    padding: 10px 0 0;

    width: 34%;

}



div.vid_side_container3 {

    float: left;

    padding: 10px 0 0;

    width: 29%;

}