/* Start of CMSMS style sheet 'Lapponia' */
/* Trimedia Oy */
/* link color: #ca1921 */
/* Default fonts, colors & styling */
body {
	font-family: Helvetica, Freesans, Arial, sans-serif;
	background: url(uploads/layout/backgroundfade.png) repeat-x 0 110px;
}
a {
	color: #ca1921;
	text-decoration: none;
}
a:hover {
	color: #ca1921;
	text-decoration: underline;
}
p {
   line-height: 1.5em;
   margin: 0px 0 15px 0;
   font-size: 12px;
}
h1 {
   color: #ca1921;
   font-size: 2em;
   margin-bottom: 15px;
   font-weight: normal;
}
h2 {
   color: #ca1921;
   font-size: 2em;
   margin-bottom: 15px;
   font-weight: normal;
   clear: both;
}
h3 {
   color: #000;
   font-size: 1.25em;
   margin: 15px 0;
   font-weight: normal;
   clear: both;
}
h4 {
   color: #000;
   font-size: 1.125em;
   margin: 15px 0;
   font-weight: normal;
   clear: both;
}
#content > ul {
   font-size: 0.875em;
   list-style: circle;
   margin: 10px 0 10px 20px;
}
/* Wraps & Blocks */
#header-wrap {
/*   background: url(uploads/layout/header-back.png) repeat-x; */
background: #58595b;
   height: 110px;
}
#header {
	width: 958px;
	height: 110px;
	margin: 0 auto;
}
#header-logo {
   width: 310px;
	height: 96px;
   float: left;
   background: url(uploads/layout/lapponia-logo.png) no-repeat 5px 28px;
   overflow: hidden;
}
#header-logo a {
   padding: 100px 0 0 0;
   width: 300px;
   float: left;
}
/*********** NAV-MAIN ***********/
#nav-main-wrap {
   float: right;
   width: 640px;
   margin: 15px 0 0 0;
}
.nav-main {
   width: 130px;
   height: 80px;
   padding: 0 0 0 20px;
   float: left;
   text-align: left;
   border-right: 1px solid #787878;
}
.nav-main li {
   font-style: italic;
   padding: 0 20px 10px 0;
   font-weight: bold;
   color: #fff;
   font-size: 12px;
}
.nav-main ul {
   padding: 10px 0 0 0;
}
.nav-main li li {
   font-style: normal;
   font-weight: normal;
   font-size: 11px;
   padding: 0 0 5px 0;
}
.nav-main li li a {
   color: #f2f2f2;
}
.nav-main li.currentpage a,
.nav-main li.activeparent a {
   color: red
}
/*********** MAINMENU ***********/

#menu {
	width: 958px;
	margin: 0 auto;
	height: 32px;
	background: #ca1921;
	font-size: 0.875em;
}
#menu ul {
	line-height: 32px;
	margin-right: 15px;
	margin-left: 15px;
}
#menu ul li {
	float: left;
	margin: 0 20px 0 0;
}
#menu ul li a {
	color: #f2f2f2;
}
/*********** NAV-SUB***********/
#nav-sub {
	width: 940px;
	padding: 0 10px;
	height: 30px;
	font-size: 0.875em;
	float: left;
	background: url(uploads/layout/submenu-back.png) repeat-x #ca1921;
}
#nav-sub li {
	float: left;
	line-height: 30px;
	margin: 0 20px 0 0;
}
#nav-sub li a {
	color: #f2f2f2;
}
/*********** NAV-BREADCRUMBS***********/
#nav-breadcrumbs {
	width: 940px;
	padding: 0 10px;
	height: 32px;
	line-height: 32px;
	color: #f2f2f2;
	font-size: 0.875em;
	float: left;
	background: #ca1921;
}
#nav-breadcrumbs span {
	line-height: 32px;
	color: #f2f2f2;
}
#nav-breadcrumbs li a {
	color: #f2f2f2;
}
/*********** NAV-PRODUCTS ***********/
#nav-products{
	width: 940px;
	padding: 0 10px;
	height: 30px;
	font-size: 0.875em;
	float: left;
	background: url(uploads/layout/submenu-back.png) repeat-x #ca1921;
}
#nav-products li {
   float: left;
   line-height: 30px;
   margin: 0 20px 0 0;
   font-weight: bold;
   color: #fff;
}
#nav-products li a {
   color: #f2f2f2;
   font-weight: normal;
}
/*********** NAV-SIDEBAR***********/
#nav-sidebar {
   width: 230px;
   float: left;
   display: inline;
   _float: right;
   margin: 0 0 0 10px;
   _margin: 0 10px 0 0;
   padding: 0 0 4px 0;
   background: url(uploads/layout/nav-sidebar-bottom.png) no-repeat bottom right;
}
#nav-sidebar li {
   color: #ca1921;
   background: #fff;
   border: 1px solid #d7d3c9;
   line-height: 80px;
   padding: 0 8px;
   font-weight: bold;
}
#nav-sidebar li a {
   font-size: 0.875em;
   color: #ca1921;
}
#nav-sidebar ul li ul {
   padding: 0;
   margin: 5px 2px 10px 2px;
}
#nav-sidebar ul li ul li {
   padding: 3px 0;
   margin: 0;
   line-height: 20px;
   float: left; 
   display: inline;
   background: #fff;
   font-weight: normal;
/* lisäjuttuja */
   border-top: dotted #c1c1c1 1px;
}
#nav-sidebar ul li ul li#sub_first {
   border-top: none;
}
#nav-sidebar ul li ul li a {
   color: #333;
}
#nav-sidebar ul li ul .currentpage a {
   color: #FE840C;
}
#nav-sidebar ul li ul li.currentpage ul li a {
   color: #333;
}
#nav-sidebar ul li ul li ul {
   border-top: dotted #c1c1c1 1px;
   padding: 3px 0;
}
#nav-sidebar ul li ul li ul li {
   margin: 0 10px;
   border: none;
   padding: 1px 0;
   float: left; 
   display: inline;
}
#sidebar {
   float: right;
   width: 230px;
}
#product-info {
   border: 1px solid #ccc;
   border-top: none;
   padding: 10px;
}

/*********** SIDEBAR-BANNER ***********/

.sidebar-banner {
   float: right;
   padding: 10px 10px 0 0;
}


/*********** CONTENT ***********/
#content-wrap {
   width: 960px;
   margin: 0 auto;
   padding: 5px 10px 0;
   background: url(uploads/layout/background-shadow.png) no-repeat;
}
#content {
   float: left;
   width: 700px;
   margin: 10px 10px 0 10px;
   min-height: 300px;
   display: inline;
}
#content-index {
	float: left;
	width: 960px;
	margin: 10px 0 0 0;
}
#content-index #index-slide {
   position:relative;
   margin: 0 10px 10px;
   background: #fff;
}

/************KISA SIVU CSS********************/

#content-index #kisa-bg {
   float: left;
   margin: 0 10px 10px;
   background: #fff;
   background: url(uploads/images/kisakuvat/kesa-kisa-bg.jpg) no-repeat;
}
#content-index #kisa-kiitos-bg {
   float: left;
   margin: 0 10px 10px;
   width: 940px;
   height: 300px;
   background: #fff;
   background: url(uploads/images/kisakuvat/kesa-kisa-bg.jpg) no-repeat;
}
#content-index #kisa-bg .kisa-laatikko{
   float:left;
   display:inline;
   margin: 230px 5px 0 5px;
   background: #fff;
   background: url(uploads/images/kisakuvat/aanestys-bg.png) no-repeat;
   width:225px;
}
#kiitos-wrap {
   background: #fff;
   padding: 20px;
   margin: 200px 50px 0;
   border: 1px solid #ccc;
}
#kiitos-wrap p {
   font-size: 16px;
}
.kisa-laatikko h3{
   padding: 10px 0 10px 0;
   margin: 20px 0 0 10px;
   background:#CA1921;
   color:#FFF;
   text-align:center;
   font-size:24px;
   font-weight:bold;
   font-style:italic;
   width: 202px;
}

.kisa-laatikko img{
   margin: 0 0 0 10px;
   border-left: #c6c6c6 solid 1px;
   border-right: #c6c6c6 solid 1px;
}

.kisa-laatikko .linkit{
   margin: 0 0 0 10px;
   padding: 15px 0 15px 22px;
   background:#5e5a5a;
   width: 180px;
}

.kisa-laatikko .linkit a{
   color:#FFF;
   line-height:24px;
  font-size:14px;
}

.kisa-laatikko .tekstit{
   margin: 0 0 0 10px;
   padding: 22px 20px 10px 22px;
   background:#f7f7f7;
   width: 158px;
   height: 200px;
   color:#2a2a2a;
   border-left: #c6c6c6 solid 1px;
   border-right: #c6c6c6 solid 1px;
}

.kisa-laatikko .tekstit .tiedot{
    text-align:right;
   height: 56px;
}

.kisa-laatikko .tekstit .tiedot strong{
   float:left;
}

.kisa-laatikko .aanesta{
   margin: 0 0 0 10px;
   padding: 10px 20px 30px 22px;
   background:#f7f7f7;
   width: 158px;
   color:#2a2a2a;
   border-left: #c6c6c6 solid 1px;
   border-right: #c6c6c6 solid 1px;
   border-bottom: #c6c6c6 solid 1px;
}

.kisa-laatikko .aanesta a{
   padding: 15px 22px 15px 22px;
   background: url(uploads/images/kisakuvat/aanesta-btn-bg.png) repeat-x;
   color:#FFF;
   font-size:22px;
   font-weight:bold;
   text-transform:uppercase;
}

.kisa-laatikko .aanesta a:hover{
   background: #ccc;
   text-decoration:none;
}

/************KISA SIVU CSS********************/
#content-index .panel {
   background: #fff;
}
#content-index .galleryview {
   background: #fff;
}
#content-index #index-houses p img {
   margin: 0 10px;
}
#right-container {
   float: right;
   width: 220px;
   margin: 10px 10px 0 0;
   display: inline;
}
#footer-wrap {
   background: url(uploads/layout/footer-background.png) no-repeat center top #656161;
   padding: 0 0 20px 0;
   overflow: hidden;
}
#footer {
   width: 960px;
   margin: 0 auto;
   height: 60px;
/*   background: url(uploads/layout/footer-logo.png) no-repeat left top; */
   font-size: 0.8em;
   color: #ccc;
   padding: 25px 0 20px;
   overflow: hidden;
}
#footerleft {
   float: left;
   width: 700px;
}
#footerright {
   float: right;
   width: 200px;
   text-align: right;
   height: 16px;
}
#footerright a {
   color: #fff;
   background: url(uploads/layout/extranet.gif) no-repeat;
   line-height: 16px;
   height: 16px;
   padding: 0 0 0 20px;
   float: right;
}
/* Clears etc */
.clear {
	clear: both;
}
#index-topright h2 {
	color: #FFF;
	background: url(uploads/layout/headingback.png) repeat-x #696b6d;
	font-size: 0.875em;
	line-height: 28px; 
	padding: 0 8px;
}
.index-houses {
	width: 169px;
	margin-right: 8px;
	float: left;
	color: #FFF;
	background: url(uploads/layout/headingback.png) repeat-x #696b6d bottom left;
}
.index-houses h2 {
	font-size: 0.75em;
	color: #FFF;
	padding: 5px;
}
#index-midright {
	width: 230px;
	float: right;
	background-color: #f2f2f2;
	margin-left: 2px;
	height: 122px;
}
#index-midright h2 {
	color: #FFF;
	background: url(uploads/layout/headingback.png) repeat-x #696b6d;
	font-size: 0.875em;
	line-height: 28px; 
	padding: 0 8px;
}
#index-midright ul {
	font-size: 0.75em;
	padding: 10px 10px 0 10px;
}
#index-midright ul li {
	padding-bottom: 8px;
	line-height: 15px;
}
#index-midright ul li a {
	color: #333;
}
#morenews {
   font-size: 0.75em;
   padding: 0 0 10px 10px;
   margin: 0 0 10px 0;
}

#body_etusivu-copy #index-topright {
	width: 230px;
	float: right;
	margin: 0 10px 0 0;
	padding: 0 0 10px 0;
	overflow: hidden;
	background-color: #f2f2f2;
}

/*********** RIGHT COLUMN ***********/

#mallisto {
	width: 230px;
	float: left;
	background: #f2f2f2;
	margin-bottom: 10px;
	font-size: 0.875em;
}
#mallisto h2 {
	color: #FFF;
	background: url(uploads/layout/headingback.png) repeat-x #696b6d;
	line-height: 28px; 
	padding: 0 8px;
}
#mallisto ul {
	padding: 10px;
}
#mallisto ul li {
	padding-bottom: 5px;
}
#mallisto ul li li {
	font-size: 0.8em;
}
#mallisto ul li a {
	color: #333;
}
#edustajakartta {
   float: right;
   width: 250px;
}
#edustajasivuteksti {
   float: left;
   width: 400px;
}
#edustajasivukeskiwrapper {
   float: left;
   width: 400px;
   clear: left;
   margin: 20px 0;
}
#edustajasivukeskiteksti {
   width: 200px;
   float: left;
}
#edustajasivukeskikuva {
   width: 200px;
   float: right;
}
#edustaja {
   float: left;
   width: 400px;
   margin: 0 0 15px 0;
   clear: left;
}
#edustaja_kuva {
   float: left;
   width: 150px;
}
#edustaja_teksti {
   float: right;
   width: 250px;
}
#edustaja_teksti h3 {
   margin-top: 0;
}

.orange {
   color: #FE840C;
}
/* Positioning */
.floatleft {
	float: left;
	margin: 0 15px 10px 0;
}
.floatright {
	float: right;
	margin: 0 0 10px 15px;
}
/* Products */

/* Mallisto */
.mallisto {
	width: 670px;
	float: left;
	clear: both;
	margin-bottom: 10px;
}
.mallisto img {
   padding: 4px;
   border: 1px solid gray;
   margin-bottom: 5px;
	float: left;
	margin: 0 15px 15px 0;
}
.mallisto h2 {
	color: #ca1921;
}
.mallisto p {
	float: left;
	width: 430px;
}
#product_morepics {
	margin: 0 0 5px 0;
}
/* FORMS */
.inputwrap, .radiowrap, .selectwrap, .textareawrap {
   width: 600px;
   float: left;
   clear: left;
   padding: 5px 0 3px 0;
}
.inputwrap label, .selectwrap label, .textareawrap label {
   float: left;
   width: 180px;
   text-align: right;
   font-size: 0.75em;
   color: #333;
   padding: 0 5px 0 0;
}
.radiowrap label {
   width: 180px;
   text-align: right;
   font-size: 0.75em;
   color: #333;
   padding: 0 5px 0 0;
}

.radiowrap div label {
   width: 100px;
   font-size: 0.75em;
   color: #333;
}
.radiowrap input {

}
.radiowrap div {
   float: right;
   width: 415px;
}
.inputwrap input {
   float: left;
   width: 240px;
}
.textareawrap textarea {
   float: left;
   width: 240px;
   height: 200px;
}
.checkwrap {
   float: left;
   margin: 3px 10px 5px 0;
   width: 700px;
}
.checkwrap input {
   padding: 0px;	
   line-height: 20px;
   margin: 0 0 0 165px;
}
.checkwrap label {
   padding: 0 0 5px 0;
   font-size: 0.75em;
   line-height: 20px;
   color: #333;
}
.checkwrap div label {
   color: #666;
   font-weight: normal;
}

.kilpailulomake {
   margin: 20px;
   width: 600px;
}
.kilpailulomake .inputwrap, .kilpailulomake .checkwrap {
   width: 600px;
   float: left;
   display: inline;
   padding: 5px 0 3px 0;
}
.kilpailulomake .checkwrap input {
   float: left;
   margin: 0 5px 0 0;
   display: inline;
}
.kilpailulomake .inputwrap label {
   text-align: left;
   width: 100px;
}
.kilpailulomake .radiowrap div {
   text-align: left;
   width: 500px;
}
#data1, #data2, #data3, #data4 {
   height: 450px;
}
.kilpailulomake .checkwrap label{
   text-align: left;
   float: right;
   display: inline;
   width: 560px;
   _width: 570px;
}
.esitelomake {
   margin: 20px;
}
.esitelomake .inputwrap, .esitelomake .checkwrap {
   width: 900px;
   float: left;
   clear: left;
   padding: 5px 0 3px 0;
}

/* Tuotejuttuja */
.productsearch {
   border: 1px solid #ccc;
   background: #eee;
   padding: 5px 20px;
   float: left;
   margin: 0 0 20px 0;
}
.submit {
   clear: both;
}
.submit input {
   margin: 0 0 0 190px;
}
/* Kartta */
#kartta #content-wrap {
   width: 960px;
   margin: 0 auto;
   padding: 5px 10px;
}
iframe {
   overflow: hidden;
   width: 960px;
   height: 630px;
}
/* Vanhoja */
.esitteet {
   float: left;
   width: 300px;
   height: 200px;
}
.check {
   padding: 0 0 10px 0px !important;
   margin: 0 !important;
   color: #3b3b3b;
}
.check li {
   background: url(uploads/layout/check.png) no-repeat;
   padding: 0 0 10px 25px;
   margin: 0 0 0 0;
   color: #3b3b3b;
   list-style: none;
   font-size: 12px;
}
/* Jotain */
#nav-dropdown {
   background: url(uploads/layout/dropdown-arrow.png) no-repeat right 3px;
   position: absolute;
   margin: 123px 0 0 809px;
   *margin: 123px 0 0 500px;
   color: #fff;
   padding: 0 20px 0 0;
   cursor: pointer;
   cursor: hand;
   font-size: 14px;
   z-index: 100;
}
#kartta #nav-dropdown {
   position: absolute;
   margin: 123px 0 0 809px;
   *margin: 123px 0 0 500px;
   z-index: 100;
}
#nav-dropdown-list {
   background: #eee;
   margin: 10px 0 0 0;
   padding: 5px;
   position: absolute;
   display: none;
   *margin: 20px 0 0 -135px;
   width: 145px;
   z-index: 100;
}
#nav-dropdown-list li {
   padding: 5px 3px;
}
#right-container h2 {
   padding: 0;
   margin: 0;
   background: url(uploads/layout/product-name.png) no-repeat;
   font-weight: bold;
   color: #fff;
   font-style: italic;
   text-align: center;
   font-size: 24px;
   line-height: 46px;
}
#right-container p {
   padding: 0 10px;
   margin: 0 3px 0 0;
   text-align: right;
   font-size: 12px !important;
}
#right-container p b, #right-container p strong {
   float: left;
}
/* Products */
.product_summary {
   height: 150px;
}
#content-index .product_home {
   float: left;
   width: 240px;
   text-align: center;
   font-size: 24px;
   font-style: italic;
   font-weight: bold;
}
#content-index .product_home img {
   padding: 0 0 10px 0;
}
/* Kumppanit */
#kumppanit img {
   padding: 15px;
}
/* Personnel */
.personnel {
   overflow: hidden;
   margin: 0 0 20px 0;
   padding: 0 0 20px 0;
   width: 350px;
   float: left;
}
div.personnel-info {
   background: #666;
   padding: 10px;
   margin: 10px 0 0 -15px;
   width: 195px;
   _width: 180px;
   display: inline;
   color: #fff;
   float: left;
   overflow: hidden;
}
div.personnel-info h3 {
   clear: none;
   margin: 0 0 6px 0;
   font-size: 18px;
   color: #fff;
}
div.personnel-info p, div.personnel-info a {
   margin: 0 0 3px 0;
   line-height: 16px;
   font-size: 11px;
   padding: 0;
   color: #fff;
}
div.personnel img {
   float: left;
}
/* Flags */
#nav-flags {
   list-style: none;
   padding: 0;
   margin: 0;
   float: right;
}
#nav-flags li {
   overflow: hidden;
   height: 20px;
   width: 20px;
}
#nav-flags a {
   padding: 30px 0 0 0;
   float: left;
}
#flag-fi { background: url(uploads/layout/fi.gif) no-repeat;}
#flag-en { background: url(uploads/layout/gb.gif) no-repeat;}
#flag-ru { background: url(uploads/layout/ru.gif) no-repeat;}
#flag-es { background: url(uploads/layout/es.gif) no-repeat;}

/* Nav-places */
#nav-places {
   width: 220px;
   float: right;
   display: inline;
}
#nav-places h3 {
   font-size: 18px;
   color: #ca1921;
}
#nav-places li {
   padding: 0 0 10px 0;
   font-size: 14px;
}
#nav-places li a {
   color: #333;
}

/* Newsticker */
.news-wrap {
   border: 1px solid #d4d4d4;
   padding: 0 10px 0 0;
   height: 24px;
   overflow: hidden;
   width: 930px;
   margin: 10px 0 0 0;
}
.news-wrap h3 {
   width: 95px;
   padding: 0 5px 0 10px;
   margin: 0 10px 0 0;
   float: left;
   background: url(uploads/layout/newsticker-arrow.png) no-repeat right center;
   color: #fff;
   font-size: 12px;
   font-weight: bold;
   line-height: 24px;
}
.news-container {
   font-size: 12px;
   line-height: 24px;
   height: 24px;
   overflow: hidden;
}
.news-container ul {
   float: left;
   width: 500px;
   padding: 4px 0;
   height: 24px;
}
.news-container li {
   float: left;
   width: 500px;
   height: 24px;
}
.news-container li em {
   color: #999;
   font-style: normal;
}
.news-container li a {
   color: #666;
}
/* End of 'Lapponia' */