﻿@import url(css_reset.css);

img, div { behavior: url(pngfix/iepngfix.htc) }

img {
	vertical-align:middle;
}
body * {
	font-family:Tahoma;
	font-size:13px;
}

body {
	direction:rtl;
	background:#000 url('../images/stars.jpg') repeat-x center top;
}

#main_cont{
	margin:auto;
	width:900px;
}

.ads {
	visibility:visible;
}

.clearfix {
	clear:both;
}

hr.clearfix, span.clearfix {
	clear:both;
	visibility:hidden;
}

.center {
	text-align:center;
	vertical-align:middle;
	margin:auto;
}
/*====================Head====================*/

#top_head{
	display:block;
	margin:0px 0px;
	padding:10px 10px 20px;
	overflow:hidden;
	width:auto;
	height:100%;
}

#top_head .logo{
	float:right;
	margin:0px 10px ;
}
#top_head .bannar_top{
	float:left;
	margin:15px 5px 0;
}

/*====================Navigation====================*/

#nav {
	display:block;
	margin:0px 0px;
	height:42px;
	overflow:hidden;
	clear:both;

}

	#nav .nav_r_c {
		background:transparent url('../images/nav_r_c.gif') no-repeat scroll right top;
		width:13px;
		height:100%;
		float:right;
	}
	
	#nav .nav_l_c {
		background:transparent url('../images/nav_l_c.gif') no-repeat scroll left top;
		width:13px;
		height:100%;
		float:left;
	}

	#nav .content {
		display:block;
		background:#fff url('../images/nav_bg.gif') repeat scroll right top;
		overflow:hidden;
		height:100%;
		*margin:0 13px;
	}

		#nav .content ul {
			list-style:none;
			padding:14px 0px 0 0; 
		}
	
			#nav .content ul li{
				display:inline;
				padding:0 10px 0 10px;
				border-left:1px #878787 solid;
				border-right:1px #E2E2E2 solid;
			}
	
			#nav .content ul li a{
				text-decoration:none;
				color:#454545;
				font-weight:bold;
				font-size:14px;
				vertical-align:middle;
				
			}
		
			#nav .content ul li.first{
			border-right:0;
			padding-right:0;
			}
			
			
			#nav .content ul li.last{
			border-left:0;
			padding-left:0;
			}
			
			#nav .content ul li.first{
			*padding-right:0;
			}

			#nav .content ul li.last{
			*padding-left:10px;
			}

			
			#nav .content ul li img{
				vertical-align:middle;
			}
	

	
/*====================User Navigation====================*/

#usernav {
	display:block;
	margin:0px 20px;
	height:34px;
	overflow:hidden;
	clear:both;
	background-color:#fff;
}

	#usernav .nav_r_c {
		background:transparent url('../images/usernav_r_c.gif') no-repeat scroll right top;
		width:13px;
		height:100%;
		float:right;
	}
	
	#usernav .nav_l_c {
		background:transparent url('../images/usernav_l_c.gif') no-repeat scroll left top;
		width:13px;
		height:100%;
		float:left;	
	}

	#usernav .content {
		display:block;
		color:#E4E4E4;
		background:#313131 url('../images/usernav_bg.gif') repeat scroll right top;
		padding:11px 0;		
		font-size:12px;
		overflow:hidden;
		*margin:0 13px;
	}

#usernav .links {
	display:block;
	float:left;
	text-align:right;
}
#usernav span {
	font-weight:bold;
	color:#EE3535;
}
#usernav a {
	font-weight:bold;
	color:#E4E4E4;
	text-decoration:none;
	font-size:12px;
}
#usernav a:hover {
	color:#EE3535;
}

/*==================== User Navigation====================*/


#s_show_box {
	width:856px;
	margin:10px auto;
}

	#s_show_box .top_c {
		background: transparent url('../images/s_show_t_c.png') no-repeat scroll center bottom ;
		height:11px;
		line-height:0px;
		*margin-bottom:-8px;
	}
	
	#s_show_box .bottom_c {
		background: transparent url('../images/s_show_b_c.png') no-repeat scroll center top ;
		height:11px;
	}

	#s_show_box .content {
		background-color:#fff;
		padding:0 11px;
		height:100%;
	}
	
	#s_show_box .content .cars_show {
		margin:auto auto;
		clear:both;
		overflow:hidden;
	}

	#s_show_box .content .cars_show .car {
		width:170px;	height:auto;
		border:1px #818181 solid;
		background:#DDDDDD url('../images/car_bg.gif') repeat-x scroll right top;
		text-align:center;
		float:right;
		margin:10px 18px;
		*margin:10px 15px;
	}

	#s_show_box .content .cars_show .car img {
		width:150px;	height:auto;
		margin:auto;
		border:1px #313131 solid;
		margin-top:10px;
	}

	#s_show_box .content .cars_show .car span {
		margin:auto;
		padding:8px;
		color:#4F4F4F;
		font-weight:bold;
		font-size:14px;
		display:inline-block;
	}
#s_show_box .content a {
	text-decoration:none;
}
#s_show_box .content a:hover{
	color:#EE3535;
}

#s_show_box .content .cars_show .car:hover {
	border:1px #EE3535 solid;
}


/*==================== SMS BOX ====================*/

#smsbox {
	display:block;
	margin:5px 0px;
	height:44px;
	overflow:hidden;
	clear:both;
}

	#smsbox .nav_r_c {
		background:transparent url('../images/smsbox_r_c.gif') no-repeat scroll right top;
		width:148px;
		height:100%;
		float:right;
	}
	
	#smsbox .nav_l_c {
		background:transparent url('../images/smsbox_l_c.gif') no-repeat scroll left top;
		width:13px;
		height:100%;
		float:left;	
	}

	#smsbox .content {
		display:block;
		background:#313131 url('../images/smsbox_bg.gif') repeat scroll right top;
		padding:16px 0 ;
		color:#DBDBDB;
		font-size:13px;
		overflow:hidden;
		*margin:0 13px;
	}


#smsbox p, #smsbox span, #smsbox a {
	font-weight:bold;
	color:#fff;
	font-size:13px;
}

#smsbox a {
	text-decoration:none;
}
#smsbox a:hover {
	color:#EE3535;
}



/*==================== FOOTER ====================*/


#footer {
	display:block;
	clear:both;
	overflow:hidden;
	height:100%;
	background:transparent url('../images/logo_small.gif') no-repeat scroll right top ;
	margin:10px auto;
	padding:0px 35px 0px;
	color:#878787;
	font-size:13px;
	text-align:right;
}
#footer a {
	color:#878787;
	text-decoration:none;
}
#footer a:hover {
	color:#EE3535;
}
#footer div {
	margin-bottom:5px;
}


#footer .set3 {
	margin-top:15px;
}




/*==================== PAGE ====================*/

#page {
	display:block;
	margin:10px 0px;
	overflow:hidden;
	clear:both;
	height:100%;
	
}

	#page .top {
	display:block;
	margin:0px 0px;
	overflow:hidden;
	clear:both;
	height:11px;
	}
	

	#page .top .t_r_c {
		background: transparent url('../images/pagebox_t_r_c.gif') no-repeat scroll right top ;
		height:11px;
		width:11px;
		float:right;
	}
	#page .top .t_l_c {
		background: transparent url('../images/pagebox_t_l_c.gif') no-repeat scroll right top ;
		height:11px;
		width:11px;
		float:left;
	}
	
	#page .top .t {
		display:block;
		color:#E4E4E4;
		border-top:1px #767676 solid;
		background-color:#fff;
		overflow:hidden;
		padding:5px 0;
		*margin:0 11px;
	}

	
	#page .bottom {
	display:block;
	margin:0px 0px;
	overflow:hidden;
	clear:both;
	height:11px;
	}
	

	#page .bottom .b_r_c {
		background: transparent url('../images/pagebox_b_r_c.gif') no-repeat scroll right top ;
		height:11px;
		width:11px;
		float:right;
	}
	#page .bottom .b_l_c {
		background: transparent url('../images/pagebox_b_l_c.gif') no-repeat scroll right top ;
		height:11px;
		width:11px;
		float:left;
	}
	
	#page .bottom .b {
		display:block;
		color:#E4E4E4;
		border-bottom:1px #767676 solid;
		background-color:#fff;
		overflow:hidden;
		padding:5px 0;
		*margin:0 11px;
	}

	
	
	
	#page #pagecontent {
		clear:both;
		display:block;
		background-color:#fff;
		border-right:1px #767676 solid;
		border-left:1px #767676 solid;
		font-size:13px;
		padding:0 11px;
		line-height:20px;
		overflow:hidden;
		height:100%;
	}
	
/*==================== PAGE CONTENT ====================*/
	
	#pagecontent p, #pagecontent a, #pagecontent span, #pagecontent ul, #pagecontent li, #pagecontent ol {
		font-size:1em;
	}	
	
	#pagecontent h1 {color:#DA1414;font-size:1.6em;margin:20px 0;}	
	#pagecontent h2 {color:#92DA14;font-size:1.4em;margin:15px 0;}	
	#pagecontent h3 {color:#DA9614;font-size:1.2em;margin:10px 0;}
	#pagecontent a {color:#148DDA;font-size:1em;text-decoration:underline}	
	#pagecontent a:hover {color:#55BDFF;font-size:1em;text-decoration:none}	
	#pagecontent ul {margin:20px;list-style:disc outside none;}	
	#pagecontent ol {margin:25px;list-style:decimal outside none;}	
	
	
	
	
/*==================== INDEX PAGE  ====================*/
#page_index {
	clear:both;
	margin-top:10px;
}
	#page_index .right_side {
		float:right;
	}
		
	#page_index .left_side {
		float:right;
		margin-right:10px;
	}
	
	#page_index #browesbox {
		width:388px; height:212px;
		background:transparent url('../images/browesbox_bg.gif') no-repeat scroll right top;
	}


	#page_index .bannar_page {
		margin:10px auto;
	}

/*=========================================================*/
/*=========================================================*/
/*======================= CAR PAGE  =======================*/
/*=========================================================*/
/*=========================================================*/


#car_info {overflow:hidden;}
#car_info .r_side {float:right;width:38%;}
#car_info .l_side {float:right;width:62%;}




#car_info .r_side .carimg {
	border:2px #313131 solid;
	width:320px;
	overflow:hidden;
}
#car_info .r_side .carimg img {	height:320px;}

#car_info .l_side .carname {
	float:right;	
}


#car_info .l_side .carname img.logo{float:right;margin-left:5px;}
#car_info .l_side .carname h2{margin:0;padding:0;font-size:x-large;color:#148DDA;}
#car_info .l_side .carname h3{margin:10px 0 0;padding:0;font-size:large;color:#B74545;}
#car_info .l_side .carname h4 {margin:0;padding:0;}
#car_info .l_side .carname div.carname_opt {margin:0;padding:0;display:block;}
#car_info .l_side .carname div.carname_opt a {margin:0;padding:0;}
#car_info .l_side .carname div.carname_opt a img {margin:0;padding:0;vertical-align:top;}



#car_info .l_side .sender_flag     {display:block;float:left;}
#car_info .l_side .sender_flag img {display:block;margin:auto;margin-bottom:-5px;}
#car_info .l_side .sender_flag b   {font-size:12px;color:#313131;}

#car_info .l_side .car_info_table {clear:both;}
#car_info .l_side .car_info_table table {margin:auto auto;width:100%;}
#car_info .l_side .car_info_table tr td {background-color:#EEEEEE;}
#car_info .l_side .car_info_table tr.phone_num td{background-color:#000;color:#fff;}
#car_info .l_side .car_info_table tr td {border-bottom:1px #fff solid;padding:5px;}
#car_info .l_side .car_info_table .r_cell {width:25%;text-align:left;}
#car_info .l_side .car_info_table .l_cell {padding-right:20px;}


#car_info .l_side .car_opt img{vertical-align:middle;}


/*==================== COMMENT PAGE  ====================*/

#col_page {overflow:hidden;clear:both;margin:20px 0 0;}
#col_page .r_side {float:right;width:50%;}
#col_page .l_side {float:left;width:50%;}

/*====================================================*/

#comment_box {}

#comment_box .addcomment{
	background-color:#E7E7E7;
	border:1px #BDBDBD solid;
	padding:10px;
	margin:0px 0 10px;
}

#comment_box .addcomment .title a {
	color:#383838;
	margin-bottom:5px;
	display:inline-block;
	text-decoration:none;
}

#comment_box .addcomment textarea {
	color:#383838;
	border:1px #C4C4C4 solid;
	width: 100%;
	height:50px;
	overflow:hidden;
	padding:2px;
}

#comment_box .addcomment .submit {margin:3px 0 0 -5px;text-align:left;}
#comment_box .addcomment .submit input {background-color:#515151;color:#fff;border:#515151;padding:3px 8px;font-size:12px;font-weight:bold;}

#comment_box .usercomment{
	
}

#comment_box .usercomment .title{
	background-color:#E7E7E7;
	border-bottom:1px #BDBDBD solid;
	color:#515151;
	padding:5px;
}

#comment_box .usercomment .msg{
	padding:5px;
	color:#515151;
}

/*====================================================*/

#car_gallery_box {
	border:1px #E0E0E0 solid;
	background-color:#F8F8F8;
	overflow:hidden;
	margin-right:10px;
	text-align:center;
	margin-top:20px;
}

#car_gallery_box .title h2 {
	color:#383838;
	text-decoration:none;
	text-align:right;
	margin:0;padding:5px 10px;
	font-size:medium;
	background:#EAEAEA url('../images/car_gallery_box_title_heade.gif') repeat-x scroll right top;
	border-bottom:1px #DADADA solid;
}


/*====================================================*/

	.car_b {
		width:170px;	height:auto;
		border:1px #CACACA solid;
		background:#E3E3E3 url('../images/car_b_bg.gif') repeat-x scroll right top;
		text-align:center;
		float:right;
		margin:10px 18px;
		*margin:10px 15px;
	}
	
	.car_b .head { padding:5px 0;}
	.car_b .head img {width:20px;height:auto;}
	.car_b .head span {color:#4F4F4F;font-weight:bold;}

	.car_b .body img {
		width:150px;	height:120px;
		margin:auto;
		border:1px #9C9C9C solid;
	}
	
	.car_b .body div {
		width:150px;	height:120px;
		margin:auto;
		border:1px #9C9C9C solid;
		background:transparent url('../images/sms_t.gif') no-repeat scroll center center ;
		overflow:hidden;
		padding:0px;
		padding-left:5px;
		padding-right:5px;
		color:#575757;
	}
	.car_b .body div marquee a { color:#575757 !important;text-decoration:none !important;}
	.car_b .body div marquee a:hover{ color:#840D0D !important ;text-decoration:underline !important;}


	.car_b .foot { padding:5px 0;}
	.car_b .foot img {width:20px;height:auto;}
	.car_b .foot span {color:#444444;font-weight:normal;}


/*==================== brands gallery  ====================	*/
#brands_gallery_box {
	border:1px #E0E0E0 solid;
	background-color:#F8F8F8;
	overflow:hidden;
	text-align:center;
}


	.brand_b {
		border:1px #CACACA solid;
		background:#E3E3E3 url('../images/car_b_bg.gif') repeat-x scroll right top;
		text-align:right;
		padding:5px;
		float:right;
		width:45%;
		margin:1%;
		height:150px;
	}

	.brand_b img {
		float:right;
		margin-left:5px;
	}
	.brand_b p {
		margin-right:110px;
	}
	
	.brand_b h2 a {
		text-decoration:none !important;
	}
	
/*==================== HOW TO SEND YOUR CAR  ====================	*/
	
	
	
	
	
	
/*==================== CPANEL  ====================	*/
	
.r_col{
	float:right;
	width:25%;
}

.l_col{
	float:left;
	width:74%;
}

.menu {
	width:215px;
	margin:auto;
	text-align:center;
	margin-bottom:10px;
}	
	
.menu ul{
	width:215px;
	margin:0px auto !important;
	padding:0px !important;
}

.menu ul li {
	list-style:none outside ;
	text-align:right;
}

.menu ul li.title {
	background:#D5D5D5 url('../images/cpanel/menu_title_bg.gif') no-repeat scroll center top;
	padding:6px 10px;
	
}
.menu ul li.title h3 {
	color:#4A4A4A !important;
	font-size:13px !important;
	font-weight:bold !important;
	padding:0 !important;
	margin:0 !important;	
}
.menu ul li.main h3 {
	color:#4A4A4A !important;
	font-size:13px !important;
	font-weight:bold !important;
	margin:0 !important;
	border-bottom:1px #D5D5D5 solid ;
	padding:4px 14px !important;
	background:#F4F4F4 url('../images/cpanel/arrow_b.gif') no-repeat scroll 202px center;
}

.menu ul li a {
	display:block ;
	border-bottom:1px #D5D5D5 solid ;
	padding:4px 20px;
	text-align:right;
	color:#636363 !important;
	text-decoration:none !important;
	background:#fff url('../images/cpanel/arrow_l.gif') no-repeat scroll 198px center
}

.menu ul li a:hover {	background-color:#ECF9E9;}
.menu ul li a:active {	background-color:#ECF9E9;}


/*==================== INNPAGE  ====================	*/	
	
#innpage {
	display:block;
	margin:0px 0px;
	overflow:hidden;
	clear:both;
	height:100%;
	
}

	#innpage .top {
	display:block;
	margin:0px 0px;
	overflow:hidden;
	clear:both;
	height:11px;
	}
	

	#innpage .top .t_r_c {
		background: transparent url('../images/cpanel/innpagebox_t_r_c.gif') no-repeat scroll right top ;
		height:11px;
		width:11px;
		float:right;
	}
	#innpage .top .t_l_c {
		background: transparent url('../images/cpanel/innpagebox_t_l_c.gif') no-repeat scroll right top ;
		height:11px;
		width:11px;
		float:left;
	}
	
	#innpage .top .t {
		display:block;
		color:#E4E4E4;
		border-top:1px #D8D8D8 solid;
		background-color:#FAFAFA;
		overflow:hidden;
		padding:5px 0;
		*margin:0 11px;
	}

	
	#innpage .bottom {
	display:block;
	margin:0px 0px;
	overflow:hidden;
	clear:both;
	height:11px;
	}
	

	#innpage .bottom .b_r_c {
		background: transparent url('../images/cpanel/innpagebox_b_r_c.gif') no-repeat scroll right top ;
		height:11px;
		width:11px;
		float:right;
	}
	#innpage .bottom .b_l_c {
		background: transparent url('../images/cpanel/innpagebox_b_l_c.gif') no-repeat scroll right top ;
		height:11px;width:11px;float:left;
	}
	
	#innpage .bottom .b {
		display:block;
		color:#E4E4E4;
		border-bottom:1px #D8D8D8 solid;
		background-color:#fff;
		overflow:hidden;
		padding:5px 0;
		*margin:0 11px;
	}

	
	
	
	#innpage #innpagecontent {
		clear:both;
		display:block;
		background-color:#fff;
		border-right:1px #D8D8D8 solid;
		border-left:1px #D8D8D8 solid;
		font-size:13px;
		padding:11px 11px;
		line-height:20px;
		overflow:hidden;
		height:100%;
	}

	#innpage .header {
		clear:both;
		display:block;
		background-color:#FAFAFA;
		border:1px #D8D8D8 solid;
		border-top:0;
		padding:0px 5px 10px;
	}

	#innpage .header h2 {
		color:#525252;
		font-size:14px;
		margin:0 !important;
		padding:0 !important;
	}




/*==================== PAGE ====================*/

.navbar {
	display:block;
	margin:10px 0px;
	overflow:hidden;
	clear:both;
	height:100%;
	
}

	.navbar .top {
	display:block;
	margin:0px 0px;
	overflow:hidden;
	clear:both;
	height:11px;
	}
	

	.navbar .top .t_r_c {
		background: transparent url('../images/pagebox_t_r_c.gif') no-repeat scroll right top ;
		height:11px;
		width:11px;
		float:right;
	}
	.navbar .top .t_l_c {
		background: transparent url('../images/pagebox_t_l_c.gif') no-repeat scroll right top ;
		height:11px;
		width:11px;
		float:left;
	}
	
	.navbar .top .t {
		display:block;
		color:#E4E4E4;
		border-top:1px #767676 solid;
		background-color:#fff;
		overflow:hidden;
		padding:5px 0;
		*margin:0 11px;
	}

	
	.navbar .bottom {
	display:block;
	margin:0px 0px;
	overflow:hidden;
	clear:both;
	height:11px;
	}
	

	.navbar .bottom .b_r_c {
		background: transparent url('../images/pagebox_b_r_c.gif') no-repeat scroll right top ;
		height:11px;
		width:11px;
		float:right;
	}
	.navbar .bottom .b_l_c {
		background: transparent url('../images/pagebox_b_l_c.gif') no-repeat scroll right top ;
		height:11px;
		width:11px;
		float:left;
	}
	
	.navbar .bottom .b {
		display:block;
		color:#E4E4E4;
		border-bottom:1px #767676 solid;
		background-color:#fff;
		overflow:hidden;
		padding:5px 0;
		*margin:0 11px;
	}

	
	
	
	.navbar .navbarcontent {
		clear:both;
		display:block;
		background-color:#fff;
		border-right:1px #767676 solid;
		border-left:1px #767676 solid;
		font-size:13px;
		padding:0 11px;
		line-height:20px;
		overflow:hidden;
		height:100%;
	}
	
/*==================== PAGE CONTENT ====================*/
	
	.navbarcontent p, .navbarcontent a, .navbarcontent span, .navbarcontent ul, .navbarcontent li, .navbarcontent ol {
		font-size:1em;
	}	
	
	.navbarcontent h1,
	.navbarcontent h2, 	
	.navbarcontent h3,
	.navbarcontent a, 	
	.navbarcontent a:hover,
	.navbarcontent ul, 
	.navbarcontent ol {margin:0px;list-style:decimal outside none;padding:0;}	
	


.usersmenu {
	float:left;
}

/*==================== cpanel_mms ====================*/

#msginfo {
	text-align:center;
}

#msginfo .msgpic{
	background-color:#EEEEEE;
	border:1px #DADADA solid;
	width:350px;
	padding-top:15px;
	float:right;
	margin-left:11px;
	margin-bottom:11px;
}


#msginfo .msgpic .msgpic_opt{
	border:1px #DADADA solid;
	text-align:center;
	margin:5px 15px;
}


#msginfo .msginfo{text-align:right;}
#msginfo .msginfo table {}
#msginfo .msginfo tr.phone_num td{}
#msginfo .msginfo tr td {border-bottom:1px #DADADA solid;padding:5px;}
#msginfo .msginfo tr td.last {border-bottom:0px #eeeeee solid;padding:5px;}
#msginfo .msginfo .r_cell {width:35%;}
#msginfo .msginfo .l_cell {padding-right:20px;}


#msginfo .msginfo_admin{text-align:right;margin-top:10px;clear:both;width:100%;}
#msginfo .msginfo_admin table {width:100%;}
#msginfo .msginfo_admin tr td {background-color:#EEEEEE;}
#msginfo .msginfo_admin tr.phone_num td{}
#msginfo .msginfo_admin tr td {border-bottom:1px #fff solid;padding:5px;}
#msginfo .msginfo_admin .r_cell {}
#msginfo .msginfo_admin .l_cell {padding-right:20px;}





h3.attention {}
h3.g {
	background:#E4FFC6 url('../images/correct.png') no-repeat scroll right center;
	border:1px #B3E083 solid;
	padding:5px;
	margin:10px 0 !important;
	text-align:right !important;
	padding-right:25px;
	color:#44681E !important;
	font-size:13px !important;
}


#msginfo .buttons {
	text-align:right;
	padding:10px;
}
#msginfo .buttons div {
	padding:10px;
	float:right;
	margin-left:20px
}
#msginfo .buttons div.approve:hover,#msginfo .buttons div.approve:focus {

	background-color:#DCFCC2;
}


#msginfo .buttons div.disapprove:hover,#msginfo .buttons div.disapprove:focus {

	background-color:#FCC2C2;
}











