/* ---------------------------------------------------------
EXPOMARK. Mallipohja 2 Expomark.fi
------------------------------------------------------------
	Global
	Layout
	Navigation
	Misc
	styles_common.inc-extra
----------------------------------------------------------*/

/* ---------------------------------------------------------
GLOBAL
----------------------------------------------------------*/

/* styles.inc */
html { margin: 0; padding: 0; }

body { margin: 0; padding: 0; }

h1 { margin: 0 0 1em 0; line-height: 140%; }

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

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

p { margin: 1.5em 0; }

/* webkit-appearance ipadille ja iphonelle */
textarea, input[type="text"] { 
 -webkit-appearance: none;
 border:1px solid #e6e8eb;
}

/* styles.inc */
textarea, input, select { 
 padding: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
 border-radius: 5px;
 border: 1px solid #e6e8eb;
 background: #ffffff;
-webkit-box-shadow: inset 0px 1px 2px -2px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0px 1px 2px -2px rgba(0,0,0,0.5);
box-shadow: inset 0px 1px 2px -2px rgba(0,0,0,0.5);
}

select {
 color: #000000;
 padding: 7px 10px;
 margin-top: 5px;
}

select option { padding: 3px 10px; }

select option:hover { background: #e2e2e2; }

select option:checked {  
 background: #e2e2e2;
 color: #000000;
}

select option:active {  
 background: #e2e2e2;
 color: #000000;
}

input[type=radio], input[type=checkbox] { margin: 5px 5px 5px 0; }

input[type=file] {
 padding: 10px 0;
 border: 0px;
 -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
 -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
 box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

input[type=text]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus,
input[type=password]:focus,
textarea:focus {
 border: 1px solid #000000;
 -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
 -moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 0.2);
 box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 0.2);
 transition: initial;
 transition: box-shadow 300ms ease-in-out 0s;
}

select:focus { 
 border: 1px solid #000000;
 -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
 -moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 0.2);
 box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 0.2);
 transition: initial;
 transition: box-shadow 300ms ease-in-out 0s;
}

.button {  
-webkit-appearance: none;
-webkit-box-shadow: 0px 2px 2px -2px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 2px 2px -2px rgba(0,0,0,0.5);
box-shadow: 0px 2px 2px -2px rgba(0,0,0,0.5);
transition: all 0.5s ease-in-out 0s;
text-transform: uppercase;
}

.button:hover,
.button:active {
 -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
 -moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 0.2);
 box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 0.2);
transition: initial;
transition: box-shadow 300ms ease-in-out 0s;
}


.clear { clear: both; }

p.admin-linkset { line-height: 1em !important; }

p.admin-linkset a { 
 font-size: 13px !important;
 font-family: verdana,arial,helvetica,sans-serif !important;
 color: #000000 !important;
}

p.admin-linkset a:hover { text-decoration: underline !important; }

/* a:focus { border: 1px dotted #000000; } */

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

div#mainContainer { }

div#print-header { display:none; }

div#header {
 background: #ffffff;
 margin: 0 auto;
 padding: 0px;
}

/* R */
div#headerTopWrap { 
 display: table; 
 width: 100%;
}

/* R */
div#headerTopRow { display: table-row; }

/* R */
div#logoWrap { 
 display: table-cell;
 padding: 20px 80px 20px 40px;
 width: 15%;
 text-align: left;
 vertical-align: middle;
}

/* R */
div#exhibitionsWrapCell {
 display: table-cell;
 padding: 20px 20px 20px 0;
 text-align: left;
 vertical-align: middle;
}

/* styles.inc R */
div#exhibitionsWrap {
 background: #ffffff;
 color: #3f3f3e;
 border: 1px solid #e6e8eb;
 display: inline-block;
 padding: 15px 15px;
 position: relative;
 cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 1px 2px -2px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 1px 2px -2px rgba(0,0,0,0.5);
box-shadow: 0px 1px 2px -2px rgba(0,0,0,0.5);
white-space: nowrap;
}

div#exhibitionsWrap a {
 color:#3f3f3e;
 text-decoration: none;
 text-transform: uppercase;
}

div#exhibitionsList {
 margin-top: 1px;
 padding: 4px 0;
 background-color: #ffffff;
 border: 1px solid #e6e8eb;
 position: absolute;
 top: 54px;
 left: 0;
 display: none;
 z-index: 100;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 1px 2px -2px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 1px 2px -2px rgba(0,0,0,0.5);
box-shadow: 0px 1px 2px -2px rgba(0,0,0,0.5);
}

div#exhibitionsList > div {
 padding: 5px 10px;
 background-color: #ffffff;
}

div#exhibitionsList div:hover { 
background-color: #F5F7FA;
cursor: pointer;
}

div#exhibitionsList div:hover a,
div.exhibitionLink.selected a { 
color:#353a3b; 
}

div.exhibitionLink.selected {
 background-color: #F5F7FA;
 color:#353a3b;
}

div.exhibitionWrapTable { display: table; } 

div.exhibitionWrapRow { display: table-row; }

div.exhibitionLogo { 
 display: table-cell;
 vertical-align: middle;
 padding-bottom: 10px;
 width: 50px;
}

div.exhibitionLocation.nodate { display: none; }

div.exhibitionDescription { 
 display: table-cell;
 vertical-align: middle;
 padding-left: 10px;
 padding-top: 2px;
 padding-bottom: 10px;
}

div.exhibitionDescription a { font-weight: bold; }

div.exhibitionDescText { margin-top: 10px; }

div.exhibitionLogo img { width: 80px; }

/* R */
div.exhibitionPage div.exhibitionLogo img { width: 120px; }

div#exhibitionsList div a {
 color: black;
 text-transform: uppercase;
 font-weight: normal;
 white-space: nowrap;
}

/* R */
.arrow_down {
 display: inline-block;
 width: 17px;
 height: 10px;
 padding-left: 120px;
 background: right center no-repeat url('/img/arrow_down.gif');
}

/* R */
div#searchFormWrapCell {
 display: table-cell;
 padding: 20px;
 text-align: right;
 vertical-align: middle;
}

/* R */
div#searchFormWrap {
 display: inline-block;
 position: relative;
}

/* styles.inc */
div#searchFormWrap .search-input {
 padding: 15px;
 width: 190px;
}

input#search-button {
 position: absolute;
 right: 15px;
 bottom: -10px;
 padding: 10px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
 border-radius: 0px;
 border: 0px solid #e6e8eb;
 background: none;
-webkit-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0);
-moz-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0);
box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0);
}

.ac-search-help,
.autocomplete-no-results {
 border: 1px solid #e6e8eb !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
margin-top: 1px !important;
line-height: 1.2em !important;
}

.ac-search-help p,
.autocomplete-no-results p {
 margin: 0.5em 0 !important;
 line-height: 1.2em !important;
}

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

/* R */
div#languageWrap {
 display: table-cell;
 padding: 20px 40px 20px 0;
 width: 15%;
 text-align: right;
 vertical-align: middle;
}

div.languageLinkWrap {
 display: inline-block;
 padding: 15px 20px;
 background: #ffffff;
 border: 1px solid #e6e8eb;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 1px 2px -2px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 1px 2px -2px rgba(0,0,0,0.5);
box-shadow: 0px 1px 2px -2px rgba(0,0,0,0.5);
white-space: nowrap;
}

/* R */
div#languageWrap img { margin-left: 10px; }

div#languageWrap a,
div#languageWrap a:visited {
 color: #3f3f3e;
}

div#languageWrap a:hover { text-decoration: none; }

div#header img#img_src_header,
div#header img#img_src_header_en { width: 100% !important; }

/* R */
div#colContainer { 
 width: 1170px;
 margin: auto;
 padding-top: 80px;
}

div#colContainer-sp { }

/* R */
div#PagetextWrap-sp { 
 width: 1170px;
 margin: 80px auto;
}

/* R */ 
div#leftCol {
 display: table-cell;
 vertical-align:top;
 width: 750px;
 padding: 0 50px 0 0;
 line-height: 140%;
}

div#leftCol img { max-width: 750px; }

/* R */
div#rightCol {
 display: table-cell;
 vertical-align:top;
 width: 370px;
 padding: 0;
 line-height: 140%;
}

div#rightCol img { max-width: 370px; }

div#rightCol h2.textTitle {  margin-top: 0; }

/*R */
div#leftCol-sp { 
 display: block;
 line-height: 140%;
}

div#rightCol-sp { display: none; }

/* R */
div#spImgLiftCont { 
 display: table;
 width: 100%;
 margin: 30px 0 80px 0;
}

/* R */
div.spImgLiftRow { display: table-row; }

/* styles.inc,  R */
div#spImgLiftCont div.spImgLiftWrap {
 display: table-cell;
 vertical-align: top;
 text-align: center;
 width: 25%;
 position: relative;
}

div#spImgLiftCont div.spImgLiftImgWrap { background: #ffffff; }

div#spImgLiftCont div.spImgLiftWrap img { 
 width: 100%;
 display: block;
}

div#spImgLiftCont div.spImgLiftWrap img.admin-icon { 
 width: auto;
 display: inline-block;
}

div#spImgLiftCont div.spImgLiftWrap h3 { 
 margin: 0;
 padding: 15px;
 font-weight: normal;
 text-transform: uppercase;
}

div.spImgLiftTextWrap { padding: 0 15px 15px 15px; }

/* styles.inc, R  */
div#spUpcomingFairsContainer { }

/* R */
div#spUpcomingFairsCont {
 width: 1170px;
 margin: auto;
 padding-bottom: 80px;
}

div#spUpcomingFairsCont div.exhibitionWrapTable { display: block; }

/* R */
div#spUpcomingFairsCont div.exhibitionWrapExtra { 
 display: table;
 float: left;
 width: 30%;
 margin-right: 3%
}


/* styles.inc */
div#spUpcomingFairsCont h1,
div#spColCont div.colContWrap h1 { display: inline-block; }

/* R */
div#spColCont { 
 width: 1170px;
 margin: auto;
 display: table;
}

/* R */
div#spColCont div.spColRow { display: table-row; }

/* R */
div#spColCont .col {
 display: table-cell;
 vertical-align: top;
 width: 370px;
}

/* R */
div#spColCont .col .colContWrap { padding-top: 80px; }

div#spColCont .col h2:nth-child(1) { margin-top: 0; }

div#spColCont .lastRow .col { padding-bottom: 0; }

div#spColCont img { max-width: 100%; }

div#spColCont img.rss { margin:  0 0 10px 15px; }

/* R */
div#spColCont .gap {
 display: table-cell;
 width: 30px;
}

div#spColCont div.colContWrap p { margin: 0 0 1em 0 }

div#spColCont .col p.banner-wrapper { /* margin-top: 0; */ }

/* styles.inc, R */
div#footer {
 margin: 100px auto 0 auto;
 padding: 100px 0 0 0;
 line-height: 140%;
}

/* R */
div#footerColCont { 
 width: 1170px;
 margin: 0 auto 100px auto;
 display: table;
}

div.footerColRow { display: table-row; }

/* R */
div.footerCol {
 display: table-cell;
 width: 30%;
}

div#footerColCont .gap {
 display: table-cell;
 width: 5%;
}

/* styles.inc, R */
div.footerCol h3 { margin-top: 0;  }

/* styles.inc */
div#footer a { }

/* styles.inc */
div#footer a:visited { }

/* styles.inc */
div#footer a:hover { }

/* R */
div#netlandCont { 
 padding: 5px;
 text-align: right;
}

/* R */
img#netland {
 width: 112px;
 height: 7px;
}

div.addthis_toolbox { margin-top: 10px; }

div.addthis-wrap { text-align: center; }

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

/* R */
div#respnavi { 
-webkit-box-shadow: inset 0px 2px 2px -3px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 2px 2px -3px rgba(0,0,0,0.75);
box-shadow: inset 0px 2px 2px -3px rgba(0,0,0,0.75);
}

/* R */
div#respnavi div.level1,
div#respnavi div.level1.selected {
-webkit-box-shadow: inset 0px 2px 2px -3px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 2px 2px -3px rgba(0,0,0,0.75);
box-shadow: inset 0px 2px 2px -3px rgba(0,0,0,0.75);
}

div#respnavi div a { font-weight: normal; }

div#respnavi div.level1 a,
div#respnavi div.level1.selected a {
 text-transform: uppercase;
 font-weight: normal;
}

div#respnavi div.sub a,
div#respnavi div.innersub a,
div#respnavi div.real a {
 font-weight: normal;
 text-transform: none;
}

/* ---------------------------------------------------------
MISC
--------------------------------------------------------- */

/* ----- Lift (startpage) ----- */
/* styles.inc */
div.lift-list-wrap {
 clear: both;
 padding: 20px 0;
}

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

/* ---------------------------------------------------------
styles_common.inc-extra
--------------------------------------------------------- */

/* styles.inc */
input.button, 
button.button { border-top: 0; }

div.shortcutCont {
 border-width: 0;
 margin-bottom: 10px;
 padding: 15px !important;
 line-height: normal !important;
}

div.shortcutCont a { text-decoration: none; }

/* ---------------------------------------------------------
styles_embedd.css-extra
--------------------------------------------------------- */

.ac-search-help,
.autocomplete-no-results { 
 border-radius: 0px;
 width: 94%;
}