/*
	Wihuri Oy Autola screen CSS
*/


/* Styles by element types */

body
{
	margin: 0;
	padding: 0;
	background: #D5D5D5 url(../images/body_bg.gif) repeat-x left top;
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #525252;
	text-align: center;
}

a,
a:link,
a:visited
{
	outline: none;
	color: #0A6401;
	text-decoration: underline;
}

a:hover,
a:active
{
	outline: none;
	color: #0A6401;
	text-decoration: none;
}

a img
{
	border: none;
}

table
{
	border-collapse: collapse;
}

td,
th
{
	vertical-align: top;
}

h1
{
	font-size: 14px;
	color: #0A6401;
}

h2
{
	font-size: 12px;
	color: #0A6401;
}

h3
{
	font-size: 12px;
	color: #525252;
}

h4
{
	font-size: 12px;
	color: #525252;
	font-weight: normal;
	text-transform: uppercase;
}







/* Styles by classes */

.float_right
{
	float: right;
}

.float_left
{
	float: left;
}

select.select_prodcat
{
	margin-top: 5px;
	width: 179px;
	font-size: 12px;
}






/* Drop shadow wrappers */

#outer_wrapper
{
	width: 1007px;
	margin: 0 auto;
	padding: 0;
	background: transparent url(../images/content_wrapper_bg.gif) repeat-y left top;
}

#inner_wrapper
{
	text-align: left;
	width: 979px;
	margin: 0;
	padding: 0 14px 0 14px ;
	background: transparent url(../images/top_wrapper_bg.gif) no-repeat left top;
}




#head
{
	margin: 0;
	padding: 0;
	width: 979px;
	border-top: 12px solid #bbbfc3;
}

#masthead
{
	width: 229px;
	height: 100px;
	background: #0A6401 url(../images/masthead1.gif) no-repeat left top;
	padding: 0;
}

#masthead h1,
#masthead h1 a
{
	display: block;
	width: 229px;
	height: 100px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	cursor: pointer;
}

#top_right
{
	vertical-align: bottom;
	padding: 0;
	background-color: #000;
}

#top_banner
{
	margin: 0;
	padding: 0;
}



#crumb_bar
{
	background-color: #F5F5F5;
	border-bottom: 1px solid #D8D6D6;
	width: 979px;
}

#crumb_bar td
{
	vertical-align: middle;
}

#crumbs
{
	width: 445px;
	padding-left: 32px;
	color: #6D6D6D;
}

#crumbs a,
#crumbs a:link,
#crumbs a:visited
{
	color: #6D6D6D;
	text-decoration: none;
}

#crumbs a:hover,
#crumbs a:active
{
	color: #6D6D6D;
	text-decoration: underline;
}

#trademarks
{
	padding-right: 10px;
}

#trademarks select
{
	font-size: 12px;
	width: 195px;
}

#trademarks select option
{
	display: block;
	padding: 1px 5px;
}

#search_form form
{
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

#search_form input
{
	vertical-align: middle;
	font-size: 12px;
	padding: 2px 5px 2px;
	width: 180px;
	margin-right: 2px;
}

#search_form input.autowidth
{
	padding: 0;
	width: auto;
}

#print_link
{
	height: 35px;
	width: 45px;
	text-align: right;
}




#home_main
{
	width: 979px;
	background-color: #11161A;
	margin-top: 7px;
	margin-bottom: 0;
}

#home_main td
{
	padding: 0;
	vertical-align: top;
}

#home_main td#main_right
{
	padding: 32px 21px 0 0;
	color: #fff;
	background: transparent url(../images/bar_green.gif) no-repeat 5px 0;
}

#home_main td#main_right h2
{
	margin: 0 0 10px 0;
	padding: 0;
	color: #BEEA12;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

#home_main td#main_right a,
#home_main td#main_right a:link,
#home_main td#main_right a:visited
{
	color: #BEEA12;
	text-decoration: none;
}

#home_main td#main_right a:hover,
#home_main td#main_right a:active
{
	color: #BEEA12;
	text-decoration: underline;
}



#imagenavi_wrapper
{
	background-color: #11161A;
	border-top: 1px solid #0A6401;
	padding: 8px 11px 3px;
}

#imagenavi_wrapper h2
{
	font-size: 12px;
	color: #BEEA12;
	margin: 0 0 6px 7px;
}

#imagenavi
{
	width: 955px;
}

#imagenavi th
{
	padding: 0;
	border-left: 1px solid #11161A;
}

#imagenavi th#e-shop_link
{
	width: 181px;
	border: none;
	background-color: #BEEA12;
	text-align: center;
	vertical-align: middle;
}

#imagenavi th#e-shop_link a,
#imagenavi th#e-shop_link a:link,
#imagenavi th#e-shop_link a:visited
{
	color: #0A6401;
	text-decoration: none;
}

#imagenavi th#e-shop_link a:hover,
#imagenavi th#e-shop_link a:active
{
	color: #0A6401;
	text-decoration: underline;
}

#imagenavi td
{
	color: #fff;
	padding-top: 2px;
}

#imagenavi td a,
#imagenavi td a:link,
#imagenavi td a:visited
{
	color: #fff;
	font-size: 12px;
	font-weight: bold; 
	text-decoration: none;
	padding-left: 14px;
	background: transparent url(../images/icn_plus_ltgrn.gif) no-repeat left center;
}

#imagenavi td a:hover,
#imagenavi td a:active
{
	text-decoration: underline;
}




#home_bottom
{
	margin-top: 13px;
	width: 979px;
}

#home_bottom th
{
	padding: 10px 30px 0 22px;
	text-align: left;
	font-size: 12px;
	text-transform: uppercase;
	border-right: 1px solid #E8E7E7;
}

#home_bottom th .float_right
{
	text-transform: none;
}

#home_bottom a,
#home_bottom a:link,
#home_bottom a:visited
{
	color: #0A6401;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

#home_bottom a:hover,
#home_bottom a:active
{
	color: #0A6401;
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
}


#home_bottom td
{
	vertical-align: top;
	padding: 10px 30px 0 22px;
	border-right: 1px solid #E8E7E7;
}




/* Home page news list */

#home_bottom .newslist td
{
	padding: 1px 10px 1px 0;
	border: none;
}

#home_bottom .newslist td a,
#home_bottom .newslist td a:link,
#home_bottom .newslist td a:visited
{
	color: #525252;
}

#home_bottom .newslist td a:hover,
#home_bottom .newslist td a:active
{
	text-decoration: none;
	color: #1D971D;
}




/* Home page jobs list */

#home_bottom .float_left
{
	margin-right: 20px;
}

#home_bottom .jobslist
{
	width: 335px;
}

#home_bottom .jobslist td,
#home_bottom .jobslist th
{
	padding: 1px 15px 1px 18px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	text-transform: none;
}

#home_bottom .jobslist th
{
	background: transparent url(../images/blt_arrow_gray.gif) no-repeat 3px center;
}

#home_bottom .jobslist tr.odd td,
#home_bottom .jobslist tr.odd th
{
	background-color: #EBEBEB;
}

#home_bottom .jobslist tr.even td,
#home_bottom .jobslist tr.even th
{
	background-color: #F4F4F4;
}

#home_bottom .jobslist th a,
#home_bottom .jobslist th a:link,
#home_bottom .jobslist th a:visited
{
	color: #525252;
}

#home_bottom .jobslist th a:hover,
#home_bottom .jobslist th a:active
{
	text-decoration: none;
	color: #1D971D;
}







/* Standard template styles */

#standard #body,
#section #body
{
	margin: 0;
	width: 979px;
	border-bottom: 9px solid #000;
	font-size: 12px;
}

#standard #body td 
{
	padding: 0;
	vertical-align: top;
}

#subnavi
{
	width: 185px;
	border: none;
	background: #fff url(../images/sidebar_bg.gif) repeat-y left top;
}

#subnavi #topborder
{
	height: 10px;
	background-color: #fff;
	margin: 0;
	padding: 0;
}

#subnavi h2
{
	width: 174px;
	font-size: 14px;
	padding: 0 0 4px 11px;
	margin: 0;
	background-color: #fff;
	border-left: 4px solid #0A6401;
}

#subnavi h2 a,
#subnavi h2 a:link,
#subnavi h2 a:visited
{
	color: #525252;
	text-decoration: none;
}

#subnavi h2 a:hover,
#subnavi h2 a:active
{
	color: #525252;
	text-decoration: underline;
}

#subnavi #subnavi_wrapper
{
	width: 179px;
	background-color: #fff;
	margin: 0;
	padding: 2px 0 6px;
}

#subnavi #subnavi_wrapper ul
{
	border-top: 1px solid #D2DADB;
	border-bottom: 1px solid #D2DADB;
	padding: 0 0 1px 0;
	margin: 0;
	list-style: none;
}

#subnavi #subnavi_wrapper ul ul
{
	border: none;
	margin: 0;
	padding: 0;
}

#subnavi #subnavi_wrapper li
{
	display: inline;
}

#subnavi #subnavi_wrapper li a,
#subnavi #subnavi_wrapper li a:link,
#subnavi #subnavi_wrapper li a:visited
{
	display: block;
	border-left: 4px solid #B3C1B7;
	border-top: 1px solid #fff;
	background-color: #EFF0EF;
	padding: 2px 18px 3px 13px;
	color: #525252;
	text-decoration: none;
}

#subnavi #subnavi_wrapper li a:hover,
#subnavi #subnavi_wrapper li a:active,
#subnavi #subnavi_wrapper li.active a,
#subnavi #subnavi_wrapper li.active a:link,
#subnavi #subnavi_wrapper li.active a:visited
{
	border-left: 4px solid #BEEA12;
	background-color: #fff;
}

#subnavi #subnavi_wrapper li.haschildren a
{
	background: #EFF0EF url(../images/icn_plus_opqgry.gif) no-repeat 161px 7px;
}


#subnavi #subnavi_wrapper li.haschildren a:hover,
#subnavi #subnavi_wrapper li.haschildren a:active
{
	border-left: 4px solid #BEEA12;
	background: #fff url(../images/icn_plus_opqgry.gif) no-repeat 161px 7px;
}

#subnavi #subnavi_wrapper li.haschildren_active a,
#subnavi #subnavi_wrapper li.haschildren_active a:link,
#subnavi #subnavi_wrapper li.haschildren_active a:visited
{
	border-left: 4px solid #BEEA12;
	background: #fff url(../images/icn_minus_opqgry.gif) no-repeat 161px 7px;
}

#subnavi #subnavi_wrapper li li a,
#subnavi #subnavi_wrapper li li a:link,
#subnavi #subnavi_wrapper li li a:visited,
#subnavi #subnavi_wrapper li.haschildren_active li a,
#subnavi #subnavi_wrapper li.haschildren_active li a:link,
#subnavi #subnavi_wrapper li.haschildren_active li a:visited,
#subnavi #subnavi_wrapper li.haschildren_active li a:hover,
#subnavi #subnavi_wrapper li.haschildren_active li a:active
{
	padding-left: 23px;
	border-top: none;
	border-left: 4px solid #BEEA12;
	background-image: none;
}



#subnavi #subnavi_wrapper li li.haschildren a,
#subnavi #subnavi_wrapper li li.haschildren a:link,
#subnavi #subnavi_wrapper li li.haschildren a:visited
{
	background: #fff url(../images/icn_plus_opqgry.gif) no-repeat 161px 5px;
}

#subnavi #subnavi_wrapper li li.haschildren_active a,
#subnavi #subnavi_wrapper li li.haschildren_active a:link,
#subnavi #subnavi_wrapper li li.haschildren_active a:visited
{
	background: #fff url(../images/icn_minus_opqgry.gif) no-repeat 161px 5px;
}

#subnavi #subnavi_wrapper li li a:hover,
#subnavi #subnavi_wrapper li li a:active,
#subnavi #subnavi_wrapper li li.active a,
#subnavi #subnavi_wrapper li li.active a:link,
#subnavi #subnavi_wrapper li li.active a:visited
{
	text-decoration: underline;
	background-image: none;
}

#subnavi #subnavi_wrapper li li li a,
#subnavi #subnavi_wrapper li li li a:link,
#subnavi #subnavi_wrapper li li li a:visited,
#subnavi #subnavi_wrapper li li li a:hover,
#subnavi #subnavi_wrapper li li li a:active,
#subnavi #subnavi_wrapper li.haschildren_active li li a,
#subnavi #subnavi_wrapper li.haschildren_active li li a:link,
#subnavi #subnavi_wrapper li.haschildren_active li li a:visited,
#subnavi #subnavi_wrapper li.haschildren_active li li a:hover,
#subnavi #subnavi_wrapper li.haschildren_active li li a:active,
#subnavi #subnavi_wrapper li li.haschildren_active li a,
#subnavi #subnavi_wrapper li li.haschildren_active li a:link,
#subnavi #subnavi_wrapper li li.haschildren_active li a:visited
#subnavi #subnavi_wrapper li li.haschildren_active li a:hover,
#subnavi #subnavi_wrapper li li.haschildren_active li a:active
{
	padding-left: 33px;
	background-image: none;
}



#left_banner
{
	margin: 16px 0;
	text-align: center;
}


#standard #body #content
{
	width: 100%;
	border-left: 1px solid #D8D6D6;
	padding: 7px 0 41px 11px;
	background: #fff url(../images/std_content_bg.gif) repeat-x left bottom;
}

#section #body #content
{
	padding-bottom: 41px;
}

#standard #body #content_head
{
	width: 100%;
	border-bottom: 1px solid #D8D6D6;
	margin-bottom: 1em;
}

#standard #body #content_head.section
{
	margin-bottom: 0;
}

#standard #body #content_head #heading,
#section #body #content_head #heading
{
	border-left: 9px solid #0A6401;
}

#standard #body #content_head #heading h2,
#section #body #content_head #heading h2
{
	color: #0A6401;
	font-size: 15px;
	margin: 0;
	padding: 13px 16px;
}

#standard #body #content_head #offer,
#section #body #content_head #offer
{
	text-align: right;
	vertical-align: middle;
}


#standard #content_body
{
	padding: 0 40px 40px 0;
}







#standard #content_body td.main
{
	padding: 7px 7px 7px 0;
	width: 584px;
	border-right: 1px solid #D8D6D6;
}

#section_intro
{
	width: 584px;
	margin-bottom: 7px;
}

#standard #content_body #section_intro td.left
{
	padding-right: 10px;
}

#standard #content_body #section_intro td.right
{
	background-color: #F5F5F5;
	border: 1px solid #DEDEDE;
	padding: 11px;
	width: 100%;
}

#standard h2.divider
{
	margin: 0;
	padding: 0;
	border-top: 5px solid #D8D6D6;
	padding-top: 6px;
	font-size: 12px;
}

#standard h2.divider span
{
	display: block;
	padding: 2px 8px;
	border-left: 5px solid #1D971D;
}

#section_contents
{
	width: 100%;
	margin: 4px 0 0 0;
}

#section_contents th,
#section_contents td
{
	padding: 0;
	border: 1px solid #DEDEDE;
}

#section_contents td
{
	width: 192px;
}

#section_contents td img
{
	margin: 0;
	padding: 0;
	border: none;
}

#section_contents td
{
	background-color: #F5F5F5;
}

#section_contents td.empty
{
	background-color: #fff;
}

#section_contents td.empty div.section_image
{
	border: none;
	display: none;
}

#section_contents td div.section_image
{
	width: 192px;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #DEDEDE;
	background-color: #fff;
}

#section_contents td h2.bulleted
{
	clear: both;
	background: #fff url(../images/blt_green_round_arrow.gif) no-repeat 3px 7px;
	padding: 5px 6px 5px 20px;
	margin: 0;
	font-size: 12px;
}

#section_contents td.empty h2.bulleted
{
	display: none;
}

#section_contents td div.content
{
	padding: 8px;
}

#section_contents td.empty div.content
{
	display: none;
}


#standard #content_body td.side
{
	padding: 7px 0 0 7px;
}

#standard #content_body td.side div.container
{
	width: 176px;
	border: 1px solid #DEDEDE;
	margin-bottom: 7px;
	background-color: #F5F5F5;
}

#standard #content_body td.side div.container h2
{
	background-color: #fff;
	color: #0A6401;
	font-size: 12px;
	margin: 0;
	padding: 10px 9px;
	border-bottom: 1px solid #DEDEDE;
}

#standard #content_body td.side div.container div.content
{
	padding: 10px;
}

#standard #content_body td.side div.container div.content a,
#standard #content_body td.side div.container div.content a:link,
#standard #content_body td.side div.container div.content a:visited
{
	color: #525252;
	text-decoration: underline;
}

#standard #content_body td.side div.container div.content a:hover,
#standard #content_body td.side div.container div.content a:active
{
	color: #525252;
	text-decoration: none;
}






/* Product page */

#standard #content_body #prod_main
{
	width: 385px;
	background-color: #F5F5F5;
	padding: 0;
	border: 1px solid #DEDEDE;
}

#standard #content_body #prod_main #prod_head
{
	background-color: #fff;
	border-bottom: 1px solid #DEDEDE;
}









/* Navigo specific styles */

/* NAVIGO DEFAULT TABLE */

#standard #content_body .u4-table-default
{
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

#standard #content_body .u4-table-default-header
{
	background: #0A6401;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	color: #fff;
	padding: 4px 8px;
	border-bottom: 1px solid #D8D8D8;
}

#standard #content_body .u4-table-default-header2,
#standard #content_body .u4-table-default-even,
#standard #content_body .u4-table-default-odd
{
	background-color: #fff;
	vertical-align: top;
	text-align: left;
	color: #525252;
	padding: 4px 8px;
	border-bottom: 1px solid #D8D8D8;
}

#standard #content_body .u4-table-default-odd
{
	background-color: #EFF0EF;
}


/* UNSTYLED TABLE */

#standard #content_body .u4-table-unstyled-header,
#standard #content_body .u4-table-unstyled-header2,
#standard #content_body .u4-table-unstyled-even,
#standard #content_body .u4-table-unstyled-odd
{
	vertical-align: top;
	text-align: left;
}

/* TABLE CELL STYLES */

#standard #content_body .u4-table-default-left
{
	text-align: left;
	padding: 4px 8px;
	border-top: 1px solid #fff;
}

#standard #content_body .u4-table-unstyled-left
{
	text-align: left;
}

#standard #content_body .u4-table-default-right
{
	text-align: right;
	padding: 4px 8px;
	border-top: 1px solid #fff;
}

#standard #content_body .u4-table-unstyled-right
{
	text-align: right;
}

/*  bullet-listakohtien valeista ylimaaraiset marginaalit pois */

ul p.MsoNormal { margin-top:2px; margin-bottom: 2px; }
ul p { margin-top:2px; margin-bottom: 2px; }

.textInputTd, .selectInputTd, .senderInputTd{
    width : 183px;
}








/* Tooltips */
.tooltip-header
{
	background-color: #0A6401 !important;
	color: #fff;
	line-height: 1.4;
	text-align: left;
	font-weight: bold;
	padding: 2px 5px;
	font-size: 11px;
	width: 190px;
	border: 1px solid #B2B8B3;
	border-bottom: none;
	/*
	filter:alpha(opacity=95);
	-moz-opacity:.95;
	opacity:.95;
	
	margin-top: -150px;*/
}

.tooltip-body
{
	background-color: #fff;
	line-height: 1.4;
	padding: 2px 5px;
	font-size: 11px;
	width: 190px;
	text-align: left;
	border: 1px solid #B2B8B3;
	border-top: none;
	/*
	filter:alpha(opacity=95);
	-moz-opacity:.95;
	opacity:.95;
	*/
}



div.galleryContainer
{
	padding: 5px;
	background-color: #eee;
}

table.galleryImage
{
	background-color: #ddd;
}

table.galleryImage td
{
	padding: 5px;
	border: 1px solid #aaa;
}