@charset "utf-8";
body {
	margin: 0px;
	background:url(http://www.haarod.com/images/main_bg.jpg);
	background-repeat:repeat-x;	
}

.bg{background:#FFF;}
.boxblack{ border-style:solid; border-width:1px; border-color:#000; }
.boxgray1{ border-style:solid; border-width:1px; border-color:#D7D7D7; }
.boxgray2{ border-style:solid; border-width:1px; border-color:#999; }

div.main_box{
	width:1000px;
	height:100%;
	float:left;
}

div.MidPage{ 
	width:980px;
	float:left;	
	background:#FFF;
}

.sidepageL{ 
	width:10px;
	/*float:left;*/
	background:url(http://www.haarod.com/images/side-bgL.png) repeat-y;
}
.sidepageR{
	width:10px;
	/*float:left;*/
	background:url(http://www.haarod.com/images/side-bgR.png) repeat-y;
}

/* Head */

.Menubar li {
  margin: 0px;
  display:inline;
  list-style: none;
}
div.box_head{
	width:970px;
	height:145px;
	background:#348bfb;
	background-image:url(http://www.haarod.com/images/head-bg.jpg);
	background-repeat:repeat-x;
}
div.head_left{
	float:left;
	padding-left:10px;
	text-align:left;
	width:551px;
	height:120px;	
}
div.head_right{
	float:right;
	width:409px;
	height:120px;	
	background:url(http://www.haarod.com/images/head-car.jpg) right no-repeat;
}
div.TabGray{
	widht:980px;
	height:53px;
}
div.TabGr1{
	float:left;
	width:170px;
	height:53px;
	background:url(http://www.haarod.com/images/tab-search1.jpg) no-repeat;
}
div.TabGr2{
	float:left;
	width:11px;
	height:53px;
	background:url(http://www.haarod.com/images/tab-search2.jpg) no-repeat;
}
div.TabGr3{
	float:left;
	width:786px;
	height:53px;
	background:url(http://www.haarod.com/images/tab-search-bg.jpg) repeat-x;
}
div.TabGr4{
	float:left;
	width:13px;
	height:53px;
	background:url(http://www.haarod.com/images/tab-search-last.jpg) no-repeat;
}

/* Login */
.loginbox { 
	font-family:"MS Reference Sans Serif";
	font-size: 12px;
	color:#333;
	border: 1px solid #A8A8A8;
	background-color:#F0F0F0;
}
.box_loginA{
	background:url(http://www.haarod.com/images/member_bg1.jpg);
	width:170px;
	height:8px;
}
.box_loginB{
	background:url(http://www.haarod.com/images/member_bg2.jpg) repeat-y;
	width:170px;
	height:auto;
}
.box_loginC{
	background:url(http://www.haarod.com/images/member_bg3.jpg) repeat-y;
	width:170px;
	height:13px;
}

/*Logo Brand Top*/
div.box_logosmall{

	width:970px;
	height:46px;
	margin:5px;
	border-style:solid; border-width:1px; border-color:#D7D7D7;
	background:#FFF;
}
.boxin_small{
	padding-left:4px;
	float:left;
}

div.dots {
   background: url(http://www.haarod.com/images/dot_pic.gif) repeat-x;
   height: 1px;
   overflow: hidden;
   margin: 1px 0;
   clear: both;
}
div.solids{
	border-style:solid;	
	border-color:#C8C8C8;
	border-width:1px;
}
/* Banner*/
div.banner_box{ 
	margin:5px 0px 5px 60px;
	width:700px;
	height:90px;
	border:dashed 1px #666;
	background:#EAEAEA;
 }
div.banner_in{ text-align:center; padding-top:30px; }

/*Frame Area*/
div.areaFrame{ width:160px; background:#E1E1E1;}
div.row_areaF{ width:160px; margin:3px;}

/*Box Conner*/
p.boxcorn{padding:0px;}
div#boxcorn{ width:98%; margin: 0px 5px;background:#E1E1E1; /*Mid*/}
b.rtop{ display:block; background:#FFF }
b.rbottom{display:block; padding-bottom:5px; background:#FFF /*cornner*/}
b.rtop b, b.rbottom b{
display:block;height: 1px;
overflow: hidden; background: #E1E1E1 /*Top Bottom*/}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

div.search_bio{
padding-top:28px;
height:67px;
background:url(http://www.haarod.com/images/Search-bio.jpg) no-repeat;
background-position:left top;
}
.clear{ height:10px}
.foot_main{
	background:url(http://www.haarod.com/images/foot_bg.jpg) repeat-x;
	width:980px;
	height:106px;
}
.foot_inA{
	float:right
	width:980px;
	height:86px;
	background:url(http://www.haarod.com/images/Logo-Foot.png) bottom right no-repeat; 
}
.foot_inB{
	width:980px;
	height:20px;
	text-align:right;	
}
.foot_tlink{
	width:790px;
	height:80px;
	text-align:left;
}
a.foot_mlink{
	font-family:"MS Reference Sans Serif";
	font-size:13px;	
	color:#000;
	text-decoration:none;
}
a.foot_mlink:hover{
	font-family:"MS Reference Sans Serif";
	font-size:13px;	
	color:#F00;
	text-decoration:none;
}
.foot_tslogan{
	float:left;
	margin-top:50px;
	margin-left:3px;
}
.foot_Alink{
	float:left;
	margin-top:3px;
	margin-left:3px;	
	width:780px;
}
a.slogan_foot{
	font-family:"MS Reference Sans Serif";
	font-size:12px;
	color:#000;
	text-decoration:none;
}
a.slogan_foot:hover{
	font-family:"MS Reference Sans Serif";
	font-size:12px;
	color:#F00;	
	text-decoration:underline;
}
.box_start{
	text-align:left; padding-left:5px; padding-right:10px;
}
.page_navi {
	float:left;
	font-family:"Tahoma";
	font-size:12px;
	color:#CCC;
	text-align:left; 
	padding-:5px; 
}
.ListBlogo{
	float:left	;
	width:100px;
	height:75px;
	text-align:center;
}
.ListBtoptxt{
	font-family:"MS Reference Sans Serif";
	font-size:11px;
	margin-top:5px;
	float:left	;
	width:680px;
	height:30px;
	text-align:left;	
	border-top:solid 2px #c4c4c4;
}
.ListBName{
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	padding-left:5px;
	background:url(http://www.haarod.com/images/brand_lstBG.jpg) repeat-y;
	width:680px;
	height:52px;
	text-align:left;	
}
.ListBNNew{
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	padding-left:5px;
	background:url(http://www.haarod.com/images/brand_lstBG.jpg) repeat-y;
	width:640px;
	height:52px;
	text-align:left;	
}
.ListLogoWeb{
	float:left	;
	width:192px;
	height:75px;
	text-align:center;
	background-image:url(http://www.haarod.com/images/LogoPrint.jpg);
}
.listBB{
	width:780px;
	height:100%;
	border:solid 1px #CCC;
	margin-top:10px;
	padding:10px;
}
.listBBA{
	width:960px;
	height:100%;
	border:solid 1px #CCC;
	margin-top:10px;
	padding:10px;
}
.box_page{
	clear:both;
	width:780px;
	border:solid 1px #CCC;
	height:100%;
	margin-top:10px;
	padding:10px;	
}
.TabTcar1{
	width:538px;
	height:59px;
	background:url(http://www.haarod.com/images/Tab-Type-Sedan.jpg) no-repeat;
}
.TabTcar2{
	width:538px;
	height:59px;
	background:url(http://www.haarod.com/images/Tab-Type-Pickup.jpg) no-repeat;
}
.TabTcar3{
	width:538px;
	height:59px;
	background:url(http://www.haarod.com/images/Tab-Type-SUV.jpg) no-repeat;
}
.TabTcar4{
	width:538px;
	height:59px;
	background:url(http://www.haarod.com/images/Tab-Type-Van.jpg) no-repeat;
}
.TabTcar5{
	width:538px;
	height:66px;
	background:url(http://www.haarod.com/images/Tab-Type-Other.jpg) no-repeat;
}
.small-list{
	width:85px;
	height:60px;
	text-align:center;
	float:left;
}

/*webboard Home*/
.bbordercolor{background-color:#fff;padding:5px;}
.hoverbox:hover,.hoverboxHover{background:url(http://www.haarod.com/images/windowbg2_hover.gif) repeat-x #D3D3D3}
.titlebg3,tr.titlebg3 th,tr.titlebg3 td{background:url(http://www.haarod.com/images/cellpic1.gif);border:1px solid #ccc;border-width:0;font-size:11px;font-weight:bold;height:25px;padding-bottom:4px;padding-top:4px;text-align:center}
.windowbg3,.windowbg2,.windowbg{font-size:13px; color:#000; border:solid 1px #E4E4E4;border-width:1px 1px 0 0}
.windowbg3{background:url(http://www.haarod.com/images/windowbg3.gif) repeat-y #d3d3d3}
.windowbg2{background:url(http://www.haarod.com/images/windowbg2.gif) repeat-x #dfe0e0}
.windowbg{background:url(http://www.haarod.com/images/windowbg.gif) repeat-y #DFE0E0}
div.article_h{
	width:100px;
	height:100%;
	margin:5px;
}
div.art_homeP{
	float:left;
	width:100px;
	height:100%;
	text-align:center;
}
div.art_homeT{
	float:left;
	width:640px;
	height:100%;
	text-align:left;
	padding:5px;
}