/* Ajankohtaista */
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
#ajankohtaista{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; float: right; width: 200px; border: 1px dotted #999999; padding: 10px; margin: 20px 10px 0px 0px; background-color: #FFF; }
#ajankohtaista .heading {  font-weight: bold; }
#ajankohtaista .content { padding: 5px 0px 10px 5px; font-size: 11px; color: #666666; }

/*-------------- MainMenu ---------------------*/
#tabs {float: left;list-style:none; padding:11px 0 0 10px; margin:132px 10px 0px 0; }
#tabs li {float:left; margin-right:-15px;}
#tabs li a {display:block; position:relative; text-decoration:none;}
/* Tab1 asetukset*/
#tabs li a.m1 {display:block; width: 96px;height: 54px; position:relative; text-decoration:none; background:url(../img/tab1.png) left top; position:relative; z-index:3;}
/*Jos IE 6*/
* HTML .#tabs li a.m1 {display: block; width: 96px;height: 54px; position:relative; text-decoration:none; background:url(../img/tab1.gif) left top; position:relative; z-index:3;}
/* Tab2 asetukset*/
#tabs li a.m2 {display:block; width: 168px;height: 44px;margin-top: 9px; position:relative; text-decoration:none; background:url(../img/tab2.png) left top; position:relative; z-index:2;}
/* Tab3 asetukset*/
#tabs li a.m3 {display:block; width: 238px;height: 32px;margin-top: 21px; position:relative; text-decoration:none; background:url(../img/tab3.png) left top; position:relative; z-index:1;}
#tabs li a.m1:hover {border:0; z-index:700; cursor:pointer;background-position: left bottom;}
#tabs li a.m2:hover {border:0; z-index:700; cursor:pointer;background-position: left bottom;}
#tabs li a.m3:hover {border:0; z-index:700; cursor:pointer;background-position: left bottom;}


/* ------------------ Otsikkopalkki ---------------------------*/
#header { height: 279px;width: 925px; margin: 0 auto;margin-top: 20px}
#headerTop{ background-image: url(../img/headerTopPng.png); background-repeat: no-repeat; height: 67px; width: 925px; }
#headerContent{margin: 0px;height: 195px; width: 925px; padding:0px;}
#headerLeft{float: left;margin: 0px;background-image: url(../img/headerL.jpg); background-repeat: no-repeat; height: 195px; width: 664px; }
#headerRight{margin: 0px 0px 0px 664px; height: 195px; width: 261px; }
#headerBottom {width: 925px; margin: 0 auto;height:17px; background-image: url(../img/header_Bottom.jpg);}
/*#headerAddress{ background-image: url(../img/headerAddress.png); width:66px;height:170px }*/

/* ---------------- TilausPainike -------------------- */
.rollOverTilaus a {border: none; display:block; width: 261px; height: 195px; padding:0px ; background: url(../img/painikeTilaaHeader.jpg) 0 0 no-repeat; text-decoration: none; margin: 0px}
.rollOverTilaus a:hover { background-position: 0 -195px;  }
.rollOverTilaus a:active { background-position: 0 -195px; }

/* ------------------ Etusivu ja yhteiset ---------------------------*/
#kuvaGalleria{ width: 250px; margin: 0px 0px 0px 10px; }
#mainOtsikko{ margin: 20px 0px 10px 280px;width: 250px }
#container { width: 925px;margin: 0px auto 0px auto; border: 0px; text-align: left; background-image: url(../img/BgFrontpage1px.jpg); background-repeat: repeat-y; padding: 0px}
#containerMallisto{width: 925px;margin: 0px auto 0px auto; border: 0px; text-align: left;background-color: #f1f1f1; padding: 0px}
#sidebar1 { float: left; width: 260px; padding: 0px; margin: 0px 0px 0px 0px;}
.sidebox { text-align: center; width: 250px; padding: 0px 0px 0px 20px; margin: 50px 0px 0px 0px; float: left; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 70%; }

#footerWthShadow { background-image: url(../img/footer.png); background-repeat: no-repeat; text-align: right; height: 67px; width: 925px; margin: 0 auto;font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; padding: 0px 0px 0px 0px; }
#footerWthShadow .footerTxt { padding: 0px 15px 0px 0px; }
#footerWthShadow a:link, #footerWthShadow a:visited {font-weight: normal; text-decoration: none; color: white; background-color: transparent; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }


/* ------------------ Mallisto ---------------------------*/
#mallisto_header { height: 289px;width: 925px; margin: 0 auto;margin-top: 20px;padding:0px;}
#mallisto_headerTop{ background-image: url(../img/mallisto_headerTopPng.png); background-repeat: no-repeat; height: 67px; width: 925px;margin: 0px }
#mallisto_headerContent{margin: 0px;height: 222px; width: 925px; padding:0px;background-image: url(../img/mallisto_header.jpg); background-repeat: no-repeat;}
/*#mallisto_headerBottom {width: 925px; margin: 0 auto;height:17px; background-image: url(../img/header_Bottom.jpg);}*/

.malli{ font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #333333; padding: 0px; margin: 0px; color:#333333; background-color: transparent; border: 0px0; width: 925px; }
.malli #vasenBlock{padding: 10px;margin: 0px 0px 20px 10px;float:left;width: 400px;background-color: #ffffff}
.malli #oikeaBlock{float:right;width: 480px}

#mallisto_footerWthShadow { background-image: url(../img/mallisto_footer.jpg); background-repeat: no-repeat; text-align: right; height: 26px; width: 925px; margin: 0px auto 20px auto;font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; padding: 10px 0px 0px 0px; }
#mallisto_footerWthShadow .mallisto_footerTxt {padding-right: 5px}
#mallisto_footerWthShadow a:link, #mallisto_footerWthShadow a:visited {font-weight: normal; text-decoration: none; color: white; background-color: transparent; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }


/* ------------------ Tilaus ja Kiitos---------------------------*/
#tilausOtsikko{ margin: 20px 0px 20px 20px; }
#toimitusehdot{ margin: 30px 70px 0px 0px; width: 250px;height: 300px; background-color: #FFFFFF; border: solid 1px #CCCCCC; padding: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666;float: right; }
#likeabikePaketti{ margin: 20px 0px 0px 0px;width: 238px; }
#kiitosTextBlock {margin: 20px 20px 20px 280px; font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #333333; background-color: #FFFFFF; border: solid 1px #CCCCCC;padding: 10px 20px 10px 20px; }

#mainContent_video { width: 150px; height: 30px; float: right; border-left-width: 1px; border-left-style: dotted; border-left-color: #666666; margin: 260px 180px 0px 0px; padding: 40px 60px 0px 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #999999; } 
#videoleike{padding: 20px;}
#etusivuTextBlock{ font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #333333; padding: 10px 20px 10px 0px; margin: 0px 20px 20px 280px; color:#333333; background-color: transparent; border: 0px; width: 375px; }

body { font: 100% Verdana, Arial, Helvetica, sans-serif; margin: 0px; padding: 0; color: #000000; background-color: #FFFFFF; background-image: url(../img/taustapyorat150x150.jpg); background-repeat: repeat; }

a:link, a:visited { text-decoration: none; color: green; background-color: transparent; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; }
a:hover { color: green; font-family: Arial, Helvetica, sans-serif; }

/* ---------------- Videopainike -------------------- */
.rollOverVideo a { display:block; width: 125px; height: 35px; padding:0px 0px 0px 0px; background: url(../img/painike_KatsoVideo.gif) 0 0 no-repeat; text-decoration: none; margin: 0px 0px 0px 20px}
.rollOverVideo a:hover { background-position: 0 -36px;  }
.rollOverVideo a:active { background-position: 0 -35px; }

/* ---------------- Tilaussivun tilauspainike -------------------- */
.mallistoTilaus a { display:block; width: 72px; height: 35px; padding:0px 0px 0px 0px; background: url(../img/painike_Tilaa.gif) 0 0 no-repeat; text-decoration: none; margin: 0px 0px 0px 0px}
.mallistoTilaus a:hover { background-position: 0 -36px;  }
.mallistoTilaus a:active { background-position: 0 -35px; }


.fltrt { float: right;  }
.fltlft { float: left;  }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }

/* LIGHTBOX */

.section { height: 350px;padding: 5px; padding-bottom: 0px; }
.section ul {list-style: none; margin-top: 5px; }
.section ul li { height: 170px; display: block;float: left; }
.section ul a {  padding: 0px; display: block; float: left; margin: 5px; }
.section ul a:hover { border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: orange; }
.section ul a img { border: none }
.section ul a.lightbox-enabled img { border: none; }
.section span.code { font-family: "Courier New", Courier, monospace; margin-left: 10px; padding-left: 10px; font-size: 11px; border-left: 1px solid #000; }
.section .link { font-size: 12px; font-style: italic; padding-left: 10px; margin-left: 10px; }
.section .important { text-decoration: underline; }
.section .title { font-weight: bold; font-size: 16px; }
.clear { clear: both; }
.section.header { text-align: center; font-size: 12px;  border-top: none; }
.section.footer { text-align: center; font-size: 12px;  }

h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px;}