/********************************* Classes for XHTML default Tag *********************************/
body { margin:0; padding:0; font: .80em/1.3em arial, verdana, sans-serif, tahoma; color:#000; }
h1 { color:#000; font:normal 1.6em/1.5em arial, verdana, sans-serif, tahoma; margin:0 0 5px 0; padding:0; }
h2 { color:#000; font:normal 1.4em/1.5em arial, verdana, sans-serif, tahoma; margin:0 0 5px 0; padding:0; }
h3 { color:#e84915; font:bold 1.2em/1.5em arial, verdana, sans-serif, tahoma; margin:0; padding:5px 0; }
h4 { color:#000; font:bold 1em arial, verdana, sans-serif, tahoma; margin:0; padding:5px 0; }
form { margin:0; padding:0; }
img { border:none; }
a { outline:none; color:#166e83; text-decoration:underline; padding:0px; margin:0px; }
a:hover { text-decoration:none; }
ul, li { list-style-type:none; padding:0px; margin:0px; }
p { margin:5px 0; padding:0; line-height:1.5em; }
p.no_space { margin:0; padding:0; }
ul.inline { width:100%; }
ul.inline li { float:left; }
ul.inline li.fr { float:right; }

/************************ Classes for different layout boxes and grid  ************************/
.lsize { width:900px; margin:0 auto; }

/************************ Classes for differentiation of uniq ID & used to every page ************************/
#header { background:url(../../../images/header_bg.gif) repeat-x 0 0; }
#header .header_graphic { background: url(../../../images/header_graphic.gif) no-repeat 46% 100%; height:120px; overflow:hidden; }
#header .banner { padding:5px; border:1px solid #c7cdce; background:#f2f3f4; width:468px; float:right; }

#logo { float:left; margin-top:10px; }
#logo h2 { padding:0; margin:0; background:transparent; }
.logo_ee h2 a { background: url(/images/ee/logo.gif) no-repeat 0 0; display:block; width:172px; height:60px; float:left; text-indent:-9999px; }
.logo_ee h2.moto a { background: url(/images/ee/logo.gif) no-repeat 0 0; }
.logo_ee h2.paat a { background: url(/images/ee/logo.gif) no-repeat 0 0; }

.logo_se h2 a { background: url(/images/se/logo.gif) no-repeat 0 0; display:block; width:182px; height:60px; float:left; text-indent:-9999px; margin-top:-4px; }
.logo_se h2.moto a { background: url(/images/se/logo.gif) no-repeat 0 0; }
.logo_se h2.paat a { background: url(/images/se/logo.gif) no-repeat 0 0; }

.logo_uk h2 a { background: url(/images/uk/logo.gif) no-repeat 0 0; display:block; width:172px; height:60px; float:left; text-indent:-9999px; }
.logo_uk h2.moto a { background: url(/images/uk/logo.gif) no-repeat 0 0; }
.logo_uk h2.paat a { background: url(/images/uk/logo.gif) no-repeat 0 0; }

#pagelink { padding-bottom:10px; color:#166e83;}
#pagelink span { color:#000; font-weight:bold; }

#cname { clear:both; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; background: url(../../../images/menu_bg.gif) repeat-x 0 0; height:39px; line-height:39px; }
#cname .col1 { float:left; width:600px; line-height:39px; padding:0; margin:0; }
#cname .col2 { float:right; width:290px; text-align:right; }

#content_area { clear:both; background:#fff url(../../../images/content_top_grad.gif) repeat-x 0 0; padding:20px 0 10px 0; }

.blue_content_box { clear:both; background: url(../../../images/content_box_left.gif) no-repeat 0 0; }
.blue_content_box .box_right { clear:both; background: url(../../../images/content_box_right.gif) no-repeat 100% 0; padding:10px; }

#dealer_info { padding:10px; margin:5px 0; }
#dealer_info .col1 { float:left; width:550px; line-height:1.6em; }
#dealer_info .col2 { float:right; width:280px; margin:10px 13px 0 0; text-align:right; }

#dealer_person { background:#f1f1f1; border:1px solid #ccc; padding:5px; margin-bottom:5px; }
#dealer_person li { float:left; height:60px; border-right:1px solid #ccc; padding-left:15px; margin:5px 0; width:23%; text-align:left; }
#dealer_person li.last { border:none; }

#vif_big_img { float:left; width:600px; }
#vif_big_img .img_border { border:4px solid #ccc; padding:2px; }

#vif_thumb_img { float:right; width:210px; }
#vif_thumb_img ul { width:100%; }
#vif_thumb_img li { float:left; margin:6px; width:85px; height:72px; }
#vif_thumb_img li img { border:2px solid #ccc; padding:2px; }

#footer { background:#5ca2ab url(../../../images/footer_bg.gif) repeat-x 0 0; height:100px; padding:20px 0;color:#000; }

#footer a.powered_by { font-size:.85em; color:#fff; background: url(../../../images/vendep_copyright.gif) no-repeat 100% 0; line-height:30px; height:30px; padding-right:75px; text-decoration:none; }
#popup_footer a.powered_by { font-size:.85em; color:#000; background: url(../images/fiare_gray.gif) no-repeat 100% 0; line-height:30px; height:30px; padding-right:40px; text-decoration:none; }

#footer .col1 { float:left; width:400px; color:#fff;}
#footer .col2 { float:right; width:130px; }
#footer .powerby_box { border:5px solid #c7cdce; background:#fff; float:right; }

.navigation { color:#000; }
.navigation li.col1 { float:left; width:70%; padding:5px 0; margin-bottom:5px; }
.navigation li.col2 { float:right; width:27%;  padding:5px 0; margin-bottom:5px; text-align:right }
.navigation a { font-weight:bold; color:#000; text-decoration:none; }
.navigation a:hover { text-decoration:underline; }
.navigation .disable { color:#7d7d7d; text-decoration:none; font-weight:bold; }
.nav_pagelink a { font-weight:normal; border:1px solid #166e83; background:#f3f4f5; padding:2px 6px; text-decoration:none; color:#000; }
.nav_pagelink a:hover, .nav_pagelink a.active { background:#578b97; color:#fff; text-decoration:none; }


#listing_heading { background:#8f9b9d; padding:6px 8px; font-weight:bold; font-size:.9em; color:#fff; }
#listing_heading span, .listing li { margin-right:4px; float:left; padding-left:1px; }
#listing_heading .col1, .listing .col1 { width:24%; }
#listing_heading .col2, .listing .col2 { width:8%; }
#listing_heading .col3, .listing .col3 { width:10%; }
#listing_heading .col4, .listing .col4 { width:15%; }
#listing_heading .col5, .listing .col5 { width:23%; }
#listing_heading .col6, .listing .col6 { width:15%; }
#listing_heading a { color:#fff; }
.listing { font-size:.85em; padding:10px 0; background: url(../../../images/hr_line_blue.gif) repeat-x 0 100%; }
.listing .col1 a.bold { font-weight:bold; font-size:1.1em; }
.listing_sel { background-color:#fffac0; }

.listing ul { margin:0 8px; }

#vehicle_info { float:left; width:700px; }
#vif_adv { float:right; width:170px; text-align:right; }
.heading { background:#567c81 url(../../../images/heading2_bg.gif) repeat-x 0 50%; height:29px; color:#fff; }
.heading h2 { background: url(../../../images/heading2_left.gif) no-repeat 0 50%; height:29px; line-height:29px; color:#fff; font-weight:bold; font-size:1em; margin:0; padding:0 0 0 30px; }
.heading1 { background:#0198bd; border:1px solid #00749e; color:#fff; padding:0 5px 2px 5px; margin-bottom:3px; }
.heading1 h2 { color:#fff; font-weight:bold; font-size:1em; margin:0; padding:0; }
.heading .fr, .heading1 .fr { height:18px; line-height:18px; }
.heading .fr img, .heading1 .fr img { margin-top:3px; }
.heading a { color:#363636; }
.heading1 a { color:#fff; }
.heading2 { background:#0198bd; color:#fff; font-size:.85em; }

.content_box { clear:both; margin:5px 0 10px 0; }

#dhtmltooltip { padding:5px; padding-left:10px; position:absolute; border:1px solid #bdd600; visibility:hidden; font-family: arial, verdana, sans-serif, tahoma; background:#fff; }

a.gray_button { background: url(../../../images/but_right.gif) no-repeat 100% 0; font-size:.85em; float:left; cursor:pointer; text-decoration:none; color:#000; }
a.gray_button span { height:27px; line-height:27px; padding:0 10px; background: url(../../../images/but_left.gif) no-repeat 0 0; display:block; float:left; }
a.gray_button:hover { text-decoration:underline; }
a.gray_button span.send_link { background: url(../../../images/but_send_link.gif) no-repeat 0 0; padding-left:30px; }
a.gray_button span.pdf { background: url(../../../images/but_pdf.gif) no-repeat 0 0; padding-left:30px; }
a.gray_button span.printable_version { background: url(../../../images/but_printable_version.gif) no-repeat 0 0; padding-left:30px; }
a.gray_button span.close_but { background: url(../../../images/but_close.gif) no-repeat 0 0; padding-left:28px; }

.gray_button_space a.gray_button { margin-right:10px; }

/********************* classes for differentiation of padding, border & color ********************/
.fl { float:left; }
.fr { float:right; }
.clear { clear:both; }
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.inline { display:inline; }
.bold { font-weight:bold; }
.normal { font-weight:normal; }
.padding { padding:5px; }
.padding1 { padding:10px; }
.padding_lr { padding:0 5px; }
.padding_lr1 { padding:0 10px; }
.padding_tb { padding:5px 0; }
.padding_tb1 { padding:10px 0; }
.padding_top { padding-top:5px; }
.padding_top1 { padding-top:10px; }
.padding_bottom { padding-bottom:5px; }
.padding_bottom1 { padding-bottom:10px; }
.padding_left { padding-left:5px; }
.padding_left1 { padding-left:10px; }
.padding_right { padding-right:5px; }
.padding_right1 { padding-right:10px; }
.margin { margin:5px; }
.margin1 { margin:10px; }
.margin_tb { margin-top:5px; margin-bottom:5px; }
.margin_tb1 { margin-top:10px; margin-bottom:10px; }
.margin_lr { margin-left:5px; margin-right:5px; }
.margin_lr1 { margin-left:10px; margin-right:10px; }
.margin_top { margin-top:5px; }
.margin_top1 { margin-top:10px; }
.margin_top2 { margin-top:15px; }
.margin_top30 { margin-top:30px; }
.margin_bottom { margin-bottom:5px; }
.margin_bottom1 { margin-bottom:10px; }
.margin_bottom2 { margin-bottom:15px; }
.margin_left { margin-left:10px; }
.margin_right { margin-right:10px; }
.padding_none { padding:0; margin:0; }
.line_height { line-height:1.5em; }
.line_height1 { line-height:2em; }
.white_bg { background:#fff; }
.gray_bg { background:#e2e2e2; }
.white_text { color:#ffffff; }
.gray_text { color:#7f7f7f; }
.darkgray_text { color:#6c6c6c; }
.blue_text { color:#002e5b; }
.red_text, star, hlight { color:#e84915; }
.form_error { color:#e00; font-size:.85em; }
.hlight { color:#e84915; }
.black_text { color:#000; }
.small_text { font-size:.85em; }
.small_text1 { font-size:.80em; line-height:1.1em; }
.mid_text { font-size:.9em; }
.big_text { font-size:1.3em; }
.mid_align { vertical-align:middle; }
.top_align td { vertical-align:top; }
.star { color:#f00; font-weight:normal; }
.top_align td { vertical-align:top; }
.width_full { width:100%; }
.same_line {display:inline;}
.odd { background:#f3f9fb; }
.even { background:#e5eff3; }
.evenbox { background-color: #e5eff3; border: 1px solid #c6dbe3; padding:5px; }
.oddbox { background-color: #f3f9fb; border: 1px solid #d0e4ea; padding:5px; }
.slogan { background:#e8ecbf; padding:5px 10px; margin:5px 0; border:1px solid #ced678; font-weight:bold; }
.dname { font-size:1.4em; }


/************************************ classes for form element ***********************************/
input { vertical-align: middle; margin:0px 2px 2px 0px; padding:1px; }
input, textarea, select { font: .9em/1.2em arial, sans-serif, tahoma, geneva, verdana; color:#000000; }
.textbox { width:200px; }
.textbox1 { width:350px; }
.message { color:#000000; padding:5px; margin:5px 0; border:1px solid #d6be89; background-color:#fffac0; }

#tbl_que_ans ul { width:100%; }
#tbl_que_ans ul li { float:left; padding:5px; }
#tbl_que_ans ul li.q_even { color:#055364; padding:5px 7px; background:#cfdadd; width:2%; font-weight:bold; }
#tbl_que_ans ul li.q_odd { color:#055364; background:#e1eaec; width:94%; }
#tbl_que_ans ul li.r_even { color:#000; padding:5px 7px; background:#ebebeb; width:2%; font-weight:bold; }
#tbl_que_ans ul li.r_odd { color:#000; background:#f5f5f5; width:94%; margin-bottom:10px; }
#tbl_que_ans ul li.r_odd a { color:#000; }
#tbl_que_ans ul li .del_que { margin-top:-15px; position:relative; }


#orange_button_id a.orange_button { background: url(../../../images/orange_but_left.gif) no-repeat 0 0; font-size:11px; float:left; cursor:pointer; text-decoration:none; color:#fff; }
#orange_button_id a.orange_button span { height:17px; line-height:17px; padding:0 8px; background: url(../../../images/orange_but_right.gif) no-repeat 100% 0; display:block; float:left; color:#fff; font-weight:normal; }
#orange_button_id a.orange_button:hover { background-position:0 100%; }
#orange_button_id a.orange_button:hover span { background-position:100% 100%; }
#orange_button_id a.orange_button, #orange_button_id .orange_button_space a.orange_button { margin-right:5px; }

/*********************************** classes for Tool tip & Bubble *******************************/

#dhtmltooltip { padding:5px; padding-left:10px; position:absolute; border:1px solid #bdd600; visibility:hidden; font-family: arial, verdana, sans-serif, tahoma; background:#fff; }

.bubble { display:block; position:absolute; top:55px; left:15px; border:7px solid #bdd600; background-color:#ffffff; width:500px; z-index:1; padding:15px; }
.close { text-align:right; position:absolute; width:500px; margin:-15px 0 0 15px; }
.loadingmsg { font-size:18px; color:#e84915; }