/*-----------------------------------------------
INDEX
kts. myös styles.inc, styles_mobile.css,
styles_medium.css, styles_full.css
-------------------------------------------------
	Global
	Layout
	Navigation
	Startpage
	Pager
	Misc
------------------------------------------------*/
/*-----------------------------------------------
GLOBAL
-----------------------------------------------*/

/* styles.inc */
body {
 margin: 0; 
 padding: 0;
 line-height: 140%;
}

h1 { 
 margin: 0 0 0.5em 0;
 line-height: 120%;
}

h2 { 
 margin: 1.5em 0 0.5em 0;
 line-height: 120%;
}

/* styles.inc */
h3 { 
 margin: 1.5em 0 0.5em 0;
 line-height: 120%;
}

form {  margin: 0; }


/*-----------------------------------------------
LAYOUT
-----------------------------------------------*/

div#print-header { display:none; }

/* R */
div#container {
 width: 902px;
 margin: auto;
}

/* R */
div#header { padding: 14px 0 10px 0; }

/* R */
div#logo-wrap { float: left; }

img.imgLogo {
 display: block;
 width: 215px;
 height: 85px;
}

/* R */
div#quicklinkWrap {
 margin: 0 0 50px 250px;
 text-align:right;
 font-weight: bold;
 position: relative;
}

/* styles.inc */
div#quicklinkWrap a { 
 text-decoration: none;
 white-space: nowrap;
}

/* styles.inc, R */
div#page-container {
 background: #ffffff;
 padding: 10px;
 margin-bottom: 10px;
}

div#page-wrapper { }
div#page-wrapper-sp { padding: 0; }

div#pageImgCont { position: relative; }

/* R */
div#pageImgWrap img {}

/* styles.inc, R */
div#pageImgText {
 position: absolute;
 bottom: 0;
 width: 820px;
 padding: 7px 30px;
 background-image:  url('/img/op80.png');
 font-style:italic;
}

/* R */
div#left-column-wrapper {
 float: left;
 width:200px;
 padding: 30px 30px 50px 30px;
}

div#left-column-wrapper-sp { display: none; }

div#sideTextWrap { margin-top: 30px; }

/* R */
div#sideTextWrap img { max-width: 200px; }

/* R */
div#right-column-wrapper {
 width:590px;
 margin: 0 0 0 260px;
 padding: 38px 30px 50px 0;
}

div#right-column-wrapper-sp { }

div#textWrap { }

/* R */
div#textWrap img { }

/* styles.inc */
div#footer {
 background: #ffffff;
 padding: 10px;
}

/* R */
div#footerText1Wrap {
 float:left;
 width: 160px;
 padding: 10px 0 0 20px;
 margin-right: 20px;
}

/* R */
div#footerText2Wrap {
 float:left;
 width: 210px;
 padding: 10px 0 0 0;
 margin-right: 20px;
}

/* R */
div#footerText3Wrap {
 float:left;
 width: 130px;
 padding: 10px 0 0 0;
 margin-right: 20px;
}

/* R */
div#footerText4Wrap {
 float:left;
 width: 300px;
}

div#footerText1Wrap p, div#footerText2Wrap p, div#footerText3Wrap p, div#footerText4Wrap p { margin: 0; }

/* R */
div#instagram-wrap {
 float:left;
 padding: 10px 0;
}

/* R */
div#netlandCont { margin: 10px 0 30px 0; }
div#netlandCont img { float: right; }

/*-----------------------------------------------
NAVIGATION
-----------------------------------------------*/

/* --- TopNav --- */

/* R */
div#navTlWrap { text-align: right; }

/* styles.inc, R */
div.navTlCont, div.navTlCont-selected {
 display:inline;
 padding: 0px 10px;
}

div#navTlContLast { 
 padding-right: 0;
 border-right: 0;
}

/* styles.inc */
a.navTl:hover { text-decoration:none; }


#navBreadcrumb { margin-top: 10px; }

/* --- SubNav --- */

div.navCont-level2, div.navCont-level2-selected {
 font-weight: bold;
 padding: 8px 0px;
}

div.navCont-level3, div.navCont-level3-selected,
div.navCont-level4, div.navCont-level4-selected,
div.navCont-level5, div.navCont-level5-selected { padding: 4px 0px; }

div.navCont-level3, div.navCont-level3-selected { margin-left: 20px; }
div.navCont-level4, div.navCont-level4-selected { margin-left: 40px; }
div.navCont-level5, div.navCont-level5-selected { margin-left: 60px; }

a.nav-level2, a.nav-level2-selected { font-weight: bold; }

/* styles.inc */
a.nav-level2:hover, a.nav-level3:hover, a.nav-level4:hover, a.nav-level5:hover { }

/*-----------------------------------------------
STARTPAGE
-----------------------------------------------*/

/* R */
div#spBoxCont { padding: 2px 2px 3px 2px; }

/* R */
div#spBox1Wrap {
 background: #ffffff;
 width: 580px;
 height: 360px;
 margin-right: 10px;
 margin-bottom: 10px;
 float:left;
}

/* styles.inc R */
div#spBox2Wrap {
 position: relative;
 width: 285px;
 height: 175px;
 overflow: hidden;
 margin-bottom: 10px;
 float:left;
}

/* R */
div#spBox2Text {
 position: absolute;
 bottom: 0;
 width: 265px;
 padding: 7px 10px;
 background-image:  url('/img/op80.png');
 font-style:italic;
}

/* styles.inc R */
div#spBox3Wrap {
 position: relative;
 width: 285px;
 height: 175px;
 overflow: hidden;
 margin-bottom: 10px;
 float:left;
}

/* R */
div#spBox3Text {
 position: absolute;
 bottom: 0;
 width: 265px;
 padding: 7px 10px;
 background-image:  url('/img/op80.png');
 font-style:italic;
}

/* styles.inc R */
div#spBox4Wrap {
 position: relative;
 width: 285px;
 height: 175px;
 overflow: hidden;
 margin-right: 10px;
 float:left;
}

/* R */
div#spBox4Text {
 position: absolute;
 bottom: 0;
 width: 265px;
 padding: 7px 10px;
 background-image:  url('/img/op80.png');
 font-style:italic;
}

/* styles.inc R */
div#spBox5Wrap {
 position: relative;
 width: 285px;
 height: 175px;
 overflow: hidden;
 margin-right: 10px;
 float:left;
}

/* R */
div#spBox5Text {
 position: absolute;
 bottom: 0;
 width: 265px;
 padding: 7px 10px;
 background-image:  url('/img/op80.png');
 font-style:italic;
}

/* styles.inc R */
div#spBox6Wrap {
 position: relative;
 width: 285px;
 height: 175px;
 overflow: hidden;
 float:left;
}

/* R */
div#spBox6Text {
 position: absolute;
 bottom: 0;
 width: 265px;
 padding: 7px 10px;
 background-image:  url('/img/op80.png');
 font-style:italic;
}

/*-----------------------------------------------
PAGER-lisäykset
-----------------------------------------------*/

p.pager-wrapper { margin-top: 30px; }

/* styles.inc */
.pager-current,
.pager-other:hover { 
 background: #f1ecea;
 padding: 7px 10px;
 margin: 0;
}

.pager-other { 
 padding: 7px 10px;
 margin: 0;
}

/*-----------------------------------------------
MISC
-----------------------------------------------*/
.clear { clear:both; }

div#searchFormWrap2 input.search-button { margin-left: 5px; }

div#pagemask-white,
div#pagemask-black { top: 0; }

/*--- Uutiskirje ---*/

div.input-wrap { margin-top: 10px; }

div.input-title-cont-hor { 
 font-size: 100% !important;
 font-weight: bold;
}

/* R */
div.input-cont-hor input { margin-left: 0 !important; }

/*--- Blogi ---*/
hr.blogDivider { clear: none; }

/*--- Flexslider ---*/

div.flexslider {
 border: 0 !important;
 box-shadow: none !important;
 -webkit-box-shadow: none !important;
 -moz-box-shadow: none !important;
 -o-box-shadow: none !important;
 margin: 0;
}

div.flexsliderTitleWrapper {
 background-image:  url('/img/op80.png');
 font-style:italic;
 width: 100%;
}

/*---  Jälleenmyyjät ---*/

div#all_jms { 
 margin-top: 20px;
 display: none; 
 margin-left: 2px;
}

div.localityWrap h2 { margin: 10px 0; }

/* R */
div.jm_row, div.jm2_row { padding: 5px 0 5px 5px; }

/* styles.inc */
div.jm_row.odd, div.jm2_row.odd { }

/* styles.inc */
div.jm_details, div.jm2_details {
 display: none;
 position: relative;
 width: 95%;
 min-height: 200px;
 z-index: 9999;
 background-color: #ffffff;
 padding: 10px;
}

div.jm_details h1, div.jm2_details h1 { margin-right: 80px; }

div#jmresults {
 margin-top: 20px;
}

/* styles.inc */
div.jm_details iframe, div.jm2_details iframe {
 width: 98%;
 margin-top: 15px;
}

div.jm_details div.osoite, div.jm2_details div.osoite {
 float: left;
 padding-right: 50px;
}

a#browseall { }

div.close_jm, div.close_jm2 {
 position: absolute;
 top: 5px;
 right: 5px;
 height: 20px;
 padding-right: 18px;
 background: right center no-repeat  url('/img/close.gif');
 cursor: pointer;
}

div.close_jm:hover,div.close_jm2:hover {
 background: right center no-repeat  url('/img/close-akt.gif'); 
}

/* 
div.alphabetHeader{
 background-color: #898371;
 color: #f1ecea;
 padding: 3px 6px;
} */

div.alphabetHeader {
 border-bottom: 1px solid #898371;
 margin-top: 30px;
}

div.alphabetHeader h1 { margin-bottom: 0; }

/* R */
div#jalleenmyyjahaku {
 width: 350px;
 height: 29px;
 padding: 2px 2px 2px 2px;
 border: 1px solid #bbbbbb;
}

div#jalleenmyyjahaku img#submit_search{
 float: right;
 cursor: pointer;
}

div#jalleenmyyjahaku {
 background-color: #ffffff;
 left: 5px;
 border: 5px solid #f1ecea;
}

/* R, styles.inc */
div#jalleenmyyjahaku input {
 height: 27px;
 border: 0;
 outline: none;
 width: 310px;
 padding-left: 5px;
}

div#jalleenmyyjahaku input.example {
 font-style: italic;
 color: #666666;
}





/*-----------------------------------------------
Julkinen tuotekatalogi
-----------------------------------------------*/

div#catalogmenu { display: none; }

div.navCont-level-2.group { margin-left: 15px; }

/* styles.inc */
div#colorbox { }

div#cboxOverlay { opacity: 0.7 !important; }

#colorbox,
#cboxWrapper { overflow: visible; }

#cboxContent { background:#ffffff; }
#cboxLoadedContent { background:#ffffff; }
#cboxLoadingOverlay { background:#ffffff; }

/* styles.inc */
#cboxTitle {
 top: auto;
 left: -1px;
 position: absolute: !important;
 background-color: #ffffff;
 width: 100%;
}

.cboxTitleInner { padding: 10px; }

div.publicProducts { margin-top: 20px; }

div.publicProduct {
 float: left;
 width: 265px;
 margin-bottom: 10px;
 padding: 10px;
 border: 5px solid #ffffff;
 text-align: center;
}

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

/* styles.inc */
div.publicProduct:hover { }