/*CALLIOLA SCREEN CSS*/

/* CSS Document */
body{font-family:Georgia, serif;color:#000;font-size:14px;line-height:17px;background:#003247;text-align:center;padding:19px 0 0 0;}
h1{font-size:26px;font-weight:normal;margin:20px 0 22px 0; line-height:26px;}
h2{font-size:18px;font-weight:normal;margin-bottom:10px;clear:both;}
h3{font-size:14px;font-weight:bold;}
h4{font-size:14px;font-weight:normal;}
a{color:#3db2d9;outline:none;text-decoration:none;}
hr{height:1px; border:0px;border-top: 1px dotted #ccd2d8;margin:10px 0;}
p{margin:0 0 10px 0;}

a.cufon, li.cufon, h2.cufon{font-size:21px;}

#contentPosition{position:relative;margin:0 auto;text-align:left;width:940px;}
#contentArea{position:relative;background:#fff;width:900px;padding:30px 0 30px 40px;}
.lFloat{float:left;}
.rFloat{float:right;}

img.zoomer{width:20px;height:20px;border:0px;border-collapse:collapse;margin-left:3px;padding:0px;}
img.lang{
    height:8px;
    border:0px;
    border-collapse:collapse;
    /*margin:0px 0px 6px 17px;*/
    padding:0px;
    float:right;
}
.langBlock{padding-top:5px; height:20px; width:80px;}
#topCntrl{
    display:block;
    margin:0 39px 2px 0; 
    /*width:210px;*/
}
#topCntrl img{cursor:pointer;}
ul#topLinks{margin:34px 20px 0 0;}
ul#topLinks li{
  list-style-type:none;
  float:left;
  background:url(../images/toplink_highlight.gif) no-repeat;
  padding-left:20px;
  margin-right:20px;
  }
  
/*TOPLINKS*/
ul#topLinks.fin-FI li:hover{background:url(../images/toplink_bullet.gif) no-repeat;}
ul#topLinks.fin-FI li.active{background:url(../images/toplink_bullet.gif) no-repeat;}
ul#topLinks.fin-FI a{text-indent:-3000px;font-size:1px;height:13px;display:block;text-decoration:none;border:0;}
ul#topLinks.fin-FI a#etusivu{background:url(../images/link_etusivu.gif) no-repeat;width:60px;}
ul#topLinks.fin-FI a#calliola{background:url(../images/link_calliola.gif) no-repeat;width:68px;}
ul#topLinks.fin-FI a#palvelut{background:url(../images/link_palvelut.gif) no-repeat;width:69px;}
ul#topLinks.fin-FI a#yhteystiedot{background:url(../images/link_yhteystiedot.gif) no-repeat;width:107px;}
ul#topLinks.fin-FI a#ajankohtaista{background:url(../images/link_ajankohtaista.gif) no-repeat;width:112px;}

ul#topLinks.eng-GB li:hover{background:url(../images/toplink_bullet.gif) no-repeat;}
ul#topLinks.eng-GB li.active{background:url(../images/toplink_bullet.gif) no-repeat;}
ul#topLinks.eng-GB a{text-indent:-3000px;font-size:1px;height:13px;display:block;text-decoration:none;border:0;}
ul#topLinks.eng-GB a#etusivu{background:url(../images/link_etusivu.gif) no-repeat;width:60px;}
ul#topLinks.eng-GB a#calliola{background:url(../images/link_calliola.gif) no-repeat;width:68px;}
ul#topLinks.eng-GB a#palvelut{background:url(../images/link_palvelut.gif) no-repeat;width:69px;}
ul#topLinks.eng-GB a#yhteystiedot{background:url(../images/link_yhteystiedot.gif) no-repeat;width:107px;}
ul#topLinks.eng-GB a#ajankohtaista{background:url(../images/link_ajankohtaista.gif) no-repeat;width:112px;}

ul#topLinks.swe-SE li:hover{background:url(../images/toplink_bullet.gif) no-repeat;}
ul#topLinks.swe-SE li.active{background:url(../images/toplink_bullet.gif) no-repeat;}
ul#topLinks.swe-SE a{text-indent:-3000px;font-size:1px;height:13px;display:block;text-decoration:none;border:0;}
ul#topLinks.swe-SE a#etusivu{background:url(../images/link_etusivu.gif) no-repeat;width:60px;}
ul#topLinks.swe-SE a#calliola{background:url(../images/link_calliola.gif) no-repeat;width:68px;}
ul#topLinks.swe-SE a#palvelut{background:url(../images/link_palvelut.gif) no-repeat;width:69px;}
ul#topLinks.swe-SE a#yhteystiedot{background:url(../images/link_yhteystiedot.gif) no-repeat;width:107px;}
ul#topLinks.swe-SE a#ajankohtaista{background:url(../images/link_ajankohtaista.gif) no-repeat;width:112px;}
/*TOPLINKS END*/
#subLinkbg{display:block;height:29px;width:860px;background:#55697d;/*opacity:.75;*/}
ul#subLinks{position:absolute;width:860px;height:33px;top:0px;}
ul#subLinks li{list-style-type:none;float:left;height:29px;}
ul#subLinks a{padding:5px 9px 7px;color:#fff;display:block;text-decoration:none; font-size:13px;}
ul#subLinks a:hover{font-weight:normal;background:#003247;color:#fff;}
ul#subLinks li.active{background:url(../images/sublink_bullet.gif) no-repeat center bottom;padding-bottom:4px;}
ul#subLinks li.active a{background:#fff;color:#000;}

#tabLinks_1{display:block;height:29px;width:100%;margin-bottom:10px;}
#tabLinks_1 ul{list-style-type:none !important;}
#tabLinks_1 ul li{
  float:left;
  text-align:center;
  border-top:1px dotted #ccd2d8;
  border-bottom:1px dotted #ccd2d8;
  margin:0 20px 0 0;
  padding: 0;
  cursor:pointer;
  }
#tabLinks_1 ul li:hover{border-top:1px solid #55697d;border-bottom:1px solid #55697d;}
#tabLinks_1 ul li.active{
  border-top:1px solid #55697d;
  border-bottom:none;
  background:url(../images/tabLink_bullet.gif) no-repeat center bottom;
  padding-bottom:4px;
  }
#tabLinks_1 ul li a{display:block;padding:4px 9px 8px;}
#tabLinks_1 ul li a:hover{background:#003247;color:#fff;}
#tabLinks_1 ul li.active a{background-color:#55697d;color:#fff;}
.tabContent{display:none;}
#breadCrumb{display:block;float:left; font-size:13px;}

#cLogo{border:0px;width:194px;height:55px;}
#mainArea{width:642px;display:block;}


/*#mainArea #tabCont_1 ul li, #mainArea .tabContent ul li{
    list-style-type:none;
    background: transparent url(../images/li_bullet.gif) left center no-repeat;
    padding-left:10px;
    margin-bottom:2px;
}*/

#mainArea #tabCont_1 p, #mainArea .tabContent p{
    margin-bottom:15px;
}

#mainArea ol{
    list-style-position:inside;
    list-style-type:decimal;
}

#mainArea ul{
    list-style-position:inside;
    list-style-type:disc;
    margin:15px 0;  
}

#mainImage{
  width:860px;
  height:230px;
  /*background:url(../images/mainImg_basic.jpg) no-repeat;*/
  position:relative;
  margin:6px 0 10px 0;
  }
#mainImage_front{
  width:642px;
  height:300px;
  /*background:url(../images/front_mainImg.jpg) no-repeat;*/
  position:relative;
  margin:6px 0 20px 0;
  }
#mainImage_front img{
    position:absolute;
    margin:120px 0 0 20%;
    display:block;
    float:none;
    width:378px;
    height:44px;*/
}
#mainImage img{position:absolute;margin:72px 0 0 56px;display:block;float:none;}

#searchPut{
  width:166px;
  height:23px;
  margin:0 5px 0 0;
  padding:2px;
  border:none;
  background: transparent url(../images/form_input_bg_search.gif) left top no-repeat;
  }
#searchGlass{cursor:pointer;}
#rightLinks{padding:21px 0 0 0;display:block;width:202px;margin-right:39px;}
#rightLinks h2{font-style:italic;}
#rightLinks ul{
  list-style-type:none;
  padding:22px 0 20px 0;
  margin:0px;
  clear:both;
  width:200px;
  }
#rightLinks ul li{
  display:block;
  width:197px;
  padding:23px 0 23px 0;
  border-top:1px dotted #ccd2d8;
  background:url(../images/rightLink_arr.gif) no-repeat right center;
  }
  
#rightLinks p{margin:0;}
#rightLinks ul li a{color:#000;font-style:italic;text-decoration:none;display:block;}
#rightLinks ul li#lastLi{border-bottom:1px dotted #ccd2d8;}

.teaser_200{width:200px;min-height:200px;/*padding:80px 0 0 0;*/text-align:center; margin-top:10px;}
.teaser_200 p{margin-bottom:20px !important;}
.teaser_200 a.imgLink{
    height:200px;
    margin-bottom:10px;
    /*padding-top:80px;*/
    width:100%;
}
.teaser_200 p, .teaser_200 a{text-align:left;display:block;}
.teaser_200 a img{text-align:center;margin:0 auto;display:block;margin-bottom:103px;}
.teaser_200 img{margin:0 auto;margin-bottom:103px;}
.teaser_200_notxt{padding-top:220px;width:200px;background:url(../images/blankThumb_200.gif) no-repeat;}
.tsr_center{margin:10px 20px 0;}
.teaser_200 .text{height:70px; margin:0 0 10px;}
#tsrTunnelmat{background:url(../images/thumb_tunnelmat_200x200.jpg) no-repeat;}
#tsrTunnelmat img{width:153px;height:37px;}
#tsrCalliola{background:url(../images/thumb_calliola_200x200.jpg) no-repeat;}
#tsrCalliola img{width:115px;height:36px;}
#tsrPalvelut{background:url(../images/thumb_palvelut_200x200.jpg) no-repeat;}
#tsrPalvelut img{width:119px;height:36px;}
#tsrKokemukset{background:url(../images/thumb_kokemukset_200x200.jpg) no-repeat;}
#tsrKokemukset img{width:167px;height:36px;}

#frontBottomLifts .teaser_200, #frontBottomLifts .tsr_center, #frontBottomLiftsRight .teaser_200{
    margin-top:0;
}

.rightQuote{border:3px solid #ccd2d8;padding:1px;}
.rightQuote span{
  border:1px solid #ccd2d8;
  display:block;
  padding:20px;
  font-size:18px;
  font-weight:normal;
  line-height:23px;
  }
.errorMsg{
  background:url(../images/errorsign.gif) no-repeat 0px 3px;
  display:block;
  padding-left:20px;
  margin:10px 0;
  }
.basicUl{
  list-style-image:url(../images/liArrow.gif);
  padding-left:16px;
  line-height:17px;
  margin:10px 0;
  }
.ajankDate{font-size:18px;font-weight:normal;width:70px; line-height:18px;}
.ajankText{width:570px;}
.ajankText h3{font-size:18px; font-weight:normal;}

/*footer*/
#footer{clear:both;width:865px;margin:0 auto;margin-top:10px;}
.ftrBlock{text-indent:-3000px;font-size:1px;text-decoration:none;display:block;padding:0px;margin:0px;height:13px;}
#copyRight{background:url(../images/ftr_calliola.gif) no-repeat;width:79px;}
#ftrAddr{background:url(../images/ftr_address.gif) no-repeat;width:227px;}
#ftrContact{background:url(../images/ftr_phone_fax_email.gif) no-repeat;width:490px; position:relative;}
#ftrDirveinfo{background:url(../images/ftr_driveInfo.gif) no-repeat;width:67px;}
#ftrDirveinfo a{width:66px; height:15px;display:block;}

a#mailtoLink{
    display:block;
    height:14px;
    position:absolute;
    right:0;
    top:0;
    width:170px;
}
/*END - footer*/

/*newsletter ordering form*/
#formHover{margin:0 auto;width:560px;padding:40px;text-align:left;background:#fff;}
#formHover h1{margin-top:0px;}
#formHover p{margin:0 0 20px;}
.mail_halfCol{display:block;width:260px;position:relative;}
.inpText{
    width:100%;
    /*margin:10px 0 18px;*/
}
.dBtn{background:#55697d;}
.lBtn{background:#60c7ea;}
a.mailBtn{padding:6px 16px;color:#fff;font-weight:bold;cursor:pointer;display:block;}
/*END - newsletter ordering form*/


.current_siteaccess{
    display:none;
}

/*NEWS STUFF*/
h1.news{
    margin-bottom:3px;
}
.author{
    margin-bottom:20px;
    display:block;
}

a.back{
    display:block;
    margin:20px 0;
}

/*TUNNELMAT STUFF*/
div.feelingLift{
    width:202px;
    margin-top:20px;
}

div.feelingLift p{
    margin-right:20px;
}

div.feelingLift img{
    margin-bottom:10px;
}

div.feelingLift a{
    display:block;
    margin-top:15px;
}

.marginR{
    margin:0 18px 0 0;
}

/*KOKEMUKSIA STUFF*/
.experiences h3{
    margin:0 0 10px 0;
}

.experiences h2{
    margin:15px 0;
}

.testimonial{
    margin:20px 0;
}

/*EZ*/
#debug{
    text-align:left;
    padding-left:20px;   
}

.object-left .class-image{
    float:left;
    margin: 0px 20px 10px 0;
}

.object-right .class-image{
    float:right;
    margin: 0px 0 10px 20px;
}

.class-image img{
    margin-bottom:3px;
}

table img{
    margin: 0 0 15px 0;
}

table td{
    vertical-align:top;
}

.separator{
    border-color:#CCD2D8 -moz-use-text-color -moz-use-text-color;
    border-style:dotted none none;
    border-width:1px 0 0;
    height:1px;
    margin:10px 0;
    }
    
.clear{
    clear:both;
}

table.list{
    width:100%;
}

table.list td, table.list th{
   height:25px;
}

.ezcca-edit-datatype-ezobjectrelation{
    border:1px solid black;
    width:90%;
    margin: 10px 0;
}

.ezcca-edit-datatype-ezxmltext{
    width:90%;
    margin: 10px 0;
}
legend{
    font-weight:bold;
}
.buttonblock{
    margin: 10px 0;
}

.element{
    float:left;
}

.content-edit .block{
    width:90%;
    margin: 10px 0;
}

.content-edit .block input.box{
    width: 70%;
}

.content-edit .block label{
    display:block;
}

.class-folder h2 {
    float:left;
}

.class-folder {
    display:block;
    clear:left;
}

.content-view-children h2{
    float:none;
    clear:both;
}

.class-folder  .attribute-short{
    margin-left:15px;
    float:left;
}

.content-navigator-previous-disabled, 
.content-navigator-previous, 
.content-navigator-next-disabled, 
.content-navigator-separator-disabled, 
.content-navigator-forum-link, 
.content-navigator-separator,  
.content-navigator-next, 
.content-navigator-next a{
    float:left;
}

.content-navigator-arrow{
    display:none;
}
.content-view-full .attribute-image{
    padding-top:15px;
    clear:both;
}

.user-login{
    float:left;
}

.border-box{
    float:left;
    width:73%;
}

.yui-calcontainer{
    position:relative !important;
    top:0 !important;
    left: 0 !important;
}

a.calnavright{
    background:transparent url(../images/calNavRight.png) no-repeat scroll left center;
    display:inline-block;
    height:20px;
    width:12px;
    cursor:pointer;
}

a.calnavleft{
    background:transparent url(../images/calNavLeft.png) no-repeat scroll left center;
    display:inline-block;
    height:20px;
    width:12px;
    cursor:pointer;
}

/*LOMAKKEET*/
.thickBoxColumn{
    width: 570px;
    background-color:#ffffff;
    text-align:left;
    padding:10px 10px 10px 30px;
}

.offerColumn{
    margin:30px 0 0 0;
}

.thickBoxColumn .formLeft{
    width:300px;
    float:left;
}

.thickBoxColumn .formRight{
    width:270px;
    float:left;
}

.offerColumn .formRight, .offerColumn .formLeft{
    width:301px;
    float:left; 
}

.offerColumn .formLeft{
    margin-right:35px;
}

.thickBoxColumn input{
    width:263px;
    padding-top:3px;
    height:20px;
    background: transparent url(../images/form_input_bg_thickbox.gif) left top no-repeat;
    border:none;
}

.thickBoxColumn select{
    width:263px;
}

.offerColumn input, .offerColumn select{
    width:302px;
}

.offerColumn select{
    height:25px;
}

.offerColumn input{
    background: transparent url(../images/form_input_bg.gif) left top no-repeat;
    padding-top:3px;
    height:20px;
    border:none;
}

.offerColumn .checkbox{
    padding-top:3px;
    float:left;
}

.offerColumn textarea{
    width:639px;
    height:132px;
    background: transparent url(../images/form_textarea_bg.gif) left top no-repeat;
    border:none;
}

.offerColumn .checkbox input{
    width:30px;
    height:14px;
    float:left; 
    background:none;
}

.offerColumn .checkBoxLabel{
    float:left;
}

.offerColumn label{
    margin-bottom:3px;
    display:block;
}

.offerColumn .sectionHeading{
    display:inline;
    background: transparent url(../images/square_bullet.gif) left center no-repeat;
    padding-left:20px;
    font-weight:bold;
    margin-bottom:20px;
}

.cell{
    height:46px;
    margin-bottom:20px;
}

.captchaCell{
    height:70px;
    margin-bottom:20px;
    position:relative;
}

#captchaTooltip{
    background-color:#ffffff;
    border:1px solid #E5E5E5;
    display:none;
    left:0;
    position:absolute;
    top:0;
    width:279px;
    z-index:9999;
    padding:10px;
}
p#closeTooltip{
    float:right;
}

.captcha{
    margin-top:6px;
    position:relative;
}

.buttonsCell{
    height:40px;
}

.buttonsCell .buttons{
    float:right;
}

#letterOrderForm .submitButton{
    border:none;
    background: transparent url(../images/tilaauutiskirje_btn.gif) left top no-repeat;
    width:72px;
    height:30px;
    float:left;
    margin-right:5px;
    cursor:pointer;
}

.buttons a.close{
    width:122px;
    height:30px;
    border:none;
    background: transparent url(../images/tilaauutiskirje_close_btn.gif) left top no-repeat;
    display:block;
    float:left;
    margin-right:7px;
}

#offerOrderForm .submitButton{
    border:none;
    background: transparent url(../images/send_btn.gif) left top no-repeat;
    width:80px;
    height:30px;
    float:left;
    margin-right:5px;
    cursor:pointer;
}

#offerOrderForm .resetButton{
    width:84px;
    height:30px;
    border:none;
    background: transparent url(../images/cancel_btn.gif) left top no-repeat;
    display:block;
    float:left;
    margin-right:8px;
    cursor:pointer;
}

/*newsletter ordering form*/
#formHover{margin:0 auto;width:560px;padding:40px;text-align:left;background:#fff;}
#formHover h1{margin-top:0px;}
#formHover p{margin:0 0 20px;}
.mail_halfCol{display:block;width:260px;position:relative;}
.inpText{
    width:258px;
    /*margin:10px 0 18px;*/
    padding:2px 0 0 0;
    background:url(../images/greyDot.gif) repeat-x;
  border:1px solid #cacaca;
  border-top:1px solid #9c9c9c;
  border-bottom:1px solid #e5e5e5;
  min-height:21px;
  }
.dBtn{background:#55697d;}
.lBtn{background:#60c7ea;}
a.mailBtn{padding:6px 16px;color:#fff;font-weight:bold;cursor:pointer;display:block;}
.dropSel{
  display:block;
  width:302px;
  position:relative;
  /*margin-top:10px;*/
  }
  
.thickBoxColumn .dropSel{
    width:263px;
}
.dropSel span{
  background:url(../images/selArrow.gif) no-repeat 286px 6px;
  display:block;
  width:100%;
  padding:2px 0 0 2px;
  cursor:pointer;
  }
  
.thickBoxColumn span{
    background:url(../images/selArrow.gif) no-repeat 245px 6px;
}
ul.selDropList{margin-top:3px !important;
    display:none;
    position:absolute; 
    z-index:160; 
    background-color:#ffffff; 
    list-style-type:none !important;
    width:100%;
    border:1px solid #cacaca;
    border-top:1px solid #9c9c9c;
    border-bottom:1px solid #e5e5e5;
    margin-left:-1px;
    }
ul.selDropList li{padding:1px 0 1px 5px;cursor:pointer;margin-left:-2px; width:99%}
ul.selDropList li:hover{background:#ccd2d8;}
.dropSel_opt{visibility:hidden;}
/*END - newsletter ordering form*/

#build
{
    font-size:11px;
    text-align:center;
    width:150px;
    margin:60px auto 0 auto;
}

#build a{
    color:#266e88;
}

#build a:hover{
    color:#3DB2D9;
}


div.feelingLift a.noMargin{
    margin:0;
}