/*
© copyrighted HONDA
Powered By Futerox Interactive
Designed By Yogesh Kumar & Deepak Singh
HTML By Deepak Singh
Develop By .....
*/

html{height:100%;}
body{height:100%; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif, Trebuchet MS; font-size:12px; color:#7c7b7b; background:url(../images/main_bg.gif) top left repeat #222222;}
a{text-decoration:none;}
a:hover{
	text-decoration:underline;
	cursor: pointer;
}
h1,p,form,img,ul,li{margin:0; padding:0; text-decoration:none; border:0;}

/*-------------------Gradiants--------------------*/
.inn_grad2{background:url(../images/inn_grad2.gif) top left #fbfbfb repeat-x;}
.inn_grad{background:url(../images/inn_grad.gif) bottom left #edf1f3 repeat-x;}
.shad_l{background:url(../images/grad_l.png) top right repeat-y;}
.shad_r{background:url(../images/grad_r.png) top left repeat-y;}
/*-------------------End Gradiants--------------------*/

/*-------------------header--------------------*/
.head_grad{background:url(../images/head_grad.png) bottom left #f2f5f7 repeat-x;}
.head_bg1{background:url(../images/head_bg1.jpg) top center no-repeat #33353b;}
.bukimhead_bg1{background:url(../images/head_bg1.jpg) top center no-repeat #33353b;}
.head_bg2{background:url(../images/head_bg2.jpg) top center no-repeat #33353b;}
.head_bg3{background:url(../images/head_bg3.jpg) top center no-repeat #33353b;}
.form_grad{background:url(../images/form_grad.gif) bottom left repeat-x #33353b;}
.gmcform_grad{background:url(../images/gmc_grdnt.gif) bottom left repeat-x #33353b;}
.form_grad_b{background:url(../images/form_grad_b.gif) bottom left repeat-x #33353b;}
.head_input{background:url(../images/input_bg.gif) top left repeat-x #0a0a0b; border:1px solid #585858; font-size:12px; color:#757575; padding:2px 6px 4px 6px; margin:0;}
.head_input_act{background:url(../images/input_bg.gif) top left repeat-x #0a0a0b; border:1px solid #d6d6d6; font-size:12px; color:#d6d6d6; padding:2px 6px 4px 6px; margin:0;}
.gmchead_input{background:url(../images/gmc_txt.gif) top left repeat-x #0a0a0b; border:1px solid #c0c0b0; font-size:12px; color:#757575; padding:2px 6px 4px 6px; margin:0;}
.gmchead_input_act{background:url(../images/gmc_txt1.gif) top left repeat-x #0a0a0b; border:1px solid #c0c0b0; font-size:12px; color:#000; padding:2px 6px 4px 6px; margin:0;}
.chryslehead_input{background:url(../images/input_bg.gif) top left repeat-x #0a0a0b; border:1px solid #585858; font-size:12px; color:#757575; padding:2px 6px 4px 6px; margin:0;}
.chryslehead_input_act{background:url(../images/input_bg.gif) top left repeat-x #0a0a0b; border:1px solid #c8e5ed; font-size:12px; color:#c8e5ed; padding:2px 6px 4px 6px; margin:0;}
.bukimhead_input{background:url(../images/input_bg.gif) top left repeat-x #0a0a0b; border:1px solid #585858; font-size:12px; color:#757575; padding:2px 6px 4px 6px; margin:0;}
.bukimhead_input_act{background:url(../images/input_bg.gif) top left repeat-x #0a0a0b; border:1px solid #e4eba7; font-size:12px; color:#e4eba7; padding:2px 6px 4px 6px; margin:0;}

input.redbtn{ font-size:11px; color:#FFFFFF; font-weight:bold; text-decoration:none; background:url(../images/search_bg.gif) bottom right repeat-x #a52929; padding:2px 16px 2px 16px;  cursor:pointer; border:1px solid #a52929;}
input.redbtn:hover{color:#ef9d1f;}

input.redbtn11{ font-size:11px; color:#FFFFFF; font-weight:bold; text-decoration:none; background:url(../images/search_bg.gif) bottom right repeat-x #a52929; padding:2px 16px 2px 16px;  cursor:pointer; border:1px solid #a52929;}
input.redbtn:hover{color:#ef9d1f;}
/*-------------------End header--------------------*/

/*-------------------menu--------------------*/
#menu{width:auto; height:auto; float:right; overflow:hidden;}
#menu ul{margin:0; padding:0;}
#menu ul li{list-style:none; display:inline;}
#menu ul li a{display:block; float:left; padding:0 12px 0 12px; color:#784f09; font-size:12px; text-decoration:none; font-weight:bold; background:url(../images/menu_a.gif) bottom left repeat-x; height:24px; line-height:24px; margin:0 2px 0 0;}
#menu ul li a:hover{background:url(../images/menu_hover.gif) bottom left repeat-x;}
#menu ul li a#act{background:url(../images/menu_act.gif) top left repeat-x; color:#ffffff;}

#menu2{width:auto; height:auto; float:right; overflow:hidden;}
#menu2 ul{margin:0; padding:0;}
#menu2 ul li{list-style:none; display:inline;}
#menu2 ul li a{display:block; float:left; padding:0 12px 0 12px; color:#b6b6b6; font-size:12px; text-decoration:none; font-weight:bold; background:url(../images/menu_b.gif) bottom left repeat-x; height:24px; line-height:24px; margin:0 2px 0 0;}
#menu2 ul li a:hover, #menu2 ul li a#actb{background:url(../images/menu_b_hover.gif) bottom left repeat-x; color:#FFFFFF;}

#gmc{width:auto; height:auto; float:right; overflow:hidden;}
#gmc ul{margin:0; padding:0;}
#gmc ul li{list-style:none; display:inline;}
#gmc ul li a{display:block; float:left; padding:0 12px 0 12px; color:#000; font-size:12px; text-decoration:none; font-weight:bold; background:url(../images/gmc_menu.gif) bottom left repeat-x; height:24px; line-height:24px; margin:0 2px 0 0;}
#gmc ul li a:hover, #gmc ul li a#act{background:#fefefb; color:#000;}
#menubuick{width:auto; height:auto; float:right; overflow:hidden;}
#menubuick ul{margin:0; padding:0;}
#menubuick ul li{list-style:none; display:inline;}
#menubuick ul li a{display:block; float:left; padding:0 12px 0 12px; color:#477b14; font-size:12px; text-decoration:none; font-weight:bold; background:url(../images/buick.jpg); bottom left repeat-x; height:24px; line-height:24px; margin:0 2px 0 0;}
#menubuick ul li a:hover{background:url(../images/bukim_menu_hover.gif) bottom left repeat-x;}
#menubuick ul li a#act{background:url(../images/menu_act.gif) top left repeat-x; color:#ffffff;}

#chrysler{width:auto; height:auto; float:right; overflow:hidden;}
#chrysler ul{margin:0; padding:0;}
#chrysler ul li{list-style:none; display:inline;}
#chrysler ul li a{display:block; float:left; padding:0 12px 0 12px; color:#000000; font-size:12px; text-decoration:none; font-weight:bold; background:url(../images/chrysle_menu_hover.jpg); bottom left repeat-x; height:24px; line-height:24px; margin:0 2px 0 0;}
#chrysler ul li a:hover{background:url(../images/chrysle_menu_nor.jpg) bottom left repeat-x;}
#chrysler ul li a#act{background:url(../images/menu_act.gif) top left repeat-x; color:#ffffff;}


/*-------------------end menu--------------------*/

/*-------------------Body--------------0------*/
.bdr{background:url(../images/bdr.jpg) bottom left repeat-x #FFFFFF;}
.gray1{border:1px solid #bdbcbd;}
.gray2{border:1px solid #efeeee;}
.btm_bdr{border-bottom:1px solid #bdbcbd;}
.r_bdr{border-right:1px solid #bdbcbd;}


span.car img{text-decoration:underline; margin:10px; border:1px solid #dddddd;}


/*-------------------Body--------------0------*/
a.greybtn{font-size:11px; color:#be0002; text-decoration:none; background:url(../images/gray_l.gif) top left no-repeat; padding:0 0 0 11px; height:21px; line-height:21px; display:block; margin:5px 0;}
a.greybtn:hover{color:#000000; text-decoration:none}
a.greybtn span{background:url(../images/gray_r.gif) top right no-repeat; padding:0 11px 0 0; height:21px; line-height:21px; display:block;}

a.greybtn_a{font-size:11px; color:#2a9bb0; text-decoration:none; background:url(../images/gray_l.gif) top left no-repeat; padding:0 0 0 11px; height:21px; line-height:21px; display:block; margin:5px 0;}
a.greybtn_a:hover{color:#000000; text-decoration:none}
a.greybtn_a span{background:url(../images/gray_r.gif) top right no-repeat; padding:0 11px 0 0; height:21px; line-height:21px; display:block;}





a.greybtn_b{font-size:11px; color:#27964b; text-decoration:none; background:url(../images/gray_l.gif) top left no-repeat; padding:0 0 0 11px; height:21px; line-height:21px; display:block; margin:5px 0;}
a.greybtn_b:hover{color:#000000; text-decoration:none}
a.greybtn_b span{background:url(../images/gray_r.gif) top right no-repeat; padding:0 11px 0 0; height:21px; line-height:21px; display:block;}

a.greybtn_c{font-size:11px; color:#a3803b; text-decoration:none; background:url(../images/gray_l.gif) top left no-repeat; padding:0 0 0 11px; height:21px; line-height:21px; display:block; margin:5px 0;}
a.greybtn_c:hover{color:#000000; text-decoration:none}
a.greybtn_c span{background:url(../images/gray_r.gif) top right no-repeat; padding:0 11px 0 0; height:21px; line-height:21px; display:block;}

a.greybtn_d{font-size:11px; color:#de6d2f; text-decoration:none; background:url(../images/gray_l.gif) top left no-repeat; padding:0 0 0 11px; height:21px; line-height:21px; display:block; margin:5px 0;}
a.greybtn_d:hover{color:#000000; text-decoration:none}
a.greybtn_d span{background:url(../images/gray_r.gif) top right no-repeat; padding:0 11px 0 0; height:21px; line-height:21px; display:block;}
/*-------------------Body--------------0------*/




p.greybtn1{font-size:12px; color:#66b7ea; text-decoration:none; font-weight:bold; background:url(../images/grey_left.gif) top left no-repeat; padding:0 0 0 37px; height:24px; line-height:24px; display:block; margin:0 5px 0 0; float:right;}
a.greybtn1{font-size:12px; color:#66b7ea; text-decoration:none; font-weight:bold; background:url(../images/grey_left.gif) top left no-repeat; padding:0 0 0 20px; height:24px; line-height:24px; display:block;  float:right;}
p.greybtn1:hover{color:#66b7ea; text-decoration:none}
p.greybtn1 span{background:url(../images/grey_right.gif) top right no-repeat; padding:0 10px 0 0;height:24px; line-height:24px; display:block;}
.greybtn1 span{background:url(../images/grey_right.gif) top right no-repeat; padding:0 10px 0 0;height:24px; line-height:24px; display:block; margin:0 5px 0 0; float:right;}



a.greybtn2{font-size:12px; color:#ab0000; text-decoration:none; font-weight:bold; background:url(../images/grey_left2.gif) top left no-repeat; padding:0 0 0 37px; height:24px; line-height:24px; display:block; float:right;}
a.greybtn2:hover{color:#ab0000; text-decoration:none}
a.greybtn2 span{background:url(../images/grey_right2.gif) top right no-repeat; padding:0 10px 0 0;height:24px; line-height:24px; display:block;}



/*-------------------left search--------------------*/
p.arrow span{background:url(../images/arrow.gif) 0 7px no-repeat;}
p.arrow span a{padding:0px 20px; font-size:11px;color:#8497aa; text-decoration:none;}

p.arrow_a span{background:url(../images/arrow.gif) 0 7px no-repeat;}
p.arrow_a span a{padding:0px 20px; font-size:11px;color:#f79a9a; text-decoration:none;}

p.arrow_b span{background:url(../images/arrow.gif) 0 7px no-repeat;}
p.arrow_b span a{padding:0px 20px; font-size:11px;color:#c5a973; text-decoration:none;}
/*-------------------left search-------------------*/



/*-------------------body Gradiants--------------------*/
.b_foot{background:url(../images/b_foot.gif) top left repeat-x #FFFFFF; color:#ea7a7a; font-size:12px; padding:30px 25px 40px 25px; text-align:justify}
.blue_grad{background:url(../images/blue_grad.gif) bottom left repeat-x #FFFFFF; border:1px solid #bdbcbd;}
.blue_grad1{background:url(../images/blue_grad1.gif) top left repeat-x #f8f8f8; border:1px solid #bdbcbd;}
.cryslerblue_grad1{background:url(../images/cryslerblue_grad1.gif) top left repeat-x #f8f8f8; border:1px solid #bdbcbd;}
.bukimblue_grad1{background:url(../images/bukimblue_grad1.gif) top left repeat-x #f8f8f8; border:1px solid #bdbcbd;}
.blue_grad1b{background:url(../images/blue_grad1b.gif) top left repeat-x #ffffff; border:1px solid #bdbcbd;}
.blue_grad2{background:url(../images/blue_grad2.gif) bottom left repeat-x #ffffff; border:1px solid #ffffff;}
.blue_grad3{background:url(../images/blue_grad3.gif) bottom left repeat-x #ffffff; border:1px solid #efeeee;}
.blue_grad3b{background:url(../images/blue_grad3b.gif) top left repeat-x #ffffff; border:1px solid #efeeee;}
.blue_grad4{background:url(../images/blue_grad4.gif) top left repeat-x #f0f0f0; border:1px solid #bdbcbd;}
.cryslerblue_grad4{background:url(../images/cryslerblue_grad4.gif) top left repeat-x #c6e5f7; border:1px solid #bdbcbd;}
.bukimblue_grad4{background:url(../images/bukimblue_grad4.gif) top left repeat-x #d7dcc0; border:1px solid #acae93;}
.blue_grad4b{background:url(../images/blue_grad4b.gif) top left repeat-x #eaeaea; border:1px solid #bdbcbd;}
.blue_grad5{background:url(../images/blue_grad5.gif) top left repeat-x #dbdbdb;}
.cryslerblue_grad5{background:url(../images/cryslerblue_grad5.gif) top left repeat-x #dbdbdb;}
.bukimblue_grad5{background:url(../images/bukimblue_grad5.gif) top left repeat-x #dbdbdb;}
.blue_grad5b{background:url(../images/blue_grad5b.gif) top left repeat-x #dbdbdb;}
.blue_grad6{background:url(../images/blue_grad6.gif) bottom left repeat-x #FFFFFF;}
.blue_grad7{background:url(../images/blue_grad7.gif) bottom left repeat-x #FFFFFF;}
.blue_grad8{background:url(../images/blue_grad8.gif) bottom left repeat-x #FFFFFF;}
.blue_grad9{background:url(../images/blue_grad9.gif) bottom left repeat-x #FFFFFF;}
.blue_grad10{background:url(../images/blue_grad10.gif) top left repeat-x #FFFFFF;}
.blue_grad10_h{background:url(../images/blue_grad10_hover.gif) top left repeat-x #FFFFFF;}
/*-------------------End body Gradiants--------------------*/
/*-------------------end Body--------------------*/

/*-------------------footer--------------------*/
#foot_bg{background:#222222; color:#FFFFFF; font-size:11px; border-top:1px solid #000000;}
#gmcfoot_bg{background:#f4efb7; color:#0000; font-size:11px; border-top:1px solid #000000;}
#gmcfoot_bg a{color:#000000}
#gmcfoot_bg a:hover{text-decoration:underline;}
#cryslerfoot_bg{ background-image:url(../images/crysler_bg.gif); background-position:left top; background-repeat:repeat-x;color:#000000; font-size:11px; border-top:1px solid #000000;}
#cryslerfoot_bg a{color:#000000}
#cryslerfoot_bg a:hover{text-decoration:underline;}
#foot_bg a{color:#FFFFFF}
#foot_bg a:hover{text-decoration:underline;}
#bukimfoot_bg{ background-image:url(../images/bukim_footer_bg.jpg); background-repeat:repeat-x; background-position:left top;color:#000; font-size:11px; border-top:1px solid #000000;}
#bukimfoot_bg a{color:#000}
#bukimfoot_bg a:hover{text-decoration:underline;}
/*-------------------End footer--------------------*/

/*-------------------Fonts--------------------*/
.white13{font-size:13px; color:#FFFFFF;}
.red14{font-size:14px; color:#b12125;}
.cryslerblue14{font-size:14px; color:#31618a;}
.red20{font-size:20px; color:#b12125; font-family:"Trebuchet MS";}
.crysler{font-size:20px; color:#126c7d; font-family:"Trebuchet MS";}
.bukimred20{font-size:20px; color:#000000; font-family:"Trebuchet MS";}
.black20{font-size:20px; color:#000000; font-family:"Trebuchet MS";}
.red12{font-size:12px; color:#b12125;}
.cyan11{font-size:11px; color:#1094ac;}
.cyan12{font-size:12px; color:#1094ac;}
.bukimcyan12{font-size:12px; color:#797f3d;}
.cyan14{font-size:14px; color:#1094ac;}
.black11{font-size:11px; color:#000000;}
.black12{font-size:12px; color:#000000;}
.black14{font-size:14px; color:#000000;}
.gray12{font-size:12px; color:#646464;}
.green14{font-size:14px; color:#38b661;}
.green12{font-size:12px; color:#38b661;}
.green20{font-size:20px; color:#38b661; font-family:"Trebuchet MS";}
.blue12{font-size:12px; color:#6f9dd6;}
.blue14{font-size:14px; color:#6f9dd6;}
.blue20{font-size:20px; color:#6f9dd6; font-family:"Trebuchet MS";}
.brown12{font-size:12px; color:#a3803b;}
.brown14{font-size:14px; color:#a3803b;}
.brown20{font-size:20px; color:#a3803b; font-family:"Trebuchet MS";}
.red_12{font-size:12px; color:#ea7a7a;}
.red_14{font-size:14px; color:#ea7a7a;}
.orange12{font-size:12px; color:#de6d2f;}
.orange14{font-size:14px; color:#de6d2f;}
.orange20{font-size:20px; color:#de6d2f; font-family:"Trebuchet MS";}


/*-------------------end Fonts--------------------*/


.arrowlistmenu{
width: 938px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: 14px Arial;
color: white;
background: black url(titlebar.png) repeat-x center left;
/*margin-bottom: 10px;*/ /*bottom spacing between header and rest of content*/
/*text-transform: uppercase;*/
/*padding: 4px 0 4px 10px;*/ /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}


.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background:url(plus.gif) right left no-repeat;}
 

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}



