/* THIS ONE IS FOR THE FIRSTPAGE */
/* Contains the "AjankohtaisetKurssit" and "Tiedotteet" CSS at the bottom */
/* Koulutuskalenteri is in it's own css-file */

html, body {margin: 0;padding: 0;border: 0;}

body 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #000;	
	text-align: center;
	background-color: #E5E5E5;
}

body a img, body a:hover img {border: none;}

body a 
{
	color: #FC000D;
	text-decoration: underline;
}

body a:link	
{	
	color: #FC000D;
	text-decoration: underline;
}	
		
body a:visited	
{	
	color: #FECCCF;
	text-decoration: underline;
}	
		
body a:active
{	
	color: #FECCCF;
	text-decoration: underline;
}	
		
body a:hover {
	color: #FC000D;
	text-decoration: none;
}

hr {	
	width: 100%;
	height: 1px;
}

table 
{

	
}

img
{
    padding:0;
    margin:0;
}

p 
{
	margin: 0;
	padding: 0 0 14px 0;
}


#WEBSHOPLINK
{
    top:20px;
    left:935px;
    display:block;
    position:absolute;
    width:60px; 
    height:60px;
}
#WEBSHOPLINK a
{
    border:0!important;
}
#FRONTPAGELINK
{
    top:40px;
    left:40px;
    display:block;
    position:absolute;
    width:180px; 
    height:50px;
}

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

#Container
{
	position: relative;
	display: block;
	margin-top: 0; 
	margin-right: auto; 
	margin-bottom: 0; 
	margin-left: auto;
	padding: 0;
	height: auto;
	width: 1000px;
	text-align: left;
	background-color: transparent;
}

#Container:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}


/**********************************************************/
#TopPart {
	display: block;
	position: relative;
	width: 1000px;
	height: 140px;
	margin: 0;
	padding: 0;
    background:url(../img/elements/TopPartBG.jpg) no-repeat top left;
}

#TopPart:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

#SearchBox
{
    display:block;
    position:absolute;
    width:200px;
    top: 39px;
    left:760px;
    background-color:Transparent;
}

#SearchInputTextBox
{
    margin:0!important;
    padding:0!important;
    color:black!important;
    font-family:Verdana, Arial;
    font-weight:normal!important;
    font-size:10px!important;
}
/**********************************************************/


#MainColumns {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 1000px;
	/*min-height:350px;
    height:350px;*/
    background:url(../img/elements/Container_frontpageBG.gif) repeat-y top right;
}
/*html>body #MainColumns {height:auto;}*/

#MainColumns:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

.Filler20pxPart2
{
    display:block;
    position:relative;
    height:20px;
    width:200px;
    background-color:transparent;
}

#ContentArea 
{
	display: block;
	position: relative;
	margin: 0 0 0 25px;
	padding:  0 0 0 0;
	width: 950px;
    background-color:transparent;
}

#ContentArea:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}


#Columns {
	position: relative;
	display: block;
	margin: 0;
	padding: 0 0 0 0;
	width: 950px;
}

#Columns:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}



.Column 
{
	display: inline;
	margin: 0;
	padding: 0;
	float: left;
	}




#C1 {	
	position: relative;
	display: block;
	width: 240px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
    background-color:transparent;
}

#C2 
{
	position: relative;
	display: block;
	width: 710px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
    background-color:transparent;
}


#C1:after, #C2:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

/* BANNER , on right hand side */
.BannerArea
{
    display:block;
    position:relative;
    width:710px;
    border:none;
}

#SABanner:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}
/**********************************************************/

#C1HeaderArea
{
    display:block;
    position:relative;
    margin:0;
    padding:0;
    height:53px;
    width:325px;
    background:url(../img/elementit/C1_frontpage_HA.gif) no-repeat top left;
}

#C2HeaderArea
{
    display:block;
    position:relative;
    margin:0;
    padding:0;
    height:53px;
    width:332px;
    background:url(../img/elementit/C2_frontpage_HA.gif) no-repeat top left;
}

#C3HeaderArea
{
    display:block;
    position:relative;
    margin:0;
    padding:0;
    height:46px;
    width:223px;
    background-color:Transparent;
}

.HeaderTextAlasivu
{
    position:absolute;
    top:13px;
    left:13px;
}
/**********************************************************/


#SAContent1
{
	position: relative;
	display: block;
	margin: 0;
    padding:0;
	width: 710px;
	overflow: hidden;
}


#FrontpageC2
{
	position:relative;
	display: block;
	margin: 0 0 20px 0;
    padding:0;
	width: 220px;
    height:60px;
	overflow: hidden;
    vertical-align:middle;
    background-color:#CCCCCC;
}
#SAContent2
{
	position:absolute;
	display: block;
	margin: 0;
    padding:0;
    top:17px;
    left:20px;
    width:190px;
    background-color:transparent;
}


#SAContent3
{
	position:relative;
	display: block;
	margin: 0;
    padding:0;
	width: 198px;
	overflow: hidden;
}

 #SAContent4S  
{
	position: relative;
	display: block;
	margin: 0;
	padding: 15px 0 0 0;
	width: 720px;
	overflow: hidden;
}

#SAContent1:after, #SAContent2:after,  #SAContent3:after, #SAContent4:after, #SAArea1:after , #OLDSAArea1:after{
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

/* IMAGE LINKS */
.FPImageLinkTop
{
    width:220px;
    height:80px;
    margin:0 0 20px 0;
    padding:0;
    border:none;
    background:url(../img/muut/FP_ButtonMissing.gif) no-repeat top left;
}
.FPImageLinkBottom
{
    width:220px;
    height:80px;
    margin:0 0 0 0;
    padding:0;
    border:none;
    background:url(../img/muut/FP_ButtonMissing.gif) no-repeat top left;
}

/**********************************************************/
#Footer
{
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	width: 1000px;
	height: 70px;
	text-align: left;
    background:url(../img/elements/FooterBgExtra.jpg) no-repeat top left;
    background-color:Transparent;
	}


#Footer:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

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

/* RETAILER LOG IN  STARTS */ 

#RetailerLogInHolderFIN
{
    display:block;
    position:relative;
	width: 220px!important;
	margin:0 0 0 0 ;
	padding:0;
    background:url(../img/muut/webshop_jalleenmyyja_FIN.gif) no-repeat top left; 
    overflow:hidden;

}

#RetailerLogInHolderENG
{
    display:block;
    position:relative;
	width: 220px!important;
	margin:0 0 0 0 ;
	padding:0;
    background:url(../img/muut/webshop_jalleenmyyja_ENG.gif) no-repeat top left; 
    overflow:hidden;

}
#RetailerSisalto
{
    display:block;
    position:relative;
    padding:50px 0 0 20px;
    line-height:14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #000;	
	text-align: left;
}
.RetailerTextBox
{
    width:180px;
	font-family:Arial, Helvetica,Verdana,   sans-serif;
	font-size: 11px; 
    line-height:14px;
    font-weight:normal;
    padding:0 0 0 0;
	color: #666666;	
    border:solid 1px #EFEFEF;
}

.RetailerSisaltoLink
{
    font-weight:bold;
    text-decoration:none!important;
    color:#F00010!important;
    line-height:20px;
}

#RetailerLogIn
{
    display:block;
    position:relative;
    padding:0 0 10px 0;
    margin:10px 0 0 0;
    width:180px;
    height:30px;
    text-align:center;
    background-color:transparent;
    background:url(../img/muut/checkcartbutton.gif) no-repeat top left;    
}

#RetailerLogIn a
{
    display:block;
    width: 180px;
	font-family:Arial, Helvetica,Verdana,   sans-serif;
	font-size: 11px; 
    line-height:30px;
    font-weight:bold;
    text-decoration:none;
	color: #A5A5A5;
}
#RetailerLogIn a:hover
{
	color: #FF0316!important;
}


#RetailerLoggedInHolderFIN
{
    display:block;
    position:relative;
	width: 220px!important;
	margin:0 0 0 0 ;
	padding:0;
    background:url(../img/muut/webshop_jalleenmyyja_Logged_FIN.gif) no-repeat top left; 
    overflow:hidden;

}

#RetailerLoggedInHolderENG
{
    display:block;
    position:relative;
	width: 220px!important;
	margin:0 0 0 0 ;
	padding:0;
    background:url(../img/muut/webshop_jalleenmyyja_Logged_ENG.gif) no-repeat top left; 
    overflow:hidden;

}

/* RETAILER LOG IN ENDS */ 



Form
{
    margin:0!important;
    padding:0!important;
}


#NewCustomerRegTable
{
    margin:10px 0 10px 0;
    padding:0;
	font-family:Arial, Helvetica,Verdana,   sans-serif;
	font-size: 11px; 
    font-weight:normal;
	color: #666666;	

}
#NewCustomerRegTable span
{
    margin:0 0 0 20px;
}
.innerTable
{
	font-family:Arial, Helvetica,Verdana,   sans-serif;
	font-size: 11px; 
    font-weight:normal;
	color: #666666;	
}

.NewCustomerText
{
   margin-left:20px;
   width:400px!important;
}
.NewCustomerTextBox
{
    width:203px;
    padding-left:5px;
	font-family:Arial, Helvetica,Verdana,   sans-serif;
	font-size: 11px; 
    line-height:14px;
    font-weight:normal;
	color: #666666;	
    border:solid 1px #EFEFEF;
}

.NewCustomerDD
{
    width:203px;
    padding-left:5px;
	font-family:Arial, Helvetica,Verdana,   sans-serif;
	font-size: 11px; 
    line-height:14px;
    font-weight:normal;
	color: #666666;
    	
}
#CheckBoxText
{
    margin-left:20px;
    width:300px!important;
    background-color:Red;
}


#NewCustomerButtonsTable
{
    margin: 0 0 0 20px;
    padding:0 0 5px 0;
}
.NewCustomerButton
{
    display:block;
    position:relative;
    padding:0 0 0 0;
    margin:0 0 0 0;
    width:180px;
    height:30px;
    text-align:center;
    background-color:transparent;
    background:url(../img/muut/checkcartbutton.gif) no-repeat top left;    
}

.NewCustomerButton a
{
    display:block;
    width: 180px;
	font-family:Arial, Helvetica,Verdana,   sans-serif;
	font-size: 11px; 
    line-height:30px;
    font-weight:bold;
    text-decoration:none!important;
	color: #A5A5A5!important;
}
.NewCustomerButton a:hover
{
	color: #FF0316!important;
}

.Filler20pxDiv
{
    display:block;
    position:relative;
    height:20px;
    width:200px;
    margin:0;
    padding:0;
}