body {
 background-color:white;
 color:#454545;
 margin:0px;
 margin-bottom:20px; 
 padding:0px;
 font-family: Arial, Sans-serif; 
 font-size:12px;
}

img { border:0; }
.block { display:block; }
.clear { clear:both; }
small { font-size:85%; }
hr { height:1px; color:#d0d0d0; background:#d0d0d0; border:none; }

.virhe,.error {
 color: #E82509;
}

input.button {
 background-color:#ebebe6;
 border:0;
 border-top:1px solid #dadad9;
 border-right:1px solid #bfbfbf;
 border-bottom:1px solid #808080;
 border-left:1px solid #bfbfbf;
 padding:3px 15px;
 color:#000000;
 font-family:'Trebuchet MS', Arial, Sans-serif; 
 font-size:13px;
}

h1 {
 font-size:16px;
 font-weight:normal;
 margin-top:0;
 color:#bf1c08;
 font-family:'Trebuchet MS', Arial, Sans-serif; 
}

.editor-otsikko {
 font-size:16px;
 font-weight:normal;
 margin-top:0;
 color:#bf1c08;
 font-family:'Trebuchet MS', Arial, Sans-serif; 
}


h2 {
 font-size:14px;
 font-weight:normal;
 margin-top:0;
 color:#0065a7;
 font-family:'Trebuchet MS', Arial, Sans-serif; 
}

h3 {
 font-size:12px;
 font-weight:bold;
 color:#0065a7;
 margin-top:0;
}

h1.plain {
 color:#5a5555;
}

h1.box {
 background-color:#fafafb;
 color:#666666;
 padding: 10px 20px;
 min-height: 20px;
 font-weight:normal;
 margin:0;
}

h1.box-border {
 background-color:white;
 color:#bf1c08;
 font-size:16px;
 font-weight:normal;
 margin-top:0;
}

div.bottom-box {
 background-color:#fafafb;
 height: 40px;
}

div.box-border {
 border-top:1px solid #d0d0d0;
 clear:both;
}

a, a:visited {
 color:#000000;
 text-decoration:none;
}

a.a2, a.a2:visited {
 color:#444444;
}

/* Layout */

div#main-wrapper {
 width:900px;
 margin:0 auto;
}

div#header {
 height:130px;
 position:relative;
}

div#flags {
 background:white bottom left no-repeat url(/img/layout/flags_bg.gif);
 position:absolute;
 top:66px;
 right:0px;
 width:129px;
 height:30px;
}

div#stamp-wrap {
 position:absolute;
 top:6px;
 right:55px;
 width:35px;
 height:35px;
}

img#stamp {
 width: 53px;
 height: 53px;
 display: block;
}

img#flag-fi {
 width:25px;
 height:16px;
}

img#flag-en {
 width:24px;
 height:16px;
 margin:0 0 0 10px;
}

img#flag-se, img#flag-ru {
 width:25px;
 height:16px;
 margin:0 0 0 10px;
}

img#logo { 
 padding-top:46px;
 width:91px;
 height:55px;
 float:left;
 margin-right:33px;
 margin-left: 46px;
}

div.tNav-cont {
 margin-top:66px;
 padding-right: 35px;
 float:left;
 font-family: Verdana, Arial, Sans-serif; 
}

div.tNav-cont-sel {
 margin-top:66px;
 padding-right: 35px;
 float:left;
 font-family: Verdana, Arial, Sans-serif; 
}

a.tNav,a.tNav:visited {
 color:#000000;
 font-size:12px;
 text-transform:uppercase;
}

a.tNav-sel,a.tNav-sel:visited {
 color:#bf1c08;
 font-size:12px;
 text-transform:uppercase;
}

div#sp-flash {
 width: 855px;
 margin-left: 45px;
 margin-bottom: 5px;
}

div#footer-wrap {
 border-top: 1px solid #bf1c08;
 color:#565656;
 margin:15px 0 0 45px;
 text-align:right;
 font-family:'Trebuchet MS', Arial, Sans-serif; 
}

div#footer-slogan-cont {
 float:left;
 padding: 5px 55px 0 0;
 color: #000000;
}

div.footer-text-cont {
 padding: 5px 0 0 20px;
}

div#clearFooterPrint {
 display:none;
}


/* Etusivu, FrontPage */

h1.fb {
 margin:0;
 margin-bottom:10px;
 color:#000000;
}

h1.fb-textSpace {
 margin:0;
 margin-bottom:10px;
 color:#000000;
}

div#fp-bulletinWrap {
 float:left;
 width:320px;
 background:white top right no-repeat url('/img/layout/fb_bulletin_wrap_bg.gif');
}

div#fp-bulletinSpace {
 padding:20px 20px 10px 45px;
}

div.fb-bulletinCont {
 margin-bottom:10px;
 line-height: 110%;
}

div.fb-bulletinTitle {
 text-transform: uppercase;
 font-weight: bold;
}

div.fb-bulletinIng {
 font-style: italic;
}

a.fp-bulletin, a.fp-bulletin:visited {
 color:#87888a;
}

div#fp-textCont {
 float:left;
 width: 250px;
 height: 160px;
 background-color:white;
 background-position:right top;
 background-repeat:no-repeat;
}

div#fp-textSpace {
 padding: 20px 20px 20px 20px;
}

div#fp-textCont2 {
 float:left;
 width:330px;
 position:relative;
 background:white top left no-repeat url('/img/layout/fb_bulletin_wrap_bg.gif');
}

div#fp-textSpace2 {
 padding: 20px 0 20px 20px;
}

div#fp-textSpace2 a, div#fp-textSpace2 a:visited {
 color:#87888a;
}


/* Alisivu */

div#side-col {
 float:left;
 width:137px;
 padding: 13px 33px 30px 0;
 text-align:right;
 font-family:'Trebuchet MS', Arial, Sans-serif; 
}

div#content-col {
 float:left;
 width:730px;
 min-height: 400px;
 padding-bottom: 30px;
}

div#page-img-wrap {
 width: 730px;
 margin-bottom: 40px;
}

img#page-img {
 display: block
}

div.textwrap {
 margin: 0;
}

div.textwrap-bg {
 background: #fafafb;
 padding: 10px 20px;
}


/* Sivunavi */

div.subNav-cont-lev2 {
 padding:1px 0;
}

div.subNav-cont-lev2-sel {
 padding:1px 0px;
}

div.subNav-cont-lev3 {
 padding:1px 0 1px 0;
 font-size:85%;
 text-transform: uppercase;
}

div.subNav-cont-lev3-sel {
 padding:1px 0 1px 0;
 font-size:85%;
 text-transform: uppercase;
}

div.subNav-cont-lev3-last, div.subNav-cont-lev3-sel-last {
 padding:1px 0 21px 0;
 font-size:85%;
 text-transform: uppercase;
}

div.subNav-cont-lev4 {
 padding:8px 12px 8px 40px;
 background:#faf9f5 top right repeat-y url('/img/layout/subnav_lev3_bg.gif');
}

div.subNav-cont-lev4-sel {
 padding:8px 12px 8px 40px;
 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:#5a5555;
}

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:#bf1c08;
}


/* Tiedotepalsta */

div.bulletinList-cont { 
 margin-bottom:30px;
}

div.bulletinList-ing-cont {
}

img.bulletinList {
 float:right;
 margin-left: 20px;
}

div.bulletinList-ing-wrap, div.bulletinText-wrap {
 margin: 0;
}


/* Keittiön index -> tyypin valinta */
/* HW071111: Jäänevät pois tarpeettomina */

div#kitchenSelectWrap {
 width:245px;
 float:left;
 margin-right:7px;
 border-bottom:1px solid #d0d0d0;
 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 #d0d0d0;
 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:200px;
 margin-right:45px;
 padding-top:20px;
 float:left;
 text-align:center;
}

div.roomSampleWrap-last {
 padding-top:20px;
 width:200px;
 float:left;
 text-align:center;
}

div.roomSampleKitchenWrap {
 width:230px;
 margin-right:15px;
 padding-top:15px;
 float:left;
 text-align:center;
}

div.roomSampleKitchenWrap-last {
 padding-top:15px;
 width:230px;
 float:left;
 text-align:center;
}

a.roomSampleName, a.roomSampleName:visited {
 padding: 5px;
 display:block;
 color:#5a5555;
 font-size:90%;
}

a.point { background: no-repeat url('/img/layout/point.gif'); }


/* Samplelist-erotin */

div.roomSample-separator {
 clear:both;
 height:1px;
}


/* Samplelist-marginaalit */

div#samplelist-container { margin: 10px 10px 20px 20px; }

div#samplelist-kitchen-container { margin: 0 0 20px 5px; }


/* Keittiön/muun tilan näyttö, show */

div#bigImg-wrap {
 width:730px;
 height:500px;
 overflow:hidden;
 position:relative;
 margin-bottom:10px;
}

div#bigImg-cont {
 position:absolute;
 top:0;
 width:2250px;
 height:500px;
 overflow:hidden;
 white-space:nowrap;
}

img.bigImg {
 width:730px;
 height:500px;
}

div#titlebarWrap {
 position: relative;
 margin-bottom: 10px;
}

div#pricegroupBox {
 position: absolute;
 top: 13px;
 right: 10px;
}

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:5px;
 filter:alpha(opacity=50);
 -moz-opacity:0.5;
 opacity: 0.5;
}

img.thumbSel, img.thumb:hover {
 margin-left:5px;
 filter:alpha(opacity=100);
 -moz-opacity:1;
 opacity: 1;
}

div#infoCont {
 width:285px;
}

div.hide {
 display:none;
}


/* Keittiön näyttö */

div#kitchenInfoCont {
 width:550px;
 margin-left: 160px;
 margin-right: 20px;
}

div#kitchenThumbCont {
 position:relative;
}


/* 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 #d0d0d0;
 padding:5px 12px;
 font-size:15px;
 color:#999999;
}


/* Ovimallit, samplelist */

div.doorSampleWrap {
 width:138px;
 padding-top:10px;
 margin-right:10px;
 float:left;
 overflow:hidden;
 text-align:center;
}

div.doorSampleWrap-last {
 width:138px;
 float:left;
 padding-top:10px;
 overflow:hidden;
 text-align:center;
}

a.doorSampleName, a.doorSampleName:visited {
 padding: 5px 4px;
 display:block;
 color:#5a5555;
 font-size:90%;
}


/* Samplelist-erotin */

div.doorSample-separator {
 clear:both;
}


/* Show - oven näyttö */

div#doorshow-container {
 position: relative;
 height: 600px;
 margin-top: 5px;
}

div#doorshow-info-cont {
 width: 160px;
 margin-left: 15px;
}

div#doorshow-info-wrap {
 width:160px;
 margin-top: 20px;
}

div#doorshow-img-cont {
 position: absolute;
 left: 205px;
 top: 0px;
 width:235px;
}

div#doorshow-info2-wrap {
 position: absolute; 
 left: 470px;
 top: 0px;
 width: 245px; 
}

div#doorshow-info2-text {
 background:#fafafb;
 padding:10px;
 font-size:85%;
 text-transform: uppercase;
}

img#doorshow-info2-img {
 float:right;
}

div#doorshow-glass-wrap {
 background:#fafafb;
 padding:10px 0 5px 10px;
 margin-top: 5px;
 font-size:85%;
 text-transform: uppercase;
}

div.doorshow-glassImg-cont {
 float:left;
 margin: 0 5px 5px 0;
}

h2.doorshow-title {
 font-size:110%;
 font-weight:normal;
 margin-top:0;
 color:#666666;
}

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:160px;
 margin: 20px 0 20px 0;
 overflow:hidden;
}

img.show-sampleroom {
 margin-bottom:5px;
 display:block;
}


/* Prev/Next-pageri (ovi/tasot) */

div#show-pager-wrap {
 border-bottom: 5px solid #fafafb;
 margin-bottom: 5px;
}

div#show-pagerCont-next {
 float:right;
}

div#show-pagerCont-prev {
 float:left;
}

a.show-pager, a.doorshow-pager:visited {
 color:#bf1c08;
 text-transform: uppercase;
 font-size: 10px;
}


/* Tasot, index */

div.ctopSelectWrap {
 width:165px;
 float:left;
 text-align: center;
}

a.ctopSelectName, a.ctopSelectName:visited {
 padding:5px 12px;
 font-size:15px;
 display:block;
 color:#999999;
}


/* samplelist*/

div.ctopSampleWrap {
 width:138px;
 margin-right:10px;
 padding-top:10px;
 float:left;
 overflow:hidden;
 text-align: center;
}

div.ctopSampleWrap-last {
 width:138px;
 float:left;
 padding-top:10px;
 overflow:hidden;
 text-align: center;
}

a.ctopSampleName, a.ctopSampleName:visited {
 padding:5px 0 5px 4px;
 display:block;
 color:#5a5555;
 font-size:90%;
}

div.ctopSample-separator {
 clear:both;
 height:1px;
}


/* Show  */

div#ctopShow-img-cont {
 width:510px;
 overflow:hidden;
 margin-right:21px;
 margin-top: 20px;
 margin: 20px 21px 10px 20px;
 float:left;
}


/* Vetimet ja rungot, index */

/* index + samplelist*/

div.handleSampleWrap {
 width:138px;
 padding-top:10px;
 margin-right:10px;
 float:left;
 overflow:hidden;
 text-align:center;
}

div.handleSampleWrap-last {
 width:138px;
 float:left;
 padding-top:10px;
 overflow:hidden;
 text-align:center;
}

a.handleSampleName, a.handleSampleName:visited {
 padding:5px 4px;
 display:block;
 color:#5a5555;
 font-size:90%;
}

div.handleSample-separator {
 clear:both;
}

div#handleGroup2Wrap {
 float:left;
 width: 444px;
}

div#handleGroup3Wrap {
 float:left;
 width: 286px;
}

div#handleGroup4Wrap {
 clear:both;
}


/* Vetimet, Show  */

div#handleTitle-cont {
 background-color:#fafafb;
 color:#666666;
 padding: 10px 20px;
 min-height: 20px;
}

div#handleTitle {
 width: 130px;
 float:left;
 font-size:16px;
 font-weight:normal;
 font-family:'Trebuchet MS', Arial, Sans-serif; 
}

div#handleInfo {
 margin-left: 130px;
}

div#handleShow-img-cont {
 width:510px;
 margin: 20px;
 overflow:hidden;
 float:left;
}


/* Rungot, Show  */

div#framesTitle-cont {
 background-color:#fafafb;
 color:#666666;
 padding: 10px 20px;
 min-height: 20px;
}

div#framesTitle {
 width: 180px;
 float:left;
 font-size:16px;
 font-weight:normal;
 font-family:'Trebuchet MS', Arial, Sans-serif; 
}

div#framesInfo {
 margin-left: 180px;
}

div#framesShow-img-cont {
 width:510px;
 margin: 20px 20px 20px 200px;
 overflow:hidden;
}


/* Tarvikkeet, index */

div.suppliesSelectWrap {
 width:365px;
 margin-bottom: 20px;
 float:left;
}

div.suppliesSelectText {
 margin: 20px 20px 20px 190px;
}

a.suppliesSelectName, a.suppliesSelectName:visited {
 font-size:15px;
 color:#999999;
}

a.suppliesSelectName:hover {
 font-size:15px;
 color:#bf1c08;
}


/* Tarvikkeet, samplelist */

div.suppliesSampleContainer {
 margin-left: 20px;
}

div.suppliesSampleWrap {
 width:200px;
 padding-top:10px;
 padding-bottom: 20px;
 margin-right:45px;
 float:left;
 overflow:hidden;
 text-align:center;
}

div.suppliesSampleWrap-last {
 width:200px;
 float:left;
 padding-top:10px;
 overflow:hidden;
 text-align:center;
}

a.suppliesSampleName, a.suppliesSampleName:visited {
 padding:5px 4px;
 display:block;
 color:#5a5555;
 font-size:90%;
}

div.suppliesSample-separator {
 clear:both;
 height:1px;
}


/* Tarvikkeet, Show  */

div#suppliesShow-img-cont {
 width:330px;
 margin: 20px;
 overflow:hidden;
 float:left;
}

div#suppliesInfo {
  width: 330px;
  margin: 20px 0 0 0px;
  margin-left: 380px;
}


/* Samplelist-sivujen hover */

a.selectName-hover, a.selectName-hover:visited,
a.sampleName-hover, a.sampleName-hover:visited
 {
 background-color:#fafafb;
 color:#bf1c08;
}


/* Myymälöiden yhteystiedot */

div#contactSearchContainer {
 position:relative;
 background:white top left no-repeat url(/img/layout/contact-bg.gif);
 width:  730px;
 height: 242px;
 margin-bottom: 5px;
}

div#searchWrap {
 position: absolute;
 width: 350px;
 left: 20px;
 top: 10px;
}

div#searchResultsWrap {
 padding: 0 20px;
}

div.contact-infoWrap {
 width:320px;
 padding:20px 0;
}

div.contact-title {
 font-weight: bold;
 color:#bf1c08;
}

span.contact-title-extra {
 color: #5a5555;
 font-weight: normal;
 text-transform: uppercase;
 font-size:85%;
}


/* SCROLLABLE, KEITTIÖT */

a.prev, a.next, a.prevPage, a.nextPage {
 width:21px;
 height:30px;
 background: #ffffff top left no-repeat url(/img/scrollable/prev.gif);
 float:left;
 cursor:pointer;
 margin-top:505px;
}

a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
 background-position:0px -30px;		
}

a.next, a.nextPage {
 background-image:url(/img/scrollable/next.gif);
}

a.disabled {
 visibility:hidden !important;		
}

div.scrollable {
 float:left;
 position:relative;
 overflow:hidden;
 width:682px;	
 height:533px;	
 border:1px solid #ffffff;
 padding-top:4px;
}

div#productWrap {	
  position:absolute;
  width:20000em;	
  clear:both;
}

div.productCont {
 float:left;
 width: 682px;
 border-left:4px solid #ffffff;
 position:relative;
}

div.productImgWrap {
 width:682px;
 height: 504px;
 overflow:hidden;
}

img.productImg {
 display:block;
 margin-bottom:4px;
}

div.productTitleCont {
 background-color:#ffffff;
 padding:2px 6px 0px 6px;
 width: 663px;
 height:25px;
 margin:0;
 color: #999999;
 font-size:16px;
 font-weight:normal;
 text-align:center;
 border-bottom: 1px solid #ffffff;
}

div.ptHover {
 background-color:#fafafb;
 color: #bf1c08;
}

div#pricegroupContainer {
 width: 654px;
 margin: 0 26px;
 padding: 10px;
 background: #fafafb;
 color: #999999;
 text-align:center;
 border-top: 1px solid #ffffff;
}

div#pricegroupWrapper {
 padding: 10px;
}


span.pricegroupTextWrap {
 padding: 5px 10px;
}

span.pricegroupAll,
span.pricegroupAll-akt {
 padding: 5px 10px;
 border-left: 1px solid #999999;
}

span.pricegroupWrap,
span.pricegroupWrap-akt {
 padding: 5px 10px;
 border-left: 1px solid #999999;
}

span.pricegroupAll A,
span.pricegroupAll A:visited, 
span.pricegroupWrap A,
span.pricegroupWrap A:visited {
 color: #999999;
}

span.pricegroupAll A:hover, 
span.pricegroupWrap A:hover {
 color: #bf1c08;
}

span.pricegroupWrap-akt A {
 color: #bf1c08;
}
