body {
 background-color:white;
 color:#888888;
 margin:0px;
 margin-bottom:20px; 
 padding:0px;
 font-family:Arial, Sans-serif; 
 font-size:83%;
}

img { border:0; }
.block { display:block; }
.clear { clear:both; }
small { font-size:85%; }
hr { height:1px; color:#666666; background:black; border:none; }

.virhe,.error {
 color: #E82509;
}

input.button {
 background-color:#e6e6e6;
 border:0;
 border-top:1px solid #2BC0EB;
 border-bottom:1px solid #3497BE;
 padding:3px 15px;
 color:#00a1e4;
 font-family:'Trebuchet MS', Arial, Sans-serif; 
 font-size:13px;
}

input.submit {
 color:#8fbf44;
}

input.reset {
 color:#E82509;
}

h1 {
 font-size:120%;
 font-weight:normal;
 margin-top:0;
 color:#0065a7;
 font-family:'Trebuchet MS', Arial, Sans-serif; 
}

h2 {
 font-size:110%;
 font-weight:normal;
 margin-top:0;
 color:#0065a7;
 font-family:'Trebuchet MS', Arial, Sans-serif; 
}

h3 {
 font-size:100%;
 font-weight:bold;
 margin-top:0;
}


h1.box {
 background-color:white;
 float:left;
 color:#666666;
 padding-bottom:2px;
 font-size:15px;
 font-weight:normal;
 margin:0;
}

div.box-border {
 border-top:1px solid #666666;
 clear:both;
}

h1.box-border {
 background-color:white;
 color:#666666;
 padding-bottom:2px;
 font-size:15px;
 font-weight:normal;
 margin-top:0;
 border-bottom:1px solid #666666;
}


a, a:visited {
 color:#0065a7;
 text-decoration:none;
}

a.a2, a.a2:visited {
 color:#0065a7;
}

/* Layout */

div#main-wrapper {
 width:950px;
 margin:0 auto;
}

div#header {
 height:125px;
 position:relative;
}

div#sloganCont {
 position:absolute;
 top:0;
 right:0;
 color:#0065a7;
 font-family:'Trebuchet MS', Arial, Sans-serif; 
 font-style:italic;
 padding:3px 24px;
 font-size:120%;
 border-bottom:1px solid #DFF2F6;
}

div#flags {
 background:white bottom left no-repeat url(/img/layout/flags_bg.gif);
 position:absolute;
 top:55px;
 right:53px;
 width:95px;
 height:30px;
}

img#flag-fi, img#flag-se {
 width:25px;
 height:16px;
}

img#flag-en {
 width:24px;
 height:16px;
 margin:0 10px 0 11px;
}

img#logo { 
 padding-top:26px;
 width:176px;
 height:75px;
 float:left;
 margin-right:24px;
}

div.tNav-cont {
 margin-top:26px;
 padding:30px 20px 0 20px;
 height:45px;
 float:left;
 border:0 solid white;
 border-width:0 1px;
 font-family:'Trebuchet MS', Arial, Sans-serif; 
}

div.tNav-cont-sel {
 margin-top:26px;
 padding:30px 20px 0 20px;
 height:45px;
 float:left;
 border:0 solid #0065a7;
 border-width:0 1px;
 font-family:'Trebuchet MS', Arial, Sans-serif; 
}

a.tNav,a.tNav:visited {
 color:#888888;
 font-size:15px;
 text-transform:uppercase;
}

a.tNav-sel,a.tNav-sel:visited {
 color:#0065a7;
 font-size:15px;
 text-transform:uppercase;
}

div#sp-flash {
 border:0 solid #666666;
 border-width:1px 0;
}






div#footer-wrap {
 color:#999999;
 margin:25px 0 0 0;
 text-align:right;
 font-family:'Trebuchet MS', Arial, Sans-serif; 
 border-top:1px solid #cccccc;
}

div#footer-link-cont {
 float:left;
 border:0 solid #cccccc;
 border-right-width:1px;
 padding:10px;
 padding-right:25px;
}

a#footer-link, a#footer-link:visited {
 color:#0065a7;
 font-size:16px;
}

div.footer-text-cont {
 padding:10px;
 padding-top:12px;
}

div#clearFooterPrint {
 display:none;
}







/* Etusivu, FrontPage */

h1.fb {
 margin:0;
 margin-bottom:10px;
 color:#0065a7;
}


div#fp-bulletinWrap {
 float:left;
 width:318px;
 border-bottom:1px solid #e0e1e2;
 background:white bottom left no-repeat url('/img/layout/fb_bulletin_wrap_bg.gif');

}

div#fp-bulletinSpace {
 padding:20px 20px 10px 20px;
}


div.fb-bulletinCont {
 margin-bottom:10px;
}

a.fp-bulletin, a.fp-bulletin:visited {
 color:#999999;
}

div#fp-textCont {
 float:left;
 width:316px;
 border-bottom:1px solid #e0e1e2;
 background-color:white;
 background-position:right bottom;
 background-repeat:no-repeat;
}

div#fp-textSpace {
 padding:20px;
}


div#fp-textCont2 {
 float:left;
 width:316px;
 position:relative;
 border-bottom:1px solid #e0e1e2;
 background-color:white;
}

div#fp-textSpace2 {
 padding: 20px;
}

div#fp-text2Border {
 position:absolute;
 bottom:0;
 right:0;
 width:1px;
}

/*
div#fp-brochureCont {
 float:left;
 width:316px;
 position:relative;
 border-bottom:1px solid #e0e1e2;
 background-color:white;
 background-position:right bottom;
 background-repeat:no-repeat;
}

div#fp-brochureSpace {
 padding:80px 20px 0 20px;
}

div#fp-brochureBorder {
 position:absolute;
 bottom:0;
 right:0;
 width:1px;
}

*/


/* Alisivu */

div#side-col {
 float:left;
 width:180px;
 padding-right:20px;
 font-family:'Trebuchet MS', Arial, Sans-serif; 
}

div#content-col {
 float:left;
 width:750px;
}



/* Sivunavi */

div#subNav-head {
 height:26px;
 background:white bottom right no-repeat url('/img/layout/subnav_top_bg.jpg');
}

div#subNav-tail {
 height:75px;
 background:white top right no-repeat url('/img/layout/subnav_bottom_bg.jpg');
}

div.subNav-cont-lev2 {
 padding:8px 12px;
 border-bottom:1px solid #cccccc;
 background:white top right repeat-y url('/img/layout/subnav_lev2_bg.gif');
}

div.subNav-cont-lev2-sel {
 padding:8px 12px;
 border-bottom:1px solid #cccccc;
 background:white center right repeat-y url('/img/layout/subnav_lev2_sel_bg.gif');
}

div.subNav-cont-lev3 {
 padding:8px 12px 8px 30px;
 border-bottom:1px solid #cccccc;
 background:#faf9f5 top right repeat-y url('/img/layout/subnav_lev3_bg.gif');
}

div.subNav-cont-lev3-sel {
 padding:8px 12px 8px 30px;
 border-bottom:1px solid #cccccc;
 background:#faf9f5 center right repeat-y url('/img/layout/subnav_lev3_sel_bg.gif');
}

div.subNav-cont-lev4 {
 padding:8px 12px 8px 40px;
 border-bottom:1px solid #cccccc;
 background:#faf9f5 top right repeat-y url('/img/layout/subnav_lev3_bg.gif');
}

div.subNav-cont-lev4-sel {
 padding:8px 12px 8px 40px;
 border-bottom:1px solid #cccccc;
 background:#faf9f5 center right repeat-y url('/img/layout/subnav_lev3_sel_bg.gif');
}

a.subNav-lev2,a.subNav-lev2:visited,
a.subNav-lev3,a.subNav-lev3:visited,
a.subNav-lev4,a.subNav-lev4:visited {
 color:#999999;
}

a.subNav-lev4-sel,a.subNav-lev4-sel:visited,
a.subNav-lev3-sel,a.subNav-lev3-sel:visited,
a.subNav-lev2-sel,a.subNav-lev2-sel:visited {
 color:#666666;
}


/* Tiedotepalsta */

div.bulletinList-cont {
 margin-bottom:30px;
}

div.bulletinList-ing-cont {
 max-width:480px;
}

img.bulletinList {
 float:right;
}



/* Keittiön index -> tyypin valinta */

div#kitchenSelectWrap {
 width:245px;
 float:left;
 margin-right:7px;
 border-bottom:1px solid #666666;
 cursor:pointer;
}

a.kitchenSelect-name,a.kitchenSelect-name:visited {
 display:block;
 background-color:white;
 padding:4px 4px 4px 8px;
 cursor:pointer;
 color:#999999;
}




/* Mallilist, samplelist - Huoneen valinta (keittiö + muut tilat) */


div.sampleCont {
 width:197px;
 height:112px;
 overflow:hidden;
 float:left;
 border-top:1px solid #666666;
 margin:6px 6px 0 0;
 cursor:pointer;
}

a.sampleName,a.sampleName:visited {
 display:block;
 width:185px;
 background-color:white;
 padding:4px 4px 4px 8px;
 cursor:pointer;
 color:#999999;
}




div.roomSampleWrap {
 width:245px;
 margin-right:7px;
 padding-top:13px;
 float:left;
}

div.roomSampleWrap-last {
 padding-top:13px;
 width:245px;
 float:left;
}

a.roomSampleName, a.roomSampleName:visited {
 padding:0;
 padding:5px 0 5px 4px;
 display:block;
 color:#999999;
 font-size:90%;
}

/* Samplelist-erotin */

div.roomSample-separator {
 clear:both;
 border-top: 1px solid #666666;
 height:1px;
}




/* Keittiön/muun tilan näyttö, show */

div#bigImg-wrap {
 border:0 solid #666666;
 border-width:1px 0;
 width:750px;
 height:500px;
 overflow:hidden;
 position:relative;
 margin-bottom:15px;
}


div#bigImg-cont {
 position:absolute;
 top:0;
 left:0;
 width:2250px;
 height:500px;
 overflow:hidden;
 white-space:nowrap;
}

img.bigImg {
 width:750px;
 height:500px;
}

div#thumbCont {
 float:right;
 position:relative;
}


div#preloaderCont {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background-color:white;
 filter:alpha(opacity=80);
 -moz-opacity:0.8;
 opacity: 0.8;
 z-index:10;
}

img#preloader {
 display:block;
 margin:30px auto 0 auto;
 width:32px;
 height:32px;
}

img#preloaderHidden {
 width:32px;
 height:32px;
 position:absolute;
 top:-100px;
 left:-100px;
}

a.thumbTrig {
 outline:none;
}

img.thumb {
 margin-left:10px;
 filter:alpha(opacity=50);
 -moz-opacity:0.5;
 opacity: 0.5;
}

img.thumbSel, img.thumb:hover {
 margin-left:10px;
 filter:alpha(opacity=100);
 -moz-opacity:1;
 opacity: 1;
}


div#infoCont {
 width:258px;
}

div.hide {
 display:none;
}





/* Ovimallit, index */


div.doorSelectWrap {
 width:246px;
 float:left;
 overflow:hidden;
}

div.selectGroupImgWrap {
 height: 360px;
 overflow:hidden;
}

a.doorSelectName, a.doorSelectName:visited {
 display:block;
 border-bottom:1px solid #666666;
 padding:5px 12px;
 font-size:15px;
 color:#999999;
}


/* Ovimallit, samplelist */


div.doorSampleWrap {
 width:124px;
 margin-right:32px;
 padding-top:13px;
 float:left;
}

div.doorSampleWrap-last {
 padding-top:13px;
 width:125px;
 float:left;
}

a.doorSampleName, a.doorSampleName:visited {
 padding:0;
 padding:5px 0 5px 4px;
 display:block;
 color:#999999;
 font-size:90%;
}



/* Samplelist-erotin */

div.doorSample-separator {
 clear:both;
 border-top: 1px solid #666666;
 height:1px;
}




/* Show - oven näyttö */

div#doorshow-img-cont {
 width:245px;
 float:left;
}


div#doorshow-info-wrap {
 width:276px;
 min-height:380px;
 float:left;
 background:#faf9f5 top left no-repeat url('/img/layout/door_show_info_bg.jpg');
 padding:25px 20px;
 margin:0 10px;
}

h2.doorshow-title {
 font-size:110%;
 font-weight:normal;
 margin-top:0;
 color:#666666;
}

div#doorshow-info-cont {
 width:202px;
}

div#doorshow-color-wrap {
 color:#999999;
 margin-top:20px;
}


div.doorshow-color-cont1 {
 float:left;
 width:35px;
 height:35px;
 overflow:hidden;
 margin:2px;
}


div.doorshow-color-cont2 {
 float:left;
 width:25px;
 height:25px;
 overflow:hidden;
 margin:10px 10px 0 0;
}

div.doorshow-color-cont3 {
 float:left;
 width:60px;
 height:60px;
 overflow:hidden;
 margin:9px 9px 0 0;
}

#doorshow-color-preview{
 position:absolute;
 border:2px solid #ffffff;
 background:#ffffff;
 padding:0px;
 display:none;
 color:#fff;
}


div.doorshow-color-groupTitle {
 margin-top:10px;
}





/* Mallihuoneet (ovi/tasot) */

h2.show-sampleroom-title {
 font-size:110%;
 font-weight:normal;
 margin-top:0;
 color:#666666;
}

div#show-sampleroom-cont {
 float:left;
 width:169px;
 padding-top:25px;
 overflow:hidden;
}

img.show-sampleroom {
 margin-bottom:8px;
 display:block;
}


/* Prev/Next-pageri (ovi/tasot) */


div#show-pager-wrap {
 margin-top:30px;
 border-top:1px solid #666666;
}

div#show-pagerCont-next {
 padding:7px 0;
 float:right;
}

div#show-pagerCont-prev {
 padding:7px 0;
 float:left;
}

a.show-pager, a.doorshow-pager:visited {
 color:#666666;
}










/* Tasot, index */


div.ctopSelectWrap {
 width:185px;
 float:left;
}

a.ctopSelectName, a.ctopSelectName:visited {
 border-bottom:1px solid #666666;
 padding:5px 12px;
 font-size:15px;
 display:block;
 color:#999999;
}


/* samplelist*/


div.ctopSampleWrap {
 width:145px;
 margin-right:6px;
 padding-top:10px;
 float:left;
}

div.ctopSampleWrap-last {
 width:145px;
 float:left;
 padding-top:10px;
}


a.ctopSampleName, a.ctopSampleName:visited {
 padding:5px 0 5px 4px;
 display:block;
 color:#999999;
 font-size:90%;
}

div.ctopSample-separator {
 clear:both;
 border-top: 1px solid #666666;
 height:1px;
}



/* Show  */

div#ctopShow-img-cont {
 width:560px;
 margin-right:21px;
 float:left;
}








/* Materiaalit, index */


div.materialsSelectWrap {
 width:373px;
 float:left;
 overflow:hidden;
}

a.materialsSelectName, a.materialsSelectName:visited {
 border-bottom:1px solid #666666;
 padding:5px 12px;
 font-size:15px;
 display:block;
 color:#999999;
}


/* samplelist*/


div.materialsSampleWrap {
 width:145px;
 margin-right:6px;
 padding-top:10px;
 float:left;
}

div.materialsSampleWrap-last {
 width:145px;
 float:left;
 padding-top:10px;
}


a.materialsSampleName, a.materialsSampleName:visited {
 padding:5px 0 5px 4px;
 display:block;
 color:#999999;
 font-size:90%;
}

div.materialsSample-separator {
 clear:both;
 border-top: 1px solid #666666;
 height:1px;
}



/* Show  */

div#materialsShow-img-cont {
 width:560px;
 margin-right:21px;
 float:left;
}








/* Vetimet, index */


div.handleSelectWrap {
 width:374px;
 float:left;
}


a.handleSelectName, a.handleSelectName:visited {
 border-bottom:1px solid #666666;
 padding:5px 12px;
 font-size:15px;
 display:block;
 color:#999999;
}


/* samplelist*/


div.handleSampleWrap {
 width:145px;
 padding-top:10px;
 margin-right:6px;
 float:left;
 overflow:hidden;
}

div.handleSampleWrap-last {
 width:145px;
 float:left;
 padding-top:10px;
 overflow:hidden;
}

a.handleSampleName, a.handleSampleName:visited {
 padding:0;
 padding:5px 0 5px 4px;
 display:block;
 color:#999999;
 font-size:90%;
}

div.handleSample-separator {
 clear:both;
 border-top: 1px solid #666666;
 height:1px;
}



/* Show  */

div#handleShow-img-cont {
 width:560px;
 margin-right:21px;
 float:left;
}







/* Viimeistely, index l. sampelist */



div.finishSampleWrap {
 width:145px;
 margin-right:6px;
 float:left;
 overflow:hidden;
 padding-top:10px;
}

div.finishSampleWrap-last {
 width:145px;
 float:left;
 overflow:hidden;
 padding-top:10px;
}

a.finishSampleName, a.finishSampleName:visited {
 padding:0;
 padding:5px 0 5px 4px;
 display:block;
 color:#999999;
 font-size:90%;
}

div.finishSample-separator {
 clear:both;
 border-top: 1px solid #666666;
 height:1px;
}



/* Show  */

div#finishShow-img-cont {
 width:560px;
 margin-right:21px;
 float:left;
}


/* Samplelist-sivujen hover */

a.selectName-hover, a.selectName-hover:visited,
a.sampleName-hover, a.sampleName-hover:visited
 {
 background-color:#eef6fa;
 color:#0065a7;
}


/* Myymälöiden yhteystiedot */

div#contact-infoWrap {
 background:white top left no-repeat url('/img/layout/contact_bg.jpg');
 float:left;
 width:320px;
 height:147px;
 padding:25px;
 margin-right:20px;
 line-height:140%;
}


div#contact-mapWrap {
 float:left;
 width:360px;
}

img#contact-map {
 display:block;
 border:1px solid #0065a7;
}


/* Yhteyshenkilöt */

div.contact-personWrap {
 background:white center right no-repeat url('/img/layout/contact_person_bg.jpg');
 float:left;
 padding:25px 25px 0 25px;
 text-align:center;
 font-size:85%;
 line-height:170%;
}

img.contact-person {
 margin:0 auto;
}