/** $Id: sd_style_new.css,v 1.35 2009/01/22 09:57:37 daxa Exp $ **/

/********************************* Classes for XHTML default Tag *********************************/
body { height: 100%; margin:0; padding:0; font: 11px verdana, sans-serif, tahoma, geneva, verdana; color:#000000; }
h2 { color:#e84915; font-size:1.5em; 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:#6c9000; text-decoration:underline; padding:0px; margin:0px; }
a:hover { color:#6c9000; text-decoration:none; }
a.makelink { color:#6c9000; text-decoration:underline; padding:0px; margin:0px; }
a.makelink:hover { color:#6c9000; 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; }
#main
{
	font-size:11px;
	font-family: verdana, arial, san-serif;
}
#main a
{
	color:#6c9000; text-decoration:underline; padding:0px; margin:0px;
	font-size:11px;
	font-family: verdana, arial, san-serif;
}
#main a:hover
{
	color:#6c9000; text-decoration:none; padding:0px; margin:0px;
	font-size:11px;
	font-family: verdana, arial, san-serif;
}

#main2
{
	font-size:11px;
	font-family: verdana, arial, san-serif;
}
#main2 a
{
	color:#6c9000; text-decoration:underline; padding:0px; margin:0px;
	font-size:11px;
	font-family: verdana, arial, san-serif;
}
#main2 a:hover
{
	color:#6c9000; text-decoration:none; padding:0px; margin:0px;
	font-size:11px;
	font-family: verdana, arial, san-serif;
}
/************************* Classes for differentiation of Uniq ID/Class **************************/
#main {  width:100%; margin:0 auto; }
#main2 {  width:650px; margin:10px auto 10px auto;  }

.content_size { min-width:768px; width:60em; margin:0 auto; }

#header { height:81px; }
#header .banner { float:right; padding-top:10px; }
.header_bg { background: url(../../../common_image_new/simple_dealer/3/header_bg.gif) repeat-x 0% 0%; padding:15px 0 10px 0; }

#pagelink { padding:10px 0 0 0; margin-bottom:10px; color:#000; border-top:1px solid #ccc; }
#pagelink span { color:#000; font-weight:bold; }

#vif_big_img { float:left; width:520px; text-align:center; }
#vif_small_img { float:right; width:140px; text-align:center; }
#vif_small_img li { margin:3px 0; }
#vif_small_img li { width:80px; height:60px; border:1px solid #fff; margin-left:3px; }
#vif_small_img li.no_img { border:1px solid #c0c0c0; }
.vif_small_img { float:right; width:140px; text-align:center; }

.zoom_image_abs { position:absolute; width:520px; margin:5px 0 0 -5px; }
#zoom_image_icon { text-align:right; margin:0 auto; }

#video_icon_id { text-align:left; height:21px; margin:-26px auto 0 auto; width:500px; }

#logo h1, #logo h2 { text-align:center; padding:0px; margin:10px 0 0 0; float:left; background: url(../../../common_image_new/simple_dealer/nettiauto.gif) no-repeat 50% 50%; }
#logo .moto { background: url(http://script.nettix.fi/common_image_new/simple_dealer/nettimoto.gif) no-repeat 50% 50%; }
#logo .vene { background: url(http://script.nettix.fi/common_image_new/simple_dealer/nettivene.gif) no-repeat 50% 50%; }
#logo .varaosa { background: url(http://script.nettix.fi/common_image_new/simple_dealer/nettivaraosa.gif) no-repeat 50% 50%; }
#logo .kone { background: url(http://script.nettix.fi/common_image_new/simple_dealer/nettikone.gif) no-repeat 50% 50%; }
#logo .asunto { background: url(http://script.nettix.fi/common_image_new/simple_dealer/nettiasunto.gif) no-repeat 50% 50%; }
#logo .mokki { background: url(http://script.nettix.fi/common_image_new/simple_dealer/nettimokki.gif) no-repeat 50% 50%; }
#logo .karavaani { background: url(http://script.nettix.fi/common_image_new/simple_dealer/nettikaravaani.gif) no-repeat 50% 50%; }
#logo .kirpputori { background: url(http://script.nettix.fi/common_image_new/simple_dealer/nettimarkkina.gif) no-repeat 50% 50%; }
#logo a { height:64px; width:162px; display:block; }
#logo span { display:none; }

.content_border { border:10px solid #d2ea89; padding:10px; width:96%; }
.gray_border { border-top:1px solid #929292; }

.heading_box { background:#fff url(http://script.nettix.fi/common_image_new/simple_dealer/3/heading_bg.gif) repeat-x 0% 0%; padding:15px; margin-bottom:15px; }
.heading_box h1, .heading_box h2 { margin-bottom:15px; }

.listing_box { background:#fff url(http://script.nettix.fi/common_image_new/simple_dealer/3/listing_bg.gif) repeat-x 0% 0%; border:1px solid #d2ea89; padding:10px; margin-bottom:15px; }
.listing_box li.col1 { float:left; width:37%; text-align:center; }
.listing_box li.col2 { float:left; width:60%; margin-left:2%; line-height:1.5em; }

.green_button { color:#000; float:left; text-decoration:none; cursor:pointer; margin-left:10px; }
.green_button:hover { color:#c00;  }
.green_button * { display:block; float:left; }
.green_button span { background:url(../../../common_image_new/green_button_corn_tl.gif) no-repeat top left; }
.green_button span span { background:url(../../../common_image_new/green_button_corn_tr.gif) no-repeat top right; }
.green_button span span span { background:url(../../../common_image_new/green_button_corn_bl.gif) no-repeat bottom left; }
.green_button span span span span { background: url(../../../common_image_new/green_button_corn_br.gif) no-repeat bottom right; padding:6px 10px; }
.green_button span span span span span.send_link { background:url(../../../common_image_new/send_link.gif) no-repeat 0% 50%;  padding:6px 0 6px 35px; font-weight:bold; }
.green_button span span span span span.pdf { background:url(../../../common_image_new/pdf.gif) no-repeat 0% 50%;  padding:6px 0 6px 32px; font-weight:bold; }
.green_button span span span span span.printable_version { background:url(../../../common_image_new/printable_version.gif) no-repeat 0% 50%;  padding:6px 0 6px 35px; font-weight:bold; }

.orange_button { color:#fff; float:left; text-decoration:none; cursor:pointer; margin-left:3px; }
.orange_button:hover { color:#ff0;  }
.orange_button * { display:block; float:left; }
.orange_button span { background:url(../../../common_image_new/orange_button_corn_tl.gif) no-repeat top left; }
.orange_button span span { background:url(../../../common_image_new/orange_button_corn_tr.gif) no-repeat top right; }
.orange_button span span span { background:url(../../../common_image_new/orange_button_corn_bl.gif) no-repeat bottom left; }
.orange_button span span span span { background: url(../../../common_image_new/orange_button_corn_br.gif) no-repeat bottom right; padding:1px 8px; _padding:1px 8px 2px 8px; }

#questions ul { width:100%; }
#questions ul li { float:left; padding:5px; color:#000; }
#questions ul li.q_even { clear:both; padding:5px 7px; background:#cdea91; width:2%; font-weight:bold; }
#questions ul li.q_odd { background:#e6f4c8; width:94%; }
#questions ul li.r_even { clear:both; padding:5px 7px; background:#ebebeb; width:2%; font-weight:bold; }
#questions ul li.r_odd { background:#f5f5f5; width:94%; margin-bottom:10px; }
#questions ul li a { color:#000; }
.blinking_qa { padding:5px; width:94%; background-color: #fffac0; }

.bubble_box { position:absolute; margin-left:-100px; width:428px; display:none; }
.bubble_box b.top { background:url(../../../common_image_new/bubble_tl.gif) top left no-repeat; display:block; font-weight:normal; font-size:1px; height:28px; }
.bubble_box b.top b { background: url(../../../common_image_new/bubble_tr.gif) top right no-repeat; display:block; font-weight:normal; font-size:1px; height:28px; }
.bubble_box b.top b span.close { cursor:pointer; margin:20px 0 0 390px; display:block; position:absolute; background: url(../../../common_image_new/bubble_close.gif) 0 0 no-repeat; width:20px; height:20px; }
.bubble_box div.box_content { border-left:10px solid #afd161; border-right:10px solid #afd161; background:#fff; }
.bubble_box div.box_content1 { clear:both; display:block; padding:5px 15px;  }
.bubble_box b.bottom { background:url(../../../common_image_new/bubble_bl.gif) bottom left no-repeat; display:block; font-weight:normal; font-size:1px; height:28px; }
.bubble_box b.bottom b { background: url(../../../common_image_new/bubble_br.gif) no-repeat bottom right;  display:block; font-weight:normal; font-size:1px; height:28px; }

.bubble_box_big { position:absolute; width:578px; display:none; }
.bubble_box_big b.top { background:url(../../../common_image_new/bubble_tl_big.png) top left no-repeat; display:block; font-weight:normal; font-size:1px; height:28px; }
.bubble_box_big b.top b { background: url(../../../common_image_new/bubble_tr.png) top right no-repeat; display:block; font-weight:normal; font-size:1px; height:28px; }
.bubble_box_big b.top b span.close { cursor:pointer; margin:20px 0 0 540px; display:block; position:absolute; background: url(../../../common_image_new/bubble_close.gif) 0 0 no-repeat; width:20px; height:20px; }
.bubble_box_big div.box_content { border-left:10px solid #afd161; border-right:10px solid #afd161; background:#fff; }
.bubble_box_big div.box_content1 { clear:both; display:block; padding:5px 15px;  }
.bubble_box_big b.bottom { background:url(../../../common_image_new/bubble_bl_big.png) bottom left no-repeat; display:block; font-weight:normal; font-size:1px; height:28px; }
.bubble_box_big b.bottom b { background: url(../../../common_image_new/bubble_br.png) no-repeat bottom right;  display:block; font-weight:normal; font-size:1px; height:28px; }

#navigation { line-height:1.5em; font-size:.9em; }
#navigation .hlight { font-weight:bold; }

#contact_box li { float:left; margin:5px 0; width:20%; line-height:1.5em; padding:0 1em; text-align:left; border-right:1px solid #ccc; height:5em; }

#contact_person li { float:left; margin:5px 0; width:28%; line-height:1.5em; padding:0 1em; text-align:left; border-right:1px solid #ccc; height:6em; }
#contact_person li .col1 { float:left; width:41%; }
#contact_person li .col2 { float:right; width:57%; }

#listing .odd { background-color:#fff; }
#listing .even { background-color:#f5f5f5; }

#vif_bigimg { float:left; width:75%; text-align:center; }
#vif_smallimg { float:left; width:24%; text-align:center; }

#footer .fiare a { background: url(../../../common_image_new/simple_dealer/fiare.gif) no-repeat 50% 50%; padding:5px 10px; text-decoration:none; font-size:.85em; }
#footer .fiare a span { visibility:hidden; }
#footer .fiare { float:left; font-size:.85em; margin-top:10px; }

/********************* 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; }
.width_full { width:100%; }
.small_text { font-size:.85em; }
.small_text1 { font-size:.80em; line-height:1.1em; }
.mid_text { font-size:.9em; }
.line_height { line-height:1.5em; }
.line_height1 { line-height:2em; }
.right_content { float:right; padding-right:10px; line-height:3em; }
.right_content img { margin-top:0.6em; }
.right_content input { margin-top:0.6em; }
.mid_align { vertical-align:middle; }
.star { color:#f00; font-weight:normal; }
.iborder { padding: 2px; border: 1px solid #c9c9c9; }
.hlight { color:#e84915; }
.listpadding { padding: 5px; }
.content_box { background:#f5f5f5; padding:10px; }
.oborder { padding: 2px; border: 1px solid #13a1d6; }
.message { color:#000000; padding:5px; margin:5px; border: 1px solid #d6be89; background-color: #fffac0; }
.blue_bg { background:#e5ebe7; }
.plain h2 { color:#13a1d6; font-size:1.5em; font-weight:normal; margin-bottom:15px; padding:0; }
.warranty { text-align:center; width:150px; margin-top:5px; }

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

#dhtmltooltip { padding:5px; padding-left:10px; position: absolute; border:1px solid #c2de80; visibility: hidden; font: .90em/1.2em arial, sans-serif, tahoma, geneva, verdana; color:#000000; }

/****************************** classes for differentiation of link *******************************/
.play_icon { vertical-align:top; margin-left:-25px; margin-top:5px; position:absolute; }
a.video_icon { background:url(../../../common_image_new/video_icon.gif) no-repeat 0% 50%; padding:3px 3px 3px 22px; }
a.zoom_icon { background:url(../../../common_image_new/zoom_icon.gif) no-repeat 0% 50%; padding:3px 3px 3px 20px; }

/************************** 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; }
.button { font-size:.98em; }

.textbox1 { width:30em; }
.textbox2 { width:8em; }
.textbox3 { width:15em; }
.textbox4 { width:12em; }
.textbox5 { width:10em; }
.textbox6 { width:20em; }
.textbox7 { width:30em; }

.listbox1 { width:5em; height:7em; }
.listbox2 { width:6em; height:7em; }
.listbox3 { width:13em; height:7em; }
.listbox5 { width:13em; height:7em; }

.url_textbox { width:40.3em; background:#ebebe4; border:1px solid #a4acb4; }

/*************************** Classes for VIF Tab button **************************/
.shadetabs { padding:0 0 5px 0px; margin-bottom:0px; _margin-bottom:-1px; position:relative; list-style-type:none; text-align: left; }
.shadetabs li { display: inline; margin: 0; padding:5px 5px; }
.shadetabs li a { font-size:.85em; text-decoration: none; }
.shadetabs li a:hover { text-decoration:underline; }
.shadetabs li.selected { padding:5px 5px; text-decoration: underline; border:1px solid #b6b6b6; border-bottom:none; background:#fff url(../../../common_image_new/gray_tab_active_bg.gif) 0 0 repeat-x; }
.shadetabs li.selected { text-decoration:none; }

.shares{ clear:both; position:relative; padding:0px; margin:0 0 0 0; font-family: Verdana, Arial, Helvetica, sans-serif;}
.shares ul { text-align:left; list-style:none; margin:6px 0 4px 0; padding:5px 0px 5px 10px; background:#e5ebe7; }
.shares ul li { text-align:center; display:inline; padding:0px 4px 0px 0 ; }
.shares ul li.delicious { background:url(../../../common_image_new/delicious.gif) no-repeat 0 0; background-position: center left; }
.shares ul li.myspace { background:url(../../../common_image_new/myspace.gif) no-repeat 0 0; background-position: center left; }
.shares ul li.digg { padding:0px 0px 0px 2px; background:url(../../../common_image_new/digg.gif) no-repeat 0 0; background-position: center left}
.shares ul li.facebook { padding:0px 0px 0px 0px;background:url(../../../common_image_new/facebook.gif) no-repeat 0 0; background-position: center left;}
.shares ul li a { font-size:13px; color:#000; padding:0 0 0 20px; margin:0 4px 0 0px; }

a.share_icon { background:url(../../../common_image_new/share_icon.gif) 0 50% no-repeat; padding-left:33px; }
a.sendlink_icon { background:url(../../../common_image_new/sendlink_small_icon.gif) 0 50% no-repeat; padding-left:24px; }
a.addtofav_icon { background:url(../../../common_image_new/addtofav_small_icon.gif) 0 50% no-repeat; padding-left:20px; }
a.reportad_icon { background:url(../../../common_image_new/reportad_small_icon.gif) 0 50% no-repeat; padding-left:18px; }
a.reportad_bad_icon { background:url(../../../common_image_new/reportad_bad_small_icon.gif) 0 50% no-repeat; padding-left:18px; }
a.pdf_icon { background:url(../../../common_image_new/pdf_small_icon.gif) 0 50% no-repeat; padding-left:20px; }
.tabcontentstyle { border:1px solid #b6b6b6; padding:10px; clear:both; display:none; }

.hif li { float:left; padding:2px; }
.hif li.col1 { width:30%; clear:both; }
.hif li.col2 { width:65%; }

.zoom_image_abs { position:absolute; width:100px; margin:5px 0 0 -5px; }
#zoom_image_icon { text-align:right; margin:0 auto; }

#thumb_img li { float:left; width:80px; height:60px; border:1px solid #fff; margin-left:3px; }
#thumb_img li.no_img { border:1px solid #c0c0c0; }