BODY {
	background:#E2E2E2 url("../img/bg_page.gif") repeat-x top;
	font-family:Verdana, Helvetica, Arial;
	font-size:62.5%;
	color:#333;
}

DIV.clear { clear:both; }
.left {	float:left; }
.right { float:right; }

H1, H2, H3, H4 {
	color:#003f7e;
	font-weight:bold;
	font-family:Arial, Helvetica, Verdana;
}
H1, H2, H3 {
	font-size:1.4em;
	margin-bottom:0.8em;
}
H2, H3 {
	margin-bottom:0;
}
P {
	margin-bottom:1em;
	line-height:1.4em;
	font-size:1.2em;
}
LI, LABEL { font-size:12px; }
STRONG { font-weight:bold; }

A:link, A:visited { color:#1f71c3; text-decoration:none; }
A:hover, A:active { text-decoration:underline; }
H1 A:link, H1 A:visited { color:#003f7e; }

IMG, TABLE, TD { border:none; }
TD {
	vertical-align: top;
}

.newsDate { /* Käytetään mm. hakutulossivulla ja Ajankohtaista-sivun oikean reunan listauksessa */
	font-weight:normal;
	color:#777;
	font-size:10px;
}

DIV#wrapper { background-color:#FFFFFF; }





/*
** Header
*/
DIV#header {
	/* Sivun yläreunan iso vakiokuva. Tätä vaihdellaan inline-tyyleillä kunkin sivun koodissa tarpeen mukaan */
	background: url('../img/main/mainpage.jpg') no-repeat left bottom;
}

/* Headerin flash */
DIV#headerFlash {
	position:absolute;
	top:45px;
	left:100px;
}




/* Sivun vasemman yläkulman logosta linkki. Sisältää vaakakuvan joka näytetään vain printtityylien avulla */
A#mastonLogo {
	position:absolute;
	top:0;
	left:37px;
	width:35px;
	height:135px;
	z-index:2000;
}
A#mastonLogo IMG {
	display:none;
}



/* Kielivalinta */
DIV#languageSelection {
	position:absolute;
	top:28px;
	right:-16px;
	width:16px;
	padding-top:16px;
}
DIV#languageSelection IMG {
	margin:0 0 3px 3px;
	padding:0;
	border:1px solid #999;
}





/*
** Navigaatio
*/
DIV#navigation {
	margin:5px 10px 0 10px;
	width:950px;
	height:40px;
	background:url("../img/bg_navigation_bar2.gif") repeat-x left top;
}
DIV#navigation UL {
	float:left;
	width:800px;
}
DIV#navigation UL LI {
	float:left;
	list-style:none;
}
DIV#navigation UL LI A {
	height:40px;
	line-height:40px;
	width:130px;
	display:block;

	text-align:center;
	font-family:Arial, Helvetica, Verdana;
	font-weight:bold;
	color:#444;
	font-size:12px;
	letter-spacing:0.08em;
	background:transparent url("../img/bg_navigation_btn2.gif") no-repeat left top;
}
DIV#navigation UL LI.first A {
	background:transparent url("../img/bg_navigation_btn_1st2.gif") no-repeat left top;
}

DIV#navigation UL LI.current A,
DIV#navigation UL LI A:hover,
DIV#navigation UL LI.current A:hover {
	background-position:-150px 0; /* hover state background is in same file with regular background */
	background-color:#777777;
	color:#003f7e;
	text-decoration:none;
}



/*
** Search (navigaatiopalkin oikeassa reunassa)
*/
DIV#search {
	width:130px;
	height:40px;
	line-height:40px;
	float:right;
	padding-right:10px;
	background:url("../img/bg_navigation_bar_right2.gif") no-repeat right top; /* right rounded corners of navigation area */
}
DIV#search FORM {
	background:transparent url("../img/bg_search.gif") no-repeat top left;
	margin:11px 0 0 0;
	position:relative;
	height:18px;
}
DIV#search INPUT.query {
	position:absolute;
	top:2px;
	left:20px;
	width:95px;
	font-size:1em;
	padding:1px;
	border:0;
	background:transparent;
}
DIV#search INPUT.button {
	position:absolute;
	top:3px;
	left:6px;
	border:none;
	padding:0;
}




/*
** Left mix logos
*/
DIV.contentLeft {
	padding-top:3px;
}
DIV.contentLeft A {
	display:block;
	margin-bottom:12px;
}
.avainlippu {
	text-align:center;
	margin-top:60px;
}




/* 
**	Main content area
*/
DIV.contentMainLeft P {
	text-align:left;
}
DIV.contentMainLeft IMG {
	margin:0 0.5em 0.5em 0.5em;
}
DIV.contentMainLeft IMG.left {
	float:left;
	margin:0 1em 0.5em 0;
}
DIV.contentMainLeft IMG.right {
	float:right;
	margin:0 0 0.5em 1em;
}


/* Pääsisällön listat */
DIV.contentMainLeft UL, DIV.contentMainLeft OL {
	margin: 0 0 1em 2.5em;
	padding-top:0;
}
DIV.contentMainLeft OL LI, DIV.contentMainLeft UL LI {
	padding-bottom:0.5em;
	text-align:left;
}
DIV.contentMainLeft UL LI {
	list-style-type:square;
}







/* Yhteystiedot-sivun taulukko */
TABLE.tableContact {
	width:100%;
}
TABLE.tableContact TD {
	width:50%;
	vertical-align:top;
}
TABLE.tableContact TD.tdContactLeft {
	padding-right:1em;	
}
TABLE.tableContact TD, TABLE.tableContact TD P {
	font-size:12px;
	text-align:left;
}
TABLE.tableContact EM, 
DIV.contactContent EM { /* Yhteystiedot-sivun koko sisältöalue on tämän DIVin sisällä.. jotta kursiivi olisi sinistä =) */
	color:#1f71c3;
	font-style:normal;
}



/*
** Yhteystiedot-sivun palautelomake
*/
FORM#contact {
	border:3px solid #1f71c3;
	background-color:#DFEFFF;
	padding:1em;
}
FORM#contact INPUT, FORM#contact TEXTAREA, FORM#contact SELECT {
	border:1px solid #1f71c3;
	padding:0.2em;
	font-size:12px;
}
FORM#contact H2 {
	margin-bottom:1em;
}
FORM#contact .formSection {
	clear:both;
	padding-top:1.5em;
}
FORM#contact .formLeft, FORM#contact .formRight {
	float:left;
	margin-top:0.3em;
}
FORM#contact .formLeft {
	margin-right:20px;
}
FORM#contact LABEL {
	display:block;
	margin:0;
	padding:0;
}
FORM#contact SELECT {
	margin-bottom:0.4em;
	background-color:#FFFFFF;
}
FORM#contact TEXTAREA {
	width:99%;
	height:150px;
}
FORM#contact INPUT {
	width:180px;
	background-color:#FFFFFF;
}
FORM#contact INPUT#osoite {
	width:387px;
}
FORM#contact INPUT#postinumero, FORM#contact INPUT#postitoimipaikka {
	width:90px;
}
FORM#contact INPUT.painike {
	margin-top:0.5em;
	border:2px solid #1f71c3;
	background-color:#FFFFFF;
	width: 8em;
}
FORM#contact .formError {
	color:#F00;
	font-style:italic;
}




/* Help-sivujen pictogrammitaulukko */
TABLE.pictograms TR TD {
	padding-bottom:1em;
}




/*
** Mistä saa? -osion jälleenmyyjälistaukset
*/
DIV.contentMainLeft UL.retailers {
	margin-left:0;
}
UL.retailers LI {
	list-style-type:none !important;
	margin-bottom:1em;
	margin-left:0.8em;
}
UL.retailers LI STRONG {
	margin-left:-0.8em;
}

DIV.retailerMixLogos {
	float:right;
}
DIV.retailerMixLogos A {
	line-height:7px;
	height:7px;
}

FORM#retailSearch INPUT.painike {
	margin-top:0.5em;
	padding:0.2em;
}


/*
** AUTOmix-sivun taustakuvien lataustaulukko + värikarttasivun taulukko
*/
TABLE.desktop_backgrounds P, 
TABLE.colormaps P {
	font-size:10px;
}
TABLE.desktop_backgrounds P IMG, 
TABLE.colormaps P IMG {
	border:1px solid #DDD;
	margin-left:0;
}
TABLE.colormaps TR TD {
	padding-right:1em;
}



/*
** Oikeanpuolinen sisältöalue
*/
DIV.contentMainRight H1, DIV.contentMainRight H2 {
	color:#777777;
	margin-bottom:0.8em;
	font-size:1.2em;
}
DIV.contentMainRight H3 {
	font-size:1.2em;
	margin-bottom:0;
}
DIV.contentMainRight H3 A:link, DIV.contentMainRight H3 A:visited {
	color:#003f7e;
}
DIV.contentMainRight P {
	line-height:1.1em;
	
}
A.allNews {
	float:right;
	font-size:1.2em;
	text-align:right;
}




/*
** Kakkostason navi sivun oikeassa sisältöalueessa (käytössä ainakin Tuotteet- ja Näin nnnistut! osiossa)
*/
UL.pageNavigation LI {
	list-style:none;
	padding-left:10px;
	background:#FFFFFF url("../img/list_bullet.gif") no-repeat left 3px;
	margin-bottom:0.3em;
}
UL.pageNavigation UL {
	margin-left:1.2em;
}
UL.pageNavigation UL LI {
}
UL.pageNavigation UL LI UL LI {
}




/*
** Etusivun oikean alakulman kielinosto
*/
DIV.nosto {
	border-top:50px solid #FFFFFF;
	clear:both;
/*	height:155px;
	background:transparent url(../img/illustration/car.jpg) no-repeat right bottom;
	*/
	text-align:right;
}
DIV.nosto H2 {
	margin-bottom:0.3em;
}
DIV.nosto P { margin-bottom:0; }
DIV.nosto A {
	margin-left:0.2em;
}
DIV.nosto A IMG {
	border:1px solid #CCC;
	height:15px;
}




/*
** Footer
*/
DIV.contentMiniFooter {
	font-size:1.2em;
	color:#777777;
}
DIV.footerBg {
	background:#FFFFFF url("../img/bg_footer.gif") repeat-x top;
	height:15px;
}