/*
*	body: 	etusivun background: bg_body.gif (korkeampi harmaa alue)
*			alasivu.html background: bg_header_sub.gif (sininen ja matalampi)
*			alasivu_sisu.html background:	bg_header_sub.gif (sininen ja matalampi)
*			alasivu_renault.html: bg_header_sub_renault.gif (punainen tausta)
*/
body {
	background: #464c40;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #404040;
	font-style: normal;
	padding: 0px;}

/* YLEISET */
p, h1, h2, h3, table, tr, td, ol, ul { 	margin: 0px;	padding: 0px; }

a { outline: none; }

/*Taulukon vakimäärityksiä*/
table td{	vertical-align: top;}



select{ width:90%;}

/* #all ja #center keskittävät koko palvelun */
#all {
	width: 825px;
	height:auto;
	position: absolute;	
}

#center {
	margin: 5px auto 0 auto;
	width:825px;
	height:auto;
}

/*header starts*/ 
#header{
	width: 770px;
	height: 260px;
	border: 0px solid #FF0000;
}

#header span{display: none;}

#header ul{
	list-style-type:none;
	margin:0px 0px 0px 0px;	}
	
#header li{
	background: transparent url(/pics/bg_yla_navi_vali.gif) no-repeat 0px 3px;
	padding: 0px 5px 0px 10px;
	display:inline;	}
	
#header li.yla_navi_first{
	background: transparent;}

#header_sub {
	width: 825px;
	background: transparent url(/pics/bg_header.gif) no-repeat;
	height: 54px;
	border: 0px solid #FF0000;
	padding: 17px 0 0 0;
	margin: 0 0 5px 0;
}
				
#header_sub #sisuauto_logo a {
	text-decoration:none;
	width:170px;
	height:24px;
	display:block;}
							
#header_sub #sisuauto_logo span {
	visibility:hidden;}
	
#header_sub ul{
	list-style-type:none;
	margin:0px 0px 0px 0px;}
					
#header_sub li{
	background: transparent url(/pics/bg_yla_navi_vali.gif) no-repeat 0px 3px;
	padding: 0px 5px 0px 10px;
	display:inline;
	z-index: 2;
}
					
#header_sub li.yla_navi_first{
	background: transparent;}

#sisuauto_logo{
	background: transparent url(/pics/sisu_defence_logo.gif) no-repeat;
	height:  24px;
	width: 170px;
	border: 0px solid #000;
	margin: 0 0 0 20px;	}

#play_video { 
	position: absolute; 
	left: 703px; 
	top: 1px; 
	width: 122px; 
	height: 20px;
	}
	
	#play_video  img { border: 0;}
	
#sisulogo_ala { 
	background: transparent url(/pics/sisuauto_logo_ala.gif) no-repeat; 
	position: absolute; 
	left: 710px; 
	bottom: 0; 
	width: 118px; 
	height: 28px;
	}


#skip_video { 
	position: absolute; 
	left: 748px; 
	top: 21px; 
	width: 77px; 
	height: 20px;
	}
	
	#skip_video  img { border: 0;}


#all_video {  }

#center_video { height: 516px; width: 932px; position: relative; margin: 30px auto;   }


	
#video_container {
	background: #fff;
	border: 7px solid #8c8c84;
	position: relative;
	}

/* sivulla olevien ylimpien kuvapaikkojen määritykset */

#kuvapaikka_yla {
	width: 811px;
	height: 223px;
	background: #8c8c84;
	position: relative;
	padding: 7px;
	margin: 0;
	border-bottom: 5px #424d42 solid;
	
}

	#kuvapaikka_yla .vasen { 
		position: relative; 
		float: left; 
		height: 222px; 
		width: 529px; 
		}
		
	#kuvapaikka_yla .oikea { 
		position: relative; 
		float: right; 
		height: 222px; 
		width: 274px; 
		}

/* Galleriaa koskevat */

#kuvapaikka_yla .gallery {
	background-color: #000;
	position: relative;
	float: left;
	height: 222px;
	width: 529px;
}
#caption_container
{
	float: left;
	display: table;
	height: 222px;
	width: 196px;
	vertical-align: middle;
}
#caption {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: 222px;
	width: 196px;
	overflow: hidden;
	color: #fff;
}

	#caption p { color: #fff; } 

#image { 
	float: left; 
	height: 222px; 
	width: 333px; 
	overflow: hidden; 
	} 


/* Sisällön vasemman laidan kuvapaikka */

#kuvapaikka_content_l { 
	position: relative; 
	width: 122px; 
	height: 325px; 
	float: left; 
	margin: 13px 10px 0 23px; 
	display: inline; 
	}
	
/* Sisällön oikean kuvapaikka ja teksti */

#kuvapaikka_content_r { 
	position: absolute; 
	width: 274px; 
	height: 365px;  
	}
	
#content_r_teksti { 
	position: absolute; 
	width: 234px; 
	height: 350px; 
	color: #FFFFFF;  
	padding: 15px 20px 10px 20px; 
	}

/* Sisällön alhaalla sijaitseva kuvapaikka */

#kuvapaikka_content_ala { 
	position: relative; 
	float: left; 
	}

#container { 
	position: relative; 
	width: 825px; 
	}

/* content_left div */

#content_vasen { 
	position: relative;
	float: left;
	width: 363px;
	background: #fff;
	margin: 13px 0px 0 0;
	padding: 0 21px 0 0;
	border: 0px solid #000000;
	height: 415px;
	overflow: hidden;
	}
	
#content_vasen_gallery { 
	position: relative;
	float: left;
	width: 380px;
	background: #fff;
	margin: 13px 0px 0 0;
	padding: 0 5px 0 0;
	border: 0px solid #000000;
	height: 405px;
	overflow: auto;
	}

#content_vasen_gallery a { padding: 0 0 0 0;}
	
#content_vasen_etusivu { 
	position: relative;
	float: left;
	width: 490px;
	background: #fff;
	margin: 13px 0px 0 0;
	padding: 0 27px 0 20px;
	border: 0px solid #000000;
	height: 415px;
	overflow: auto;
	}


#content_vasen_defence { 
	position: relative;
	float: left;
	width: 490px;
	background: #fff;
	margin: 13px 0px 0 0;
	padding: 0 27px 20px 20px;
	border: 0px solid #000000;
	height: 405px;
	overflow: auto;
	}
#content_vasen_defence_history { 
	position: relative;
	float: left;
	width: 775px;
	background: #fff;
	margin: 13px 0px 0 0;
	padding: 0 21px 20px 20px;
	border: 0px solid #000000;
	height: 405px;
	overflow: auto;
	}

#content_vasen_log { 
	position: relative;
	float: left;
	width: 775px;
	background: #fff;
	margin: 13px 0px 0 0;
	padding: 0 21px 20px 20px;
	border: 0px solid #000000;
	height: 400px;
	overflow: auto;
	}
	
/* Bulletin-arean määrityksiä */

#bm { 
	position: relative; 
	margin: 0; 
	padding: 0; 
	width: 300px;
	}
	
#list {
 	position: relative; 
	margin: 0; 
	padding: 0; 
	width: 300px;
	}
	 
#msg { 
	position: relative; 
	margin: 0; 
	padding: 0;  
	}

/* content_oikea div */

#content_oikea { 
	position: relative;
	background: #525751;
	float: left;
	width: 274px;
	height: 415px;
	margin: 13px 0 0 0;
	
}

/* oikean laidan navigaatio, product range */

#right_navi_pr { 
	position: absolute; 
	width: 234px; 
	height: 350px; 
	color: #FFFFFF;  
	padding: 15px 20px 10px 20px; 
	}

	#content_oikea #right_navi_pr a.active { 
		color: #FFCC00; 
		font-weight: bold; 
		}

	#content_oikea #right_navi_pr a { 
		color: #FFF; 
		font-weight: bold; 
		}
	
	#content_oikea #right_navi_pr a:hover { 
		color: #FFCC00; 
		font-weight: bold; 
		}
	
	#content_oikea #right_navi_pr p { 
		color: #FFFFFF; 
		font-weight: bold; 
		padding: 0; 
		margin: 0; 
		}

/* etusivun oikean laidan navigaatio */


#right_navi { position: relative; margin: 30px 0 0 0;}

	#right_navi a.right_navi { 
		width: 60px; 
		height: 70px; 
		background: transparent url(/pics/clear.gif); 
		display: block; 
		text-indent: -100000px; 
		margin: 0 0 12px 0; 
		}

/* product range-sivun oikea navi */

#content_r_teksti a.engines { 
		width: 140px; 
		height: 60px; 
		background: transparent url(/pics/clear.gif); 
		display: block; 
		text-indent: -100000px; 
		margin: 0 0 12px 0; 
		}

/* engines-table ja sivu */

#engines { 
	position: relative; 
	}

	#engines table td { 
		border: 1px solid #999999; 
		width: 150px; 
		padding: 5px; 
		}
	
	#content_r_teksti p.engines { color: #FFFFFF; font-weight: bold;}

	
	
/*product rangen vasemman laidan navigaatio*/

#product_range_navi { 
	position: relative; 
	width: 122px; 
	height: 325px; 
	float: left; 
	margin: 5px 20px 0 13px; 
	display: inline; 
	}
	
#product_range_navi A:link { 
	border: 2px #fff solid; 
	display: block; 
	padding: 0 0 0 0; 
	}
	
#product_range_navi A:visited { 
	border: 2px #fff solid; 
	display: block; 
	}
	
#product_range_navi A:active { 
	border: 2px #fff solid; 
	display: block; 
	}
	
#product_range_navi A:hover { 
	border: 2px #adb2ad solid; 
	display: block; 
	}

#product_range_navi a.current { 
	border: 2px #adb2ad solid; 
	display: block; 
	}


/*ylänavissa linkit ja palaute ja sivukartta*/
#yla_navi{
	position: absolute;
	left: 430px;
	top: 24px;
	border: 0px solid #000;
	font-size: 11px;
	z-index: 2;}

#yla_navi_sub{
	position: absolute;
	left: 400px;
	top: 24px;
	border: 0px solid #000;
	font-size: 11px;
	z-index: 2;
}
	


/*Navigointi*/
#navi {
	position: absolute;
	top: 266px;
	left: 0px;
	background: transparent url(/pics/bg_navi.gif) repeat-x 0px 0px;
	height: 29px;
	border: 0px solid #000;
	padding-top: 0px;
	margin-top: 0px;
	float: left;
	width: 800px;
	line-height: 26px;
	font-size: 11px;}
		
#navi ul{	list-style-type: none;}
	
#navi li{
	padding-left: 0px;
	padding-right: 0px;
	display:inline;
	background: transparent url(/pics/bg_yla_navi_vali_.gif) no-repeat 0px 3px;	}
	
#navi a{
	padding-left: 23px;
	padding-right: 0px;
	padding-top: 0px;}
			
#navi a:link {color: #434343;	text-decoration: none; font-weight: bold; }
#navi a:visited {color: #434343; text-decoration: none; font-weight: bold;} 
#navi a:hover {color: #727272; text-decoration: none; font-weight: bold;} 
#navi a:active {color: #434343; text-decoration: none; font-weight: bold;}		


/*Page = sisältöalue*/
#page_main{ 
	padding-top: 40px;
	width: 760px;
	height: auto;
	background-color:#FFFFFF;
	border: solid 0px #000;
	margin-left: 10px;
	margin-top: 3px;}
	
#page{
	position: relative;
	padding-top: 0px;
	width: 825px;
	height: 680px;
	background-color:#FFFFFF;
	border: solid 0px #000;
	}

#page a:link {color: #0059A5;	text-decoration: none;}
#page a:visited {color: #0059A5; text-decoration: none;} 
#page a:hover {color: #0059A5; text-decoration: underline;} 
#page a:active {color: #0059A5; text-decoration: none;}

#page_404{
	position: relative;
	padding-top: 0px;
	width: 825px;
	height: 450px;
	background-color:#FFFFFF;
	border: solid 0px #000;
	}

#page_log{
	position: relative;
	padding-top: 0px;
	width: 825px;
	height: 450px;
	background-color:#FFFFFF;
	border: solid 0px #000;
	}

	
ul	{
	margin:0px 0px 5px 5px; 
	padding: 0 0 0 10px; 
	position: relative;
	}
	
 ol { 
 	margin:0px 0px 5px 12px; 
	padding: 0 0 0 10px; 
	position: relative;
	}
					
 li{ padding: 0 0 0 0px;
	}
						
 a{						
	background-position:0px 5px;
	background-repeat:no-repeat;
	padding: 0px 0px 8px 0px;
	color: #0F63AB;}


/*etusivun vasemman palstan alaosassa oleva navigointi ajankohtaisiin asioihin*/
#ala_navi{
		padding: 0px 0px 20px 0px;
		margin: 10px 0px 0px 0px;
		line-height: 12px;
		height: 15px;
		list-style-type: none;
		font-family: Arial, verdana, Helvetica, sans-serif;
		font-size: 11px;
		color: #888888;	}
			
#ala_navi li{
		padding:0px 7px 0px 10px;
		height:auto;
		background-image:url(/pics/ala_navi_vali.gif);
		background-position:0px 3px;
		background-repeat:no-repeat;
		display:inline;
		color: #888888;	}
				
#ala_navi li.first {background: none; padding: 0px 6px 0px 0px;}
		
#ala_navi a:link {color: #888888;	text-decoration: underline; }
#ala_navi a:visited {color: #888888; text-decoration: underline; } 
#ala_navi a:hover {color: #727272; text-decoration: none; } 
#ala_navi a:active {color: #888888; text-decoration: underline; }

#clear{
clear:both;
}

/* FOOTER */

#footer { position: relative; margin: 0 auto; width: 825px;  background: transparent; }