/*
***********************************************************

Title:			PrestoMainStyle.css
Browser(s): 	All (except IE)

Author: 		Gianmarco Lauriola (www.gianmarcolauriola.com)
Created: 		14.08.2008
Last modified: 	19.12.2008

***********************************************************
*/



* {
padding: 0em;
margin: 0em;
}

/***********************************************
					BODY
***********************************************/

body {
	padding: 0px 0px 0px 0px;
	background-color: #999;
	background-image: url(../SiteWideAssets/Layout/mainBG2.jpg);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}

/***********************************************
					GENERAL
***********************************************/

a {
color: #CC9900;
text-decoration: none;
}

a:hover {
color:#000;
text-decoration: underline;
}

p {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
color: #FFFFFF;
font-weight: normal;
text-align: left;
}

em {
font-style: italic;
border-bottom: 1px dotted #3b3b3b;
}

pre, code {
margin: 2px 0 16px 0;
background: #666;
color: #000;
font: 12px/16px 'Courier New', Courier, monospace;
}

ol, ul, li {
list-style: none;
}

/***********************************************
					OUTER
***********************************************/

#outer {
	position: relative;
	width: 950px;
	margin-left: 0px;
	margin-top: 0px;
	border-top: 0;
}

#upBg {
	position: absolute;
	top: 10px;
	left: 965px;
	width: 204px;
	height: 365px;
	padding: 0px 0px 0px 0px;
	background: none;
	z-index: 1;
}

/***********************************************
					HEADER
***********************************************/

#header {
	position: relative;
	width: 950px;
	height: 379px;
	top: 0;
	background-color: #FFFFFF;
}

#header .logo {
float: left;
margin-top: 0;
margin-left: 0;
width: 200px;
height: 90px;
border: none;
}

.logo a img {
border: none;
}

#header .contactLogo {
	float: right;
	margin-top: 0;
	margin-left: 170px;
	width: 200px;
	height: 90px;
	border: none;
}

.contactLogo a img {
border: none;
}

#header .pic {
	float: left;
	margin: 0;
	padding-top: 0;
	height: 160px;
	border-top: 8px solid #000;
}

#header .NavBar {
position: relative;
float: left;
width: 950px;
height: 110px;
margin-top: 0px;
background-color: #666666;
border-bottom: 1px solid #666;
}

/***********************************************
				PRIMARY CONTAINER
***********************************************/

#primaryContainer {
position: relative;
width: 950px;
margin: 0;
}

#primaryContainer .split {
float: left;
top: 0;
bottom: 0;
width: 950px;
height: 16px;
background-color: #FFF;
}

#primaryContainer .dividerSmall {
float: left;
width: 217px;
height: 1px;
margin-top: 10px;
margin-left: 8px;
margin-bottom: 12px;
background: url(../SiteWideAssets/Layout/divider-5px.jpg) left repeat-x;
}

#primaryContainer .dividerBig {
float: left;
width: 462px;
height: 1px;
margin-top: 10px;
margin-bottom: 12px;
background: url(../SiteWideAssets/Layout/divider-5px.jpg) left repeat-x;
}

/*--- LEFT COL ----*/
#leftColumn {
float: left;
width: 225px;
margin-left: 8px;
margin-right: 8px;
margin-bottom: 10px;
}

#leftColumn .banner {
float: left;
margin-top: 10px;
margin-bottom: 10px;
border: none;
}

#leftColumn .banner a img {
border: none;
}
/*--- LEFT COL ----*/

/*--- leftColumn dropDown Menu ----*/
#affilliates {
float: left;
width: 160px;
height: 65px;
margin-top: 10px;
margin-left: 0px;
margin-bottom: 10px;
/*background: url(../SiteWideAssets/Layout/map.gif) top left no-repeat;*/
}

#affilliates a img {
position: relative;
float: left;
width: 50px;
height: 61px;
border: none;
}

#jumpMenu {
width: 112px;
margin-left: 60px;
}

#jumpMenu .addressLink {
width: 240px;
color: #990000;
background-color: #CCC;
}
/*--- leftColumn dropDown Menu ----*/

/*--- CENTER COL ----*/
#wideCenter {
float: left;
width: 462px;
margin-left: 2px;
margin-right: 2px;
margin-bottom: 10px;
}

/* only for kurssit.php + ilmoittaudu.php related begins */
table {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
line-height: normal;
color: #121212;
}

#button {
cursor: pointer;
background-color: #FFA400;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #000000;
border: 1px solid #333333;
}

namekentta {
size: 30;
}

#text {
border: 1px solid #222;
}

#text2 {
border: 1px solid #222;
}
/* only for kurssit.php + ilmoittaudu.php related ends */

#wideCenter h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: normal;
font-weight: normal;
color: #990000;
padding-bottom: 18px;
padding-top: 18px;
padding-left: 24px;
text-decoration: underline;
background: url(../SiteWideAssets/icons/news.png) 0px 18px no-repeat;
}
#wideCenter h1 a:active {text-decoration: underline; color: #990000;}
#wideCenter h1 a:link {text-decoration: underline; color: #990000;}
#wideCenter h1 a:visited {text-decoration: underline; color: #990000;}
#wideCenter h1 a:hover {text-decoration: underline; color: #000000;}

/* lisatty 2009-04-21 */
.hoo1 {
cursor:pointer;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: normal;
font-weight: normal;
color: #990000;
text-decoration: underline;
}
.hoo1 a:active {text-decoration: underline; color: #990000; }
.hoo1 a:link {text-decoration: underline; color: #990000; }
.hoo1 a:visited {text-decoration: underline; color: #990000;}
.hoo1 a:hover {text-decoration: underline; color: #000000; }
/* lisays loppu */
#wideCenter h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: normal;
font-weight: bold;
padding-top: 8px;
padding-bottom: 8px;
color: #000;
}

#wideCenter h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: normal;
font-weight: bold;
padding-top: 12px;
margin-left: 75px;
padding-bottom: 8px;
color: #990000;
text-decoration: underline;
}

#wideCenter p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: normal;
font-weight: normal;
color: #000;
padding-bottom: 12px;
}

#wideCenter p span {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: normal;
font-weight: normal;
color: #CC0000;
font-style: italic;
padding-bottom: 12px;
}

ul.services {
margin-left: 75px;
}

ul.services a {
color: #990000;
text-decoration: none;
}

ul.services li a {
list-style: none;
line-height: normal;
}

ul.services li a:hover {
color: #990000;
text-decoration: line-through;
list-style: none;
}

/*-- käyttöturvallisuustiedotteet lista --*/
ul.services2nd {
margin-left: 0px;
}

ul.services2nd a {
color: #990000;
text-decoration: none;
}

ul.services2nd li a {
list-style: none;
line-height: normal;
}

ul.services2nd li.pdf {
height: 32px;
background: url(../SiteWideAssets/icons/pdf-icon.png) top left no-repeat;
margin-bottom: 12px;
}

ul.services2nd li a.icon {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 32px;
font-weight: normal;
margin-left: 30px;
padding-top: 10px;
}

ul.services2nd li a:hover {
color: #990000;
text-decoration: line-through;
list-style: none;
}
/*-- käyttöturvallisuustiedotteet lista --*/


/*--- CENTER COL ----*/

/*--- RIGHT COL ----*/
#rightColumn {
float: right;
width: 225px;
margin-left: 8px;
margin-right: 8px;
margin-bottom: 10px;
}

#rightColumn h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: normal;
font-weight: normal;
color: #990000;
padding-bottom: 18px;
padding-right: 1px;
padding-top: 18px;
padding-left: 32px;
text-decoration: underline;
background: url(../SiteWideAssets/icons/news-right.png) 8px 18px no-repeat;
}

#rightColumn h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: normal;
font-weight: bold;
padding-top: 8px;
padding-left: 8px;
padding-right: 1px;
padding-bottom: 8px;
color: #000;
}

#rightColumn p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: normal;
font-weight: normal;
color: #000;
padding-left: 8px;
padding-right: 1px;
padding-bottom: 12px;
}

#minH {
position: relative;
padding: 0;
width: 225px;
height: 640px;
}
/*--- RIGHT COL ----*/


/***********************************************
					FOOTER
***********************************************/

#footer {
float: left;
clear: both;
width: 950px;
height: 30px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
background: #FFF;
border-top: 1px dotted #3b3b3b;
border-bottom: 1px dotted #3b3b3b;
}

#footer p {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: normal;
font-weight: normal;
color: #990000;
padding-top: 4px;
}

#footer p a {
color: #990000;
}

#footer p a:hover {
color: #990000;
text-decoration: underline;
}

#footer .leftSide {
float: left;
width: 450px;
height: 20px;
margin-top: 5px;
margin-left: 8px;
text-align: left;
}

#footer .rightSide {
float: right;
width: 35px;
height: 20px;
margin-top: 5px;
margin-right: 8px;
text-align: right;
}

/***********************************************
		TUOTTEET / SUB MENU
***********************************************/

#leftNavi {
width: 225px;
margin: 0px 0px 0px 0px;
text-decoration: none;
height: 300px;
}

/***********************************************
		TUOTTEET / GENERAL
***********************************************/

#storeHeader {
float: left;
width: 462px;
height: 145px;
margin: 0px 0px 12px 0px;
}

#storeDescription {
float: left;
width: 462px;
margin: 0px 0px 12px 0px;
border-bottom: 1px solid #666;
}

#storeDescription h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: normal;
font-weight: normal;
color: #990000;
padding-bottom: 12px;
padding-top: 18px;
padding-left: 24px;
text-decoration: underline;
background: url(../SiteWideAssets/icons/store-topic.png) 0px 16px no-repeat;
}

#wideCenter .storeArea {
float: left;
width: 460px;
margin: 0px 0px 18px 0px;
border-bottom: 1px dotted #666;
}

#wideCenter .storeArea img {
float: left;
margin: 6px 6px 6px 0px;
border: 1px solid #000;
}

.storeArea .cart a {
float: right;
margin: 0px;
}

#wideCenter .storeArea p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: normal;
font-weight: normal;
color: #000;
padding-top: 6px;
padding-bottom: 6px;
padding-right: 60px;
}

#wideCenter .storeArea p strong {
font-weight: bold;
color: #CC0000;
}

#wideCenter .storeArea p acronym {
font-size: 10px;
color: #666666;
font-style: italic;
}

/***********************************************
				CONTACT FORM
***********************************************/

#formcontentarea {
padding-top: 0em;
padding-bottom: 1.3em;
}

#formcontentarea form {
margin: 0 auto; 
padding: 0px;
}

#formcontentarea fieldset {
margin: 0;
padding: 0;
border: none;
}

#formcontentarea label {
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
font-weight: normal;
letter-spacing: normal;
line-height: normal;
margin: .2em 0;	
padding-top: 7px;
}

#formcontentarea label span {
color: #CC0000;
font-size: 12px;
}

#formcontentarea label acronym {
color: #CC0000;
font-size: 14px;
text-decoration: underline;
font-weight: bold;
}

#formcontentarea input {
width: 370px;
height: 14px;
padding: .2em;
background: url(../Layout/grey_pixel.png) top left repeat;
border: 1px solid #3b3b3b;
font: normal 12px Arial, Helvetica, sans-serif;
color: #333;
}

#formcontentarea input.checkbox {
width: auto;
margin-right: 16px;
border: none;
color: #CC0000;
}

#formcontentarea input.kpl {
width: 22px;
margin-right: 16px;
border: 1px solid #3b3b3b;
color: #333;
}

#formcontentarea textarea {
width: 370px;
padding: .2em;
font: normal 1em/1.5em Arial, Helvetica, sans-serif;
background: url(../Layout/grey_pixel.png) top left repeat;
border: 1px solid #3b3b3b;
height: 8em;
display: block;
color: #000;
}

#formcontentarea input.button {
cursor: pointer;
width: 60px;
height: 26px;
font: bold 12px Arial, Helvetica, sans-serif; 
margin: 0;
padding: .25em .3em;
color: #111111;
background: url(../SiteWideAssets/gfx/inputBG.jpg) top left repeat;
}

#formcontentarea input.button:hover {
background: url(../SiteWideAssets/gfx/inputBG_hov.jpg) top left repeat;
}

/***********************************************
				LOGIN FORM
***********************************************/

#loginForm {
padding-top: 0em;
padding-bottom: 1.3em;
}

#loginForm form {
margin: 0 auto; 
padding: 0px;
}

#loginForm fieldset {
margin: 0;
padding: 0;
border: none;
}

#loginForm label {
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
font-weight: normal;
letter-spacing: normal;
line-height: normal;
margin: .2em 0;	
padding-top: 7px;
}

#loginForm label span {
color: #CC0000;
font-size: 12px;
}

#loginForm input {
width: 120px;
height: 14px;
padding: .2em;
background: url(../Layout/grey_pixel.png) top left repeat;
border: 1px solid #3b3b3b;
font: normal 1em Arial, Helvetica, sans-serif;
color: #000;
}

#loginForm textarea {
width: 120px;
padding: .2em;
font: normal 1em/1.5em Arial, Helvetica, sans-serif;
background: url(../Layout/grey_pixel.png) top left repeat;
border: 1px solid #3b3b3b;
height: 8em;
display: block;
color: #000;
}

#loginForm input.button {
cursor: pointer;
width: 60px;
height: 26px;
font: bold 1em Arial, Helvetica, sans-serif; 
margin: 0;
padding: .25em .3em;
color: #111111;
background: url(../SiteWideAssets/gfx/inputBG.jpg) top left repeat;
}

#loginForm input.button:hover {
background: url(../SiteWideAssets/gfx/inputBG_hov.jpg) top left repeat;
}