/* GLOBAL RESET */
html,body,p,div,img,h1,h2,h3,h4 {
  margin:0;  
  padding:0;  
  border:0;  
  border-collapse:separate;  
  border-spacing:0;
}


/* Tyylit */


body {
text-align: center;		 
font-family: "Century Goth", Calibri, Arial, Helvetica, sans-serif;
color: #363330;
font-size: 14px;
width: 100%;
height: auto;
min-height: 100%;
/*background: url(../img/bg.jpg) top center no-repeat #000000;*/
background: #ffffff;
line-height: 18px;
}

#middle {
position: absolute; 
left: 0px;
width: 100%;
}               

#body-page		{
position: relative;
text-align: left;
margin: 0 auto;
width: 918px;
height: auto;
min-height: 608px;
} 

#logo {
position: relative;
top: 11px;
left: 0px;
width: 436px;
height: 83px;
background: url(../img/logo.jpg) center left no-repeat;
display: block;
}

#fin {
position: relative;
top: 0px;
left: 820px;
width: 16px;
height: 11px;
background: url(../img/fin.gif) center left no-repeat;
display: block;
margin-bottom: 11px;
float:left;
}

#eng {
position: relative;
top: 0px;
left: 830px;
width: 16px;
height: 11px;
background: url(../img/eng.gif) center left no-repeat;
display: block;
margin-bottom: 11px;
float:left;
}

#ger {
position: relative;
top: 0px;
left: 840px;
width: 16px;
height: 11px;
background: url(../img/ger.gif) center left no-repeat;
display: block;
margin-bottom: 11px;
float:left;
}

#menu	{
width: 918px;
height: 32px;
padding: 0px 0 0 0;
float:left;
background: #000000;
}

#menu_front	{
width: 918px;
height: 32px;
padding: 0px 0 0 0;
float:left;
background: #cdcdcd;
}



a.menu-1, a.menu-1:link, a.menu-1:active, a.menu-1:hover	{
	font-family: centurygoth, "Century Gothic", Arial, sans-serif;
	color:white;
	text-decoration:none;
	font-size: 14px;
	text-transform:uppercase;
	display: block;
	width: 120px;
	height: 25px;
	background: url(../img/menu/menu-1.jpg) bottom no-repeat;
	padding:7px 0 0 12px;
	line-height: 32px;
	}

a.menu-0, a.menu-0:link, a.menu-0:active, a.menu-0:hover	{
	font-family: centurygoth, "Century Gothic", Arial, sans-serif;
	color:#363330;
	text-decoration:none;
	text-transform:uppercase;
	font-size: 14px;
	display: block;
	width: 118px;
	height: 23px;
	background: url(../img/menu/menu-0.jpg	) bottom right no-repeat;
	padding:7px 0 0 11px;
	border: 1px solid #cdcdcd;
	line-height: 32px;
}	

#banner	{
position: relative;
width: 918px;
height: auto;
min-height: 511px;
float:left;
background: #000000;

}

#box	{
position: absolute;
top: 354px;
left: 0px;
width: 431px;
height: 81px;
background: url(../img/box-bg.png);
z-index: 5;
text-transform: uppercase;
padding: 30px 0 0 30px;
}

#box-read-more	{
position: absolute;
bottom: 0px;
right: 0px;
width: 94px;
height: 27px;
background: #344934;
z-index: 10;
line-height: 27px;
text-align: center;
text-transform: uppercase;
}

#main-content	{
position: relative;
width: 623px;
height: 385px;
border-left: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
float:left;
overflow: auto;
background: top left no-repeat #f0f2f6;
padding: 20px 20px 20px 20px;
}

#product-buttons {
position: absolute;
bottom: 23px;
left: 0px;
width: 610px;
height: 15px;
padding: 0 0px 0 20px;
}

#addthis {
float:left;
}

#buy {
float:right;
font-weight: bold;
text-transform: uppercase;
text-decoration:underline;
}


#main-content-full	{
position: relative;
width: 876px;
height: 375px;
border-left: 1px solid #cdcdcd;

border-right: 1px solid #cdcdcd;
float:left;
overflow: auto;
background: top left no-repeat #f0f2f6;
padding: 20px 20px 20px 20px;
}

#main-content-dealer	{
position: relative;
width: 876px;
height: 375px;
border-left: 1px solid #cdcdcd;

border-right: 1px solid #cdcdcd;
float:left;
overflow: auto;
background: top left no-repeat #f0f2f6;
padding: 20px 20px 20px 20px;
}

#content-image	{
position: relative;
background: #f0f2f6;
border-bottom: 1px solid #cdcdcd;
border-right: 1px solid #cdcdcd;
width: 253px;
height: 425px;
float:left;
}

#space-top	{
width: 916px;
height: 5px;
float:left;
overflow: hidden;
background: #f0f2f6;
border-left: 1px solid #cdcdcd;
border-right: 1px solid #cdcdcd;
}

#space-bottom	{
width: 916px;
height: 5px;
float:left;
overflow: hidden;
background: #f0f2f6;
border-left: 1px solid #cdcdcd;
border-right: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
}

#footer {
position: relative;
top: 0px;
width: 918px;
height: 78px;
float:left;
background: #ffffff;
}

/********************************************************
* Footer logos
********************************************************/


#footer-logos{ position: absolute; top:15px; right: 0px; width:300px; margin:0 auto 10px auto; height:25px; overflow:hidden;  }
#footer-logos a{ display:block; height:25px; float:left; text-indent:1000px; overflow:hidden; background:url(../img/footer-logot.png) right no-repeat; }
a#vzaar{ width:65px; background-position:-100px 0; margin:0; }
a#vzaar:hover{ background-position:-100px -24px; }
a#twitter{ width:110px; background-position:-160px 0; }
a#twitter:hover{ background-position:-160px -24px; }
a#facebook{ width:115px; background-position:-265px 0; }
a#facebook:hover{ background-position:-265px -24px; }


p{
	margin:10px 0;
	font-family: inherit;
	color: inherit;
}

#box-read-more a {
color: white;
}

a {
	font-family: inherit;
	color:#344949;
	text-decoration:none;
}

a:hover {
	font-family: inherit;
	color:black;
	text-decoration:none;
}

#footer p {
	margin:15px 0 50px 20px;
	font-family: inherit;
	color: #828282;
}

#footer a {
	color: #828282;
	text-decoration:underline;
}

/* Tällä pakotetaan editorin sisällön linkit oikean näköisiksi
   Eli yleensä sama tyyli kuin tuossa yllä a-elementille, mutta jokaisen perään !important */
.mceContentBody a,.mceContentBody a:link, .mceContentBody a:visited{
	font-family: inherit !important;
	color: inherit !important;
	text-decoration: inherit !important;
	font-size: inherit;
}
.mceContentBody{
	background:transparent !important;
	text-align: left !important;
	height:auto !important;
}





td {
	font-family: inherit;
	font-size: 12px;

}
.login {
	font-family: inherit;
	font-size: inherit;

}

input, select, textarea, form {
	font-family: inherit;
	font-size: 12px;
}

.text{
	width:100%;
}


h1 {
font-family: centurygoth, "Century Gothic", Calibri, Arial, sans-serif;
font-size: 22px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
color: #363330;
line-height: 22px;
padding-bottom: 10px;
}


#box h1 {
color: white;
font-size: 22px;
line-height: 22px;
}


h2 {
font-family: centurygoth, "Century Gothic", Calibri, Arial, sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 500;
text-transform: smallcaps;
letter-spacing: 0px;
color: #363330;
line-height: 20px;
padding: 5px 0 5px 0;
}

h3 {
font-family: centurygoth, "Century Gothic", Calibri, Arial, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
text-transform: smallcaps;
letter-spacing: 0px;
color: #363330;
}

h4 {
	color: #363330;
}

h5 {
	color: #458AD7;
}

h6 {
	color: #458AD7;
}


.error_message{
	color:#ab0000;
	margin:10px 0 20px 0;
}
.success_message{
	color:#368b1c;
	margin:10px 0 20px 0;
}

/* Dropdownmenu */
.menuarea{
position:absolute;
display:none;
width:196px;
background-color:#344934;
z-index:15;
line-height:30px;
margin-top: -18px;
}


#menu .menusub_a{
color:white;
padding:0 4px;
display:block;
text-decoration:none;
text-transform: uppercase;
font-weight:bold;
z-index:15;
}

#menu .menusub{
color: white;
padding:0 4px;
display:block;
text-transform: uppercase;
text-decoration:none;
font-weight:normal;
z-index:15;
}

/********************************************************
* Links table
********************************************************/

#main-content-full table	{
width: 425px;
border-collapse:collapse;
background-color: white;
margin: 5px 0 15px 0;
}

#main-content-full td, th {
	padding: 3px 10px 3px 10px;   
	border-bottom: 1px solid #EEE;
	}

#main-content-full caption {
	padding: 5px 10px 5px 10px;   
	border-bottom: 1px solid #EEE;
	background: url(../img/table-header.jpg) top repeat-x white;
	text-align: left;
	}
	
#main-content-full td + td {
	border-left: 1px solid #FAFAFA;
	}

#main-content-full td a, th a {
	display: block; 
	width: 100%;
	text-align: right;
	}
	
#main-content-dealer td, th {
	padding: 3px 10px 3px 10px;   
	border-bottom: 1px solid #EEE;
	}




#map {
    margin:0;
    padding:0;
    width:640px;
    height:44§px;
    background:url(binary/file/-/fid/6);
    font-family:arial, helvetica, sans-serif;
    font-size:8pt;
}

#map li {
    margin:0;
    padding:0;
    list-style:none;
}

#map li a {
    position:absolute;
    display:block;
    /*
       Specifying a background image
       (a 1px by 1px transparent gif)
       fixes a bug in older versions of
       IE that causeses the block to not
       render at its full dimensions.
    */
    background:url(../img/vpala.gif);
}

#map li a span { display:none; }

#map li a:hover span {
    position:relative;
    display:block;
    width:100px;
    left:20px;
    top:-20px;
    padding:5px;
    border:1px solid #000;
    background:#fff;
    text-decoration:none;
    color:#000;
    filter:alpha(opacity=80);
    opacity:0.8;
}

#map a.kupilka55 {
    top:70px;
    left:70px;
    width:150px;
    height:180px;
}

#map a.kupilka5 {
    bottom:90px;
    right:10px;
    width:150px;
    height:100px;
}

#map a.kupilkaruokailu {
    top:250px;
    left:30px;
    width:150px;
    height:100px;
}

#map a.kupilka44 {
    top:225px;
    left:230px;
    width:250px;
    height:150px;
}


       
#map a.kupilka21 {
    top:100px;
    right:120px;
    width:100px;
    height:150px;
}
 
#dealer_list{
	width: 100%;
}   
       
#dealer_list td{
	padding: 10px;
}

#dealer_list_header{
	background: url('../img/table-header.jpg') repeat-x top; 
	height: 61px;
}

#dealer_list_header td{
	padding: 10px;
	font-size: 15px;
	font-weight: bold;
}

.edit{
	display: inline;
	padding: 5px;
	background: #ffffff;
	border: 1px #c1c1c1 dashed;
}