/** $Id: od_browser.css,v 1.6 2009/03/12 11:32:22 tapan Exp $ **/

/********************************* Classes for XHTML default Tag *********************************/
body { height: 100%; margin:0; padding:0; font: .80em/1.2em arial, sans-serif, tahoma, geneva, verdana; color:#000000; }
table { font-size:100%; }
h1 { color:#0b92c4; font-size:1.4em; font-weight:normal; margin:0; padding:0; }
h2 { color:#e84915; font-size:1.4em; font-weight:normal; margin:0; padding:0; }
h3 { color:#000; font-size:1.3em; font-weight:bold; margin:0; padding:0; line-height:1.4em; }
h4 { color:#e84915; font-size:1em; font-weight:bold; margin:0; padding:0; }
form { display:inline; margin:0; padding:0px; }
fieldset { padding:0; margin:0; border:none; }
img { border:none; }
a { color:#0b92c4; text-decoration:underline; padding:0px; margin:0px; }
a:hover { color:#0b92c4; text-decoration:none; }
ul, li { list-style-type:none; padding:0px; margin:0px; }
ul.inline { width:100% }
ul.inline li { float:left; }
ul.inline li.floatr { float:right; }
p { margin:10px 0; }

/*************************** Classes for differentiation of Layout Size **************************/

#main {  width:100%; margin:0 auto; }
.content_size { min-width:768px; width:66em; margin:0 auto; }
.content_size li.left_part { width:15.3em; min-width:190px; float:left; margin-left:5px; }
.content_size li.right_part { width:49em; min-width:560px; float:left; margin-left:10px;}

#header { background:#7bcbe8 url(../siteimage/header_bg.gif) 0% 100% repeat-x; }
#header h1 { font-size:2em; color:#fff; margin-top:20px; padding:10px; }
#header .cname { width:50%; line-height:2em; }

#dealer_logo { background:#fff url(../siteimage/header_left.gif) 0% 100% no-repeat; }
#dealer_logo div.right_img { background: url(../siteimage/header_right.gif) 100% 100% no-repeat; padding:10px 20px; width:14em; height:80px; overflow:hidden; text-align:center; }

#header h1 a.auto { float:left; display:block; width:144px; height:85px; text-indent:-9000px; background: transparent url(../siteimage/top_right_na.gif) no-repeat top right; margin-top:-22px; }

#menu li { background: url(../siteimage/menu_bg_line.gif) 0% 0% no-repeat; padding:5px; }
#menu li.none { background: transparent; }
#menu li a { background: url(../siteimage/gray_dot.gif) 0% 50% no-repeat; padding:5px 0px 5px 15px; display:block; font-weight:bold; color:#505050; text-decoration:none; }
#menu li a:hover { background: url(../siteimage/blue_dot.gif) 0% 50% no-repeat; color:#0b92c4; }
#menu li a.active { background: url(../siteimage/blue_dot.gif) 0% 50% no-repeat; color:#0b92c4; }

.gray_border_box b.top  { font-size:1px; height:9px; display:block; background:#fff url(../siteimage/gray_border_tb.gif) top left repeat-x; }
.gray_border_box b.top  b { background:url(../siteimage/gray_border_tl.gif) top left no-repeat; display:block; height:9px; }
.gray_border_box b.top  b b { background:url(../siteimage/gray_border_tr.gif) top right no-repeat; display:block; height:9px; }
.gray_border_box div.box { display:block; padding:0 8px; border-left:1px solid #ccc; border-right:1px solid #ccc; background:#fff; }
.gray_border_box div.content_box { display:block; padding:0 8px; border-left:1px solid #ccc; background:#fff; }
.gray_border_box b.bottom  { font-size:1px; height:9px; display:block; background:#fff url(../siteimage/gray_border_bb.gif) bottom left repeat-x; }
.gray_border_box b.bottom  b { background:url(../siteimage/gray_border_bl.gif) bottom left no-repeat; display:block; height:9px; }
.gray_border_box b.bottom  b b { background:url(../siteimage/gray_border_br.gif) bottom right no-repeat; display:block; height:9px; }

.gray_border_box h2 { font-weight:bold; color:#0b92c4; font-size:1.2em; margin-bottom:10px; }

#simplesearch select { width:13em; margin-bottom:6px; }
#feedback label { font-weight:bold; }
.subheader { background:#cdcdcc url(../siteimage/heading_gray.gif) 0 0 repeat-x; padding:5px; font-weight:bold; }
.nav_norecord { background:#e2f3fc; font-weight:bold; padding:5px; margin:5px 0; color:#cc3300; }

.navigation { background:#fff url(../siteimage/navigation_bg.gif) 0% 0% repeat-x; padding:10px; border-top:1px solid #b9dff1; border-bottom:1px solid #b9dff1; font-size:.85em; margin:10px 0; }
.navigation ul { width:100%; }
.navigation li { float:left; }
.navigation li span { color:#0b92c4; font-weight:bold; }
.navigation li.col1 { width:25%; line-height:1.8em; text-align:left; }
.navigation li.col2 { width:50%; text-align:center; }
.navigation li.col3 { width:24%; text-align:right; line-height:1.8em; }

#listing_heading { background:#cdcdcc url(../siteimage/heading_gray.gif) 0 0 repeat-x; font-weight:bold; font-size:.9em;  padding:8px; border:1px solid #fff; }
#listing_heading ul { width:100%; }
#listing_heading ul li { margin-right:0.5em; float:left; }
#listing_heading ul li.col1 { width:22%; }
#listing_heading ul li.col2 { width:8%; }
#listing_heading ul li.col3 { width:12%; }
#listing_heading ul li.col4 { width:10%; }
#listing_heading ul li.col5 { width:23%; }
#listing_heading ul li.col6 { width:18%; margin-right:0; float:left; text-align:center; }

.listing { font-size:.85em; padding:10px 0; border-bottom:1px solid #e5e5e5; }
.listing ul { margin-left:5px; }
.listing ul li { margin-right:0.5em; float:left; }
.listing ul li.col1 { width:22%; }
.listing ul li.col1 a { color:#000; }
.listing ul li.col2 { width:8%; }
.listing ul li.col3 { width:12%; }
.listing ul li.col4 { width:10%; }
.listing ul li.col5 { width:23%; }

#listing_heading_moto { padding:8px; background:#cdcdcc url(../siteimage/heading_gray.gif) 0 0 repeat-x; font-weight:bold; font-size:.9em; }
#listing_heading_moto ul { width:100%; }
#listing_heading_moto ul li { margin-right:0.5em; float:left; }
#listing_heading_moto ul li.col1 { width:27%; }
#listing_heading_moto ul li.col2 { width:15%; }
#listing_heading_moto ul li.col3 { width:15%; }
#listing_heading_moto ul li.col4 { width:15%; }
#listing_heading_moto ul li.col5 { width:20%; margin-right:0; float:left; }

.listing_moto { font-size:.85em; padding:10px 0; border-bottom:1px solid #e5e5e5; }
.listing_moto ul { margin-left:5px; }
.listing_moto ul li { margin-right:0.5em; float:left; }
.listing_moto ul li.col1 { width:27%; }
.listing_moto ul li.col1 a { color:#000; }
.listing_moto ul li.col2 { width:15%; }
.listing_moto ul li.col3 { width:15%; }
.listing_moto ul li.col4 { width:15%; }
.listing_moto ul li.col5 { width:20%; }

#listing_heading_kone { padding:8px; background:#cdcdcc url(../siteimage/heading_gray.gif) 0 0 repeat-x; font-weight:bold; font-size:.9em; }
#listing_heading_kone ul { width:100%; }
#listing_heading_kone ul li { margin-right:0.5em; float:left; }
#listing_heading_kone ul li.col1 { width:22%; }
#listing_heading_kone ul li.col2 { width:18%; }
#listing_heading_kone ul li.col3 { width:8%; }
#listing_heading_kone ul li.col4 { width:8%; }
#listing_heading_kone ul li.col5 { width:18%; }
#listing_heading_kone ul li.col6 { width:18%; margin-right:0; float:left; }

.listing_kone { font-size:.85em; padding:10px 0; border-bottom:1px solid #e5e5e5; }
.listing_kone ul { margin-left:5px; }
.listing_kone ul li { margin-right:0.5em; float:left; }
.listing_kone ul li.col1 { width:22%; }
.listing_kone ul li.col1 a { color:#000; }
.listing_kone ul li.col2 { width:18%; }
.listing_kone ul li.col3 { width:8%; }
.listing_kone ul li.col4 { width:8%; }
.listing_kone ul li.col5 { width:18%; }
.listing_kone ul li.col6 { width:18%; }

#listing_heading_varaosa { padding:8px; background:#cdcdcc url(../siteimage/heading_gray.gif) 0 0 repeat-x; font-weight:bold; font-size:.9em; }
#listing_heading_varaosa ul { width:100%; }
#listing_heading_varaosa ul li { margin-right:0.5em; float:left; }
#listing_heading_varaosa ul li.col1 { width:18%; }
#listing_heading_varaosa ul li.col2 { width:18%; }
#listing_heading_varaosa ul li.col3 { width:22%; }
#listing_heading_varaosa ul li.col4 { width:8%; }
#listing_heading_varaosa ul li.col5 { width:8%; }
#listing_heading_varaosa ul li.col6 { width:20%; margin-right:0; float:left; }

.listing_varaosa { font-size:.85em; padding:10px 0; border-bottom:1px solid #e5e5e5; }
.listing_varaosa ul { margin-left:5px; }
.listing_varaosa ul li { margin-right:0.5em; float:left; }
.listing_varaosa ul li.col1 { width:18%; }
.listing_varaosa ul li.col1 a { color:#000; }
.listing_varaosa ul li.col2 { width:18%; }
.listing_varaosa ul li.col3 { width:22%; }
.listing_varaosa ul li.col4 { width:8%; }
.listing_varaosa ul li.col5 { width:8%; }
.listing_varaosa ul li.col6 { width:18%; }

.listing ul li.col6 { width:18%; margin-right:0; text-align:center; }
#listing .odd { background-color:#fff; }
#listing .even { background-color:#f8f8f8; }

#footer { background: url(../siteimage/footer_bg.gif) repeat-x 0% 0%; padding:20px 0 10px 0; }
#footer a { background: url(../siteimage/fiare.gif) no-repeat 0% 50%; padding:5px 10px; text-decoration:none; font-size:.85em; }
#footer a span { visibility:hidden; }

/********************* classes for differentiation of padding, border & color ********************/
.fl { float:left; }
.fr { float:right; }
.floatl { float:left; }
.floatr { float:right; }
.clear { clear:both; }
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.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; }
.margin_top { margin-top:5px; }
.margin_top1 { margin-top:10px; }
.margin_bottom { margin-bottom:5px; }
.margin_bottom1 { margin-bottom:10px; }
.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; }
.white_text { color:#ffffff; }
.gray_text { color:#7f7f7f; }
.blue_text { color:#002e5b; }
.red_text { color:#e84915; }
.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.1em; }
.mid_align { vertical-align:middle; }
.top_align td { vertical-align:top; }
.star { color:#f00; font-weight:normal; }
.width_full { width:100%; }
.same_line {display:inline;}
.message { padding:5px; border: 1px solid #d6be89; background-color: #fffac0; }
.warranty { text-align:center; width:60px; margin-top:5px; }

/************************** classes for differentiation of form element **************************/

input { vertical-align: middle; margin:0px 2px 2px 0px; padding:1px; }
input, textarea, select { font: .90em/1.2em arial, sans-serif, tahoma, geneva, verdana; color:#000000; }
.disable_input { filter:alpha(opacity=70); -moz-opacity:0.5; opacity: 0.50; }

.textarea { width:280px; height:150px; }
.textbox1 { width:5em; }
.textbox2 { width:8em; }
.textbox3 { width:9em; }
.textbox4 { width:12em; }
.textbox5 { width:15em; }