@import url('font-awesome.min.css');

/**
 * @license
 * MyFonts Webfont Build ID 3231296, 2016-06-10T05:22:58-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed ../fonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Vinkel-LightItalic by Typolar
 * URL: http://www.myfonts.com/fonts/typolar/vinkel/light-italic/
 * Copyright: Copyright (c) 2010 by Saku HeinŠnen. All rights reserved.
 * 
 * Webfont: Vinkel-Light by Typolar
 * URL: http://www.myfonts.com/fonts/typolar/vinkel/light/
 * Copyright: Copyright (c) 2010 by Saku HeinŠnen. All rights reserved.
 * 
 * Webfont: Vinkel-ExtraBlackItalic by Typolar
 * URL: http://www.myfonts.com/fonts/typolar/vinkel/extra-black-italic/
 * Copyright: Copyright (c) 2010 by Saku HeinŠnen. All rights reserved.
 * 
 * Webfont: Vinkel-BoldItalic by Typolar
 * URL: http://www.myfonts.com/fonts/typolar/vinkel/bold-italic/
 * Copyright: Copyright (c) 2010 by Saku HeinŠnen. All rights reserved.
 * 
 * Webfont: Vinkel-MediumItalic by Typolar
 * URL: http://www.myfonts.com/fonts/typolar/vinkel/medium-italic/
 * Copyright: Copyright (c) 2010 by Saku HeinŠnen. All rights reserved.
 * 
 * Webfont: Vinkel-BlackItalic by Typolar
 * URL: http://www.myfonts.com/fonts/typolar/vinkel/black-italic/
 * Copyright: Copyright (c) 2010 by Saku HeinŠnen. All rights reserved.
 * 
 * Webfont: Vinkel-Medium by Typolar
 * URL: http://www.myfonts.com/fonts/typolar/vinkel/medium/
 * Copyright: Copyright (c) 2010 by Saku HeinŠnen. All rights reserved.
 * 
 * Webfont: Vinkel-Black by Typolar
 * URL: http://www.myfonts.com/fonts/typolar/vinkel/black/
 * Copyright: Copyright (c) 2010 by Saku HeinŠnen. All rights reserved.
 * 
 * Webfont: Vinkel-Bold by Typolar
 * URL: http://www.myfonts.com/fonts/typolar/vinkel/bold/
 * Copyright: Copyright (c) 2010 by Saku Heinänen. All rights reserved.
 * 
 * Webfont: Vinkel-RegularItalic by Typolar
 * URL: http://www.myfonts.com/fonts/typolar/vinkel/regular-italic/
 * Copyright: Copyright (c) 2010 by Saku HeinŠnen. All rights reserved.
 * 
 * Webfont: Vinkel-ExtraLight by Typolar
 * URL: http://www.myfonts.com/fonts/typolar/vinkel/extra-light/
 * Copyright: Copyright (c) 2010 by Saku HeinŠnen. All rights reserved.
 * 
 * Webfont: Vinkel-ExtraBlack by Typolar
 * URL: http://www.myfonts.com/fonts/typolar/vinkel/extra-black/
 * Copyright: Copyright (c) 2010 by Saku HeinŠnen. All rights reserved.
 * 
 * Webfont: Vinkel-ThinItalic by Typolar
 * URL: http://www.myfonts.com/fonts/typolar/vinkel/thin-italic/
 * Copyright: Copyright (c) 2010 by Saku HeinŠnen. All rights reserved.
 * 
 * Webfont: Vinkel-ExtraLightItalic by Typolar
 * URL: http://www.myfonts.com/fonts/typolar/vinkel/extra-light-italic/
 * Copyright: Copyright (c) 2010 by Saku HeinŠnen. All rights reserved.
 * 
 * Webfont: Vinkel-Regular by Typolar
 * URL: http://www.myfonts.com/fonts/typolar/vinkel/regular/
 * Copyright: Copyright (c) 2010 by Saku HeinŠnen. All rights reserved.
 * 
 * Webfont: Vinkel-Thin by Typolar
 * URL: http://www.myfonts.com/fonts/typolar/vinkel/thin/
 * Copyright: Copyright (c) 2010 by Saku HeinŠnen. All rights reserved.
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3231296
 * Licensed pageviews: 1,500,000
 * 
 * © 2016 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/314e40");
@font-face {font-family: 'Vinkel-LightItalic';src: url('../fonts/314E40_0_0.eot');src: url('../fonts/314E40_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/314E40_0_0.woff2') format('woff2'),url('../fonts/314E40_0_0.woff') format('woff'),url('../fonts/314E40_0_0.ttf') format('truetype');}
@font-face {font-family: 'Vinkel-Light';src: url('../fonts/314E40_1_0.eot');src: url('../fonts/314E40_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/314E40_1_0.woff2') format('woff2'),url('../fonts/314E40_1_0.woff') format('woff'),url('../fonts/314E40_1_0.ttf') format('truetype');}
@font-face {font-family: 'Vinkel-ExtraBlackItalic';src: url('../fonts/314E40_2_0.eot');src: url('../fonts/314E40_2_0.eot?#iefix') format('embedded-opentype'),url('../fonts/314E40_2_0.woff2') format('woff2'),url('../fonts/314E40_2_0.woff') format('woff'),url('../fonts/314E40_2_0.ttf') format('truetype');}
@font-face {font-family: 'Vinkel-BoldItalic';src: url('../fonts/314E40_3_0.eot');src: url('../fonts/314E40_3_0.eot?#iefix') format('embedded-opentype'),url('../fonts/314E40_3_0.woff2') format('woff2'),url('../fonts/314E40_3_0.woff') format('woff'),url('../fonts/314E40_3_0.ttf') format('truetype');}
@font-face {font-family: 'Vinkel-MediumItalic';src: url('../fonts/314E40_4_0.eot');src: url('../fonts/314E40_4_0.eot?#iefix') format('embedded-opentype'),url('../fonts/314E40_4_0.woff2') format('woff2'),url('../fonts/314E40_4_0.woff') format('woff'),url('../fonts/314E40_4_0.ttf') format('truetype');}
@font-face {font-family: 'Vinkel-BlackItalic';src: url('../fonts/314E40_5_0.eot');src: url('../fonts/314E40_5_0.eot?#iefix') format('embedded-opentype'),url('../fonts/314E40_5_0.woff2') format('woff2'),url('../fonts/314E40_5_0.woff') format('woff'),url('../fonts/314E40_5_0.ttf') format('truetype');}
@font-face {font-family: 'Vinkel-Medium';src: url('../fonts/314E40_6_0.eot');src: url('../fonts/314E40_6_0.eot?#iefix') format('embedded-opentype'),url('../fonts/314E40_6_0.woff2') format('woff2'),url('../fonts/314E40_6_0.woff') format('woff'),url('../fonts/314E40_6_0.ttf') format('truetype');}
@font-face {font-family: 'Vinkel-Black';src: url('../fonts/314E40_7_0.eot');src: url('../fonts/314E40_7_0.eot?#iefix') format('embedded-opentype'),url('../fonts/314E40_7_0.woff2') format('woff2'),url('../fonts/314E40_7_0.woff') format('woff'),url('../fonts/314E40_7_0.ttf') format('truetype');}
@font-face {font-family: 'Vinkel-Bold';src: url('../fonts/314E40_8_0.eot');src: url('../fonts/314E40_8_0.eot?#iefix') format('embedded-opentype'),url('../fonts/314E40_8_0.woff2') format('woff2'),url('../fonts/314E40_8_0.woff') format('woff'),url('../fonts/314E40_8_0.ttf') format('truetype');}
@font-face {font-family: 'Vinkel-RegularItalic';src: url('../fonts/314E40_9_0.eot');src: url('../fonts/314E40_9_0.eot?#iefix') format('embedded-opentype'),url('../fonts/314E40_9_0.woff2') format('woff2'),url('../fonts/314E40_9_0.woff') format('woff'),url('../fonts/314E40_9_0.ttf') format('truetype');}
@font-face {font-family: 'Vinkel-ExtraLight';src: url('../fonts/314E40_A_0.eot');src: url('../fonts/314E40_A_0.eot?#iefix') format('embedded-opentype'),url('../fonts/314E40_A_0.woff2') format('woff2'),url('../fonts/314E40_A_0.woff') format('woff'),url('../fonts/314E40_A_0.ttf') format('truetype');}
@font-face {font-family: 'Vinkel-ExtraBlack';src: url('../fonts/314E40_B_0.eot');src: url('../fonts/314E40_B_0.eot?#iefix') format('embedded-opentype'),url('../fonts/314E40_B_0.woff2') format('woff2'),url('../fonts/314E40_B_0.woff') format('woff'),url('../fonts/314E40_B_0.ttf') format('truetype');}
@font-face {font-family: 'Vinkel-ThinItalic';src: url('../fonts/314E40_C_0.eot');src: url('../fonts/314E40_C_0.eot?#iefix') format('embedded-opentype'),url('../fonts/314E40_C_0.woff2') format('woff2'),url('../fonts/314E40_C_0.woff') format('woff'),url('../fonts/314E40_C_0.ttf') format('truetype');}
@font-face {font-family: 'Vinkel-ExtraLightItalic';src: url('../fonts/314E40_D_0.eot');src: url('../fonts/314E40_D_0.eot?#iefix') format('embedded-opentype'),url('../fonts/314E40_D_0.woff2') format('woff2'),url('../fonts/314E40_D_0.woff') format('woff'),url('../fonts/314E40_D_0.ttf') format('truetype');}
@font-face {font-family: 'Vinkel-Regular';src: url('../fonts/314E40_E_0.eot');src: url('../fonts/314E40_E_0.eot?#iefix') format('embedded-opentype'),url('../fonts/314E40_E_0.woff2') format('woff2'),url('../fonts/314E40_E_0.woff') format('woff'),url('../fonts/314E40_E_0.ttf') format('truetype');}
@font-face {font-family: 'Vinkel-Thin';src: url('../fonts/314E40_F_0.eot');src: url('../fonts/314E40_F_0.eot?#iefix') format('embedded-opentype'),url('../fonts/314E40_F_0.woff2') format('woff2'),url('../fonts/314E40_F_0.woff') format('woff'),url('../fonts/314E40_F_0.ttf') format('truetype');}

/* DO NOT UPDATE STYLES.CSS DIRECTLY, ALWAYS DO IT THROUGH STYLES_DEV.CSS */

html, body {
  font-size: 16px;
  font-family: "Open Sans";
  font-weight: 400;
  background: #f3f4f6;
  color: #434343;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

.mp-info-header {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}

/* @font-face kit by Fonts2u (http://www.fonts2u.com) */ 
@font-face {font-family:"Mathlete-Bulky";src:url("../fonts/Mathlete-Bulky.eot?") format("eot"),url("../fonts/Mathlete-Bulky.woff") format("woff"),url("../fonts/Mathlete-Bulky.ttf") format("truetype"),url("../fonts/Mathlete-Bulky.svg#Mathlete-Bulky") format("svg");font-weight:normal;font-style:normal;}
  
body .is-desktop {
  display: none;
}

body.login #content {
  display: none;
}

.align-center{
  text-align: center;
}

.wrapper.wbox {
  margin: 0 auto 20px auto;
}

/* SOCIAL MEDIA */

#header .social-media {
  position: absolute;
  right: 50%;
  top: 34px;
  border-right: 1px solid #bfbebe;
  margin: 0 -63px 0 0;
  height: 17px;
  padding: 0 10px 0 0;
}

#footer #footer-company .social-media {
  position: relative;
  padding: 22px 0 0 0;
}

#header .social-media a,
#footer #footer-company .social-media a {
  position: relative;
  display: inline-block;
  /*border: 1px solid rgba(0,0,0,0.02);*/
  font-size: 14px;
  width: 25px;
  height: 25px;
  text-align: center;
  padding: 5px 0;
  border-radius: 3px;
  margin: 0 5px 0 0;
  /*background: rgba(0,0,0,0.02);*/
  top: -3px;
  color: #102d4a;
}

#footer #footer-company .social-media a {
  color: #fff;
}

#header .social-media a:hover,
#footer #footer-company .social-media a:hover {
  text-decoration: none;
}

#header .social-media a.fa-facebook:hover,
#footer #footer-company .social-media a.fa-facebook:hover {
  background: #3b5998;
  color: #fff;
}

#header .social-media a.fa-twitter:hover,
#footer #footer-company .social-media a.fa-twitter:hover {
  background: #00aced;
  color: #fff;
}

#header .social-media a.fa-linkedin:hover,
#footer #footer-company .social-media a.fa-linkedin:hover {
  background: #007bb5;
  color: #fff;
}

/* LIGHTBOX */

.lightbox {
  padding: 20px 3.125%;
}

.lightbox, .lightbox.generic {
  display: none;
}

.lightbox.initial, .lightbox.generic.initial {
  display: block;
  opacity: 1;
  filter: alpha(opacity=100);
}

.new-car-lightbox-container .block-container.c1, .select-car-lightbox-container .block-container.c1 {
  text-align: center;
}

.new-car-lightbox-container input[name=license],
.select-car-lightbox-container input[name=license] {
  display: block;
  font-size: 1.25em; /* 20/16 px */
  font-weight: 700;
  background: url(../img/m-license-plate.png?c=lossless_png) no-repeat;
  color: #a2a5a3;
  width: 129px;
  height: 33px;
  margin: 0 auto;
  padding-left: 9px;
  border: none;
  text-align: center;
  text-transform: uppercase;
}

.new-car-lightbox-container .block-container.c2, .new-car-lightbox-container .block-container.c3,
.select-car-lightbox-container .block-container.c1 {
  overflow: hidden;
}

.new-car-lightbox-container .block-container.c2 .block, .new-car-lightbox-container .block-container.c3 .block,
.select-car-lightbox-container .block-container.c1 .block {
  width: 48%;
  float: left;
}

.new-car-lightbox-container .block-container.c2 .block.b2, .new-car-lightbox-container .block-container.c3 .block.b2,
.select-car-lightbox-container .block-container.c1 .block.b2, .select-car-lightbox-container .block-container.c1 .block.b4 {
  width: 48%;
  float: right;
}

.new-car-lightbox-container .laakkonen-form .block-container.c1 input[type=text].stage-error,
.select-car-lightbox-container .laakkonen-form .block-container.c1 input[type=text].stage-error,
.laakkonen-form input[type=text].stage-error.license {
  background: url(../img/m-license-plate.png?c=lossless_png) no-repeat;
  color: #ac0000;
  border: 1px solid #cc4040;
}

.new-car-lightbox-container .laakkonen-form .disabled,
.select-car-lightbox-container .laakkonen-form .disabled {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.car-contact-lightbox-container .lightbox .block-container.c2 .person {
  width: 45%;  
  margin: 15px 5% 0 0;  
  float: left;
  overflow: hidden;
}

.car-contact-lightbox-container .lightbox .block-container.c2 .person.any {
  width: 100%;
  margin: 15px 0 0 0;
  float: none;
}

.car-contact-lightbox-container .lightbox .block-container.c2 span, .contact-person-area .person span {  
  display: block;
  font-weight: 400;
}

.car-contact-lightbox-container .lightbox .block-container.c2 span.title, .contact-person-area .person span.title {
  font-size: 1em; /* 13px */
  color: #676767;
}

.car-contact-lightbox-container .lightbox .block-container.c2 span.name, .contact-person-area .person span.name {
  font-size: 1.07692307692308em; /* 14/13 px */
  font-weight: 700;
  margin: 0 0 15px 0;
}

.car-contact-lightbox-container .lightbox .block-container.c2 span.absent, .contact-person-area .person span.absent {
  color: #E80000;
  margin: -15px 0 15px 0;
}

.car-contact-lightbox-container .lightbox .block-container.c2 .cont, .contact-person-area .person .cont{
  font-size: 0.92307692307692em; /* 12/13 px */
  display: block;
  overflow: hidden;
}

/* person form */

.company-sales .contact-person-area .person {
    float: left;
    margin-bottom: 40px;
    width: 33%;
}
.company-sales .contact-person-area .person.any {
    float: none;
}

.company-sales .contact-person-area .person img {
  max-height: 150px;
}

/* LOGIN */

.login-lightbox {
  display: none;
}

body.login .login-lightbox {
  display: block; 
}

.login-lightbox .container,
.login-lightbox .lb-container {
  padding: 20px 3.125%;
}

.login-lightbox h2 {
  font-size: 1.375em; /* 22/16 px */
  margin: 0;
}

.login-lightbox p {
  font-size: 0.9375em; /* 15/16 px */
  padding: 15px 0;
}

.login-lightbox .search-watch p {
  font-size: 0.75em; /* 12/16 px */
  padding: 0;
}

.login-form .row {
  padding: 4px 0;
  overflow: hidden;
  margin-left: 0 !important; /* bootstrap override */
  margin-right: 0 !important; /* bootstrap override */
}

.login-form label {
  font-size: 0.8125em; /* 13/16 px */
  font-weight: 700;
}

.login-form .error label {
  color: #ff0000;
}

.login-form input[type=text], .login-form input[type=password], .login-form input[type=email] {
  font-size: 0.875em; /* 14/16 px */
  width: 100%;
  padding: 6px 0;
  text-indent: 10px;
  text-align: left;
}

.login-form .error input[type=text], .login-form .error input[type=password], .login-form .error input[type=email] {
  background: #fff6f6;
  color: #ac0000;
  border: 1px solid #ac0000;
}

.login-form input[type=submit] {
  font-size: 1em; /* 16px */
  width: 100%;
  line-height: 28px;
}

.login-form a {
  font-size: 0.75em; /* 12/16 px */
  color: #177aad;
  text-decoration: underline;
}

.login-form a.forgot-password {
  float: left;
}

.login-form a.register {
  float: right;
}

/* LOGIN FB */

.facebook-login {
  width: 240px;
  margin: 0 auto;
}

.facebook-login input[type=submit] {
  display: block;
  background: url(../img/fb-login.png?c=lossless_png);
  width: 100%;
  height: 46px;
  border: none;
  cursor: pointer;
}

.facebook-login input[type=submit]:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.facebook-login p {
  font-size: 0.8125em; /* 13/16 px */
  font-weight: 700;
  margin: 3px 0;
}

.facebook-login p.small {
  font-size: 0.6875em; /* 11/16 px */
  font-style: italic;
  font-weight: 400;
}

/* TOOLTIPS */

.tooltip {
  display: none;
  opacity: 1 !important; /* bootstrap override */
}

.error-tooltip {
  display: none;
}

/* COOKIE NOTIFICATION */

.cookie-notification {
  background: #eaeaea;
  padding: 12px 0;
}

.cookie-notification p {
  font-size: 0.875em;
  max-width: 80%;
  line-height: 30px;
  margin: 0;
}

.cookie-notification .button {
  font-size: 0.875em;
  height: 30px;
  padding: 7px 10px;
}

/* HEADER AREA */

#header {
  background: #dddddd url('../img/m-header-bg.png?c=lossless_png') repeat-x top;
  position: relative;
  padding: 10px 0 10px 0;
  z-index: 31;
}

#header .wrapper {
  width: 100%;
}

#header h1.logo {
  background: url(../img/m-header-border.png?c=lossless_png) repeat-x bottom;
  margin: 0 auto;
  padding: 0 0 10px 0;
}

#header h1.logo a {
  width: 43.333333333%; /* 130/300 px */
  display: block;
  margin: 0 auto;
}

#header h1.logo a img {
  width: 100%;
}

#header .brand-border {
  background: #091630 url('../img/brand-colors.png?c=lossless_png') no-repeat 120% top; /* 120% so that a bit goes over the edge -> brand-colors.png?c=lossless_png is shorter on mobile */
  width: 100%;
  height: 5px;
  position: absolute;
  left: 0;
  bottom: 0;
}

#header ul#main-navigation {  
  font-size: 0.9375em; /* 15/16 px */ 
  font-weight: 700;
  margin: 30px 0 10px 0;
  padding: 0;
  text-align: center;
  list-style: none;
  text-shadow: 1px 1px #ececec;
  -moz-text-shadow: 1px 1px #ececec;
  -webkit-text-shadow: 1px 1px #ececec;
  -ms-text-shadow: 1px 1px #ececec;
  -o-text-shadow: 1px 1px #ececec;  
  text-transform: uppercase;
  /*overflow: auto;*/
  overflow: visible;
}

#header ul#main-navigation>li>a {
  color: #264a6d;
  font-size: 1.1333333333333333em; /* 17/15 px */
  font-weight: 600;
  text-transform: none;
}

#header ul#main-navigation li {
  display: inline;
  padding: 0 3%;
}

#header ul#main-navigation li.first {
  padding: 0 3% 0 0;
}

#header ul#main-navigation li.mobile-last {
  padding: 0 0 0 3%;
}

#header ul#main-navigation li.desktop {
  display: none;
}

#header ul#main-navigation li a {
  color: #264a6d;
}

#header ul#main-navigation li a.omalaakkonen-nav {
  background: url(../img/omalaakkonen_start_300x.png) no-repeat left center;
  background-size: 32px;
  padding: 8px 0 8px 37px;
}

/* INDEX */

#splash {
  background: #fff;
  border-bottom: 1px solid #666666;
}

#splash .box.reservation {
  padding: 20px 0;
  width: 93.75%;
  margin: 0 auto; 
}

#splash .box.reservation h2 {
  font-size: 0.9375em; /* 15/16 px */
  font-weight: 700;
  color: #656674;
  margin: 0;
}

#splash .box.reservation p {
  margin: 15px 0;
}

#splash .box.reservation a {
  font-size: 0.6875em; /* 11/16 px */
  color: #177aad;
  text-decoration: underline;
}

#splash .wrapper {
  width: 100%;
}

#splash .box {
  width: 100%;
}

#splash .campaign-container {
  border-top: 1px solid #666666;
  border-bottom: 1px solid #666666;
}

#splash .campaign-container .img-container img {
  display: block;
  width: 100%;
}

#splash #maintenance .container {
  width: 50%;
  float: left;
  text-align: center;
}

#splash #maintenance input[type=text], input[type=text].license {
  display: block;
  font-size: 1.25em; /* 20/16 px */
  font-weight: 700;
  background: url(../img/m-license-plate.png?c=lossless_png) no-repeat;
  color: #a2a5a3;
  width: 129px;
  height: 33px;
  margin: 0 auto;
  padding-left: 9px;
  border: none;
  text-align: center;
  text-transform: uppercase;
}

#splash #maintenance .button-dark {
  display: block;
  font-size: 0.75em; /* 12/16 px */
  font-weight: 700;
  color: #fff;
  width: 50%;
  float: right;
  text-transform: uppercase;  
  text-decoration: none;
  text-align: center;
  padding: 10px 0;
}

#content.index .content-index {
  background: #eaeaea;
}

#content.index .columns-3 {
  background: #fff;
  padding: 20px 0;
}

#content.index .columns-3 .wrapper {
  width: 93.75%; /* 300px */
}

#content.index .columns-3 .column-3 select {
  margin: 0 0 10px 0;
}

#content.index .content-search {
  display: none;
  background: none repeat scroll 0 0 #F3F4F6;
}

#content.index .column-3 .store-container.multiple .map-container {
  width: 107%;
  left: -3.5%;
  position: relative;
}

#content.index .shop-locator .laakkonen-form {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #d2d6db;
  overflow: hidden;
  padding: 20px;
}

#content.index .shop-locator .laakkonen-form .shop-locator-title {
  color: #46799b;
  font-size: 1.125em;
  font-weight: 600;
}

#content.index .shop-locator.all-stores .laakkonen-form select {
  background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #edf2f8 0px, #d3dae4 100%) repeat scroll 0 0;
  background: linear-gradient(to bottom, #edf2f8 0%,#d3dae4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edf2f8), color-stop(100%,#d3dae4));
  border-radius: 3px;
  color: #656674 !important;
  display: inline-block;
  float: left;
  font-size: 0.75em;
  font-weight: 600;
  margin: 0 15px 0 0;
  padding: 7px;
  text-shadow: 0 1px #fff;
  width: 25%;
}

#content.index .shop-locator .show-all-shops {
  display: inline-block;
  font-size: 13px;
  margin-top: 6px;
}

#content.index #shop-locator-huolto h2 {
  line-height: 125%;
}

@media (max-width: 640px){
    #content.index .shop-locator h2.shop-locator-title {
      float: none;      
    }
    #content.index .shop-locator .button.big.button-red.float-right{
      float: none !important;
    }
    #content.index .shop-locator.slim-layout .form-header {
      margin-bottom: 15px;
    }
    #content.index .shop-locator .laakkonen-form select#shop-locator-department{
      width: 49%;
      margin: 0 2% 0 0;
    }
    #content.index .shop-locator .laakkonen-form select#shop-locator-brand{
      width: 49%;
      margin: 0;
    }
    #content.index .shop-locator .selectors{
      margin-bottom: 0;
    }
}

/* MEDIA SHARE */

.fb-share-button-holder {
  display: inline-block;
  position: relative;
  top: -5px;
  margin: 0 5px 0 0;
}

.twitter-share-button-holder {
  display: inline-block;
}

.media-share-holder {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #d2d6db;
  margin: 30px;
  padding: 15px;
}

/* SEARCH FILTERS */

#search-form {
  margin: 0;
}

#search-filters {
  background: #22293d url(../img/search-filters-bg.png?c=lossless_png) repeat-x top;
  color: #fff;
  border-bottom: 1px solid #060c1e;
}

#search-filters .wrapper {
  width: 93.75%; /* 300px */
}

#search-filters p, #search-filters .container>label {
  color: #fff;
  font-size: 0.75em; /* 12/16 px */
  font-weight: 700;
  margin: 0 0 3px 0;
  text-shadow: 1px 1px #231f20;
  -moz-text-shadow: 1px 1px #231f20;
  -webkit-text-shadow: 1px 1px #231f20;
  -ms-text-shadow: 1px 1px #231f20;
  -o-text-shadow: 1px 1px #231f20;
}

#search-filters a {
  font-size: 0.75em; /* 12/16 px */
  color: #fff;
  text-decoration: underline;
}

#search-filters .container {
  width: 50%; /* 150/300 px */
  padding: 0 0 8px 0;
  float: left;
}

#search-filters .container.small {
  width: 22.5%;
  margin-right: 2.5%;
}

#search-filters .input-container {
  /*background: url(../img/input-container-bg.png?c=lossless_png) repeat-x;*/
  width: 93.333333333333%; /* 140/150 px */
  /*height: 22px;*/
  height: 26px;
  padding: 3px 3px 1px 3px;
  text-align: center;
  border: 1px solid #404a60;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  background: #272e40;
  background: -webkit-gradient(linear, left top, left bottom, from(#10131b), to(#272e40));
  background: -webkit-linear-gradient(top, #10131b 0%, #272e40 100%);
  background: -moz-linear-gradient(top, #10131b 0%, #272e40 100%);
  background: -ms-linear-gradient(top, #10131b 0%, #272e40 100%);
  background: -o-gradient(#10131b , #272e40);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#10131b', endColorstr='#272e40'); 
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#10131b', endColorstr='#272e40'); 
}

#search-filters .container input[type=text], #search-filters .container input[type=number] {
  font-size: 0.6875em; /* 11/16 px */
  font-weight: 600;
  width: 45%;
  /*height: 18px;*/
  height: 22px;
  margin: 0;
  padding: 0;
  text-align: center;
  border: 1px solid #a5a5a5;
  border-radius: 1px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  box-shadow: inset 0 0 2px #a5a5a5;  
  -moz-box-shadow: inset 0 0 2px #a5a5a5;
  -webkit-box-shadow: inset 0 0 2px #a5a5a5;
  -ms-box-shadow: inset 0 0 2px #a5a5a5;
  -o-box-shadow: inset 0 0 2px #a5a5a5;
}

#search-filters .container input.left {
  float: left;
}

#search-filters .container input.right {
  float: right;
}

#search-filters .container.small input {
  width: 95%;
  margin: 0 auto;
}

#search-filters .container.small input.right {
  display: block;
  float: none;
}

#search-filters .button-light {
  display: block;
  height: 34px;
  line-height: 34px;
  padding: 0;
  background: #edf2f8;
  background: -webkit-gradient(linear, left top, left bottom, from(#edf2f8), to(#d3dae4));
  background: -webkit-linear-gradient(top, #edf2f8 0%, #d3dae4 100%);
  background: -moz-linear-gradient(top, #edf2f8 0%, #d3dae4 100%);
  background: -ms-linear-gradient(top, #edf2f8 0%, #d3dae4 100%);
  background: -o-gradient(#edf2f8 , #d3dae4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf2f8', endColorstr='#d3dae4'); 
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf2f8', endColorstr='#d3dae4'); 
  width: 93.333333333333%; /* 140/150 px */
}

#search-filters .button-light:hover {
  background: #edf2f8;
  background: -webkit-gradient(linear, left top, left bottom, from(#edf2f8), to(#e1e6ed));
  background: -webkit-linear-gradient(top, #edf2f8 0%, #e1e6ed 100%);
  background: -moz-linear-gradient(top, #edf2f8 0%, #e1e6ed 100%);
  background: -ms-linear-gradient(top, #edf2f8 0%, #e1e6ed 100%);
  background: -o-gradient(#edf2f8 , #e1e6ed);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf2f8', endColorstr='#e1e6ed'); 
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf2f8', endColorstr='#e1e6ed'); 
}

#search-filters .button-light:active {
  background: #c0c9d5;
  background: -webkit-gradient(linear, left top, left bottom, from(#c0c9d5), to(#e7ecf4));
  background: -webkit-linear-gradient(top, #c0c9d5 0%, #e7ecf4 100%);
  background: -moz-linear-gradient(top, #c0c9d5 0%, #e7ecf4 100%);
  background: -ms-linear-gradient(top, #c0c9d5 0%, #e7ecf4 100%);
  background: -o-gradient(#c0c9d5 , #e7ecf4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0c9d5', endColorstr='#e7ecf4');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0c9d5', endColorstr='#e7ecf4');
}

#search-filters .button-light .text {
  display: block;
  background: url(../img/arrow-down-dark.png?c=lossless_png) no-repeat 95% 12px;
  width: 100%;
  padding-right: 30px;
  text-indent: 10px;
  border: 1px solid #b5bbc3;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
}

#search-filters .search-submit {
  font-size: 0.75em; /* 12px */
  font-weight: 600;
  color: #2e6600; 
  text-shadow: 0 1px #bee136;
  -moz-text-shadow: 0 1px #bee136;
  -webkit-text-shadow: 0 1px #bee136;
  -ms-text-shadow: 0 1px #bee136;
  -o-text-shadow: 0 1px #bee136;
  text-transform: uppercase;
}

#search-filters .layer {
  background: url(../img/separator-transparency-20.png?c=lossless_png) repeat-x bottom;
  padding: 8px 0;
}

#search-filters .layer-1 p {
  font-size: 0.8125em; /* 13/16px */
  display: inline;
  font-weight: 700;
  margin: 0;  
  text-transform: uppercase;
}

#search-filters .layer-1 ul {
  font-size: 0.8125em; /* 13/16px */
  color: #c2c9d7;
  display: inline;
  margin: 0 0 0 3.75%; /* 12/320 px */  
  list-style: none;
  position: relative;
}

#search-filters .layer-1 ul li {
  display: none;
  padding: 0 14px 0 0;
  position: absolute;
  left: 0;
  top: 0;
}

#search-filters .layer-1 ul li.active {
  display: block;
  background: url(../img/arrow-down-light.png?c=lossless_png) no-repeat right center;
}

#search-filters .layer-3 {
  background: none;
}

#search-filters .layer-3 .mobile a {
  line-height: 34px;
}

#search-filters .layer-3 .search-submit {
  width: 96.666666666667%; /* 145/150 px */
}

/* SEARCH FILTER TOOLTIPS */ 

#search-filters .search-brands-collapsed, #search-filters .search-models-collapsed {
  border: none;
  position: relative;
  overflow: hidden;
}

#search-filters .search-models-collapsed .loader-container {
  display: none;
}

#search-filters .search-models-collapsed .loader-container.active {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}

#search-filters .search-models-collapsed .loader-container .bg {
  background: #000;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  filter: alpha(opacity=30);
}

#search-filters .search-models-collapsed .loader-container .loader {
  background: url(../img/loader-spinner.gif) no-repeat center center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}

#search-filters select.brands, #search-filters select.models {
  width: 100%;
  height: 34px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}

#search-filters .multiselect-show select.brands, #search-filters .multiselect-show select.models {
  opacity: 1;
  filter: alpha(opacity=100);
}

#search-filters .search-brands.tooltip, #search-filters .search-models.tooltip {
  background: #fff;
  color: #434343;
  position: fixed;
  width: 93.5%;
  padding: 15px 3.25%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 48;
}

#search-filters .search-models.tooltip {
  width: 100%;
  padding: 0;
}

#search-filters .tooltip .column {
  width: 50%;
  float: left;
}

#search-filters .search-models.tooltip .models-area {
  background: url(../img/img-loader2.gif) no-repeat center center;
  height: 100%;
  padding: 15px;
  overflow: auto;
}

#search-filters .search-models.tooltip .models-area.loaded {
  background: none;
}

#search-filters .search-brands.tooltip .header, #search-filters .search-models.tooltip .header {
  margin: 0 0 15px 0;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #b3b3b3;
}

#search-filters .search-models.tooltip .header {
  margin: 0;
  padding: 15px;
}

#search-filters .tooltip .header p, #search-filters .search-models.tooltip .models-area p {
  font-size: 0.75em; /* 12/16 px */
  font-weight: 400;
  color: #656674;
  margin: 0 0 10px 0;
  line-height: 34px;
  text-align: center;
  text-shadow: none;
  -moz-text-shadow: none;
  -webkit-text-shadow: none;
  -ms-text-shadow: none;
  -o-text-shadow: none;
}

#search-filters .tooltip .header .search-models-container {
  background: url(../img/search-input-left.png?c=lossless_png) no-repeat left center;
  width: 250px;
  height: 30px;
  float: left;
}

#search-filters .tooltip .header .search-models-container input {
  display: block;
  font-style: italic;
  font-weight: 400;
  background: url(../img/search-input-right.png?c=lossless_png) no-repeat right center;
  color: #636363;
  width: 220px;
  height: 30px;
  margin: 0 0 0 30px;
  padding: 0;
  border: none;
  text-align: left;
  border-radius: none;
  -moz-border-radius: none;
  -webkit-border-radius: none;
  -ms-border-radius: none;
  -o-border-radius: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
}

#search-filters .search-brands.tooltip .header .button, #search-filters .search-models.tooltip .header .button {
  width: 100px;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  float: right;
}

#search-filters .search-brands.tooltip .header .label-container {
  float: left;
}

#search-filters .search-brands.tooltip .header label {
  font-size: 0.75em; /* 12/16 px */
  font-weight: 700;
  color: #46799b; 
  line-height: 34px;
}

#search-filters .search-brands.tooltip .represented-list, #search-filters .search-brands.tooltip .others-list {
  width: 100%;
  overflow: hidden;
}

#search-filters .search-brands.tooltip .represented-list {
  margin: 0 0 25px 0;
}

#search-filters .search-models.tooltip .brand-list {
  padding: 0 0 5px 0;
}

#search-filters .search-models.tooltip .brand-list>a {
  background: url(../img/arrow-blue-collapsed.png?c=lossless_png) 0 -10px no-repeat;
  font-weight: 700;
  color: #0366a8;
  padding: 0 0 0 16px;
  line-height: 12px;
  text-decoration: none;
}

#search-filters .search-models.tooltip .brand-list.active>a {
  background: url(../img/arrow-blue-collapsed.png?c=lossless_png) 0 3px no-repeat;
}

#search-filters .search-models.tooltip .brand-list a.brand-link .number {
  font-weight: 400;
  color: #777777;
}

#search-filters .search-models.tooltip .brand-list .collapse {
  display: none;
  margin: 5px 0 0 20px;
}

#search-filters .search-models.tooltip .brand-list.active>.collapse {
  display: block;
}

#search-filters .search-models.tooltip .brand-list .model .number {
  font-weight: 400;
  color: #777777; 
}

#search-filters .search-models.tooltip .brand-list .model .number:before {
  content: "(";
}

#search-filters .search-models.tooltip .brand-list .model .number:after {
  content: ")";
}

#search-filters .search-brands.tooltip .column .brand input[type=checkbox], #search-filters .search-models.tooltip .column .model input[type=checkbox] {
  float: left;
}

#search-filters .search-brands.tooltip .represented-list .column .brand {
  height: 30px;
}

#search-filters .search-brands.tooltip .column .brand label {
  display: block; 
  font-size: 0.75em; /* 12/16 px */ 
  margin: 0 0 0 3px;
  float: left;
}

#search-filters .search-models.tooltip .column .model label {
  display: block;
  font-size: 0.75em; /* 12/16 px */
  margin: 0 0 0 25px;
}

#search-filters .search-brands.tooltip .column .brand label .logo {
  float: left;
}

#search-filters .search-brands.tooltip .column .brand .logo img {
  display: block;
  width: 19px;
}

#search-filters .search-brands.tooltip .column .brand label .name {
  float: left;
}

#search-filters .search-brands.tooltip .represented-list .column .brand label {
  height: 20px;
}

#search-filters .search-brands.tooltip .represented-list .column .brand label .name {
  line-height: 20px;
  margin: 0 0 0 3px;
}

/* SEARCH CATEGORIES */

#search-filters .search-categories {
  background-color: #c9d0d9;
  position: relative;
}

#search-filters .search-categories .bar {
  display: none;
  background: url(../img/search-filters-bar.png?c=lossless_png) repeat-x;
  width: 100%;
  height: 5px;
  position: absolute;
  left: 0;
  top: -5px;
}

#search-filters .search-categories .wrapper {
  background: none;
  padding: 0;
}

#search-filters .search-categories .category {
  display: none;
  padding: 10px 0;
  overflow: hidden;
}

#search-filters .search-categories .category p {
  font-size: 0.875em; /* 14/16 px */
  font-weight: 700;
  color: #2a3145;
  text-shadow: none;
  -moz-text-shadow: none;
  -webkit-text-shadow: none;
  -ms-text-shadow: none;
  -o-text-shadow: none;
}

#search-filters .search-categories .category label {
  font-size: 0.8125em; /* 13/16 px */
  font-weight: 400;
  color: #001828;
}

#search-filters .search-categories .category span {
  color: #2a3145;
}

#search-filters .search-categories .category a.button {
  text-decoration: none;
}

#search-filters .search-categories .category .item-group {
  float: left;
}

#search-filters .search-categories .category .slider {
  margin: 0 0 10px 0;
}

#search-filters .search-categories .category .slider input {
  font-size: 0.8125em; /* 13/16 px */
  width: 60px;
  height: 20px;
  line-height: 20px;
}

#search-filters .search-categories .category.c-5 .column.license input[type="text"] {
  text-transform: uppercase;
}

/* SEARCH LIST */

#search-list .talknow-container {
  display: none;
}

#search-list .wrapper {
  width: 100%;
}

#search-list .header-layer {
  width: 93.75%; /* 300px */
  margin: 0 auto;
  padding: 15px 0;
}

#search-list .header-layer .container {
  width: 50%;
  float: left;
}

#search-list .header-layer .container input[type=button] {
  width: 96.666666666667%; /* 145/150 px */
}

#search-list .column-1 .result-area {
  border-bottom: 1px solid #c5d2dc;
}

.result-area .only-monthly, tr.info .only-monthly { 
  display: inline;
}

.items-container.monthly .only-monthly {
  display: none;
}

#search-list .column-1 .item {  
  background: #fff;
  width: 100%;
  border-top: 1px solid #c5d2dc;
}

#search-list .column-1 .item .img-container {
  background: #fff;
  width: 30%;
  margin: 15px 0 15px 4%;
  padding: 1px;
  border: 1px solid #c5d2dc;
  float: left;
  position: relative;
}

#search-list .img-container img {
  display: block;
  width: 100%;
}

#search-list .img-container .new {
  top: -2px;
  left: -5px;
}

#search-list .img-container .new.has-warranty {
  top: 26px;
}

#search-list .img-container .new.warranty {
  background: #6d7581;
  border: 1px solid #6d7581;
}

#search-list .img-container img.tag-image {
  width: 50%;
  max-width: 70px;
  top: -9px; 
  left: -9px;
}

#search-list .column-1 .item .info {
  width: 60%;
  margin: 15px 2% 0 2%;
  float: right;
}

#search-list .column-1 .item .info h3 {
  font-size: 0.75em; /* 12/16 px */
  font-weight: 700;
  color: #177aad;
  margin: 0;
}

#search-list .column-1 .item p {
  color: #737373;
  font-size: 0.75em; /* 12/16 px */
  margin: 0;
}

#search-list .column-1 .item .info .container {
  padding: 0 3px 0 0;
  float: left;
}

#search-list .column-1 .item .price-container {
  width: 60%;
  margin: 15px 2% 0 2%;
  float: right;
}

#search-list .column-1 .item .price-container p {
  display: inline;
}

#search-list .column-1 .item .price-container p.price {
  font-size: 0.9375em; /* 15/16 px */
  font-weight: 700;
}

#search-list .column-1 .item .location.mobile {
  width: 60%;
  margin: 15px 2%;
  float: right;
}

#search-list .column-1 .loader-container {
  width: 60%;
  margin: 20px auto 0 auto;
  position: relative;
}

#search-list .column-1 .loader-container .more-results {
  font-size: 1em; /* 16px */
  font-weight: 700;
  width: 100%;
  margin: 0 auto 0 auto;
  padding: 5px 10px;
  text-transform: none;
  box-shadow: 0 0 3px #e8e8e8;
  -moz-box-shadow: 0 0 3px #e8e8e8;
  -webkit-box-shadow: 0 0 3px #e8e8e8;
  -ms-box-shadow: 0 0 3px #e8e8e8;
  -o-box-shadow: 0 0 3px #e8e8e8;
}

#search-list .column-1 .loader, #content.index .column-3 .loader {
  background: url(../img/search-loader.gif) no-repeat;
  width: 32px;
  height: 32px;
  margin: 20px auto 0 auto;
}

#search-list .column-1 .loader-container .loader {
  margin: 0;
  position: absolute;
  right: -65px;
  top: 7px; 
}

#search-list .column-1 .loader-container p {
  font-size: 0.75em; /* 12/16 px */
  font-weight: 600;
  color: #798089;
  text-align: center;
  padding: 5px 0 0 0;
}

#search-list .share-layer {
  margin: 30px 0;
  text-align: center;
}

#search-list .share-layer a {
  font-size: 0.75em; /* 12/16 px */
  color: #3d3e43;
  margin: 0 10px;
}

#search-list .share-layer a.comparison-basket .amount {
  font-weight: 600;
}

#search-list .share-layer a.comparison-basket .amount:before {
  font-weight: 600;
  content: "(";
}

#search-list .share-layer a.comparison-basket .amount:after {
  font-weight: 600;
  content: ")";
}

/* BREADCRUMB */

.breadcrumb {
  display: none;
  width: 100%;
  font-size: 0.75em; /* 12/16 px */
  background: #fff; 
  padding: 10px 0;
  border-bottom: 1px solid #b2b3b6;
  z-index: 30;
  text-align: center;
  position: relative;
}

.breadcrumb .wrapper {
  position: relative;
}

#content.index .breadcrumb, #content.search .breadcrumb {
  display: block;
}

.breadcrumb .divider {
  display: none;
  font-size: 1em; /* 15/12 px */
  font-weight: 400;
  color: #c0c7d1;
  padding: 0 5px;
}

.breadcrumb a, .breadcrumb .searchcrumb { display: none; }
.breadcrumb a.edit-filters { display: inline; }

.breadcrumb a:hover {
  text-decoration: underline;
}

.breadcrumb .path {
  padding: 6px 0;
}

.breadcrumb .icons {
  display: none;
}

.breadcrumb .icons a {
  display: block;
  color: #3d3e43;
  margin: 0 20px 0 0;
  padding: 6px 0;
  float: left;
}

.breadcrumb .icons a .icon {
  display: block;
  width: 18px;
  height: 14px;
  margin: 0 6px 0 0;
  float: left;
}

.breadcrumb .icons a.print .icon { background: url(../img/breadcrumb-icons.png?c=lossless_png) 0 center no-repeat; }
.breadcrumb .icons a.share .icon { background: url(../img/breadcrumb-icons.png?c=lossless_png) -18px center no-repeat; }
.breadcrumb .icons a.comparison-basket .icon { background: url(../img/breadcrumb-icons.png?c=lossless_png) -36px center no-repeat; }

.breadcrumb .icons a.comparison-basket .amount { font-weight: 700; }
.breadcrumb .icons a.comparison-basket .amount:before { content: "("; }
.breadcrumb .icons a.comparison-basket .amount:after { content: ")"; }

.breadcrumb .icons #save-search-watch {
  font-size: 0.9166666666666667em; /* 11/12 px */
  padding: 6px 10px;
}

/* CAR PAGE */

#content.car .wrapper {
  width: 100%;
}

#content.car .column-1 {
  width: 100%;
}

#content.car .laakkonen-bg .wrapper {
  width: 93.75%;
}

#content.car .laakkonen-bg ul.specs { 
  font-size: 0.75em; /* 12/16 px */
  font-weight: 400;
  list-style: none;
  padding: 0;
  margin: 5px 0 15px 0;
  overflow: hidden;
  text-transform: uppercase;
  text-align: center;
}

#content.car .laakkonen-bg ul.specs li {
  display: inline;
  color: #878f9e;
  overflow: hidden;
  margin: 0 4px 0 0;
}

#content.car .laakkonen-bg ul.specs li .right {
  padding: 0 4px 0 0;
}

#content.car .laakkonen-bg a.button {
  display: block;
  font-size: 0.6875em; /* 11/16 px */
  width: 49%;
  text-transform: uppercase;
  text-align: center;
  padding: 10px 0;
}

#content.car .laakkonen-bg a.button.button-red {
  float: left;

}

#content.car .laakkonen-bg a.button.button-dark {
  float: right;
}

#content.car .laakkonen-bg a.button:hover {
  text-decoration: none;
}

#content.car .laakkonen-bg a.add.disabled {
  cursor: default;
  opacity: 0.6;
  filter: alpha(opacity=60);
}


#content.car .sidebar-buttons {
  margin: 20px 0 0;
}
#content.car .sidebar-buttons .button {
  width: 100%;
  padding: 14px 0;
  margin-bottom: 10px;
  font-size: 1em;
}


#content.car .talk_now_container,
#content.car .configurator {
  background: #001828;
  width: 93.75%;
  padding: 20px 3.125%;
}
@media(max-width: 680px){
  #content.car .talk_now_container{
    width: 100%;
  }
}

.talk_now_container .talknow-location {
  display: block;
  width: 100%;
  margin: 10px 0;
}

.talk_now_container #lekaneform {
  margin: 0 0 10px 0;
}

#content.car .talk_now_container p,
.talk_now_container p {
  font-size: 0.8125em; /* 13/16 px */
  color: #fff;
  margin: 0;
}

#content.car .talk_now_container #lekaneform p,
.talk_now_container #lekaneform p {
  font-size: 0.9375em; /* 15/16 px */ 
}

#content.car .talk_now_container p.loading,
.talk_now_container p.loading {
  text-align: center;
}

#content.car .talk_now_container input[type=tel],
.talk_now_container input[type=tel] {
  display: block;
  background: #fff url(../img/d-quick-call-mobile.png?c=lossless_png) no-repeat 8px center;
  font-size: 0.9375em; /* 15/16 px */
  color: #394153;
  width: 100%;
  margin: 15px 0;
  padding: 8px 0 8px 0;
  text-align: left;
  text-indent: 25px;
}

#content.car .talk_now_container input[type=button],
.talk_now_container input[type=button] {
  display: block;
  font-size: 0.9375em; /* 15/16 px */
  width: 100%;
  padding: 0;
}

.talk_now_container img {
  display: block;
  margin: 0 auto 5px auto;
}

.talk_now_container #targetDropDown {
    border: 1px solid #AAAAAA;
    border-radius: 3px 3px 3px 3px;
    margin: -4px 0 5px;
    overflow: hidden;
    width: 161px;
}

.talk_now_container .lekaneHidden {
    display: none !important;
}

.talk_now_container #hiddenError {
    background: none;
    color: #fff;
    display: none;
    line-height: 15px;
    padding: 15px 0 0 0;
}

#content.car .layer-3 .container {
  padding: 0 3.125% 10px 3.125%;
}

#content.car .layer-3 h3 {
  color: #6e757e;
  margin: 10px 0;
  text-transform: uppercase;
}

#content.car .layer-3 ul li,
#content.car .layer-3 .column-1 p {
  color: #6e757e;
}

#content.car .layer-3 ul li span {
  color: #434343;
}

#content.car .layer-3 .column-2 {
  width: 93.75%;
  padding: 20px 3.125%;
}

#content.car .layer-3 .column-2 a {
  font-size: 1.25em; /* 20/16 px */
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  text-transform: uppercase;
  padding: 0;
}

#content.car .layer-3 .column-2 p {
  color: #6b6b6b;
  text-align: center;
}

#content.car .store {
  background: #fff;
  border: 1px solid #707886;
  position: relative;
}

#content.car .store .map-container {
  width: 100%; 
  height: 200px;
}

#content.car .store .map-container iframe {
  display: block;
}

#content.car .store a.info {
  display: block;
  width: 96%;
  margin: 15px 3.125%;
}

#content.car .store a.info:hover {
  text-decoration: none;
}

#content.car .store h3 {
  color: #787878;
  margin: 0;
}

#content.car .store h2 {
  color: #434343;
  margin: 0;
}

#content.car .store p {
  margin: 0 0 15px 0;
}

/* COMPARE */

#content.compare .laakkonen-bg .wrapper {
  width: auto;
  float: left;
  margin: 0 0 0 50%;
}

#content.compare .laakkonen-bg .column-1 {
  float: left;
  margin: 0 0 0 -50%;
}

#content.compare .laakkonen-bg h1 {
  float: left;
  margin: 0 10px 0 0;
}

#content.compare .compare-cars .wrapper {
  width: 100%;
}

#content.compare .compare-cars .img-container {
  width: 90%; 
}

#content.compare .compare-cars .price {
  font-size: 1.15384615384615em; /* 15/13 px */
}

#content.compare .compare-cars .monthly-price {
  font-size: 0.92307692307692em; /* 12/13 px */
}

#content.compare table.light tr.info td {
  padding-bottom: 0;
}

#content.compare .compare-cars td p.mobile {
  font-weight: 700;
}

#content.compare td {
  width: 46%;
  padding: 10px 2%;
}

/* STORE / MULTIPLE STORES */

#content.store .laakkonen-bg select {
  width: 100%;
}

#content.store .laakkonen-bg .wrapper {
  width: 93.75%;
}

#content.store .wrapper {
  width: 100%;
}

.store-container .map-container, #content.store .store-container-multiple .map-container {
  width: 100%;
  height: 200px;
}

.store-container p {
  padding: 10px 3.125% 10px 3.125%;
}

/* ALL STORES */

#content .stores-all .campaign-container {
  margin-bottom: 20px;
}

#content .stores-all .store-container p.closest,
#content.merkkipaivat .store-container p.closest {
  display: none;
}

#content .stores-all .border-wrapper {
  padding: 20px;
  border-bottom: 1px solid #c5d2dc;
}

#content .stores-all .column-2 .border-wrapper {
  padding: 0;
}

#content .stores-all h1 {
  color: #46536c;
  font-size: 1.375em; /* 22/16 px */
  font-weight: 200;
  margin: 0;
}

#content .stores-all h1 strong {
  display: block;
  color: #323d52;
}

#content .stores-all p.intro {
  color: #4e4e4e;
  font-size: 1em; /* 16px */
  margin: 10px 0;
}

#content .stores-all h2 {
  font-size: 1em; /* 16px */
  font-weight: 700;
  color: #919ba6;
  margin: 0 0 10px 0;
  padding: 5px 0;
  border-bottom: 1px solid #c5d2dc;
}

#content .stores-all .column-2 h2 {
  display: none;
  font-weight: 600;
  color: #656674;
  text-transform: uppercase;
  border: none;
}

#content .stores-all span.name {
  display: block;
  font-size: 1.125em; /* 18/16 px */
  color: #177aad;
  margin: 0 0 3px 0;
}

#content .stores-all span.name .arrow {
  font-size: 0.6em;
}

#content .stores-all span.address {
  display: block;
  font-size: 0.8125em; /* 13/16 px */
  color: #46536c;
}

#content .stores-all span.brands {
  display: block;
  font-size: 0.8125em; /* 13/16 px */
  color: #091630;
}

#content .stores-all .city {
  margin: 0 0 30px 0;
}

#content .stores-all .city.multiple {

}

#content .stores-all .city.single {

}

#content .stores-all .stores {
  overflow: hidden;
}

#content .stores-all .stores a.store {
  display: block;
  margin: 0 0 15px 0;
}

#content .stores-all .stores a.store:hover {
  text-decoration: none;
}

#content.store .find-stores select {
  display: none;
}

/* STORE */

#content.store .store-main .row .column {
  margin-bottom: 20px;
}

#content.store .store-main .infobox p,
#content.store .store-main .infobox table,
#content.store .store-main .infobox ul {
  font-size: 0.8125em;
}

#content.store .store-main .heading {
  padding: 0 0 10px 0;
}

#content.store .store-main .phone-results p {
  font-size: 1em;
}

#content.store .store-main .contact-container {
  margin: 0 0 20px 0;
}

#content.store .store-main .contact-container p {
  line-height: 1.75em;
}

#content.store .store-main p.main-phone {
  font-size: 1em;
}

#content.store .store-main .map-container {
  height: 150px;
}

#content.store .store-main .store-info,
#content.merkkipaivat .store-info {
  padding: 15px 3.125% 20px 3.125%;
  text-align: center;
}

#content.store .store-main .store-info .buttons,
#content.merkkipaivat .store-info .buttons {
  padding: 0 0 10px 0;
}

#content.store .store-main .store-info .buttons .button,
#content.merkkipaivat .store-info .buttons .button {
  text-transform: none;
  height: auto;
  line-height: 18px;
}

#content.store .store-info h2,
#content.merkkipaivat .store-info h2 {
  font-size: 0.875em; /* 14/16 px */
  color: #000;
}

#content.store .store-info p.address,
#content.merkkipaivat .store-info p.address {
  font-size: 0.875em; /* 14/16 px */  
  color: #46536c;
  margin: 0;
}

#content.store .store-info p.address span:after,
#content.merkkipaivat .store-info p.address span:after {
  content: ",";
}

#content.store .store-main .exception-hours,
#content.store .store-main .extra-info {
  margin: 0 0 20px 0;
  padding: 0;
}

#content.store .store-info .maintenance-phonenumbers,
#content.merkkipaivat .store-info .maintenance-phonenumbers {
  margin-top: 20px;
}

#content.store .store-info .maintenance-phonenumbers p,
#content.merkkipaivat .store-info .maintenance-phonenumbers p {
  font-size: 0.9375em;
  margin-bottom: 15px;
}

#content.store .store-main .customer-satisfaction h2 {
  font-size: 1.125em; /* 18/16 px */
  font-weight: 600;
  color: #46799b;
  margin: 0 0 10px 0;
}

#content.store .store-info table.contact,
#content.merkkipaivat .store-info table.contact {  
  font-size: 0.875em; /* 14/16 px */
  border-collapse: collapse;
  color: #606265;
  margin: 0 auto 20px auto;
}

#content.store .store-info table.contact td.left,
#content.merkkipaivat #content.merkkipaivat .store-info table.contact td.left {
  padding: 0 5px 0 0;
}

#content.store .store-info table.contact td.right,
#content.merkkipaivat .store-info table.contact td.right {
  text-decoration: underline;
}

#content.store .store-main p.brands,
#content.merkkipaivat .store-info p.brands {
  /*color: #091630;
  width: 60%;
  font-size: 0.75em;
  text-align: center;
  margin: 0 auto;*/
}

#content.store .store-main p.brands strong {
  display: block;
}

#content.store .store-main a.open {
  display: block;
  overflow: hidden;
  padding: 10px 3.125% 10px 3.125%;
  border-top: 1px solid #d0d0d0;
}

#content.store .store-main a.open:hover {
  text-decoration: none;
}

#content.store .store-main a.open h2 {
  float: left;
  font-weight: 400;
}

#content.store .store-main a.open span {
  font-size: 0.75em; /* 12/16 px */
  font-weight: 600;
  line-height: 16px;
  float: right;
  text-transform: uppercase;
}

#content.store .store-main .department-hours {
  margin: 0 0 20px 0;
}

#content.store .store-main .exception-hours,
#content.store .store-main .department-hours,
#content.store .store-main .maintenance-hours,
#content.store .store-main .extra-info {
  /*padding: 0 3.125% 15px 3.125%;*/
}

#content.store .store-main .exception-hours ul {
  /*font-size: 0.8125em; /* 13/16 px */
  margin: 0;
  padding: 0;
  list-style: none;
}

#content.store .store-main .exception-hours ul li {
  margin: 0 0 2px 0;
}

#content.store .store-main .exception-hours ul li.exception {
  color: #ff0000; 
}

#content.store .store-main .department-hours .item,
.department-hours .item {
  padding: 0 0 10px 0;
  /*overflow: hidden;
  border-bottom: 1px solid #d0d0d0;*/
}

#content.store .store-main .department-hours .item .department,
.department-hours .item .department {
  width: 40%;
  float: left;
}

#content.store .store-main .department-hours .item h3,
.department-hours .item h3 {
  /*font-size: 0.875em; /* 14/16 px */
  margin: 0;
}

#content.store .store-main .department-hours .item p.brands,
.department-hours .item p.brands {
  width: auto;
  font-size: 0.6875em; /* 11/16 px */
  /*color: #434343;*/
  margin: 0;
  text-align: left;
}

#content.store .store-main .department-hours .item .open,
.department-hours .item .open {
  width: 50%;
  float: right;
}

#content.store .store-main .department-hours .item .open table,
.department-hours .item .open table {
  /*font-size: 0.875em; /* 14/16 px */
  width: 100%;
  border-collapse: collapse;
}

#content.store .store-main .department-hours .item .open table tr.exception td,
.department-hours .item .open table tr.exception td {
  color: #ff0000;
}

#content.store .store-main .department-hours .item .open table td.right,
.department-hours .item .open table td.right {
  text-align: right;
}

#content.store .store-main .maintenance-hours p {
  width: 47%;
  font-size: 0.8125em; /* 13/16 px */
  margin: 0 3% 10px 0;
  float: left;
}

#content.store .store-main .welcome {
  color: #fff;
  padding: 20px 10px;
}

#content.store .store-main .welcome .column-2 {
  margin: 0 0 15px 0;
}

#content.store .store-main .welcome p {
  font-size: 0.8125em; /* 13/16 px */
}

#content.store .store-main .welcome h3 {
  font-size: 1em; /* 16 px */
  margin: 0 0 15px 0;
}

#content.store .store-main .welcome .img-container {
  width: 15%;
  float: left;
}

#content.store .store-main .welcome .info {
  margin: 5% 0 0 0;
  padding: 0 0 0 3%;
  float: left;
}

#content.store .store-main .welcome .info p {
  font-size: 0.75em; /* 12/16 px */
}

#content.store .store-main .welcome .info p.manager {
  font-weight: 700;
}

#content.store .store-main .layer-3 {
  padding: 20px 3.125%;
}

#content.store .personnel {
  background: none; 
}

#content.store .personnel h2 {
  font-size: 1.125em; /* 18/16 px */
  font-weight: 400;
  color: #fff;
  margin: 0 0 10px 0;
}

#content.store .personnel .absent {
  color: #e80000;
}

#content.store .personnel-container {
  background: #9aa3ad;
  background: -webkit-gradient(linear, left top, left bottom, from(#9aa3ad), to(#55606e));
  background: -webkit-linear-gradient(top, #9aa3ad 0%, #55606e 100%);
  background: -moz-linear-gradient(top, #9aa3ad 0%, #55606e 100%);
  background: -ms-linear-gradient(top, #9aa3ad 0%, #55606e 100%);
  background: -o-gradient(#9aa3ad , #55606e);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9aa3ad', endColorstr='#55606e');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9aa3ad', endColorstr='#55606e');
  padding: 20px 3.125%;
}

#content.store .search-container .left {
  background: url(../img/search-input-left.png?c=lossless_png) no-repeat left center;
  width: 8%;
  height: 30px;
  float: left;
}

#content.store .search-container input {
  display: block;
  background: url(../img/search-input-right.png?c=lossless_png) no-repeat right center;
  width: 92%;
  height: 30px;
  padding: 0;
  border: none;
  text-align: left;
  border-radius: none;
  -moz-border-radius: none;
  -webkit-border-radius: none;
  -ms-border-radius: none;
  -o-border-radius: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
}

/* PROFILE */

#content.profile .wrapper {
  width: 100%;
}

#content.profile .laakkonen-bg {
  padding: 0;
}

#content.profile .button.b2 {
  height: 28px;
  text-transform: uppercase;
}

#content.profile .column-1 h2 {
  float: left;
}

#content.profile p, #content.profile label {
  font-size: 0.75em; /* 12/16 px */
}

#content.profile .user h2 {
  float: none;
}

#content.profile .column-1 a.edit-profile {
  display: none;
}

#content.profile .user, 
#content.profile .my-contact, 
#content.profile .my-detail, 
#content.profile .my-cars {
  padding: 15px 3.125%;
  border-bottom: 1px solid #d1d1d1;
}

#content.profile .column-1 .edit-group {
  overflow: hidden;
}

#content.profile .column-1 .save {
  font-size: 0.75em; /* 12/16 px */
  font-weight: 600;
  text-transform: uppercase;
}

#content.profile .column-1 .edit {
  font-size: 0.6875em; /* 11/16 px */
  font-weight: 600;
  margin: 5px 0 0 0;
  float: right;
  text-transform: uppercase;
}

#content.profile .column-1 .form h2 {
  display: none;
}

#content.profile .column-1 .group-content {
  padding: 15px 0 0 0;
  clear: both;
}

#content.profile .my-contact .block-container .block {
  width: 100%;
}

#content.profile .my-contact .form .block-container.c1 .block.b1 {
  float: left;
  width: 47.5%;
  margin: 0;
}

#content.profile .my-contact .block-container.c1 .block.b2 {
  float: right;
  width: 47.5%;
}

#content.profile .my-contact .block-container.c3 .block.b1 {
  width: 35%;
  margin: 0 5% 0 0;
  float: left;  
}

#content.profile .my-contact .block-container.c3 .block.b2 {
  width: 60%;
  margin: 0;
  float: left;
}

#content.profile .my-contact .block-container.c3 .block.b2 select {
  width: 100%;
}

#content.profile .my-detail .display .block-container .block {
  width: 45%;
  margin: 0 5% 0 0;
}

#content.profile .my-detail .form .block-container {
  width: 45%;
  margin: 0 5% 0 0;
  float: left;
}

#content.profile .my-detail .block-container.c2 {
  width: 100%;
  margin: 0;
}

#content.profile .my-detail .block-container.c2 .block.b1 {
  width: 25%;
  margin: 0 5% 0 0;
}

#content.profile .my-detail .block-container.c2 .block.b2 {
  width: 35%;
  margin: 0 5% 0 0;
}

#content.profile .my-detail .block-container.c2 .block.b3 {
  width: 30%;
  margin: 0;
}

#content.profile .my-detail .block-container.c2 .block select {
  width: 100%;
}

#content.profile .my-cars p strong {
  color: #5f5f5f;
}

#content.profile .my-cars .item {
  padding: 15px 0 10px 0;
  border-top: 1px solid #d1d1d1;
}

#content.profile .my-cars .item.first {
  padding: 0 0 10px 0;
  border-top: none;
}

#content.profile .my-cars .del {
  font-size: 0.6875em; /* 11/16 px */
  font-weight: 700;
  background: url(../img/close-grey.png?c=lossless_png) no-repeat left center;
  color: #7a8493;
  padding: 0 0 0 20px;
  line-height: 22px;
  text-transform: uppercase;
  float: right;
}

#content.profile .my-cars .add, #content.profile .my-cars .save {
  font-size: 0.75em; /* 12/16 px */
  font-weight: 600;
  margin: 0 2% 10px 0;
  padding: 0 3%;
  height: 28px;
  line-height: 28px;
  float: left;  
}

/* STATIC PAGE */

#content.static .wrapper {
  width: 100%;
}

#content.static .head {
  padding: 20px 3.125%;
}

#content.static .head img {
  display: none;
}

#content.static .campaign-container {
  display: none;
}

#content.static .wbox {
  padding: 20px 3.125%;
}

#content.static .wbox h2 {
  font-size: 1.75em; /* 28/16 px */
  font-weight: 600;
  margin: 0 0 20px 0;
}

#content.static .wbox h3 {
  font-size: 1em; /* 16px */
  font-weight: 600;
  margin: 0 0 20px 0;
}

#content.static .wbox p {
  margin: 0 0 20px 0;
}

#content.static .wbox ul {
  font-size: 0.8125em; /* 13/16 px */
  list-style-position: outside;
  
}

#content.static .wbox .center img,
#content.static .wbox .left img,
#content.static .wbox .right img {
  width: 100%;
}

#content.static .wbox div.left,
#content.static-wide .wbox div.left {
  width: 48%;
  margin: 0 2% 0 0;
  float: left;
}

#content.static .wbox div.right,
#content.static-wide .wbox div.right {
  width: 48%;
  margin: 0 0 0 2%;
  float: right;
}

#content.static .wbox .laakkonen-form h3 {
  display: block;
  margin: 12px 0 8px 0;
}

#content.static label {
  display: block;
}

#content.static table td {
  font-size: 13px;
}

#content.static table td p {
  font-size: 13px;
}

/* static wide */

#content.static-wide h2 {
  font-size: 1.75em; /* 28/16 */
}

#content.static-wide p, #content.static-wide ul,  #content.static-wide ol {
  font-size: 0.9375em; /* 15/16 */
}

#content.static-wide .head {
  margin: 0 0 20px 0;
}

#content.static-wide .list {
  margin: 40px 0 0 0;
  padding: 40px 0 0 0;
  border-top: 1px solid #c5d2dc;
}

#content.static-wide table.full-img td img{
  max-width: none;
}
#content.static-wide table.full-img td{
  padding-top: 12px;
  padding-bottom: 12px;
}

#content.static-wide .list a.item {
  margin: 0 0 40px 0;
  padding: 0 0 40px 0;
  border-bottom: 1px solid #c5d2dc;
}

#content.static-wide .list a.item,
#content.static-wide .list a.item h2 {
  color: #434343;
}

#content.static-wide .list p.date {
  font-size: 0.875em; /* 14/16 px */
  margin: 0;  
}

#content.static-wide .list h2 {
  font-size: 1.5em; /* 24/16 */
  font-weight: 200;
}

/* company sales */

#content.company-sales .services a {
  display: block;
  color: #ff0000;
  margin: 0 0 6px 0;
  padding: 0 0 6px 0;
  border-bottom: 1px solid #c5d2dc;
}

#content.company-sales .services br {
  display: none;
}

#content.company-sales .talknow-container {
  background: #6b7482;
  padding: 20px;
}

#content.company-sales .laakkonen-form p.receiver{
  font-size: 0.8125em;
  margin-bottom: 0.5em;
}
#content.company-sales .laakkonen-form p.smaller{
  font-size: 0.748em;
}

#content.company-sales .laakkonen-form .b8 .choice {
  float: left;
  width: 50%;
}


/* REGISTER & LOGIN */

#content.register .wrapper,
#content.login .wrapper {
  width: 100%;
}

#content.register .head,
#content.login .head {
  margin: 0 0 20px 0;
}

#content.register .wbox,
#content.login .wbox .column-1 {
  padding: 20px 3.125%;
}

#content.register h2
#content.login h2 {
  font-size: 1.25em; /* 20/16 px */
  color: #656674;
}

#content.register .head p,
#content.login .head p {
  font-size: 0.9375em; /* 15/16px */
}

#content.register .head strong,
#content.login .head strong {
  font-weight: 700;
  color: #ff0000;
}

#content.register .wbox form h2,
#content.login .wbox form h2 {
  display: none;
}

#content.register .laakkonen-form label,
#content.login .laakkonen-form label {
  margin: 0 0 3px 0;
}

#content.login .search-watch {
  border-top: 1px solid #B5BBC3;  
}

.register-form .block-container.c5 label {
  display: inline;
}

.register-form .block-container.c1 .block, .register-form .block-container.c3 .block {
  width: 50%;
  float: left;
}

.register-form .block-container.c1 .block.b2, .register-form .block-container.c3 .block.b2 {
  float: right;
  margin-bottom: 15px;
}

.laakkonen-form #rndlabel {
  display: none;
}

/* RESERVATION */

#content.reservation .column {
  margin-bottom: 20px;
}

#content.reservation .wbox {
  padding: 20px 3.125%;
}

.maint-locations p {
  font-size: 0.8125em; /* 14/16 px */
}

.maint-locations .input {
  margin: 20px 0;
  overflow: hidden;
}

.maint-locations .input label {
  font-size: 0.8125; /* 14/16 px */
  font-weight: 700;
  color: #656674;
  width: 20%;
  float: left;
  line-height: 34px;
}

.maint-locations .input select {
  width: 80%;
  float: right;
}

.maint-locations .results {
  display: none;
}

.maint-locations .map-container {
  height: 180px;
}

.maint-locations .store {
  padding: 20px 0;
  border-bottom: 1px solid #dadada;
  text-align: center;
}

.maint-locations .store h3 {
  font-size: 0.875em; /* 14/16 px */
  font-weight: 700;
  color: #434343;
  margin: 0;
}

.maint-locations .store h4 {
  font-size: 0.875em; /* 14/16 px */
  font-weight: 400;
  color: #434343;
  margin: 0;
}

.maint-locations .store p.phone {  
  font-size: 1.5em; /* 24/16 px */
  color: #434343;
  margin: 10px 0;
}

.maint-locations .store p.address,
.maint-locations .store p.opening-hours {
  font-size: 0.8125em; /* 13/16 px */
  color: #737373;
}

.maint-locations .store a {
  font-size: 0.875em; /* 14/16 px */
  font-weight: 700;
  color: #177aad;
  margin: 6px 0 0 0;
}

#content.reservation .laakkonen-form h2 {
  display: none;
}

#content.reservation .layer-1 h2 {
  font-size: 1.25em; /* 20/16 px */
  font-weight: 700;
  color: #656674;
}

#content.reservation .layer-1 p {
  font-size: 0.9375em; /* 15/16px */
}

#content.reservation .layer-1 a {
  font-weight: 600;
}

#content.reservation .layer-2 {
  margin: 20px 0;
}

#content.reservation.choose_car .layer-2 .column-1 .car-info .name {
  font-size: 0.875em; /* 14/16 px */
  font-weight: 700;
}

#content.reservation .layer-2 .column-1 .img-container {
  background: #fff;
  padding: 4px;
  border: 1px solid #d2d2d2;
  margin: 0 0 10px 0;
}

#content.reservation.maintenance.choose_car .layer-2 .column-2 .laakkonen-form .license {
  margin: 3px auto;
}

#content.reservation.maintenance.choose_car .layer-2 .column-2 .laakkonen-form input[type=submit] {
  font-size: 1em;
  width: 100%;
  padding: 10px 0;
}

#content.reservation.maintenance.choose_car .layer-2 .column-2 .laakkonen-form .block.b2 a {
  font-size: 0.8125em; /* 13/16 px */
  text-decoration: underline;
}

#content.reservation.testdrive.choose_car .layer-2 .column-2 input[type=submit] {
  height: auto;
  line-height: auto;
  padding: 10px 20px;
  font-size: 1em; /* 16 px */
  float: right;
}

#content.reservation.choose_car ul.info.specs {
  color: #fff;
  font-size: 0.6875em; /* 11/16 px */
  font-weight: 600;
  list-style: none;
  margin: 20px 10px 0 0;
  padding: 0;
  overflow: hidden;
  text-transform: uppercase;
  text-align: center;
  line-height: 26px;
  top: auto;
  height: 26px;
}

#content.reservation.choose_car ul.info.specs li {
  display: none;
  color: #fff;
  overflow: hidden;
  margin: 0 10px 0 0;
  float: left;
}

#content.reservation.choose_car ul.info.specs li.fuel {
  background: #091630;
  height: 26px;
  line-height: 26px;
  border-radius: 13px;
  padding: 0 10px;
}

#content.reservation.choose_car ul.info.specs li.year {
  background: #949699;
  height: 26px;
  line-height: 26px;
  border-radius: 13px;
  padding: 0 10px;
}

#content.reservation.choose_car ul.info.specs li.gearbox {
  background: #e9212f;
  height: 26px;
  line-height: 26px;
  border-radius: 13px;
  padding: 0 10px;
}

#content.reservation.choose_car ul.info.specs li.price {
  color: #656674;
  font-size: 1.2727272727272727em; /* 14/11 px */
  font-weight: 700;
  height: 26px;
  line-height: 26px;
  margin: 0;
  text-transform: none;
  top:auto;
}

#content.reservation.choose_car ul.info.specs li.price .monthly {
  color: #b0b9c9;
  font-weight: 400;
  padding: 0 0 0 5px;
}

#content.reservation.reserve_time .layer-2 h2 a:before {
  content: "(";
}

#content.reservation.reserve_time .layer-2 h2 a:after {
  content: ")";
}

#content.reservation.reserve_time .layer-2 td {
  font-size: 0.75em; /* 12/16 px */
}

#content.reservation.maintenance.reserve_time .layer-3 .column-1 .service-container {
  margin: 0 0 4px 0;
  padding: 4px 6px 6px 6px;
  border: 1px solid #dadada;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  box-shadow: 0 0 3px #dadada;
  -moz-box-shadow: 0 0 3px #dadada;
  -webkit-box-shadow: 0 0 3px #dadada;
  -ms-box-shadow: 0 0 3px #dadada;
  -o-box-shadow: 0 0 3px #dadada;
  position: relative;
}

#content.reservation.maintenance.reserve_time .layer-3 .column-1 .service-container.selected {
  background: #e1e7ef;
  background: -webkit-gradient(linear, left top, left bottom, from(#f1f5fa), to(#d3dae4));
  background: -webkit-linear-gradient(top, #f1f5fa 0%, #d3dae4 100%);
  background: -moz-linear-gradient(top, #f1f5fa 0%, #d3dae4 100%);
  background: -ms-linear-gradient(top, #f1f5fa 0%, #d3dae4 100%);
  background: -o-gradient(#f1f5fa , #d3dae4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f5fa', endColorstr='#d3dae4'); 
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f5fa', endColorstr='#d3dae4'); 
  border: 1px solid #b5bbc3;
}

#content.reservation.maintenance.reserve_time .layer-3 .column-1 .service-container a.close {
  display: block;
  background: url(../img/close-grey.png?c=lossless_png) no-repeat center;
  width: 14px;
  height: 14px;
  padding: 4px;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -11px;
}

#content.reservation.maintenance.reserve_time .layer-3 .column-2 .stores {
  padding: 15px;
  background: #3d4558;
  background: webkit-gradient(linear, left top, left bottom, from(#3d4558), to(#22293d));
  background: -webkit-linear-gradient(top, #3d4558 0%, #22293d 100%);
  background: -moz-linear-gradient(top, #3d4558 0%, #22293d 100%);
  background: -ms-linear-gradient(top, #3d4558 0%, #22293d 100%);
  background: -o-gradient(#3d4558 , #22293d);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d4558', endColorstr='#22293d');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d4558', endColorstr='#22293d');
}

#content.reservation.testdrive .column-2 label{
  display: block;
  margin-top: -5px;
}
#content.reservation.testdrive .column-2 textarea{
  height: 160px;
}

#content.reservation.reserve_time .layer-3 .stores .button-light {
  width: 100%;
}

#content.reservation.reserve_time .layer-3 .button[disabled="disabled"] {
  opacity: 0.75;
  filter: alpha(opacity=75);
}

#content.reservation.maintenance.reserve_time .layer-3 .column-2 .stores .store {
  margin: 10px 0 0 0;
}

#content.reservation.maintenance.reserve_time .layer-3 .column-2 .stores .store p {
  font-size: 0.75em; /* 12/16 px */
  color: #fff;
}

#content.reservation.reserve_time .layer-3 .calendar {
  position: relative;
}

#content.reservation.maintenance.reserve_time .layer-3 .column-2 .handover.time {
  padding: 15px 0;
}

#content.reservation.maintenance.reserve_time .layer-3 .column-2 .handover.time select {
  width: 100%;
}

#content.reservation.maintenance.reserve_time .layer-3 .column-2 .handover.details {
  margin: 20px 0 0 0; 
}

#content.reservation.reserve_time .layer-3 .column-2 .handover.details p {
  font-size: 0.9375em; /* 15/16 px */
  margin: 0 0 4px 0;
}

#content.reservation.reserve_time .layer-3 .column-2 .handover.details textarea {
  width: 100%;
}

#content.reservation.reserve_time .layer-3 .confirm {
  margin: 20px 0 0 0;
}

#content.reservation.maintenance.reserve_time .layer-3 .column-3 .button,
#content.reservation.testdrive.reserve_time .layer-3 .column-2 .button {
  display: block;
  width: 100%;
  font-size: 1.25em; /* 20/16 px */
  font-weight: 700;
  line-height: 1em;
  height: auto;
  line-height: auto;
  padding: 13px 0;
}

#content.reservation.reserve_time .layer-3 .button .big {
}

#content.reservation.reserve_time .layer-3 .button .time {
  display: block;
  font-size: 0.8125em; /* 13/16 px */
  font-weight: 600;
  line-height: 1em;
  padding: 4px 0 0 0;
  text-transform: none;
}

#content.reservation.maintenance.reserve_time .layer-3 .column-3 p,
#content.reservation.testdrive.reserve_time .layer-3 .column-2 p {
  margin: 10px 0;
}

/* testdrive */
.laakkonen-form .error{
  color: red;
}
.tradeprice .error{
  color: red;
  font-weight: bold;
  margin-top: 20px;
}
.tradeprice .trade-loader {
  display: none;
  /*width: 44px;
  height: 44px;*/
  vertical-align: middle;
  font-style: italic;
  padding-left: 20px;
}
.tradeprice .trade-loader.loading {
  /*background: url(../img/ajax-loader-normal.gif) no-repeat center;*/
  display: inline-block;
}

.form-info-table p{
  margin-bottom: 10px;
}
.form-info-table .label-col{
  width: 160px;
}
.form-info-table .input-col input {
  max-width: 100%;
  width: 220px;
}

#content.reservation .laakkonen-form h2.form-header{
  display: block;
}
#content.reservation.testdrive .laakkonen-form .button{
  display: block;
  font-size: 1.25em;
  font-weight: 700;
  height: auto;
  line-height: 1em;
  padding: 13px 0;
  width: 100%;

  margin: 20px 0;
  max-width: 385px;
}


/* SITE SEARCH */

#content.sitesearch .wbox {
  padding: 20px;
}

#content.sitesearch .results {
  overflow: hidden;
}

#content.sitesearch .wrapper {
    width: 100%;
}

#content.sitesearch p.search-amount {
    font-size: 1.375em; /* 22/16 px */
    color: #435566;
    margin: 0 0 0 0;
}

#content.sitesearch p.more-results {
  font-size: 0.9375em; /* 15/16px */
  color: #46536C;
  margin: 0 0 20px 0;
  font-weight: 200;
}

#content.sitesearch p.more-results a {
  font-weight: 600;
}

#content.sitesearch .google-results,
#content.sitesearch .car-results,
#content.sitesearch .site-results {
  margin: 0 0 20px 0;
}

#content.sitesearch .google-results .item {
  margin: 15px 0 0 0;
}

#content.sitesearch .google-results ul.pagination {
  margin: 20px 0 0 0;
  padding: 0;  
  list-style: none;
  overflow: hidden;
}

#content.sitesearch .google-results ul.pagination li {
  padding: 0 7px;
  border-right: 1px solid #c5c5c5; 
  float: left;
}

#content.sitesearch .google-results ul.pagination li.active a {
  font-weight: 700;
}

#content.sitesearch .google-results ul.pagination li a {
  font-size: 0.8125em; /* 13/16 px*/
  color: #434343;
  line-height: 1em;
}

#content.sitesearch .google-results ul.pagination li.last {
  border-right: none;
}

#content.sitesearch .stores-all {
  background: #fff;
  overflow: hidden;
}

#content.sitesearch .stores-all .column-1 {
  float: none;
}

#content.sitesearch .car-results .border-wrapper,
#content.sitesearch .store-results .border-wrapper {
  border: none;
  padding: 0;
}

#search-list .column-2 .search-partial {
  padding: 10px;
  border-right: 1px solid #b5bbc3;
  border-bottom: 1px solid #b5bbc3;
}

#content.sitesearch .car-results .item {
  margin: 0 0 15px 0;
}

#content.sitesearch .car-results .item .img-container {
  background: #fff;
  width: 40%;
  padding: 1px;
  border: 1px solid #c5d2dc;
  float: left;
  position: relative;
}

#content.sitesearch .car-results .item .img-container .new {
  top: -5px;
  left: -5px;
}

#content.sitesearch .car-results .item .info,
#content.sitesearch .car-results .item .price-container {
  color: #434343;
  width: 55%;
  margin: 0 0 6px 0;
  float: right;
}

#content.sitesearch .car-results .item .info h3 {
  font-size: 0.75em; /* 12/16 px */
  font-weight: 600;
  margin: 0;
}

#content.sitesearch .car-results .item .info h3 a {
  color: #434343;
}

#content.sitesearch .car-results .item .info .container {
  padding: 0 3px 0 0;
  float: left;
}

#content.sitesearch .car-results .item .info p {
  font-size: 0.75em; /* 12/16 px */
  margin: 0;
}

#content.sitesearch .car-results .item .info p.desktop {
  display: none;
}

#content.sitesearch .car-results .item .info p.price {
  font-weight: 700;
}

#content.sitesearch .car-results .price-small {
  display: none;
}

#content.sitesearch .car-results .item a.button-dark {
  display: none;
}

#content.sitesearch .car-results span.ipad {
  display: inline !important;
}

#content.forgotten .wbox {
  padding: 20px 3.125%;
}

/* FOOTER AREA */

#footer {
  background: #001828;
  position: relative;
  z-index: 1;
}

#footer .wrapper {
  width: 93.75%; /* 300px */
}

#footer-navigation {
  padding: 20px 0 20px 0;
}

#footer p {
  font-size: 0.8125em; /* 13/16 px */
  font-weight: 700;
  color: #fff;
  margin: 0;
}

#footer p a {
  display: inline;
  color: #fff;
}

#footer a {
  display: block;
  font-size: 0.8125em; /* 13/16 px */
  color: #8b9daa;
}

#footer a.desktop {
  display: none;
}

#footer .list {
  width: 50%;
  float: left;
}

#footer .list.car-brands {
  clear: left;
}

#footer .list p {
  width: 90%;
}

#footer .list ul {
  width: 90%;
  margin: 0 0 15px 0;
  padding: 0;
  list-style: none;
}

#footer .list ul li {
  padding: 0 0 1px 0;
}

#footer .list ul.brands li {
  width: 50%;
  float: left;
}

#footer-bottom {
  background: #071721;
  padding: 20px 0;
  border-top: 1px solid #283843;
}

#footer-bottom p {
  font-size: 0.6875em; /* 11/16 px */
  font-weight: 400;
  color: #8b9daa;
  margin: 0;
  float: left;
}

#footer-bottom ul {
  list-style: none;
  margin: 0;
  padding: 0;
  float: right;
}

#footer-bottom ul li {
  display: inline;
}

#footer-bottom a {
  color: #fff;
  font-size: 0.6875em; /* 11/16 px */
  padding: 0 8px;
  border-right: 1px solid #fff;
}

#footer-bottom li.last a {
  border: none;
}

/* GENERIC RULES */

p {
  font-size: 0.8125em; /* 13/16 px */
  margin: 0 0 1em 0;
}

label {
  font-size: 0.8125em; /* 13/16 px */
  margin: 0;
}

h1 {
  font-size: 1.75em; /* 28/16 px */
  margin: 0 0 0.7em 0;
}

h2 {
  font-size: 1em; /* 16px */
  margin: 0 0 15px 0;
}

h3 {
  font-size: 0.8125em; /* 13/16 px */
  margin: 0 0 10px 0 0;
}

a, .a, a.block.a {
  color: #177aad;
  border-style: none;
  text-decoration: none;
}

a.tel {
  color: #434343;
}

a.tel:hover {
  text-decoration: none;
}

a p {
  color: #434343;
}

.share-layer a.share {
  background: url(../img/share-logo.png?c=lossless_png) no-repeat left top;
  line-height: 14px;
  padding: 0 0 0 23px;  
}

.share-layer a.comparison-basket {
  background: url(../img/comparison-basket-logo.png?c=lossless_png) no-repeat left top;
  padding: 0 0 0 25px;
}

a:hover,
.a:hover,
a.block:hover .a {
  text-decoration: underline;
}

a.button {
  display: inline-block;
  text-align: center;
}

a.button:hover {
  text-decoration: none;
}

a.button.inline {
  display: inline-block;
}

strong {
  font-weight: 700;
}

ul.default {
  font-size: 0.8125em; /* 13/16 px */ 
  margin: 0;
  padding: 0 0 0 20px;
}

.clear {
  clear: both;
}

.img-container {
  display: block;
  position: relative;
  zoom: 1;
}

.img-container img {
  display: block;
  width: 100%;
  zoom: 1;
}

img {
  max-width: 100%;
  height: auto;
}

.img-container a.close {
  position: absolute;
  top: -5px;
  right: -5px;
}

.img-container a.close img {
  width: 18px;
}

.banner-container{
  margin-bottom: 20px;
}

.w { color: #fff; }

.m-em06875 { font-size: 0.6875em; /* 11/16 px */ }
.m-em075 { font-size: 0.75em; /* 12/16 px */ }
.m-em08125 { font-size: 0.8125em; /* 13/16 px */ }
.m-emem0875 { font-size: 0.875em; /* 14/16 px */ }
.m-em09375 { font-size: 0.9375em; /* 15/16 px */ }

.img-container .new {
  background: #e53135;
  font-size: 0.5625em; /* 9/16 px */
  font-weight: 700;
  color: #fff;
  padding: 2px 5px;
  position: absolute;
  border: 1px solid #c12d30;
  text-transform: uppercase;
}

.img-container img.tag-image {
  display: block;
  position: absolute;
}

input[type=text], input[type=number], input[type=password], input[type=email], input[type=tel] {
  background: #fff;
  text-align: center;
  text-indent: 10px;
  border: 1px solid #bebebe;
  /*border-radius: 1px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  box-shadow: inset 0 0 2px #dfdfdf;  
  -moz-box-shadow: inset 0 0 2px #dfdfdf;
  -webkit-box-shadow: inset 0 0 2px #dfdfdf;
  -ms-box-shadow: inset 0 0 2px #dfdfdf;
  -o-box-shadow: inset 0 0 2px #dfdfdf;*/
}

.laakkonen-bg {
  background: #0c1f43 url(../img/laakkonen-bg.png?c=lossless_png) repeat-x top;
  color: #fff;
  padding: 10px 0;
  position: relative;
  z-index: 2;
}

.laakkonen-bg h1 {
  font-size: 1.0625em; /* 17/16 px */
  font-weight: 700;
  margin: 0;
  text-align: center;
}

.padding {
  padding: 20px;
}

.wbox {
  background: #fff;
  border-top: 1px solid #d2d6db;
  border-bottom: 1px solid #d2d6db;
}

.wbox.padding {
  padding: 20px;
}

.heading-light {
  font-weight: 600;
  color: #656674;
  margin: 0;
  padding: 10px;
  border-bottom: 1px solid #b5bbc3;
  background: #edf2f8;
  background: -webkit-gradient(linear, left top, left bottom, from(#edf2f8), to(#d3dae4));
  background: -webkit-linear-gradient(top, #edf2f8 0%, #d3dae4 100%);
  background: -moz-linear-gradient(top, #edf2f8 0%, #d3dae4 100%);
  background: -ms-linear-gradient(top, #edf2f8 0%, #d3dae4 100%);
  background: -o-gradient(#edf2f8 , #d3dae4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf2f8', endColorstr='#d3dae4');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf2f8', endColorstr='#d3dae4');
  text-shadow: 0 1px #fff;
}

.price {
  font-weight: 600;
  color: #556674;
}

.monthly-price, .price-small {
  font-weight: 400;
  color: #7a7a7a;
}

iframe, .img-container img {
  display: block;
}

.block {
  display: block;
}

.block:hover {
  text-decoration: none;
}

.thin {
  font-weight: 200 !important;
}

/* ICONS */

.icon-plus {
  display: block;
  font-size: 1em; /* 16 px */
  font-weight: 400;
  background: #ff0000;  
  color: #fff;
  width: 14px;
  height: 14px;
  line-height: 14px;
  margin: 2px 5px 0 0;
  float: left;
  text-align: center;
  border-radius: 8px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
}

.icon-close {
  display: block;
  font-size: 1em; /* 16 px */
  font-weight: 400;
  background: #7a8493;  
  color: #fff;
  width: 14px;
  height: 14px;
  line-height: 14px;
  margin: 2px 5px 0 0;
  float: left;
  text-align: center;
  border-radius: 8px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
}

/* GRADIENTS */ 

.gradient-dark {
  background: #3a4254;
  background: -webkit-gradient(linear, left top, left bottom, from(#3a4254), to(#272e41));
  background: -webkit-linear-gradient(top, #3a4254 0%, #272e41 100%);
  background: -moz-linear-gradient(top, #3a4254 0%, #272e41 100%);
  background: -ms-linear-gradient(top, #3a4254 0%, #272e41 100%);
  background: -o-gradient(#3a4254 , #272e41);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a4254', endColorstr='#272e41'); 
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a4254', endColorstr='#272e41'); 
}

.gradient-light {
  background: #d3dae4;
  background: -webkit-gradient(linear, left top, left bottom, from(#edf2f8), to(#d3dae4));
  background: -webkit-linear-gradient(top, #edf2f8 0%, #d3dae4 100%);
  background: -moz-linear-gradient(top, #edf2f8 0%, #d3dae4 100%);
  background: -ms-linear-gradient(top, #edf2f8 0%, #d3dae4 100%);
  background: -o-gradient(#edf2f8 , #d3dae4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf2f8', endColorstr='#d3dae4');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf2f8', endColorstr='#d3dae4');
}

.gradient-blue {  
  background: #071125;
  background: -webkit-gradient(linear, left top, left bottom, from(#071125), to(#0d1f44));
  background: -webkit-linear-gradient(top, #071125 0%, #0d1f44 100%);
  background: -moz-linear-gradient(top, #071125 0%, #0d1f44 100%);
  background: -ms-linear-gradient(top, #071125 0%, #0d1f44 100%);
  background: -o-gradient(#071125 , #0d1f44);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#071125', endColorstr='#0d1f44');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#071125', endColorstr='#0d1f44');
}

/* background element colors */

.gradient-dark h1,
.gradient-dark h2,
.gradient-dark h3,
.gradient-dark h4,
.gradient-dark p,
.gradient-dark label,
.gradient-dark ul,
.gradient-dark ol,
.gradient-dark table {
  color: #fff;
}

.gradient-dark .line {
  background: #24293b;
  width: 100%;
  height: 2px;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #4a4f5e;
}

.gradient-dark a {
  color: #8B9DAA;
}

.gradient-dark a.tel {
  color: #fff;
}

/* BUTTONS */

.button {
}

a.button-green {
  color: #2e6600 !important;
}

.button-green {
  font-size: 0.75em; /* 12/16px */
  color: #2e6600 !important;
  height: auto;
  line-height: 1em;
  padding: 10px;
  border: 1px solid #558a45;  
  background: #8ac32a;
  background: -webkit-gradient(linear, left top, left bottom, from(#b8dd36), to(#8ac32a));
  background: -webkit-linear-gradient(top, #b8dd36 0%, #8ac32a 100%);
  background: -moz-linear-gradient(top, #b8dd36 0%, #8ac32a 100%);
  background: -ms-linear-gradient(top, #b8dd36 0%, #8ac32a 100%);
  background: -o-gradient(#b8dd36 , #8ac32a);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8dd36', endColorstr='#8ac32a');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8dd36', endColorstr='#8ac32a');
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;  
  cursor: pointer;
}

.button-green:hover {
  background: #badf37;
  background: -webkit-gradient(linear, left top, left bottom, from(#badf37), to(#99d82f));
  background: -webkit-linear-gradient(top, #badf37 0%, #99d82f 100%);
  background: -moz-linear-gradient(top, #badf37 0%, #99d82f 100%);
  background: -ms-linear-gradient(top, #badf37 0%, #99d82f 100%);
  background: -o-gradient(#badf37 , #99d82f);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#badf37', endColorstr='#99d82f');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#badf37', endColorstr='#99d82f');
}

.button-green:active {
  background: #92c82c;
  background: -webkit-gradient(linear, left top, left bottom, from(#92c82c), to(#bee038));
  background: -webkit-linear-gradient(top, #92c82c 0%, #bee038 100%);
  background: -moz-linear-gradient(top, #92c82c 0%, #bee038 100%);
  background: -ms-linear-gradient(top, #92c82c 0%, #bee038 100%);
  background: -o-gradient(#92c82c , #bee038);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#92c82c', endColorstr='#bee038');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#92c82c', endColorstr='#bee038');
}

.button-light {
  font-size: 0.75em; /* 12/16 px */
  font-weight: 600;
  color: #656674 !important;
  height: auto;
  line-height: 1em;
  padding: 10px;
  border: 1px solid #b5bbc3;
  background: #d3dae4;
  background: -webkit-gradient(linear, left top, left bottom, from(#edf2f8), to(#d3dae4));
  background: -webkit-linear-gradient(top, #edf2f8 0%, #d3dae4 100%);
  background: -moz-linear-gradient(top, #edf2f8 0%, #d3dae4 100%);
  background: -ms-linear-gradient(top, #edf2f8 0%, #d3dae4 100%);
  background: -o-gradient(#edf2f8 , #d3dae4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf2f8', endColorstr='#d3dae4');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf2f8', endColorstr='#d3dae4');  
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  text-shadow: 0 1px #fff;
  -moz-text-shadow: 0 1px #fff;
  -webkit-text-shadow: 0 1px #fff;
  -ms-text-shadow: 0 1px #fff;
  -o-text-shadow: 0 1px #fff;
  cursor: pointer;
}

select.button-light {
  padding: 0 0 0 5px;
}

.button-light:hover {
  background: #edf2f8;
  background: -webkit-gradient(linear, left top, left bottom, from(#edf2f8), to(#e1e6ed));
  background: -webkit-linear-gradient(top, #edf2f8 0%, #e1e6ed 100%);
  background: -moz-linear-gradient(top, #edf2f8 0%, #e1e6ed 100%);
  background: -ms-linear-gradient(top, #edf2f8 0%, #e1e6ed 100%);
  background: -o-gradient(#edf2f8 , #e1e6ed);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf2f8', endColorstr='#e1e6ed');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf2f8', endColorstr='#e1e6ed');
}

/*.button-light:active {
  background: #c0c9d5;
  background: -webkit-gradient(linear, left top, left bottom, from(#c0c9d5), to(#e7ecf4));
  background: -webkit-linear-gradient(top, #c0c9d5 0%, #e7ecf4 100%);
  background: -moz-linear-gradient(top, #c0c9d5 0%, #e7ecf4 100%);
  background: -ms-linear-gradient(top, #c0c9d5 0%, #e7ecf4 100%);
  background: -o-gradient(#c0c9d5 , #e7ecf4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0c9d5', endColorstr='#e7ecf4');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0c9d5', endColorstr='#e7ecf4');
}*/

.button-dark {
  font-size: 0.75em; /* 12/16 px */
  font-weight: 600;
  height: auto;
  line-height: 1em;
  padding: 10px;
  border: 1px solid #4d545d;
  color: #fff !important;
  background: #545e6c;
  background: -webkit-gradient(linear, left top, left bottom, from(#989eac), to(#545e6c));
  background: -webkit-linear-gradient(top, #989eac 0%, #545e6c 100%);
  background: -moz-linear-gradient(top, #989eac 0%, #545e6c 100%);
  background: -ms-linear-gradient(top, #989eac 0%, #545e6c 100%);
  background: -o-gradient(#989eac , #545e6c);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#989eac', endColorstr='#545e6c');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#989eac', endColorstr='#545e6c');
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  cursor: pointer;
}

.button-dark:hover {
  background: #9da5ae;
  background: -webkit-gradient(linear, left top, left bottom, from(#9da5ae), to(#6d7581));
  background: -webkit-linear-gradient(top, #9da5ae 0%, #6d7581 100%);
  background: -moz-linear-gradient(top, #9da5ae 0%, #6d7581 100%);
  background: -ms-linear-gradient(top, #9da5ae 0%, #6d7581 100%);
  background: -o-gradient(#9da5ae , #6d7581);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9da5ae', endColorstr='#6d7581');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9da5ae', endColorstr='#6d7581');
}

/*.button-dark:active {
  background: #586371;
  background: -webkit-gradient(linear, left top, left bottom, from(#586371), to(#78818d));
  background: -webkit-linear-gradient(top, #586371 0%, #78818d 100%);
  background: -moz-linear-gradient(top, #586371 0%, #78818d 100%);
  background: -ms-linear-gradient(top, #586371 0%, #78818d 100%);
  background: -o-gradient(#586371 , #78818d);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#586371', endColorstr='#78818d');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#586371', endColorstr='#78818d');
}*/

.button-red {
  font-size: 0.75em; /* 12/16 px */
  font-weight: 600;
  height: auto;
  line-height: 1em;
  padding: 10px;
  border: 1px solid #8b0308;
  color: #fff !important;
  background: #bd0108;
  background: -webkit-gradient(linear, left top, left bottom, from(#ec1c23), to(#bd0108));
  background: -webkit-linear-gradient(top, #ec1c23 0%, #bd0108 100%);
  background: -moz-linear-gradient(top, #ec1c23 0%, #bd0108 100%);
  background: -ms-linear-gradient(top, #ec1c23 0%, #bd0108 100%);
  background: -o-gradient(#ec1c23 , #bd0108);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ec1c23', endColorstr='#bd0108');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ec1c23', endColorstr='#bd0108');
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  text-shadow: 0 1px #941115;
  -moz-text-shadow: 0 1px #941115;
  -webkit-text-shadow: 0 1px #941115;
  -ms-text-shadow: 0 1px #941115;
  -o-text-shadow: 0 1px #941115;
  cursor: pointer;
}

.button-red:hover {
  background: #ea1a21;
  background: -webkit-gradient(linear, left top, left bottom, from(#ea1a21), to(#da151c));
  background: -webkit-linear-gradient(top, #ea1a21 0%, #da151c 100%);
  background: -moz-linear-gradient(top, #ea1a21 0%, #da151c 100%);
  background: -ms-linear-gradient(top, #ea1a21 0%, #da151c 100%);
  background: -o-gradient(#ea1a21 , #da151c);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea1a21', endColorstr='#da151c');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea1a21', endColorstr='#da151c');
}

.button.big {
  text-transform: uppercase;
  font-size: 0.9375em;
}

/*.button-red:active {
  background: #bf0208;
  background: -webkit-gradient(linear, left top, left bottom, from(#bf0208), to(#ec1c23));
  background: -webkit-linear-gradient(top, #bf0208 0%, #ec1c23 100%);
  background: -moz-linear-gradient(top, #bf0208 0%, #ec1c23 100%);
  background: -ms-linear-gradient(top, #bf0208 0%, #ec1c23 100%);
  background: -o-gradient(#bf0208 , #ec1c23);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf0208', endColorstr='#ec1c23');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf0208', endColorstr='#ec1c23');
}*/

/* BLOCK BASED FORMS/DISPLAY AREAS */

/* generic laakkonen form */

.laakkonen-form h3 {
  display: none;
  margin: 15px 0;
}

.laakkonen-form .block-container {
}

.laakkonen-form .block-container .block {
  margin: 0 0 10px 0;
  padding: 0 20px 0 0;
}

.laakkonen-form input[type=text], .laakkonen-form input[type=number], .laakkonen-form input[type=password], .laakkonen-form input[type=email], .laakkonen-form input[type=tel] {
  background: #fbfcfd;
  border: 1px solid #d3d3d3;
  width: 100%;
  height: 34px;
  padding: 0;
  line-height: 34px;
  text-align: left;
  text-indent: 10px;
}

.laakkonen-form select {
  display: block;
  font-size: 0.875em; /* 14/16 px */
  font-weight: 700px;
  width: 100%;
  height: 34px; 
  line-height: 34px;
  border: 1px solid #b5bbc3;
  background: #d3dae4;
  background: -webkit-gradient(linear, left top, left bottom, from(#edf2f8), to(#d3dae4));
  background: -webkit-linear-gradient(top, #edf2f8 0%, #d3dae4 100%);
  background: -moz-linear-gradient(top, #edf2f8 0%, #d3dae4 100%);
  background: -ms-linear-gradient(top, #edf2f8 0%, #d3dae4 100%);
  background: -o-gradient(#edf2f8 , #d3dae4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf2f8', endColorstr='#d3dae4');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf2f8', endColorstr='#d3dae4');
  color: #656674;
  text-shadow: 0 1px #fff;
  -moz-text-shadow: 0 1px #fff;
  -webkit-text-shadow: 0 1px #fff;
  -ms-text-shadow: 0 1px #fff;
  -o-text-shadow: 0 1px #fff;
}

.laakkonen-form input[type=checkbox] {
}

.laakkonen-form label {
  font-size: 0.8125em; /* 13/16 px */
  font-weight: 600;
  margin: 0 0 3px 0;
}

.laakkonen-form label span.additional {
  font-size: 0.92307692307692em; /* 12/13 px */
  font-weight: 400;
  font-style: italic;
  padding: 0 0 0 5px;
  color: #5e5e5e;
}

.laakkonen-form input[type=text].stage-error, .laakkonen-form input[type=password].stage-error, 
.laakkonen-form input[type=number].stage-error, .laakkonen-form input[type=email].stage-error,
.laakkonen-form input[type=tel].stage-error {
  background: #fff6f6;
  color: #ac0000;
  border: 1px solid #cc4040;
}

.laakkonen-form label.stage-error, .laakkonen-form label.stage-error a, .laakkonen-form label.stage-error span {
  color: #ff0000;
}

.laakkonen-form select.stage-error {
  border: 1px solid #cc4040;
}

.laakkonen-form textarea {
  display: block;
  width: 100%;
  height: 75px;
}

/* profile form */

.form {
  display: none;
}

.form label, .display p { 
  font-size: 0.75em; /* 12/16 px */
  margin: 0 0 2px 0;
}

.form label {
  display: block;
  font-weight: 700; 
}

.form select {
  margin: 0;
}

.form .block, .display .block {
  padding: 0 0 6px 0;
}

.form .block-container, .display .block-container {
}

.form .block-container .block, .display .block-container .block {
  float: left;
}

.form .block input, .phonebook input[type="text"] {
  width: 100%;
  background: #fbfcfd;
  color: #434343;
  height: 24px;
  line-height: 24px;
  margin: 0;
  padding: 0;
  border: 1px solid #d3d3d3;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  box-shadow: 0 2px 3px 0 #E3E7EB inset;
  -moz-box-shadow: 0 2px 3px 0 #E3E7EB inset;
  -webkit-box-shadow: 0 2px 3px 0 #E3E7EB inset;
  -ms-box-shadow: 0 2px 3px 0 #E3E7EB inset;
  -o-box-shadow: 0 2px 3px 0 #E3E7EB inset;
  text-align: left;
  text-indent: 10px;
}

.form .block select, .phonebook select {
  height: 24px;
  padding: 2px;
  border: 1px solid #c7c7c7;
  background: #FBFCFD;
  color: #656674;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  text-shadow: 0 1px #fff;
  -moz-text-shadow: 0 1px #fff;
  -webkit-text-shadow: 0 1px #fff;
  -ms-text-shadow: 0 1px #fff;
  -o-text-shadow: 0 1px #fff;
  cursor: pointer;
}

/* ROUND BOXES */

.rndbox { 
  overflow: hidden;
  margin: 0 10px 0 0;
  float: left;
}

.rndbox .right {
  display: block;
  height: 26px;
  padding: 0 14px 0 0;
  float: left;
}

.rndbox .left {
  display: block; 
  width: 14px;
  height: 26px;
  float: left;
}

.rndbox.dark .right {
  background: url(../img/buttons-round-x26.png?c=lossless_png) no-repeat right 0;
}

.rndbox.dark .left {
  background: url(../img/buttons-round-x26.png?c=lossless_png) no-repeat 0 0;
}

.rndbox.light .right {
  background: url(../img/buttons-round-x26.png?c=lossless_png) no-repeat right -26px;
}

.rndbox.light .left {
  background: url(../img/buttons-round-x26.png?c=lossless_png) no-repeat 0 -26px;
}

.rndbox.red .right {
  background: url(../img/buttons-round-x26.png?c=lossless_png) no-repeat right -52px;
}

.rndbox.red .left {
  background: url(../img/buttons-round-x26.png?c=lossless_png) no-repeat 0 -52px;
}

/* TABLES */

table {
  width: 100%;
}

table td.padding-right {
  padding-right: 10px;
}

table td.padding-left {
  padding-left: 10px;
}

table td.padding-both {
  padding: 0 10px;
}

table.generic {
  width: 100%;
  border-collapse: collapse;
}

table.generic td {
  vertical-align: top;
}

table.light { 
  color: #6e757e;
  width: 100%;
  border-collapse: collapse;
}

table.light th {
  background: #d3dae4;
  background: -webkit-gradient(linear, left top, left bottom, from(#ebf0f6), to(#d3dae4));
  background: -webkit-linear-gradient(top, #ebf0f6 0%, #d3dae4 100%);
  background: -moz-linear-gradient(top, #ebf0f6 0%, #d3dae4 100%);
  background: -ms-linear-gradient(top, #ebf0f6 0%, #d3dae4 100%);
  background: -o-gradient(#ebf0f6 , #d3dae4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebf0f6', endColorstr='#d3dae4');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebf0f6', endColorstr='#d3dae4');
  font-size: 1em; /* 16px */
  padding: 0 0 0 3.125%;
  border-bottom: 1px solid #c5d2dc;
  text-align: left; 
}

table.light tr.heading th {
  border-top: 1px solid #c5d2dc;
}

table.light tr.sub th {
  font-size: 0.8125em; /* 13/16 px */ 
  border-top: 1px solid #e4e9f1;
  text-transform: uppercase;
}

table.light tr.odd td {
  background: #f1f5f9;
}

table.light tr.even td {
  background: #fff; 
}

table.light tr.dark td {
  background: #001828;
  padding: 10px 0 10px 3.125%;
}

table.light tr.info td {
  padding: 10px 0 10px 3.125%;
  text-align: center;
}

table.light td {
  background: #fff;
  font-size: 0.8125em; /* 13/16 px */
  padding: 8px 0 8px 3.125%;
}

table.light td p {
  font-size: 1em;
  margin: 0;
}

table.light th {
  padding: 8px 0 8px 3.125%;  
}

/* calendar */

.tablecal {
  width: 100%;
  color: #929292;
  border: 1px solid #d0d0d0;
}

.tablecal .weekday, .tablecal .day {
  width: 14.28571428571429%;
  font-size: 0.875em; /* 14/16 px */
  text-align: center;
}

.tablecal a.previous {
  display: block;
  background: url(../img/calendar-previous.png?c=lossless_png) no-repeat right;
  width: 8px;
  height: 26px; 
  float: right;
}

.tablecal a.next {
  display: block;
  background: url(../img/calendar-next.png?c=lossless_png) no-repeat left;
  width: 8px;
  height: 26px; 
  float: left;
}

.tablecal .month {
  background: #ecf1f7;
  background: webkit-gradient(linear, left top, left bottom, from(#ecf1f7), to(#d4dbe4));
  background: -webkit-linear-gradient(top, #ecf1f7 0%, #d4dbe4 100%);
  background: -moz-linear-gradient(top, #ecf1f7 0%, #d4dbe4 100%);
  background: -ms-linear-gradient(top, #ecf1f7 0%, #d4dbe4 100%);
  background: -o-gradient(#ecf1f7 , #d4dbe4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecf1f7', endColorstr='#d4dbe4');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecf1f7', endColorstr='#d4dbe4');
  color: #656674;
  text-shadow: 0 1px #fff;
  -moz-text-shadow: 0 1px #fff;
  -webkit-text-shadow: 0 1px #fff;
  -ms-text-shadow: 0 1px #fff;
  -o-text-shadow: 0 1px #fff;
  padding: 6px 0;
}

.tablecal .month .first {
  width: 27%;
  float: left;
}

.tablecal .month .last {
  width: 27%;
  float: right;
}

.tablecal .month .text {
  width: 46%;
  float: left;
  text-align: center;
}

.tablecal .days .weekday {
  font-size: 0.6875em; /* 11/16 px */
  font-weight: 400;
  background: #0c1e32;
  color: #fff;
  text-transform: uppercase;
  padding: 6px 0;
}

.tablecal .row .day, .tablecal .row .weekday {
  float: left;
}

.tablecal .row .day {
  position: relative;
}

.tablecal .row .day .border-container {
  padding: 20px 0;
  border-left: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
}

.tablecal .row .day.first .border-container {
  border-left: none;
}

.tablecal .row.last .day .border-container {
  border-bottom: none;
}

.tablecal .row .day.active {
  background: #dff0d8;
  cursor: pointer;
}

.tablecal .row .day.active:hover {
  color: #000;
}

.tablecal .row .day.active .frame {
  display: none;
}

.tablecal .row .day.active.selected .frame {
  display: block;
}

.tablecal .row .day.active.selected {
  color: #d80d13;
}

.tablecal .row .day.inactive {
  background: #f2dede;
}

.tablecal .row .day.next,
.tablecal .row .day.previous {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.tablecal .frame {
  border: 4px solid #d0d0d0;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
}

.tablecal .selected .frame {
  border: 4px solid #d80d13;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 6;
}

/* phonebook */

.phonebook table {
  width: 100%;
  margin: 0 0 20px 0;
  border-collapse: collapse;
}

.phonebook table th, .phonebook table td {
  font-size: 0.8125em; /* 13/16 px */
  padding: 3px 10px;
  text-align: left;
}

.phonebook table td {
  border-bottom: 1px solid #e6e6e6;
}

.phonebook table tr.store th {
  background: #0d2046;
  background: -webkit-gradient(linear, left top, left bottom, from(#071126), to(#0d2046));
  background: -webkit-linear-gradient(top, #071126 0%, #0d2046 100%);
  background: -moz-linear-gradient(top, #071126 0%, #0d2046 100%);
  background: -ms-linear-gradient(top, #071126 0%, #0d2046 100%);
  background: -o-gradient(#071126 , #0d2046);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#071126', endColorstr='#0d2046');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#071126', endColorstr='#0d2046');
  color: #fff;
}

.phonebook table tr.department th {
  background: #6c7681;
  color: #fff;
}

.phonebook .inputs {
  width: 100%;
}

.phonebook .input-group {
  overflow: hidden;
}

.phonebook .input {
  margin-top: 12px;
}

.phonebook .input-group .input {
  float: left;
  margin-right: 10px;
}

.phonebook input[type="text"] {
  text-align: left;
}

.phonebook .inputs input[type="text"], .phonebook .inputs select {
  width: 100%;
}

/* BUTTONS */

.buttons {
  overflow: hidden;
}

.buttons-2 {
  overflow: hidden;
}

.buttons-2 .button {
  width: 45%;
  padding: 0 1.5%;
}

.buttons-2 .button.b1 {
  float: left;
}

.buttons-2 .button.b2 {
  float: right;
}

/* --- MODULES --- */

/* location picker */

.location-picker {
  background: #272e41 url(../img/gradient-dark-bg.png?c=lossless_png) repeat-x top;
  padding: 20px;
}

.location-picker.init .animate-on-init {
  display: none;
  opacity: 0;
  filter: alpha(opacity=0);

  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.location-picker .animate-on-init {
  display: block;
  opacity: 1;
  filter: alpha(opacity=100);
}

.location-picker .laakkonen-form {
  text-align: center;
}

.location-picker .laakkonen-form .inline-block {
  margin: 0 7px;
  text-align: left
}

.location-picker .laakkonen-form label {
  display: block;
  font-size: 0.8125em; /* 13/16 px */
  font-weight: 200;
  color: #bfc5d2;
  margin: 0 0 4px 0;
}

.location-picker .loader-container {
  /*text-align: center;
  height: 32px;
  margin: 12px 0 18px 0;  */
  position: relative;
}

.location-picker .loader-container .loader.normal {
  background: url(../img/ajax-loader-location-picker.gif);
  display: inline-block;

  width: 32px;
  height: 32px;

  position: absolute;
  right: -42px;
  bottom: 10px;
}

.location-picker h2 {
  /*font-size: 2.25em; /* 36/16 px */
  font-size: 0.875em; /* 14/16 px */
  text-transform: uppercase;
  color: #fff;
  margin: 0 0 1.5em 0;
}

.location-picker h3 {
  /*font-size: 1.75em; /* 28/16 px */
  font-size: 1.125em; /* 18/16 px */
  color: #fff;
  margin: 0 0 1.2em 0;
  text-transform: uppercase;
}

.location-picker h3 span {
  margin-right: 6px;
}

.location-picker h3 a {
  color: #fff;
  font-size: 0.83333333333em;
  text-decoration: underline;
  text-transform: none;
  font-weight: 400;
}

.location-picker h4 {
  font-size: 0.9375em; /* 15/16 px */
  color: #fff;
  margin: 0;  
}

.location-picker p {
  /*font-size: 0.9375em; /* 15/16 px */
  font-size: 1em;
  color: #fff;
  margin: 0 0 1.5em 0;
}

.location-picker p.header {
  font-size: 0.8125em; /* 13/16 px */
  color: #bfc5d2;
  margin: 0 0 2px 0;
  line-height: 1em;
}

.location-picker a.drive-link {
  display: block;
  font-size: 0.8125em; /* 13/16 px */
  color: #fff;
  text-decoration: underline;
}

.location-picker .laakkonen-form {
  /*border-bottom: 1px solid #a5a7ac;*/
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #343d51;
}

.location-picker .laakkonen-form p {
  text-transform: uppercase;
}

.location-picker .laakkonen-form select {
  margin: 0 0 10px 0;
}

.location-picker .laakkonen-form select option {
  background: #fff;
}

.location-picker.multiple .column.result-col,
.location-picker.multiple .column.map-col {
  width: 100%;
  margin: 0;
  padding: 0 0 20px 0;
}

.index .location-picker.multiple .column.map-col {
  display: none;
}

.location-picker .results .item {
  margin: 0 0 30px 0;
  border-bottom: 1px solid #343d51;
}

.location-picker table.phone {
  margin: 0 0 20px 0;
}

.location-picker p.phone,
.location-picker table.phone td {
  /*font-size: 1.75em; /* 28/16 px */
  width: 50%;
  font-size: 1em; /* 20/16 px */
  margin: 0 0 0.6em 0;
  padding-left: 0;
  /*font-weight: 700;*/
}

.location-picker table.phone td.first {
  width: 70%;
  font-weight: 200;
}

.location-picker table.phone td.second {
  width: 30%;
  padding: 0 0 0 15px;
}

.location-picker .item.multiple-numbers p.phone,
.location-picker .item.multiple-numbers table.phone td {
  font-size: 1em;
}

.location-picker.multiple .results .item {
  /*padding: 0 0 20px 0;*/
  /*border-bottom: 1px solid #a5a7ac;*/
}

.location-picker .results .item a.button {
  margin: 0 0 10px 0;
}

.location-picker .map-container {
  width: 100%;
  height: 300px;
  margin: 0 0 20px 0;
}

.generic-contact select option, .generic-contact select { 
  color: #000;
  cursor: pointer;
}
.generic-contact select option[disabled] { 
  color: #EFEFEF; 
  display: none; 
  cursor: text;
}


/* tooltip selector */

.tooltip-selector {
  position: relative;
}

.tooltip-selector .selector {
  float: left;
  position: relative;
}

.tooltip-selector .selector span.anchor {
  background: url(../img/tooltip-selector-anchor-arrow.png?c=lossless_png) no-repeat center right;
  font-weight: 600;
}

.tooltip-selector .selector span.anchor span.text {
  margin: 0 15px 0 0;
}

.tooltip-selector .selector select {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer;
  -webkit-appearance: menulist-button; /* chrome select size fix */
}

.tooltip-selector .tooltip {
  padding: 15px;
  margin-top: 20px;   
  position: absolute;
  left: 0;
  top: 100%;  
}

/* addthis */

.addthis_toolbox {
  display: none;
  background: #fff; 
  padding: 10px;
  position: absolute;
  right: 160px;
  top: 30px;
}

.addthis_toolbox .arrow.top {
  background: url(../img/tooltip-arrow-white-top.png?c=lossless_png) no-repeat;
  width: 18px;
  height: 9px;
  position: absolute;
  top: -9px;
  right: 10px;
}

/* google maps */

.map_canvas {
  width: 100%;
  height: 100%;
}

/* sub navigation */

.sub-nav {
    border-left: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
}

.sub-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
    background: #ffffff;
}

.sub-nav>ul>li {
  display: none;
}

.sub-nav>ul>li.selected {
  display: block;
}

.sub-nav ul li a {
  display: block; 
  font-size: 0.875em; /* 14/16 px */
  color: #3f558f;
  padding: 15px 0 15px 20px;
}

.sub-nav ul li a:hover {
  text-decoration: none;
}

.sub-nav ul li.current>a {
  background: #999;
  color: #fff;
}

.sub-nav .navigation.level-1 a {
  text-indent: 15px;
}

.sub-nav .navigation.level-2 a {
  font-size: 0.75em; /* 12/14 px */
  text-indent: 25px;
}

.sub-nav .navigation.level-1 li ul {
  display: none;
}

.sub-nav .navigation.level-1 li.selected ul {
  display: block;
}

/* profile modules */

.profile-box {
  background: url(../img/m-profile-logo.png?c=lossless_png) no-repeat;
  width: 30px;
  height: 33px;
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 40;
}

.profile-box.search-box {
  display: none;
}

.profile-box .log a.login, .profile-box .log a.user {
  display: block;
  width: 30px;
  height: 33px;
}

/* campaign-container */

.campaign-container {
  position: relative;
}

.campaign-container .loader {
  background: #000 url(../img/img-loader1.gif) no-repeat center center;
  width: 5em;
  height: 5em;
  margin: -2.5em 0 0 -2.5em;
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 0.6;
  filter: alpha(opacity=60);
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px; 
  z-index: 3;
}

#content.car .campaign-container {
  min-height: 220px;
}

#content.index .campaign-container-large {
  min-height: 460px;
}

/* quick buyer */

.quick-buyer {
  position: relative;
}

.quick-buyer.hidden {
  display: none;
}

.quick-buyer .img-container {
  background: #001625;
}

.quick-buyer .info {
  background: #001625;
  color: #fff;
  padding: 10px 15px;
  position: relative;
}

.quick-buyer .info .text-container {
  text-align: center;
}

.quick-buyer .info .name {
  color: #fff;
  font-size: 0.8125em; /* 13/16 px */
  font-weight: 600;
  text-align: center;
}

.quick-buyer .info .details {
  font-size: 0.6875em; /* 11/16 px */
  color: #97a6c1;
}

.quick-buyer .info a:hover {
  text-decoration: none;
}

.quick-buyer .info .benefit-container .benefit .amount {
  font-size: 2.5em; /* 40/16 px */
}

.quick-buyer .info .benefit-container .benefit .euro, .quick-buyer .info .benefit-container .benefit .percent {
  font-size: 1.0625em; /* 17/16 px */
}

.quick-buyer .info .benefit-container .benefit .euro.hidden, .quick-buyer .info .benefit-container .benefit .percent.hidden {
  display: none;
}

.quick-buyer .info .benefit-container p {
  font-size: 0.75em; /* 12/16 px */
  text-transform: uppercase;
}

.quick-buyer .info .benefit-container .counter {
  display: inline;
  background: url(../img/quickbuyer-clock-small.png?c=lossless_png) no-repeat left center;
  font-size: 0.75em; /* 12/16 px */
  color: #97a6c1;
  padding: 0 0 0 15px;
}

.quick-buyer .info .buttons {
  margin: 10px 0 10px 0;
  overflow: hidden;
}

.quick-buyer .info .buttons .button-dark {
  width: 47%;
  float: left;
}

.quick-buyer .info .buttons .button-red {
  width: 47%;
  float: right;
}

.quick-buyer .disclaimer {
  background: #001625;
  color: #fff;
  padding: 10px 15px; 
}

.quick-buyer .disclaimer p {
  font-size: 0.75em;
  text-transform: uppercase;
}

#splash .quick-buyer .disclaimer {
  display: none;
}

.quick-buyer .price-container {
  background: url(../img/quick-buyer-price.png?c=lossless_png) no-repeat;
  width: 142px;
  height: 52px;
  position: absolute;
  right: -30px;
  bottom: 52%;
  z-index: 4;
  -moz-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
}

.quick-buyer .price-container .price {
  font-size: 1.1875em; /* 19/16 px */
  font-weight: 600;
  color: #414141;
  margin: 0 0 0 16px;
  line-height: 38px;
}

.quick-buyer .quick-buyer-logo {
  display: block;
  max-width: 162px;
  max-height: 125px;
  position: absolute;
  right: -30px;
  bottom: 34%;
  z-index: 3;
}

#splash .quick-buyer .price-container {
  bottom: 270px;
}

#splash .quick-buyer .quick-buyer-logo {
  bottom: 195px;
}

.quick-buyer .car-text {
  display: none;
}

#content.car .quick-buyer .quick-buyer-logo {
  top: -23px;
}

/* campaign */

.campaign {
  position: relative;
}

.campaign.hidden {
  display: none;
}

.campaign .camp {
  display: none;
  position: relative;
  left: 0;
  top: 0;

  /*min-height: 230px;*/
}

.campaign .camp > * {
  display: block;
  margin-bottom: 0;
}

#search-list .campaign .camp {
  /*min-height: 160px;*/
}
#search-list .campaign .camp > * {
  margin-bottom: 0;
}

.campaign .camp.first {
  display: block;
}

.campaign img {
  display: block;
  width: 100%;
  padding: 0 0 0 0;
}

#content.car .quick-buyer .car-text { display: inline; }

#content.car .quick-buyer .img-container,
#content.car .quick-buyer .price-container,
#content.car .quick-buyer .name, 
#content.car .quick-buyer .details { 
  display: none; 
}

#content.car .quick-buyer .text-container, #content.car .quick-buyer .buttons { width: auto; }
#content.car .quick-buyer .benefit-container { text-align: left; }
#content.car .quick-buyer .buttons { position: static; }
#content.car .quick-buyer .benefit-container p { 
  font-size: 1.125em; /* 18/16 px */
  margin: 0 0 15px 0;
  text-transform: none;
}

#content.car .quick-buyer .benefit-container .car-text {
  font-size: 0.75em;
  color: #fff;
  line-height: 23px;
}

#content.car .quick-buyer .benefit-container .counter { 
  background: url(../img/quickbuyer-clock-big.png?c=lossless_png) no-repeat left center;
  font-size: 1.0625em; /* 17/16px */
  padding: 0 0 0 20px;
  float: right;
}

#content.car .quick-buyer .buttons .button {  
  width: 48%;
  padding: 10px 0;
  overflow: hidden;
}

#content.car .quick-buyer .buttons .button-dark { float: right; }
#content.car .quick-buyer .buttons .button-red { float: left; }
#content.car .quick-buyer .buttons .quick-buyer-logo { bottom: 65px; }

/* user profile */

.user .button {
  height: 26px;
  line-height: 26px;
}

.user .button.b2 {
  height: 28px;
  text-transform: uppercase;
}

.user p {
  font-size: 0.75em; /* 12/16 px */
  color: #565656;
  margin: 10px 0;
}

.user p.mail {
  font-size: 0.6875em; /* 11/16 px */
  color: #767676;
  margin: 0;
  overflow: hidden;
}

.user .img-container {
  background: #e0e0e0;
  width: 14%;
  margin: 0 3% 0 0;
  padding: 1%;
  float: left;
  border: 1px solid #d1d1d1;
}

.user .info {
  width: 80%;
  float: right;
}

.user .complement-profile {
  margin: 0 0 15px 0;
}

.user .complement-profile a {
  display: block;
  font-size: 0.75em; /* 12/16 px */
  font-weight: 700;
  padding: 0 0 4px 0;
}

.profile-tooltip .user .complement-profile a {
  display: none;
}

.user .complement-profile a .icon-plus {
  font-size: 1.333333333333em; /* 16/12 px */
}

.user .complement-profile a .amount {
  color: #636363;
}

/* search watch */

.search-watch p {
  font-size: 0.75em; /* 12/16 px */
}

.search-watch .search-results,
.search-watch .top {
  padding: 15px 3.125%;
  border-bottom: 1px solid #d1d1d1;
}

.search-watch {
  background: #f3f5f8;
}

.search-watch .heading {
  overflow: hidden;
}

.search-watch .heading h3 {
  font-size: 0.875em; /* 14/16 px */
  margin: 0;
  line-height: 22px;
  float: left;
}

.search-watch .heading a.button {
  height: 22px;
  line-height: 22px;
  padding: 0 10px;
  float: right;
}

.search-watch .heading a.del {
  font-size: 0.6875em; /* 11/16 px */
  font-weight: 700;
  background: url(../img/close-grey.png?c=lossless_png) no-repeat left center;
  color: #7a8493;
  padding: 0 0 0 20px;
  line-height: 22px;
  text-transform: uppercase;
  float: right;
}

.search-watch .search-results {
  overflow: hidden;
}

.search-watch .search-results a.item, .search-watch .search-results a.more {
  width: 47.5%;
  margin: 0 0 15px 0;
  float: left;
  text-align: center;
}

.search-watch .search-results a.item:hover {
  text-decoration: none;
}

.search-watch .search-results a.item.odd, .search-watch .search-results a.more.odd {
  width: 47.5%;
  float: right;
}

.search-watch .search-results .item .img-container img {
  background: #fff;
  width: 100%;
  padding: 1px;
  border: 1px solid #cbd6df;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}

.search-watch .search-results .item .info {
  margin: 8px 0 0 0;
}

.search-watch .search-results .item .info p {
  font-size: 0.6875em; /* 11/16 px */
  font-weight: 600;
  color: #44484a;
}

.search-watch .search-results .item .info p.price {
  font-size: 1em; /* 16px */
  font-weight: 700;
  margin: 4px 0 2px 0;
}

.search-watch .search-results a.more {
  display: block;
  border: 3px dashed #c5daeb;
  text-align: center;
  position: relative;
}

.search-watch .search-results a.more .img-container {
  width: 94%;
  visibility: hidden;
}

.search-watch .search-results a.more p {
  font-weight: 600;
  font-size: 0.875em; /* 14/16 px */
  font-style: italic;
  width: 80%;
  height: 42px;
  margin-left: -40%;  
  margin-top: -21px;  
  position: absolute;
  top: 50%;
  left: 50%;  
}

/* news */

.news {
  margin: 0 0 20px 0;
}

.news h2 {
  font-size: 1.125em; /* 18/16 px */
  font-weight: 600;
  color: #46799b;
  margin: 0 0 10px 0;
}

.news.archive h2 {
  color: #434343;
  margin: 10px 0 !important;
}

.news ul.recent {
  width: 90%;
  list-style: none;
  margin: 0 0 15px 0;
  padding: 0;
}

.news ul li.item {
  padding: 10px 0;
  border-bottom: 1px solid #eaeaea;
  margin: 0;
  width: auto;
}

.news h3 {
  font-size: 0.8125em; /* 13/16 px */
  font-weight: 400;
  color: #434343;
  margin: 0 !important;
}

.news h3 .raquo {
  color: #ff0000;
  padding: 0 0 0 5px;
}

.news a {
  color: #434343;
}

.facebook-box-holder {
  width: 95%;
}

/* recommended cars */

.recommended-cars h2,
.column-3 .campaign h2 {
  font-size: 1.125em; /* 18/16 px */
  font-weight: 600;
  color: #46799b;
  margin: 0 0 10px 0;
}

.column-3 .campaign h2 {
  margin: 10px 0;
}

.column-3 .campaign h2:first-child {
  margin: 0 0 10px 0; 
}

.column-3 .campaign p {
  margin: 1em 0;
}

.recommended-cars {
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #dddddd;
}

.recommended-cars .page {
  display: none;
  overflow: auto;
}

.recommended-cars .page.selected {
  display: block;
}

.recommended-cars .item {
  display: block;
  margin: 15px 0;
}

.recommended-cars .item a {
  display: block;
}

.recommended-cars .item a:hover {
  text-decoration: none;
}

.recommended-cars .item .img-container {
  width: 40%; /* 124/310 px */
  float: left;
  position: relative;
}

.recommended-cars .item .img-container img {
  background: #fff;
  width: 100%;
  padding: 1px;
  border: 1px solid #c5d2dc;
}

.recommended-cars .item .img-container .new {
  left: -5px;
  bottom: 15px;
}

.recommended-cars .item .info {
  width: 55%;
  float: right;
}

.recommended-cars .item .info p {
  color: #434343;
  margin: 2px 0;  
}

.recommended-cars .item .info p.price {
  font-size: 0.875em; /* 14/16 px */
  font-weight: 600;
  color: #177aad;
}

.recommended-cars .paging {
  margin: 35px auto 0 auto;
  overflow: hidden; 
}

.recommended-cars .paging.hidden {
  display: none;
}

.recommended-cars .paging a {
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 3px;
  float: left;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border: 1px solid #cdcdcd;
  background: #b6b7b7;
  background: webkit-gradient(linear, left top, left bottom, from(#b6b7b7), to(#f1f1f1));
  background: -webkit-linear-gradient(top, #b6b7b7 0%, #f1f1f1 100%);
  background: -moz-linear-gradient(top, #b6b7b7 0%, #f1f1f1 100%);
  background: -ms-linear-gradient(top, #b6b7b7 0%, #f1f1f1 100%);
  background: -o-gradient(#b6b7b7 , #f1f1f1);
}

.recommended-cars .paging a.active {
  border: 1px solid #ae272b;
  background: #f1252c;
  background: webkit-gradient(linear, left top, left bottom, from(#f1252c), to(#bd060c));
  background: -webkit-linear-gradient(top, #f1252c 0%, #bd060c 100%);
  background: -moz-linear-gradient(top, #f1252c 0%, #bd060c 100%);
  background: -ms-linear-gradient(top, #f1252c 0%, #bd060c 100%);
  background: -o-gradient(#f1252c , #bd060c); 
}

/* car carousel */

.car-carousel.loading {
  overflow: hidden;
}

.car-carousel .img-nav-container {
  position: relative;
}

.car-carousel .img-container {
  background: #001828;
  display: none;
  position: relative;
  min-height: 250px;  
}

.car-carousel .img-container .disclaimer-bg {
  width: 250px;
  height: 16px;
  background: #000;  
  padding: 5px 8px;
  position: absolute;  
  right: 10px;
  bottom: 10px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  opacity: 0.5;
  filter:alpha(transparency=50);
  text-align: center;
}

.car-carousel .img-container .disclaimer {
  width: 250px;
  color: #fff;
  padding: 0 8px;
  position: absolute;
  right: 10px;
  bottom: 14px;
}

.car-carousel .navigation-container {
  position: relative;
}

.car-carousel .img-slider {
  background: #001828;
  width: 100%;
  overflow: hidden; 
}

.car-carousel a.previous {
  background: url(../img/car-carousel-nav-previous.png?c=lossless_png) no-repeat left center;
  width: 23px;
  height: 53px;
  margin: -27px 0 0 0;
  position: absolute;
  left: 0;
  top: 50%;
}

.car-carousel a.next {
  background: url(../img/car-carousel-nav-next.png?c=lossless_png) no-repeat right center;
  width: 23px;
  height: 53px;
  margin: -27px 0 0 0;
  position: absolute;
  right: 0;
  top: 50%;
}

.car-carousel a.img-link.next, 
.car-carousel a.img-link.previous {
  width: 100px;
  height: 250px;
  margin: -125px 0 0 0;
  opacity: 0.50;
  filter: alpha(opacity=50);
}

.car-carousel a.img-link.next:hover,
.car-carousel a.img-link.previous:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.car-carousel a.img-link.inactive {
  display: none !important;
}

.car-carousel a.nav-link.inactive {
  cursor: default;
  opacity: 0.50;
  filter: alpha(opacity=50);
}

.car-carousel .img-slider .slide {
  background: #001828;
  float: left;
}

.car-carousel .img-slider .slide a {
  cursor: default;
}

.car-carousel img {
  display: block;
  width: 100%;
}

/* car key campaign 'find key' 
.btn-key-campaign {
    width: 77px;
    height: 94px;
    background: url('../img/icn-keys.png?c=lossless_png') no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 2;
    cursor: pointer;
}
*/
/* store container (single map) */

.store-container p {
  font-size: 0.875em; /* 14/16 px */
  font-weight: 600;
  color: #434343;
  margin: 0;
  padding: 10px 0 10px 0;
  border-bottom: 1px solid #eaeaea;
}

.store-container a.item {
  display: block;
  padding: 10px 0;
  border-bottom: 1px solid #eaeaea;
}

.store-container .item .info {
  display: block;
  width: 70%;
  float: left;
}

.store-container .item .select {
  display: block;
  font-size: 0.875em; /* 14/16 px */
  font-weight: 700;
  height: auto;
  padding: 10px 5px;
  float: right;
  text-transform: uppercase;
  text-align: center;
}

.store-container .item .select.ipad {
  display: none;
}

.store-container .item p {
  font-size: 0.75em; /* 12/16 px */
  font-weight: 400;
  color: #737373;
  margin: 0 0 3px 0;
  padding: 0;
  border-bottom: none;
}

.store-container .item p strong {
  color: #434343;
  font-size: 1.167em; /* 14/12 px */
  text-transform: uppercase;
}

.store-container .item p .title {
  display: block;
  font-weight: 700;
}

.store-container .map-container {
  width: 100%;
  height: 120px;
}

.store-container.single .map-container {
  width: 36%;
  height: 130px;
  float: left;
}

.store-container.single a {
  display: block;
  color: #434343;
}

.store-container.single a:hover {
  text-decoration: none;
}

.store-container.single a.info {
  width: 61%;
  float: right;
}

.store-container.single .info h3 {
  margin: 0;
  text-transform: uppercase;
}

.store-container.single .info .red {
  display: block;
  font-size: 0.8125em; /* 13/16 px */
  color: #ff0000;
  margin: 9px 0;
}

.store-container.single .info span.address {
  display: block;
  font-size: 0.8125em; /* 13/16 px */
}

.store-container.single p.brands {
  font-weight: 0.8125em; /* 13/16 px */
  color: #737373;
  margin: 0 0 10px 0;
}

.store-container.single .numbers .row {
  overflow: hidden;
}

.store-container.single .numbers .row span {
  font-size: 0.8125em; /* 13/16 px */
}

.store-container.single .numbers .row.last {
  margin: 10px 0 0 0;
}

.store-container.single .numbers .left {
  font-weight: 700;
  width: 34%;
  margin: 0 5% 0 0;
  float: left;
}

.store-container.single .numbers .right {
  width: 61%;
  float: right;
}

/* fund calculator */

.fund-calc-container {
  background: #22293d url(../img/search-filters-bg.png?c=lossless_png) repeat-x top;
  color: #fff;
}

.fund-calc-container .calc {
  display: none;
}

.fund-calc-container .calc.selected {
  display: block;
}

.fund-calc-container .inputs {  
  background: #22293d url(../img/search-filters-bg-dark.png?c=lossless_png) repeat-x top;
  padding: 10px 5px;
  border-bottom: 1px solid #070f25;
  text-shadow: 0 1px #000;
  -webkit-text-shadow: 0 1px #000;
  -moz-text-shadow: 0 1px #000;
  -o-text-shadow: 0 1px #000;
  -ie-text-shadow: 0 1px #000;
}

.fund-calc-container .inputs .container {
  color: #aeb5ca;
  font-size: 0.875em; /* 14/16 px */
}

.fund-calc-container .fund-calc {
  padding: 0 0 10px 0;
}

.fund-calc-container .container p { 
  font-weight: 600;
  font-size: 1em;
  color: #fff;
  margin: 0 0 5px 0;
}

.fund-calc-container .container {
  font-size: 0.75em; /* 12/16 px */
  padding: 5px 10px;
}

.fund-calc-container .container .slider {
  min-height: 1px; /* temp */
}

.fund-calc-container .container .left {
  display: block;
  width: 56%;
  float: left;
  text-align: right;
  padding: 0 4% 0 0;
}

.fund-calc-container .container input[type=number], .fund-calc-container .container input[type=text] {
  width: 27%;
  height: 18px;
  padding: 0 0 0 5px;
  text-align: left; 
}

.fund-calc-container .container select {
  width: 35%;
}

.fund-calc-container .container p.price {
  font-size: 1.66666666666667em; /* 20/12 px */
  font-weight: 700;
  text-align: right;  
}

.fund-calc-container .container p.price .amount {
  font-size: 1.6em; /* 32/20 px */
}

.fund-calc-container .info {
  margin: 30px 0 10px 0;
}

.fund-calc-container .info p {
  font-weight: 400;
  text-align: center;
}

.fund-calc-container .row {
  overflow: hidden;
}

.fund-calc-container .row .right {
  float: right; 
}

.fund-calc-container .info p {
  font-size: 0.91666666666667em; /* 11/12 px */
  color: #aeb5ca;
}

.fund-calc-container .info .disclaimer {
  margin: 15px 0 0 0;
}

.fund-calc-container .company-calc .container input[type=text], .fund-calc-container .company-calc .container input[type=number] {
  width: 50%;
  margin: 0 0 0 5px;
}

.car .fund-calc-container .fund-calc .container {
  padding: 10px 6% 10px 12%;
}

.car .fund-calc-container .controls .container .left {
  width: 100%;
  float: none;
  text-align: left;
}

.car .fund-calc-container .controls .container select, .car .fund-calc-container .controls .container input {
  width: 87%;
}

.car .fund-calc-container .controls .container input#funding-fund {
  width: 20%;
}

.car .fund-calc-container .info .disclaimer p {
  text-align: left;
}

.car .fund-calc-container .company-calc .row p.left {
  width: auto;
  line-height: 44px;
}

.car .fund-calc-container .company-calc .container input[type=text], .car .fund-calc-container .company-calc .container input[type=number] {
  width: 87%;
}

/* contact accordion */

.contact-accordion {
  border-bottom: 1px solid #c5d2dc;
}

.contact-accordion .contact-group {
  background: #fff;
  margin: 0 0 0 0;
  position: relative;
  border-top: 1px solid #c5d2dc;
  cursor: pointer;
}

.contact-accordion .contact-group .heading {
  display: block;
  padding: 10px 3.125%;
  overflow: hidden;
  position: relative;
}

.contact-accordion .contact-group .heading:hover {
  text-decoration: none;
}

.contact-accordion .contact-group .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.contact-accordion .contact-group .heading h3 {
  font-size: 1em; /* 16px */
  color: #656674;
  margin: 0;
  padding: 0 0 0 25px;
  float: left;
  position: relative; 
}

.contact-accordion .contact-group .heading h3 .control {
  background: url(../img/open-close-15px.png?c=lossless_png) no-repeat 0 0;
  width: 15px;
  height: 15px;
  position: absolute;
  left: 0;
  top: 50%;
  margin: -7px 0 0 0;
}

.contact-accordion .contact-group:hover .heading h3 .control { background: url(../img/open-close-15px.png?c=lossless_png) no-repeat -15px 0; }
.contact-accordion .contact-group.active:hover .heading h3 .control { background: url(../img/open-close-15px.png?c=lossless_png) no-repeat -15px -15px; }
.contact-accordion .contact-group.active .heading h3 .control { background: url(../img/open-close-15px.png?c=lossless_png) no-repeat -0 -15px; }

.contact-accordion .contact-group .heading span {
  font-size: 0.75em; /* 12/16 px */
  font-weight: 700;
  color: #99a1ab;
  float: right;
}

.contact-accordion .contact-group:hover .heading span, .contact-accordion .contact-group:hover .heading h3, .contact-accordion .contact-group.active .heading h3 {
  color: #323d52;
}

.contact-accordion .contact-group .heading span.active { display: none; }
.contact-accordion .contact-group.active .heading span.active { display: inline; }
.contact-accordion .contact-group.active .heading span.inactive { display: none; }

.contact-accordion .contact-group .contacts {
  display: none;  
  padding: 10px;
  position: relative;
}

.contact-accordion .contact-group .contact {
  margin: 0 0 40px 0;
  overflow: hidden;
}

.contact-accordion .contact-group .contact .img-container {
  width: 15%;
  float: left;
}

.contact-accordion .contact-group .contact table.info {
  width: 80%;
  float: right;
}

.contact-accordion .contact-group .contact table.info th {
  font-size: 0.875em; /* 14/16 px */
  text-align: left;
  line-height: 15px;
}

.contact-accordion .contact-group .contact table.info td {
  /*width: 50%;*/
  font-size: 0.8125em; /* 13/16 px */
  line-height: 14px;
}

/* toggle area */

.toggle-area {
  position: relative;
}

.edit-group .group {
  display: none;
}

.edit-group .group.active {
  display: block;
}

/* --- */

/* Hide number input spinbox */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

/* GENERIC MOBILE RULES */

.wrapper {
  /*width: 93.75%; /* 300px */
  width: 100%;
  margin: 0 auto;
}

.mob-wrapper,
.wrapper.mob-wrapper {
  width: 93.75%;
  margin: 0 auto;
}

.desktop, a.desktop, p.desktop, td.desktop, tr.desktop td, div.desktop, span.desktop {
  display: none;
}

.ipad-only {
  display: none;
}

#talkNowActive {
  display: none !important;
}

#content #talkNowActive {
  display: block !important;
}

.store-container .stores-list {
  padding: 0 3.125%;
}

ul {
  list-style-position: inside;
}

/* new */

.save-car-watch.active .container,
.save-car-watch.active .lb-container {
  width: 93.5%;
  margin: 15px auto;
}

.save-car-watch.active .container input,
.save-car-watch.active .lb-container input {
  width: 100%;
}

.lightbox.save-car-watch .button.save {
  width: 100%;
}

a img {
  border: none;
}

.wbox.pad-group {
  padding: 20px 3.125%;
}

.e404 .columns {
  margin: 20px 0 0 0;
}

.e404 .columns h3 {
  font-size: 1em;
  margin: 10px 0 10px 0;
}

.e404 .columns ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

.e404 .columns ul li a {
  font-size: 0.8125em; /* 13/16 px */
}

.e404 .columns ul.brands li,
.e404 .columns ul.cities li {
  width: 47%;
  margin: 0 3% 0 0;
  float: left;
}

/* ZOOM HACK */

@media only screen and (max-width: 728px) { 
  input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, textarea:focus, select:focus, input[type=email]:focus, input[type=tel]:focus {
    font-size: 16px !important;
  }
} 

/* SURVEY */

.lightbox.generic.survey-lightbox {
}

/* animate.css */

.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;}@-webkit-keyframes flash {
  0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;}
}

@-moz-keyframes flash {
  0%, 50%, 100% {opacity: 1;} 
  25%, 75% {opacity: 0;}
}

@-o-keyframes flash {
  0%, 50%, 100% {opacity: 1;} 
  25%, 75% {opacity: 0;}
}

@keyframes flash {
  0%, 50%, 100% {opacity: 1;} 
  25%, 75% {opacity: 0;}
}

.flash {
  -webkit-animation-name: flash;
  -moz-animation-name: flash;
  -o-animation-name: flash;
  animation-name: flash;
}
@-webkit-keyframes shake {
  0%, 100% {-webkit-transform: translateX(0);}
  10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
  20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}

@-moz-keyframes shake {
  0%, 100% {-moz-transform: translateX(0);}
  10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
  20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}

@-o-keyframes shake {
  0%, 100% {-o-transform: translateX(0);}
  10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
  20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}

@keyframes shake {
  0%, 100% {transform: translateX(0);}
  10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
  20%, 40%, 60%, 80% {transform: translateX(10px);}
}

.shake {
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
  40% {-webkit-transform: translateY(-30px);}
  60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
  40% {-moz-transform: translateY(-30px);}
  60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
  40% {-o-transform: translateY(-30px);}
  60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
  40% {transform: translateY(-30px);}
  60% {transform: translateY(-15px);}
}

.bounce {
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce;
}
@-webkit-keyframes tada {
  0% {-webkit-transform: scale(1);} 
  10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
  30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
  40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
  100% {-webkit-transform: scale(1) rotate(0);}
}

@-moz-keyframes tada {
  0% {-moz-transform: scale(1);}  
  10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
  30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
  40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
  100% {-moz-transform: scale(1) rotate(0);}
}

@-o-keyframes tada {
  0% {-o-transform: scale(1);}  
  10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
  30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
  40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
  100% {-o-transform: scale(1) rotate(0);}
}

@keyframes tada {
  0% {transform: scale(1);} 
  10%, 20% {transform: scale(0.9) rotate(-3deg);}
  30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
  40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
  100% {transform: scale(1) rotate(0);}
}

.tada {
  -webkit-animation-name: tada;
  -moz-animation-name: tada;
  -o-animation-name: tada;
  animation-name: tada;
}
@-webkit-keyframes swing {
  20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
  20% { -webkit-transform: rotate(15deg); } 
  40% { -webkit-transform: rotate(-10deg); }
  60% { -webkit-transform: rotate(5deg); }  
  80% { -webkit-transform: rotate(-5deg); } 
  100% { -webkit-transform: rotate(0deg); }
}

@-moz-keyframes swing {
  20% { -moz-transform: rotate(15deg); }  
  40% { -moz-transform: rotate(-10deg); }
  60% { -moz-transform: rotate(5deg); } 
  80% { -moz-transform: rotate(-5deg); }  
  100% { -moz-transform: rotate(0deg); }
}

@-o-keyframes swing {
  20% { -o-transform: rotate(15deg); }  
  40% { -o-transform: rotate(-10deg); }
  60% { -o-transform: rotate(5deg); } 
  80% { -o-transform: rotate(-5deg); }  
  100% { -o-transform: rotate(0deg); }
}

@keyframes swing {
  20% { transform: rotate(15deg); } 
  40% { transform: rotate(-10deg); }
  60% { transform: rotate(5deg); }  
  80% { transform: rotate(-5deg); } 
  100% { transform: rotate(0deg); }
}

.swing {
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  -moz-animation-name: swing;
  -o-animation-name: swing;
  animation-name: swing;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% { -webkit-transform: translateX(0%); }
  15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
  30% { -webkit-transform: translateX(20%) rotate(3deg); }
  45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
  60% { -webkit-transform: translateX(10%) rotate(2deg); }
  75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
  100% { -webkit-transform: translateX(0%); }
}

@-moz-keyframes wobble {
  0% { -moz-transform: translateX(0%); }
  15% { -moz-transform: translateX(-25%) rotate(-5deg); }
  30% { -moz-transform: translateX(20%) rotate(3deg); }
  45% { -moz-transform: translateX(-15%) rotate(-3deg); }
  60% { -moz-transform: translateX(10%) rotate(2deg); }
  75% { -moz-transform: translateX(-5%) rotate(-1deg); }
  100% { -moz-transform: translateX(0%); }
}

@-o-keyframes wobble {
  0% { -o-transform: translateX(0%); }
  15% { -o-transform: translateX(-25%) rotate(-5deg); }
  30% { -o-transform: translateX(20%) rotate(3deg); }
  45% { -o-transform: translateX(-15%) rotate(-3deg); }
  60% { -o-transform: translateX(10%) rotate(2deg); }
  75% { -o-transform: translateX(-5%) rotate(-1deg); }
  100% { -o-transform: translateX(0%); }
}

@keyframes wobble {
  0% { transform: translateX(0%); }
  15% { transform: translateX(-25%) rotate(-5deg); }
  30% { transform: translateX(20%) rotate(3deg); }
  45% { transform: translateX(-15%) rotate(-3deg); }
  60% { transform: translateX(10%) rotate(2deg); }
  75% { transform: translateX(-5%) rotate(-1deg); }
  100% { transform: translateX(0%); }
}

.wobble {
  -webkit-animation-name: wobble;
  -moz-animation-name: wobble;
  -o-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes wiggle {
    0% { -webkit-transform: skewX(9deg); }
    10% { -webkit-transform: skewX(-8deg); }
    20% { -webkit-transform: skewX(7deg); }
    30% { -webkit-transform: skewX(-6deg); }
    40% { -webkit-transform: skewX(5deg); }
    50% { -webkit-transform: skewX(-4deg); }
    60% { -webkit-transform: skewX(3deg); }
    70% { -webkit-transform: skewX(-2deg); }
    80% { -webkit-transform: skewX(1deg); }
    90% { -webkit-transform: skewX(0deg); }
  100% { -webkit-transform: skewX(0deg); }
}

@-moz-keyframes wiggle {
    0% { -moz-transform: skewX(9deg); }
    10% { -moz-transform: skewX(-8deg); }
    20% { -moz-transform: skewX(7deg); }
    30% { -moz-transform: skewX(-6deg); }
    40% { -moz-transform: skewX(5deg); }
    50% { -moz-transform: skewX(-4deg); }
    60% { -moz-transform: skewX(3deg); }
    70% { -moz-transform: skewX(-2deg); }
    80% { -moz-transform: skewX(1deg); }
    90% { -moz-transform: skewX(0deg); }
  100% { -moz-transform: skewX(0deg); }
}

@-o-keyframes wiggle {
    0% { -o-transform: skewX(9deg); }
    10% { -o-transform: skewX(-8deg); }
    20% { -o-transform: skewX(7deg); }
    30% { -o-transform: skewX(-6deg); }
    40% { -o-transform: skewX(5deg); }
    50% { -o-transform: skewX(-4deg); }
    60% { -o-transform: skewX(3deg); }
    70% { -o-transform: skewX(-2deg); }
    80% { -o-transform: skewX(1deg); }
    90% { -o-transform: skewX(0deg); }
  100% { -o-transform: skewX(0deg); }
}

@keyframes wiggle {
    0% { transform: skewX(9deg); }
    10% { transform: skewX(-8deg); }
    20% { transform: skewX(7deg); }
    30% { transform: skewX(-6deg); }
    40% { transform: skewX(5deg); }
    50% { transform: skewX(-4deg); }
    60% { transform: skewX(3deg); }
    70% { transform: skewX(-2deg); }
    80% { transform: skewX(1deg); }
    90% { transform: skewX(0deg); }
  100% { transform: skewX(0deg); }
}

.wiggle {
    -webkit-animation-name: wiggle;
    -moz-animation-name: wiggle;
    -o-animation-name: wiggle;
    animation-name: wiggle;

    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); } 
  50% { -webkit-transform: scale(1.1); }
    100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse {
    0% { -moz-transform: scale(1); }  
  50% { -moz-transform: scale(1.1); }
    100% { -moz-transform: scale(1); }
}
@-o-keyframes pulse {
    0% { -o-transform: scale(1); }  
  50% { -o-transform: scale(1.1); }
    100% { -o-transform: scale(1); }
}
@keyframes pulse {
    0% { transform: scale(1); } 
  50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.pulse {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -o-animation-name: pulse;
  animation-name: pulse;
}

/* clearfix */

.clearfix:before,
.clearfix:after {
  content: " ";
  display: block;
}

.clearfix:after {
    clear: both;
}

/* merkkipaivat 2014 */

#content.merkkipaivat .location-picker {
  padding: 20px;
  margin: 0 0 20px 0;

  /*background: #b00000;
  background: -webkit-gradient(linear, left top, left bottom, from(#b00000), to(#ad0000));
  background: -webkit-linear-gradient(top, #b00000 0%, #ad0000 100%);
  background: -moz-linear-gradient(top, #b00000 0%, #ad0000 100%);
  background: -ms-linear-gradient(top, #b00000 0%, #ad0000 100%);
  background: -o-gradient(#b00000 , #ad0000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b00000', endColorstr='#ad0000'); 
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b00000', endColorstr='#ad0000'); */
}

#content.merkkipaivat .talknow-container {  
  padding: 0 0 20px 0; 
}

#content.merkkipaivat .talknow-container .loader {
  width: 100%;
  min-height: 50px;
}

#content.merkkipaivat .talknow-container h2,
#content.merkkipaivat .talknow-container p {
  color: #434343;
}

#content.merkkipaivat .recommended-cars h2 {
  color: #434343;
}

.mp2014-header {
  padding: 40px 0;
  text-align: center;
}

.mp2014-header img.logo {
  width: 90%;
}

.mp-small-logo {
  float: left;
  width: 7em;
  margin-right: 1em; 
}

.mp2014-header h1 {
  font-family: "Vinkel Black", Verdana, sans-serif;
  color: #fff;
  font-size: 2.4em;
  margin: 0 0 0.3em;
}

.mp2014-header p {
  font-size: 1em;
  color: #fff;
}

.mp2014-navigation {
  margin: 0 0 20px 0;
}

.mp2014-car-offers {
  background: #fff;
  position: relative;
  min-height: 500px;
  overflow: hidden;
}

.mp2014-car-offers .wrapper {
  position: relative;
  z-index: 5;
}

.mp2014-car-offers .car-offers {
  margin: 0 auto;
  width: 75%;
  text-align: center;
}

.mp2014-car-offers h2 {
  text-align: center;
}

.mp2014-car-offers::after {
  background: rgba(0, 0, 0, 0) url("../mp/2017-03_MP_nuppi_vaihdossa_kay_lahes_kaikki.png") no-repeat scroll 0 0 / 100% auto;
  content: "";
  height: 718px;
  left: -60px;
  position: absolute;
  top: 20px;
  max-width: 400px;
  width: 25%;
}

.mp2014-car-offers::before {
  background: rgba(0, 0, 0, 0) url("../mp/2017-03_MP_nuppi_kasiraha.png") no-repeat scroll 0 0 / 100% auto;
  content: "";
  height: 710px;
  position: absolute;
  right: -50px;
  top: 20px;
  max-width: 400px;
  width: 25%;
}

.mp2014-navigation a.navlink {
  display: block;
  width: 48%;
  margin: 0 1% 10px 1%;
  position: relative;
  float: left;
}

.mp2014-navigation a.navlink img {
  display: block;
  width: 100%;
}

.mp2014-navigation a.navlink span.table-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 90%;
  height: 100%;
  margin: 0 5%;
}

.mp2014-navigation a.navlink span.table {
  display: table;
  width: 100%;
  height: 100%;
}

.mp2014-navigation a.navlink span.table-cell {
  display: table-cell;  
  vertical-align: middle;
  text-align: center;
  color: #fff;

  font-size: 1em;
  font-weight: 700;
  text-transform: uppercase;
}

.mp2014-navigation .button {
  display: table;
  font-size: 1.125em;
  width: 24%;
  margin: 0 0.5%;
  height: 110px;
  padding: 26px 0;
  float: left;
  font-weight: 700;
}

.mp2014-navigation .button>span {
  display: table-cell;
  vertical-align: middle;
}

.mp2014-location-picker {
  position: relative;
  clear: both;
}

.mp2014-location-picker p {
  font-size: 1em;
  color: #fff;
  margin: 0 10px 0 0;
  float: left;
  line-height: 30px;
}

.mp2014-location-picker h2, .mp2014-maintenance h2 {
  text-align: center;
  clear: both;
  margin: 0 !important;
}

.mp2014-location-picker h3 {
  font-size: 1.25em;
  text-align: center;
  clear: both;
  color: #fff;
  margin: 0 !important;
  padding: 0 0 16px 0;
  display: block;
}

.mp2014-video-block h2, .mp2014-social-block h2 {
  margin: 0 !important;
  text-align: center;
  text-transform: uppercase;
}

.mp2014-video-block, .mp2014-social-block h2 {
  text-align: center;
}
.mp2014-video-block iframe {
  margin: 0 auto;
}

.mp2014-location-picker select {
  width: auto;
  font-size: 1em;
  margin: 0 auto;
}

.mp-mascot {
  position: absolute;
  left: -10%;
  top: 30px;
  width: 42%;
}

.mp-mascot2 {
  position: absolute;
  top: -30px;
  right: 0px;
  width: 200px;
  z-index: 99;
}

.mp2014-title {
  text-align: center;
}
#content.merkkipaivat .mp2014-title h2 {
  text-align: center;
  font-size: 2em;
  padding-bottom: 0;
  margin-bottom: 0;
}
#content.merkkipaivat .mp2014-title h3 {
  color: #fff;
  font-size: 1.5em;
  margin-top: 0px;
}

.merkkipaivat #tarjoukset .info-box {
  position: relative;
  top: 0;
  z-index: 5;
  width: 100%;
  font-family: "Vinkel Bold";
}

@media(max-width: 1120px){
  .merkkipaivat #tarjoukset .info-box {
    position: relative;
  }
  .merkkipaivat #tarjoukset .img-container {
    margin-top: -110px;
  }
}

@media(max-width: 680px){
  .merkkipaivat #tarjoukset .img-container {
    margin-top: -60px;
  }
}

.merkkipaivat #tarjoukset .slide-content {
  padding-top: 20px;
}

.merkkipaivat #tarjoukset .info-box h2 {
  color: #000 !important;
  width: 85%;
  padding-bottom: 0px;

}
.merkkipaivat #tarjoukset .price {
  font-size: 3em;
  color: #cd1719;
  margin: 0;
  font-weight: 800;
  line-height: 1em;
  font-family: "Vinkel Bold";
  margin-right: 20px;
}
.merkkipaivat #tarjoukset .discount {
  font-size: 2.5em;
  color: #000;
  margin: 0;
  font-weight: 800;
  font-family: "Mathlete-Bulky";
}
.mp2014-social-block {
  min-height: 200px;
}
.mp2014-carousel {
  margin: 0 0 20px;
  padding-top: 25px;
}

.mp2014-carousel-container {
  position: relative;
}

/* mp2014 carousel mobile */

.mp2014-carousel .box {
  background: #fff;
  width: 100%;
  padding: 10px;
  position: static;
  left: auto;
  right: auto;
  bottom: auto;
  top: auto;
}

.mp2014-carousel .wrapper {
  position: relative;
  width: 100%;
}

/* end */

.mp2014-carousel .box.top {
  top: 0px;
  bottom: auto;
}

.mp2014-carousel .box.right {
  left: auto;
  right: 0;
}

.mp2014-carousel.brand-page .box {
  left: 10px;
  bottom: 10px;
}

.mp2014-carousel.brand-page .box.top {
  bottom: auto;
  top: 10px;
}

.mp2014-carousel.brand-page .box.right {
  left: auto;
  right: 10px;
}

.mp2014-carousel .slide-content .info-box {
  margin-bottom: 20px;
}
.mp2014-carousel .slide-content .info-box .info{
  margin-top: 27px;
}

.mp2014-carousel .box img.logo, .mp2014-carousel .slide-content img.logo{
  display: block;
  width: 15%;
}

.mp2014-carousel img.logo {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 12%;
}

#tarjoukset.mp2014-carousel img.logo {
  top: 0px;
  bottom: auto;
}

.mp2014-carousel .read-more {
  position: absolute;
  left: 20px;
  bottom: 20px;
  background: #152a42;
  display: block;
  padding: 10px 10px;
  font-family: "Vinkel Medium";
  text-transform: uppercase;
  color: #fff;
}

#content.merkkipaivat .mp2014-carousel .slide-content p {
  font-size: 0.875em;
}
#content.merkkipaivat .mp2014-carousel .slide-content .info-box .info p{
  margin-bottom: 0;
}

#content.merkkipaivat .mp2014-carousel .box h2, #content.merkkipaivat .mp2014-carousel .slide-content .info-box .info > h2 {
  font-size: 1.25em;
  color: #6e6e6e;
  font-weight: 400;
  margin: 0 0 3px 0;
}

#content.merkkipaivat .mp2014-carousel .box h2{
  margin: 0;
  padding: 10px 0 0 0;
}

#content.merkkipaivat .mp2014-carousel .slide-content .info-box .info > h2 {
  padding: 8px 0;
}

#content.merkkipaivat .mp2014-carousel .box p {
  font-size: 0.875em;
  color: #6e6e6e;
}

#content.merkkipaivat .mp2014-carousel .box p span {
  font-size: 0.5em;
  color: #434343;
}

#content.merkkipaivat .mp2014-carousel .box p.price, #content.merkkipaivat .mp2014-carousel .slide-content .info-box .price{
  font-size: 3em;
  color: #cd1719;
  margin: 0;
  font-weight: 800;
  float: right;
  text-align: right;
  line-height: 1em;
  font-family: "Vinkel Bold"
}

#content.merkkipaivat .mp2014-carousel .box p.discount {
  font-size: 2.5em;
  color: #000;
  margin: 0;
  font-weight: 800;
  float: right;
  text-align: right;
  clear: right;
  font-family: "Mathlete-Bulky";
}

#content.merkkipaivat .mp2014-carousel .box .read-more {
  display: block;
  font-size: 1.125em;
  color: #000;
  text-decoration: underline;
  float: left;
  margin: 13px 0 0 20px;
}

#content.merkkipaivat .mp2014-carousel .box h2 strong, #content.merkkipaivat .mp2014-carousel .slide-content .info-box .info > h2 strong {
  color: #000;
  font-weight: 700;
}



.mp2014-carousel .box .info, .mp2014-carousel .slide-content .info-box .info{
  width: 60%;
  float: left;
  font-family: "Vinkel Bold";
}

.mp2014-maintenance .info {
  background: url(../img/mp-offer-bg.png?c=lossless_png) repeat;
  position: absolute;
  width: 100%;
  padding: 10px;
  height: 140px;
  overflow: hidden;
  left: 0;
  bottom: 0;
}

.mp2014-maintenance .info p.header {
  font-size: 1.25em !important;
  color: #000;
  text-transform: uppercase;
  margin: 0 0 2px;
  font-weight: 600;
  font-family: "Vinkel Medium";
  line-height: 1em;
}

.mp2014-maintenance .info .description>* {
  font-size: 0.875em;
  color: #6e6e6e;
  margin: 0 0 8px 0;
}

.mp2014-maintenance .info .description ul {
    padding-left: 10px;
}

.mp2014-maintenance p.price {
  font-size: 3em;
  color: #ec1f27;
  margin: 0;
  font-weight: 800;
  font-family: "Vinkel Bold", Verdana, sans-serif;
}

#content.merkkipaivat h2 {
  font-family: "Vinkel Medium", Verdana, sans-serif;
  background: none;
  font-size: 1.6em;
  line-height: 1em;
  color: #fff;
  padding: 32px 0 16px 0;
  font-weight: 700;
}

#content.merkkipaivat .mp2014-header > h2 {
    padding-top: 10px;
}

#content.merkkipaivat .wbox h2 {
  color: #546581;
  font-weight: 700;
}

#content.merkkipaivat h2.small {
  font-size: 1.5em;
  text-transform: none;
  font-weight: 600;
}

#content.merkkipaivat #brand-list {
  background: none;
  border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  filter: none !important;
  -ms-filter: none !important;
}

#content.merkkipaivat #brand-list li {
  display: inline-block;
  height: auto;
  float: none;
}

#content.merkkipaivat #brand-list li a {
}

#content.merkkipaivat #brand-list li a img {
  height: auto;

  -webkit-transform: scale(0.85);
  -moz-transform: scale(0.85);
  -ms-transform: scale(0.85);
  -o-transform: scale(0.85);
  transform: scale(0.85);
  
  -moz-transition: all .2s;
  -webkit-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
#content.merkkipaivat #brand-list li a:hover img {
  max-width: 100%;
  transform: scale(1);
}

#content.merkkipaivat a.new-cars-link {
  /*color: #ec1f27;*/
  background: #cd1719 none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-family: "Vinkel Bold";
  font-size: 1.5em;
  padding: 5px 10px;
}

.mp2014-bottom {
  padding: 80px 0;
}

.mp2014-bottom img {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.mp2014-bottom h1 {
  font-family: "Vinkel Black", Verdana, sans-serif;
  font-size: 2.25em;
  color: #fff;
}

.mp2014-bottom p {
  color: #fff;
}

/* merkkipaivat */

ul.mp-nav {
  list-style: none;
  margin: 0;
  padding: 20px 0;
}

ul.mp-nav li {
  font-size: 0.8125em; /* 13/16 px */
  padding: 0 25px 0 0;
  float: left;
  -moz-text-shadow: 0 2px 2px rgba(0,0,0,0.7);
  -webkit-text-shadow: 0 2px 2px rgba(0,0,0,0.7);
  -ms-text-shadow: 0 2px 2px rgba(0,0,0,0.7);
  -o-text-shadow: 0 2px 2px rgba(0,0,0,0.7);
  text-shadow: 0 2px 2px rgba(0,0,0,0.7);
}

ul.mp-nav li a {
  color: #fff;  
}

ul.mp-nav li a:hover {
  text-decoration: underline;
}

ul.mp-nav li a strong {
  font-size: 1.076923em; /* 14/13 px */
  display: block;
}

#content.merkkipaivat .timer {
  width: 240px;
  margin: 5px auto;
  text-align: center;
}

#content.merkkipaivat .timer p {
  color: #fff;
  font-size: 0.875em; /* 14/16px */
  margin: 0 0 -8px 0;
  text-transform: uppercase;
  -moz-text-shadow: 1px 1px 1px rgba(0,0,0,0.35);
  -webkit-text-shadow: 1px 1px 1px rgba(0,0,0,0.35);
  -ms-text-shadow: 1px 1px 1px rgba(0,0,0,0.35);
  -o-text-shadow: 1px 1px 1px rgba(0,0,0,0.35);
  text-shadow: 1px 1px 1px rgba(0,0,0,0.35);
}

#content.merkkipaivat .timer span.num {
  color: #fff;
  font-size: 3em; /* 48/16px */
  text-transform: uppercase;
  margin: 0 1px 6px 0;
  -moz-text-shadow: 1px 1px 1px rgba(0,0,0,0.35);
  -webkit-text-shadow: 1px 1px 1px rgba(0,0,0,0.35);
  -ms-text-shadow: 1px 1px 1px rgba(0,0,0,0.35);
  -o-text-shadow: 1px 1px 1px rgba(0,0,0,0.35);
  text-shadow: 1px 1px 1px rgba(0,0,0,0.35);
}

#content.merkkipaivat .timer span.label {
  color: #fff;
  font-size: 0.875em; /* 14/16px */
  text-transform: uppercase;
  -moz-text-shadow: 1px 1px 1px rgba(0,0,0,0.35);
  -webkit-text-shadow: 1px 1px 1px rgba(0,0,0,0.35);
  -ms-text-shadow: 1px 1px 1px rgba(0,0,0,0.35);
  -o-text-shadow: 1px 1px 1px rgba(0,0,0,0.35);
  text-shadow: 1px 1px 1px rgba(0,0,0,0.35);
}

#content.merkkipaivat .welcome {
  padding: 20px 0 0 0;
}

#content.merkkipaivat .welcome img {
  display: block;
  width: 110px;
  margin: 0 auto;
}

#content.merkkipaivat .welcome h1 {
  font-size: 3.3em; /* 48/16 px */
  color: #fff;
  margin: 0;
  padding: 15px 0 0 140px;
  -moz-text-shadow: 0 2px 2px rgba(0,0,0,0.7);
  -webkit-text-shadow: 0 2px 2px rgba(0,0,0,0.7);
  -ms-text-shadow: 0 2px 2px rgba(0,0,0,0.7);
  -o-text-shadow: 0 2px 2px rgba(0,0,0,0.7);
  text-shadow: 0 2px 2px rgba(0,0,0,0.7);
  font-weight: 800;
}

#content.merkkipaivat .mp-links {
  margin: 20px 0;
}

#content.merkkipaivat #brand-list li {
  /*background: url(../img/pallo_on.png?c=lossless_png) no-repeat;*/
}

#content.merkkipaivat .fb-feed a.fb-link {
  display: inline-block;
  background: url(../img/fb-logo.png?c=lossless_png) no-repeat left center;
  font-size: 1em; /* 16px */
  color: #3b5998;
  height: 37px;
  padding-left: 42px;
  text-decoration: underline;
  line-height: 37px;
}

#content.merkkipaivat .fb-feed iframe {
  float: right;
}

#content.merkkipaivat .fb-feed .posts {
  position: relative;  
}

#content.merkkipaivat .fb-feed p.post {
  display: inline-block;
  font-size: 1em; /* 16 px */
  color: #656674;
  margin-top: 10px;
  position: absolute;
  top: 0;
  left: 0;
}

#content.merkkipaivat .introduction h1 {
  font-size: 1.875em; /* 30/16 px */
  color: #ec1f27;
}

#content.merkkipaivat .introduction p.ingress {
  font-size: 1em;
  font-weight: 600;
}

#content.merkkipaivat .wbox {
  margin: 0 0 20px 0;
}

#content.merkkipaivat {
  /*background: url(../img/bg-merkkipaivat2.jpg) repeat top left;*/
  background: #bd0102;
}

.merkkipaivat .wbox h2 {
  background: #001828;
  color: #fff;
  font-size: 1.125em; /* 18/16 px */
  text-transform: uppercase;
  padding: 10px;
}

#content.merkkipaivat .map-container {
  width: 100%;
  height: 300px;
  margin: 0 0 20px 0;
}

#content.merkkipaivat .find-stores select {
  display: none;
}

#content.merkkipaivat .store-container.single a.info {
  width: 100%;
  float: right;
}

#content.merkkipaivat #brand-list {
  margin: 0 0 10px 0;
  background: #fff;
  clear: both;
  /*background: none;
  border: none;
  filter: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;*/
}

#content.merkkipaivat #brand-list li {
  /*background: #fff;
  display: inline-block;
  float: none;
  height: 83px;
  width: 83px !important;
  margin: 7px 7px;
  padding: 14px;
  background: url(../img/pallo.png?c=lossless_png) center center no-repeat;*/
/*
  -moz-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.35) inset;
  -webkit-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.35) inset;
  -ms-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.35) inset;
  -o-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.35) inset;
  box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.35) inset;

  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
*/
}

#content.merkkipaivat #brand-list li a {

}

/* OFFERS PAGE */

.offers-filter {
  padding: 15px;
}

.offers-filter a {
  border: 1px solid #ccc;
  display: inline-block;
  background: #f3f4f6;
  font-size: 14px;
  padding: 5px 8px;
  border-radius: 3px;
  margin: 0 5px 5px 0;
}

.offers-filter a:hover {
  text-decoration: none;
  border: 1px solid #357ebd;
}

.offers-filter a.active {
  background: #428bca;
  border: 1px solid #357ebd;
  color: #fff;
}

.offers-holder {
  overflow: hidden;
  padding: 15px 0 0 15px;
}

.offers-holder h2 {
  clear: both;
}

.offers-holder .offer {
  float: left;
  padding: 0 15px 15px 0;
  width: 50%;
  height: 160px;
  overflow: hidden;
}

.offers .item-list .items .item {
  width: 100%;
  display: inline-block;
  position: relative;
  margin: 0 0 20px 0;
  float: none;
  vertical-align: top;  
}



.offers.generic-offers .item-list .items .item {
  background: #fff;
  /*
  background: -webkit-gradient(linear, left top, left bottom, from(#949494), to(#fff));
  background: -webkit-linear-gradient(top, #949494 0%, #fff 100%);
  background: -moz-linear-gradient(top, #949494 0%, #fff 100%);
  background: -ms-linear-gradient(top, #949494 0%, #fff 100%);
  background: -o-gradient(#949494 , #fff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#949494', endColorstr='#fff'); 
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#949494', endColorstr='#fff'); 
  */
}

.generic-offers .item-list .items .item {
  /*border: 1px solid #c5d2dc;*/
}

.offers .item-list .items .item .lift {
  background: url(../img/mp-ball-bg.png?c=lossless_png) no-repeat center;
  z-index: 10;
}

.mp2014-carousel .lift {
  background: url(../img/mp-ball-bg.png?c=lossless_png) no-repeat center;
  z-index: 10;
}

.offers .item-list .items .item .lift p,
.mp2014-carousel .lift p {
  color: #fff;
  text-align: center;
  font-size: 0.875em;
  text-transform: uppercase;
  font-weight: 800;
}

.offers .item-list .items .item .lift p.text,
.mp2014-carousel .lift p.text {
  margin: 34px 0 0 0;
}

.offers .item-list .items .item .lift p.amount {
  font-size: 1.875em;
  font-weight: 800;
  font-family: "Vinkel Black", Verdana, sans-serif;
}

.mp2014-carousel .lift p.amount {
  font-size: 1.575em;
  font-weight: 800;
}

.offers .item-container,
.mp-slider .item-container {
  margin: 0 0 20px 0;
}

.offers .item-container .item,
.mp-slider .item-container .item {
  display: none;
  background: #ffffff;    
  overflow: hidden;
}

.offers .item-container .item .layer,
.mp-slider .item-container .item .layer {
  padding: 20px;
}

.offers .item-container .item,
.offers .item-container .item p,
.offers .item-container .item h2,
.mp-container .item-container .item,
.mp-container .item-container .item p {
  color: #001828 !important;
  background: #ffffff !important;
}

#content.merkkipaivat .wbox .item-container h2 {
  color: #000000 !important;
  background: #ffffff !important; 
}

.offers .item-container .item h2,
.mp-container .item-container .item h2 {
  padding: 0 !important;
}

.car-offers .item-list .item p {
  max-height: 36px;
  overflow: hidden;
}

.car-offers .item-list .item p.price {
  color: #ec1f27;
  font-size: 1.75em;
  font-weight: 800;
  font-family: "Vinkel Black", Verdana, sans-serif;
  max-height: none;
  text-align: right;
}

.mp-slider .item-container {
  margin-top: 20px;
}

#content.merkkipaivat .introduction .img-container {
  max-width: 50%;
  margin: 0 auto;
  padding: 20px 0;
}

#content.merkkipaivat .recommended-cars {
  padding: 0;
  margin: 0;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}



/* merkkipäivät store locator */

#content.merkkipaivat .shop-locator {
  background-color: #272e41;
  padding: 30px 20px;
}
#content.merkkipaivat .shop-locator .laakkonen-form select{
  background: #d3dae4;
  background: -webkit-gradient(linear, left top, left bottom, from(#edf2f8), to(#d3dae4)) #d3dae4;
  background: -webkit-linear-gradient(top, #edf2f8 0%, #d3dae4 100%) #d3dae4;
  background: -moz-linear-gradient(top, #edf2f8 0%, #d3dae4 100%) #d3dae4;
  background: -ms-linear-gradient(top, #edf2f8 0%, #d3dae4 100%) #d3dae4;
  background: -o-gradient(#edf2f8 , #d3dae4) #d3dae4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf2f8', endColorstr='#d3dae4');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf2f8', endColorstr='#d3dae4');
  color: #656674;
  text-shadow: none;
  -moz-text-shadow: none;
  -webkit-text-shadow: none;
  -ms-text-shadow: none;
  -o-text-shadow: none;
}

#content.merkkipaivat #locations-list a {
  color: #ffffff;
}
#content.merkkipaivat #locations-list .shop-info p {
  color: #dadada;
}

#content.merkkipaivat .shop-locator .tooltip-selector .selector span.anchor {
  color: #ffffff;
  background-image: url("../img/arrow-down-white.png?c=lossless_png");
}

/* maintenance 2014 */

input[type=text].license {
  font-size: 1.5625em; /* 25/16 px */
  background: url(../img/d-license-plate.png?c=lossless_png) no-repeat;
  width: 181px;
  height: 44px;
  text-align: center;
}

#content.service-selector h1 {
  margin: 0 0 15px 0;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #3b455c;
}

/* maintenance service filters */

.service-filters {
  padding: 60px 20px;
}

.service-filters .column {
  padding: 0 20px 0 0;
  float: left;  
}

.service-filters .column.w10 {
  padding: 0;
}

.service-filters .column .container {
  position: relative;
}

.maintenance .use-loader {
  position: relative;
}

.service-filters .column .container .loader,
.maintenance .use-loader .loader {
  background: url(../img/ajax-loader-select.gif) center no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 20;
}

.maintenance .use-loader .loader.normal {
  background: url(../img/ajax-loader-normal.gif) no-repeat center;
}

.service-filters label {
  display: block;
}

.service-filters select[disabled="disabled"],
.service-filters input[disabled="disabled"] {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

/* service results */

.service-results .store {
  border-bottom: 1px solid #D2D6DB;
  overflow: hidden;
}

.service-results .store.last {
  border-bottom: none;
}

.service-results .store .map-container {
  /*width: 100%;
  height: 100%;
  position: relative;  
  height: 0;
  padding-bottom: 87.5%; /* 16:14 */
  width: 100%;
  height: 150px;
}

.service-results .store .map-container .map_canvas {
  /*position: absolute;
  top: 0;
  left: 0;*/
  width: 100%;
  height: 100%;
}

.service-results .store .info {
  padding: 20px;
}

.service-results .store .info h3 {
  font-size: 1.25em;
  color: #177aad;
  margin: 0;
}

.service-results .store .info p {
  font-size: 0.875em !important;
  color: #4d5054;
}

.service-results .store .info p.address {
  font-size: 1em !important;
}

.service-results .store .info p.number {  
}

.service-results .store .info p.number span {
  font-size: 1.714em; /* 24/16 */
}

/* main phases */

.maintenance .row {
  margin: 0 0 20px 0;
}

.maintenance .calendar .row {
  margin: 0;
}

.phase h2 {
  font-size: 1.75em; /* 28/16 px */
  font-weight: 200;
  margin: 15px 0;
}

.phase .phase-num,
.phase h2 .phase-num {
  background: #757575;
  color: #fff;
  padding: 0 10px;
  margin-right: 10px;
}

.phase a.change-car, .phase a.edit-info {
  font-size: 0.875em;
  text-decoration: underline;
}

.maintenance select[disabled="disabled"],
.maintenance input[disabled="disabled"] {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.maintenance input[type="submit"][disabled="disabled"] {
  opacity: 0.4;
  filter: alpha(opacity=40);
}

.maintenance p,
.maintenance label {
  font-size: 0.875em !important;
}

.maintenance .phase label {
  display: block;
}

.maintenance .phase.p1 .box-container.bc1 {
  border-bottom: 1px solid #D2D6DB;
}

.maintenance .phase.p1 input.license {
  float: left;
}

.maintenance .phase.p1 .license-loader {
  width: 44px;
  height: 44px;
  margin: 0 10px;
  float: left;
}

.maintenance .phase.p1 .license-alert-container {
  margin: 24px 0 0 20px;
}

.maintenance .license-results .container {
  margin: 0 0 10px 0;
}

.maintenance .license-results label {
  font-size: 0.875em;
  line-height: 34px;
}

.maintenance .phase.p3 .box-container.bc1 {
  border-bottom: 1px solid #D2D6DB;
}

.maintenance .phase.p4 .wbox {
  background: #f3f4f6 none repeat scroll 0 0;
}

.maintenance .phase.p4 .box-container.bc1 {
  float: right;
  padding: 30px 75px;
}

.maintenance .phase.p4 .box-container.bc2 {
  background: #fff none repeat scroll 0 0;
  position: relative;
}

.maintenance .phase.p4 .box-container.bc2 .or {
  display: none;
}

.maintenance .phase.p4 .box-container.bc2.w50 {
  border-right: 1px solid #d2d6db;
  float: left;
  padding: 30px 75px;
}

.maintenance .phase.p4 .box-container.bc2.w50 .or {
  background: #f3f4f6 none repeat scroll 0 0;
  border: 1px solid #d2d6db;
  border-radius: 50%;
  box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.05);
  font-size: 16px;
  font-weight: bold;
  height: 80px;
  left: 100%;
  margin: -40px 0 0 -40px;
  padding: 27px 0;
  position: absolute;
  text-align: center;
  text-shadow: 1px 1px 0 #fff;
  text-transform: uppercase;
  top: 50%;
  width: 80px;
  display: block;
}

.maintenance .phase.p4 .tilibanner-holder {
  background: #fff none repeat scroll 0 0;
  border-top: 1px solid #d2d6db;
  clear: both;
  padding: 15px;
}

.maintenance .register-form {
  margin: 0 0 20px 0;
}

.maintenance .main-service-results {
  min-height: 200px;
}

.maintenance .main-service-results .operation {
  display: block;
  font-size: 1em;
  font-weight: 400;
  color: #656674;
  margin: 0 0 10px;
  padding: 15px;
  border: 1px solid #D2D6DB;
}

.maintenance .main-service-results .operation.selected {
  background: #0A1F30;
  color: #FFFFFF;
  border: 1px solid #0A1F30;
}

.maintenance .tyre-service-results {
  min-height: 100px;
}

.maintenance .other-service-results {
  min-height: 100px;
}

.maintenance .other-service-results .operation,
.maintenance .tyre-service-results .operation {
  font-size: 1em;
  font-weight: 400;
  color: #212428;
  margin: 0 0 10px 0;
}

.maintenance .main-service-results.use-loader .loader.normal,
.maintenance .other-service-results.use-loader .loader.normal,
.maintenance .calendar.use-loader .loader.normal {
  background: #fff url(../img/ajax-loader-normal.gif) no-repeat center;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.maintenance .booking-only {
  position: relative;
}

.maintenance .booking-only .booking-only-mask {
  /*display: none;
  background: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 1;*/

  /*opacity: 0.75;
  filter: alpha(opacity=75);*/
}

.maintenance .booking-only.disabled {
  /*opacity: 0.4;
  filter: alpha(opacity=40); */
}

.maintenance .booking-only.disabled .booking-only-mask {
  /*display: block;*/
}
.maintenance .booking-only .bookin-cal-error{
  display: none;
  font-weight: 400;
}
.maintenance .booking-only .bookin-cal-error.error{
  color: red;
}
.maintenance .booking-only.disabled .bookin-cal-error{
  display: block;
}
.maintenance .booking-only.disabled .calendar-container, .maintenance .booking-only.disabled .handover{
  opacity: 0;
  filter: alpha(opacity=0);
}

.maintenance input[type="submit"] {
  float: left;
  margin: 0 15px 0 0;
}

.maintenance .submit-loader {
  float: left;
}

.maintenance .service-results {
  margin-bottom: 20px;
}

.maintenance .service-results .main-level .sub-level {
  display: none;
}

.maintenance .service-results .main-level.active .sub-level {
  display: block;
}

.maintenance .service-results .main-level .sub-level label {
  font-weight: 400;
}

.fb-block .item {
  width: 23%;
  min-height: 250px;
  background: #fff;
  margin-bottom: 10px;
}

.fb-block .item p {
  padding: 10px;
  font-size: 13px;
}

.fb-block .item img {
  width: 100%;
 }

.maintenance .service-results .operation.main-input {
  display: block;
  font-size: 1em !important;
  font-weight: 400;
  color: #656674;
  margin: 0 0 10px;
  padding: 15px;
  border: 1px solid #D2D6DB;
  cursor: pointer;
}

.maintenance .service-results .operation.main-input.selected {
  background: #0A1F30;
  color: #FFFFFF;
  border: 1px solid #0A1F30;
}

.maintenance .service-results .primary-services {
  margin-bottom: 45px;
  padding-bottom: 45px;
  border-bottom: 1px solid #c0c0c8;
}

.maintenance .service-results h4 {
  margin: 0 0 10px 0;
}

.maintenance .service-results .operation.sub-input {
  font-weight: 400;
  color: #212428;
  margin: 0 0 10px 0; 
}

.maintenance .service-results .primary-services .operation.sub-input {
  font-size: 1em !important;
}

.maintenance .user-info-container .block-container {
  margin: 0 0 20px 0;
}

#content.merkkipaivat #tarjoukset .img-container {
  display: block;
  margin: -80px 0 0;
  position: relative;
  z-index: 4;
}

@media (max-width: 968px){
  .merkkipaiva-kyltti {
    left: auto;
    max-width: 420px;
    bottom: auto;
    margin: auto;
    position: relative;
  }
  .merkkipaiva-kurkistus{
    display: none;
  }
}

@media (max-width: 780px){
  .merkkipaiva-kurkistus{
    display: none;
  }
}

@media (max-width: 640px) {

  .mp2014-video-block iframe {
    height: 170px;
    margin: 0 auto;
    width: 320px;
  }
  
  .mp2014-car-offers .car-offers {
    width: auto;
  }
  
  .car-offers .item-list .item p.price {
    text-align: center;
  }

}

/* 2014 new */

.inline-block {
  display: inline-block;
}

.animate {
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.animate-short {
  -moz-transition: all 0.15s;
  -webkit-transition: all 0.15s;
  -ms-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
}

.input-use-loader {
  position: relative;
}

.input-use-loader input[disabled="disabled"],
.input-use-loader select[disabled="disabled"] {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.input-use-loader .loader {
  background: url(../img/ajax-loader-select.gif) center no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 20;
}

.loader.normal {
  background: url(../img/ajax-loader-normal.gif) no-repeat center;
  width: 32px;
  height: 32px;
}

.gradient-dark .loader.normal {
 background: url(../img/ajax-loader-normal-gradient-dark.gif) no-repeat center; 
}

.loader.normal.loader-transparent {
  background: url(../img/ajax-loader-normal-transparent.gif) no-repeat center;
}

.box-container {
  padding: 20px;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.uppercase {
  text-transform: uppercase;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

a.block {
  color: #434343;
}

p.alert-icon {
  background: url(../img/icon-alert.png?c=lossless_png) no-repeat left center;
  padding-left: 30px;
}

@media only screen and (max-width: 830px) {
  
  #header .social-media {
  display:none;
  }
  .profile-box {
    display: none;
  }
  
  .mobile-wrapper {
    width: 93.75%;
    margin: 0 auto;
  }
}

.logout-link {
  display: none;
  position: relative;
  z-index: 99;
}
.logout-link .container {
  position: relative;
  padding: 0 !important;
}
.logout-link form {
  position: absolute;
  top: -12px;
  right: 6px;
}
.logout-link form .button-dark {
  padding: 6px 10px;
  background: none;
  border: none;
  font-weight: normal;
  text-decoration: underline;
}

@media (max-width: 727px){
  .logout-link{
    display: block;
  }
}

.slick-slider {
  height: auto;
  margin: 0;
  overflow: hidden;
  position: relative;
  width: auto;
}

.slick-slider .slick-slide { float: left; display: none; }

.slick-slider .slick-slide[aria-hidden="true"],
.slick-slider .slick-slide[aria-hidden="false"] { display:block; }

.slick-slider .slick-prev {
  background: #000 none repeat scroll 0 0;
  border: medium none;
  border-radius: 3px;
  display: none;
  height: 30px;
  left: 30px;
  margin-top: -15px;
  position: absolute;
  text-indent: -9999em;
  top: 50%;
  width: 30px;
}

.slick-slider .slick-prev::after {
  content:"\f053";
  color: #fff;
  font-family: fontawesome;
  left: 0;
  padding: 5px 0;
  position: absolute;
  text-align: center;
  text-indent: 0;
  top: 0;
  width: 100%;
}

.slick-slider .slick-next {
  background: #000 none repeat scroll 0 0;
  border: medium none;
  border-radius: 3px;
  display: none;
  height: 30px;
  right: 30px;
  margin-top: -15px;
  position: absolute;
  text-indent: -9999em;
  top: 50%;
  width: 30px;
}

.slick-slider .slick-next::after {
  content:"\f054";
  color: #fff;
  font-family: fontawesome;
  left: 0;
  padding: 5px 0;
  position: absolute;
  text-align: center;
  text-indent: 0;
  top: 0;
  width: 100%;
}

.slick-slider .slick-dots { display: none !important; }

.row {
  margin-bottom: 15px;
}

.omal-item-list ul {
  list-style-position: outside;
  margin-left: 0;
  padding: 0 0 0 15px;
}

.testdrive-report i {
  font-size: 28px;
  color: #777;
}

.testdrive-report i:hover,
.testdrive-report label.active i,
.testdrive-report label.hover i {
  color: #bd0108;
}

.testdrive-report input[type="radio"] {
  opacity: 0;
}

.testdrive-reports-holder .fa-star {
  color: #bd0108;
}

.tradeprice-testgroup-feedback .active { display: none; }
.tradeprice-testgroup-feedback .inactive { display: block; }
.tradeprice-testgroup-feedback .form-control { opacity: 0; filter: alpha(opacity=0); }
.tradeprice-testgroup-feedback label { margin: 0 15px 0 0; }
.tradeprice-testgroup-feedback label:focus { margin: 0 15px 0 0; }

.co2-campaign-banner {
  background: #005282 url("../img/co2-pattern.png") repeat scroll 0 0;
  color: #fff;
  font-family: "Vinkel-Regular";
  font-size: 16px;
  min-height: 70px;
  position: relative;
  text-align: center;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
  padding: 0 30px;
}

.co2-campaign-banner .upper {
  display: inline-block;
  font-family: "Vinkel-BlackItalic";
  font-size: 18px;
  padding: 24px 0 15px;
  text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
  margin: 0;
}

.co2-campaign-banner .counter {
	color: #fff;
    display: inline-block;
    margin: 0 13px 0 15px;
    position: relative;
    top: 6px;
}

.co2-campaign-banner .counter span {
  background: #5cb85c none repeat scroll 0 0;
  border-radius: 3px;
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
  color: #fff;
  display: inline-block;
  font-size: 18px;
  height: 30px;
  margin: 0 3px 0 0;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
  width: 25px;
  overflow: hidden;
  position: relative;
}

.co2-campaign-banner .counter span strong {
  font-family: "Vinkel-Black";
  display: block;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  font-weight: normal;
  padding: 3px 0 0;
}

.co2-campaign-banner .counter span strong.n {
  top: -100px;
}

.co2-campaign-banner .kg {
  float: left;
  font-family: "Vinkel-Black";
  margin: 17px 30px 0 0;
  padding: 6px 0;
}

.co2-campaign-banner .text {
  padding: 12px 200px 12px 300px;
  text-align: left;
}

.co2-campaign-banner .text p {
	margin: 0;
}

.co2-campaign-banner a {
  background: rgb(92, 184, 92) none repeat scroll 0 0;
  border-radius: 3px;
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
  color: rgb(255, 255, 255);
  display: inline-block;
  font-family: "Vinkel-Bold";
  font-size: 15px;
  margin: 0;
  padding: 10px 18px 7px;
  position: absolute;
  right: 30px;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
  top: 13px;
}

.co2-campaign-banner a:hover {
  text-decoration: none;
}

.campaign-hjk {
}

.campaign-hjk .row {
  display: block;
  overflow: hidden;
  margin: 0 -15px;
}

.campaign-hjk .row .col {
  float: left;
  width: 50%;
  padding: 0 15px;
}

.campaign-hjk label,
.campaign-hjk input,
.campaign-hjk select {
  margin: 0 0 10px;
}

.campaign-hjk .error {
  border: 1px solid #ac0000;
  color: #ac0000;
  display: none;
  font-size: 12px;
  margin: 10px 0 15px;
  padding: 5px;
}

.campaign-hjk div.value {
  background: rgba(0, 0, 0, 0.02) none repeat scroll 0 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin: 15px 0;
  padding: 5px 10px;
}

@media (max-width: 1330px) {

  .co2-campaign-banner {
    text-align: left;
  }
}

@media (max-width: 1190px) {

  .co2-campaign-banner {
    padding-top: 5px;
  }
  
  .co2-campaign-banner .upper {
    font-size: 14px;
  }

}

@media (max-width: 1023px) {

  .co2-campaign-banner {
    text-align: center;
  }
  
  .co2-campaign-banner .upper {
    padding: 10px 0 0;
    display: block;
  }
  
  .co2-campaign-banner a {
    font-size: 14px;
    left: auto;
    margin: 10px auto 15px 0;
    padding: 8px 15px 5px;
    position: relative;
    right: auto;
    top: auto;
  }
  
  .co2-campaign-banner .counter span {
    width: 20px;
    height: 25px;
    font-size: 14px;
  }

}

@media (max-width: 640px) {

  .campaign-hjk {
    padding: 20px;
  }
  
  .campaign-hjk .wbox {
    border: 1px solid #d2d6db;
  }
  
  .campaign-hjk .row .col {
    width: auto;
    float: none;
  }
}

.w0 { width: 100%; }
.w1 { width: 100%; }
.w2 { width: 100%; }
.w3 { width: 100%; }
.w4 { width: 100%; }
.w5 { width: 100%; }
.w6 { width: 100%; }
.w7 { width: 100%; }
.w8 { width: 100%; }
.w9 { width: 199%; }
.w10 { width: 100%; }
.w11 { width: 100%; }
.w12 { width: 100%; }
.w13 { width: 100%; }
.w14 { width: 100%; }
.w15 { width: 100%; }
.w16 { width: 100%; }
.w17 { width: 100%; }
.w18 { width: 100%; }
.w19 { width: 100%; }
.w20 { width: 100%; }
.w21 { width: 100%; }
.w22 { width: 100%; }
.w23 { width: 100%; }
.w24 { width: 100%; }
.w25 { width: 100%; }
.w26 { width: 100%; }
.w27 { width: 100%; }
.w28 { width: 100%; }
.w29 { width: 100%; }
.w30 { width: 100%; }
.w31 { width: 100%; }
.w32 { width: 100%; }
.w33 { width: 100%; }
.w34 { width: 100%; }
.w35 { width: 100%; }
.w36 { width: 100%; }
.w37 { width: 100%; }
.w38 { width: 100%; }
.w39 { width: 100%; }
.w40 { width: 100%; }
.w41 { width: 100%; }
.w42 { width: 100%; }
.w43 { width: 100%; }
.w44 { width: 100%; }
.w45 { width: 100%; }
.w46 { width: 100%; }
.w47 { width: 100%; }
.w48 { width: 100%; }
.w49 { width: 100%; }
.w50 { width: 100%; }
.w51 { width: 100%; }
.w52 { width: 100%; }
.w53 { width: 100%; }
.w54 { width: 100%; }
.w55 { width: 100%; }
.w56 { width: 100%; }
.w57 { width: 100%; }
.w58 { width: 100%; }
.w59 { width: 100%; }
.w60 { width: 100%; }
.w61 { width: 100%; }
.w62 { width: 100%; }
.w63 { width: 100%; }
.w64 { width: 100%; }
.w65 { width: 100%; }
.w66 { width: 100%; }
.w67 { width: 100%; }
.w68 { width: 100%; }
.w69 { width: 100%; }
.w70 { width: 100%; }
.w71 { width: 100%; }
.w72 { width: 100%; }
.w73 { width: 100%; }
.w74 { width: 100%; }
.w75 { width: 100%; }
.w76 { width: 100%; }
.w77 { width: 100%; }
.w78 { width: 100%; }
.w79 { width: 100%; }
.w80 { width: 100%; }
.w81 { width: 100%; }
.w82 { width: 100%; }
.w83 { width: 100%; }
.w84 { width: 100%; }
.w85 { width: 100%; }
.w86 { width: 100%; }
.w87 { width: 100%; }
.w88 { width: 100%; }
.w89 { width: 100%; }
.w90 { width: 100%; }
.w91 { width: 100%; }
.w92 { width: 100%; }
.w93 { width: 100%; }
.w94 { width: 100%; }
.w95 { width: 100%; }
.w96 { width: 100%; }
.w97 { width: 100%; }
.w98 { width: 100%; }
.w99 { width: 100%; }
.w100 { width: 100%; }