/*-----------------------------------------------
# [Master Stylesheet] 
#  
# Project:				A la Carte
# Version:				0.8 
# Last change:			2.11.2008 
# Last assigned to:		Joni 
-----------------------------------------------*/
/*-----------------------------------------------
General
-----------------------------------------------*/
body
{
background: #eee url(../images/bg_gray_noise.png/$file/bg_gray_noise.png) repeat;
color: #fff; 
font: 75% 'Lucida Grande', 'Lucida sans unicode', Arial, sans-serif; 
height: 100%;
}
html>body {
font-size:12px;
}
div#shadowbox_body_inner body {
overflow: hidden;
}
/*-----------------------------------------------
Typography - General
-----------------------------------------------*/
h1 {
color: #fff;
font-size: 2em; /*  = 24px / 12px */
font-weight: normal;
margin: 20px 0 10px 0;
height: auto;
}
div.content h1 {
margin: 20px 0 23px 0;
}
h2 {
color: #fff;
font-size: 1.7em; /*  = 24px / 12px */
margin: 20px 0 10px 0;
}
h3 {
font-size:1.5em; /*  = 16px / 12px = 1.333em */
margin: 20px 0 10px 0;
}
h4 {
font-size:1.166em; /*  = 14px / 12px = 1.333em */
margin: 20px 0 10px 0;
}
h5 {
font-size:1em; /*  = 14px / 12px = 1.333em */
margin: 20px 0 10px 0;
}
p {
font-size: 1.1em;
line-height: 1.5em; 
margin:0 0 1.5em 0;
}
blockquote p{
font: 1.15em Times, serif;
font-style: italic;
line-height: 1.3em;
}
blockquote p.quote_owner {
color:#6f8b9d;
display:block;
font-size: 1.1em;
}
address {
font-style: normal;
}
address a{
color: #aaa;
}
span.bull {
color: #ccc;
padding: 0 5px;
}
strong {
font-weight: bold;
}
/*-----------------------------------------------
Links - General
-----------------------------------------------*/
a 	
{
color: #a80532;
text-decoration: none;
display:inline;
}
a:hover 
{
text-decoration: underline;
}
/*-----------------------------------------------
Form
-----------------------------------------------*/
form {
position: relative;
float: left;
}
input, textarea, select {
position: relative;
float: left;
margin: 0.3em 0  0.3em 0;
padding:0;
}
.form_btn {
width: auto;
}
label {
position: relative;
float: left;
clear: both;
margin: 0.3em;
width: 100%;
}
.wide_input {
width: 400px;
height:20px;
}
span.required {
position: relative;
float: right;
color: #878787;
font-size: 0.8em;
margin-top: 8px;
}
form#survey{
width: 260px;
}
form#survey label{
position: relative;
float: right;
width: 230px;
clear: right;
}
* html form#survey label{
height: 20px;
margin: 5px 0 0 0;
padding: 0;
}
* + html form#survey label{
height: 20px;
margin: 5px 0 0 0;
padding: 0;
}
form#survey input{
position: relative;
float: left;
clear: left;
width: auto;
}
.survey_result {
margin-bottom: 5px;
padding-bottom: 0px;
}
.survey_result span{
color: #a80532;
font-size: 1.3em;
font-weight: bold;
padding: 2px;
}
/*-----------------------------------------------
Layout
 -----------------------------------------------*/
div.container {
position: relative;
margin: 0 auto;
width: 970px;
}
div#header {
position: relative;
float: left;
border-bottom: 3px solid #a50531;
height: 82px;
width: 100%;
}
div#navibar {
position: relative;
float: left;
background: transparent url(../images/bg_header_logo_bottom.png/$file/bg_header_logo_bottom.png) no-repeat;
height: 82px;
width: 270px;
z-index: 100;
background-color:#ffffff;
} 
div#header, div#header div.container, div#navibar {
position: static;
}
div#toolbar {
position: relative;
float: left;
height: 80px;
width: 700px;
}
div#content {
float: left;
clear: both;
background: #333 url(../images/bg_content_upper_shadow.jpg/$file/bg_content_upper_shadow.jpg) repeat-x;
width: 100%;
}
div#content div.container {
padding-left: 30px;
width: 940px;
}
div#content_large_column {
position: relative;
float: left;
background: none;
padding: 20px 40px 0 310px;
width: 590px;
z-index:10;
}
div#content_large_column div.text_padding{
position: relative;
float: left;
padding: 0 20px 20px;
}
div#statements {
position: relative;
float: left;
color: #fff;
display: inline;
padding: 0 20px 10px;
width: 900px;
}
div#tastetest_bottom {
position: relative;
float: left;
clear: both;
background: #333 url(../images/bg_tastetest_ready_bottom.gif/$file/bg_tastetest_ready_bottom.gif) repeat-x;
color: #aaa;
height: 330px;
width: 100%;
}
div#footer {
position: relative;
float: left;
color: #aaa;
width: 100%;
}
div.hr {
display: block;
clear: both;
height: 18px;
background:url(../images/bg_hr.gif/$file/bg_hr.gif) 0 14px repeat-x;
width: 480px;
}
div.hr hr {
display: none;
}
div.clear {
position: relative;
float: left;
clear: both;
display: block;
}
 
/*-----------------------------------------------
Header
 -----------------------------------------------*/
.etusivu h1#header_logo {
position: relative;
margin: 20px 0 0 30px;
}
.etusivu h1#header_logo a {
position: relative;
top: 0px;
left: 0px;
background:  #000 url(../images/cnt_logo_alacarte.gif/$file/cnt_logo_alacarte.gif) no-repeat;
display: block;
font-size: 0.7em;
height: 55px;
text-indent: -9999px;
width: 210px;
}
a#header_logo  {
position: relative;
top: 20px;
left: 30px;
background:  #000 url(../images/cnt_logo_alacarte.gif/$file/cnt_logo_alacarte.gif) no-repeat;
display: block;
font-size: 0.7em;
height: 75px;
text-indent: -9999px;
width: 210px;
}
div#toolbar a.order_new_catalog {
position: relative;
float: left;
margin: 0 60px 0 90px;
}
div#toolbar a.order_new_appointment{
position: relative;
float: left;
}
div#toolbar a.order_new_catalog,
div#toolbar a.order_new_appointment{
background: transparent url(../images/bg_order_new_catalog.png/$file/bg_order_new_catalog.png) no-repeat;
cursor: pointer;
font-size: 1.1em;
height: 50px;
margin-top: 30px;
padding-left: 40px;
text-decoration: none;
}
div#toolbar a.order_new_catalog {
width: 230px;
}
div#toolbar a.order_new_appointment{
width: 195px;
}
div#toolbar a:hover.order_new_catalog,
div#toolbar a:hover.order_new_appointment{
border-bottom: 2px solid #A80532;
}
div#toolbar a.order_new_appointment{
background: transparent url(../images/bg_order_new_appointment.png/$file/bg_order_new_appointment.png) 0 -2px no-repeat;
}
div#toolbar a.order_new_catalog span,
div#toolbar a.order_new_appointment span{
border: 0px;
color: #444;
display: block;
font-size: 0.8em;
padding-top: 3px;
text-decoration: none;
}
/*-----------------------------------------------
Navigation
 -----------------------------------------------*/
 
ul#navigation {
position: absolute;
background: #fff;
color: #000;
cursor: pointer;
height: 130px;
margin: 0 30px;
padding: 50px 0 30px;
width: 210px;
z-index:120;
} 
ul#navigation li {
position: relative;
float: left;
display: block;
}
ul#navigation li a{
position: relative;
float: left;
background: #fff url(../images/btn_navigation.png/$file/btn_navigation.png) -1px 0px no-repeat;
color: #000;
height: 25px;
padding: 0 20px 0;
text-indent: -9999px;
width: 170px;
}
ul#navigation li a#navigation_frontpage:hover {
background-position: -421px 0px; width:170px;
}
ul#navigation li.active a#navigation_frontpage,
ul#navigation li.active a#navigation_frontpage:hover {
background-position: -211px 0px;
}
ul#navigation li a#navigation_catalog {
background-position: -1px -25px;
width:170px;
}
ul#navigation li a#navigation_catalog:hover {
background-position: -421px -25px;
}
ul#navigation li.active a#navigation_catalog,
ul#navigation li.active a#navigation_catalog:hover {
background-position: -211px -25px;
}
ul#navigation li a#navigation_demo {
background-position: -1px -50px;
width:170px;
}
ul#navigation li a#navigation_demo:hover {
background-position: -421px -50px;
}
ul#navigation li.active a#navigation_demo,
ul#navigation li.active a#navigation_demo:hover {
background-position: -211px -50px;
}
ul#navigation li a#navigation_service {
background-position:-1px -75px;
width:170px;
}
ul#navigation li a#navigation_service:hover {
background-position: -421px -75px;
}
ul#navigation li.active a#navigation_service,
ul#navigation li.active a#navigation_service:hover {
background-position: -211px -75px;
}
ul#navigation li a#navigation_findshop {
background-position:-1px -100px;
width:170px;
}
ul#navigation li a#navigation_findshop:hover {
background-position:-421px -100px;
}
ul#navigation li.active a#navigation_findshop,
ul#navigation li.active a#navigation_findshop:hover {
background-position:-211px -100px;
}
ul#navigation li a#navigation_contact {
background-position:-1px -125px;
width:170px;
}
ul#navigation li a#navigation_contact:hover {
background-position:-421px  -125px;
}
ul#navigation li.active a#navigation_contact,
ul#navigation li.active a#navigation_contact:hover {
background-position:-211px -125px;
}
/* Muutettu poll kuvien vuoksi koskemaan vain column_wide diviä*/
.myymala .column_wide img {
position: relative;
float: left;
padding: 4px 10px 30px 0px;
}
/*-----------------------------------------------
Content - General layout stuff
 -----------------------------------------------*/
div#content_large_column div.text_padding img{
position: relative;
float: left;
padding: 5px 15px 10px 0;
}
div#teasers,
.myymala div#teasers {
position: relative;
float: left;
background: transparent url(../images/bg_teasers_3column.gif/$file/bg_teasers_3column.gif) repeat-y;
color: #222;
font-size: 0.9em;
padding: 5px 0 0 20px;
width: 900px;
display: inline;
}
div#teasersPoll,
.myymala div#teasersPoll {
position: relative;
float: left;
background: transparent url(../images/bg_teasers_3column.gif/$file/bg_teasers_3column.gif) repeat-y;
color: #222;
font-size: 0.9em;
padding: 5px 0 0 20px;
width: 900px;
display: inline;
}
.tutustu_mallistoomme div#teasers,
.hyody_palveluistamme div#teasers  {
background: transparent url(../images/bg_teasers_2column.gif/$file/bg_teasers_2column.gif) repeat-y;
}
div.column_narrow,
div.column_narrow_last {
position: relative;
float: left;
width: 260px;
padding-right: 50px;
}
div.column_narrow_last{
padding-right: 0px;
}
div.column_wide {
position: relative;
float: left;
width: 570px;
}
div.column_wide p{
position: relative;
float: left;
width: 270px;
padding-right: 10px;
}
div#teasers h3 {
font-size: 1.3em;
height: 2em;
}
div#teasers h3.question {
background: transparent url(../images/ico_question_mark_ball.png/$file/ico_question_mark_ball.png) 0 0 no-repeat;
padding: 2px 0 0 28px;
}
div#teasers h3.exclamation {
background: transparent url(../images/ico_exclamation_mark_ball.gif/$file/ico_exclamation_mark_ball.gif) 0 0 no-repeat;
padding: 2px 0 0 28px;
}
div#teaser_carousel h3 {
background: transparent url(../images/ico_star_ball.gif/$file/ico_star_ball.gif) 0 1px no-repeat;
padding: 2px 0 0 28px;
}
a#try_different_options {
position: relative;
background: transparent url(../images/btn_teasers_try_different_options.png/$file/btn_teasers_try_different_options.png) no-repeat;
display: block;
float: left;
text-indent: -9999px;
height: 40px;
width: 260px;
}
a:hover#try_different_options {
background: transparent url(../images/btn_teasers_try_different_options.png/$file/btn_teasers_try_different_options.png) -260px 0 no-repeat;
}
a#innovative_solutions {
position: relative;
float: left;
background: transparent url(../images/btn_teasers_innovative_solutions.png/$file/btn_teasers_innovative_solutions.png) no-repeat;
display: block;
text-indent: -9999px;
height: 40px;
width: 260px;
}
a:hover#innovative_solutions {
background: transparent url(../images/btn_teasers_innovative_solutions.png/$file/btn_teasers_innovative_solutions.png) -260px 0 no-repeat;
}
a#look_film {
position: relative;
float: left;
background: transparent url(../images/btn_teasers_look_film.png/$file/btn_teasers_look_film.png) no-repeat;
display: block;
text-indent: -9999px;
height: 37px;
width: 260px;
}
a:hover#look_film {
background: transparent url(../images/btn_teasers_look_film.png/$file/btn_teasers_look_film.png) -260px 0 no-repeat;
}
a#check_sales {
position: relative;
float: left;
background: transparent url(../images/btn_teasers_check_sales2.png/$file/btn_teasers_check_sales2.png) no-repeat;
display: block;
text-indent: -9999px;
height: 37px;
width: 260px;
}
a:hover#check_sales {
background: transparent url(../images/btn_teasers_check_sales.png/$file/btn_teasers_check_sales.png) -260px 0 no-repeat;
}
a#test_your_taste {
position: relative;
float: left;
background: transparent url(../images/btn_teasers_test_your_taste.png/$file/btn_teasers_test_your_taste.png) no-repeat;
display: block;
text-indent: -9999px;
height: 37px;
width: 260px;
}
a:hover#test_your_taste {
background: transparent url(../images/btn_teasers_test_your_taste.png/$file/btn_teasers_test_your_taste.png) -260px 0 no-repeat;
}
a#teaser_designroom {
position: relative;
float: left;
background: transparent url(../images/kokeile_vaihtoehtoja.gif/$file/kokeile_vaihtoehtoja.gif) no-repeat;
display: block;
text-indent: -9999px;
height: 39px;
width: 260px;
}
a#teaser_make_reservation {
position: relative;
float: left;
background: transparent url(../images/btn_teasers_make_reservation.png/$file/btn_teasers_make_reservation.png) no-repeat;
display: block;
text-indent: -9999px;
height: 37px;
width: 260px;
}
a:hover#teaser_make_reservation {
background: transparent url(../images/btn_teasers_make_reservation.png/$file/btn_teasers_make_reservation.png) -260px 0 no-repeat;
}
/*-----------------------------------------------
Etusivu - page
 -----------------------------------------------*/
.etusivu div#content_large_column{
padding: 20px 20px 0 330px
} 
 
div#image_carousel {
position:relative;
float:left;
background:transparent url(../images/bg_slideshow_bar_500px.jpg/$file/bg_slideshow_bar_500px.jpg) no-repeat scroll 0 -3px;
margin:0 auto;
padding:10px 0 0 20px;
width:920px;
height: 550px;
overflow: hidden;
z-index:2;
}
.etusivu div#teasers {
margin-top: -120px;
z-index: 200;
}
.etusivu .teaser_without_heading {
padding-top: 20px;
}
.etusivu div#teaser_carousel {
height: 230px;
overflow: hidden;
}
.etusivu div#teaser_carousel div{
width: 230px;
height: 300px;
}
.etusivu img#designer {
position: relative;
float: left;
padding: 0 5px 30px 0;
}
/*-----------------------------------------------
Intro - page
 -----------------------------------------------*/
.intro div#header {
height: 30px;
}
.intro div#content div.container {
padding: 30px 0 0;
width: 920px;
}
.intro div#footer div.container a,
.intro div#footer div.container a img{
position: relative;
float: left;
}
a.carousel_teaser {
position: absolute;
background: #fff url(../images/ico_navigation_arrow_right_white_padding.gif/$file/ico_navigation_arrow_right_white_padding.gif) 230px 21px no-repeat;
color: #000;
font-size: 1.5em;
height: 20px;
padding: 20px;
right: 0px;
top: 220px;
width: 260px;
}
a:hover.carousel_teaser {
background: #fff url(../images/ico_navigation_arrow_right_white_padding.gif/$file/ico_navigation_arrow_right_white_padding.gif) 230px -59px no-repeat;
color: #a80532;
text-decoration: none;
}
/*-----------------------------------------------
Tutustu mallistoomme - page
 -----------------------------------------------*/
 
.tutustu_mallistoomme div#statements {
background: #fff;
color: #000;
display: inline;
margin-bottom: 20px;
padding: 20px 0px;
width: 920px;
}
.tutustu_mallistoomme div#statements p {
position: relative;
font-size: 1.3em;
margin: 0 auto;
text-align: center;
}
.tutustu_mallistoomme div#content_large_column{
padding: 20px 20px 0 330px
}
.tutustu_mallistoomme div#slider div.details h4{
font-size: 1.4em;
margin: 1em 0 0;
}
.tutustu_mallistoomme div#slider div.details p{
font-size: 1em;
color: #999;
margin-bottom: 0;
}
.tutustu_mallistoomme div.column_wide p{
width: 570px;
}
.tutustu_mallistoomme div.column_wide img{
padding-right: 20px;
}
/*-----------------------------------------------
Varaa suunnitteluaika - Page
 -----------------------------------------------*/
 
.varaa_suunnitteluaika div#content_large_column {
background: url(../images/bg_make_reservation.jpg/$file/bg_make_reservation.jpg) 0 250px no-repeat;
} 
 
form#make_reservation {
position: relative;
float: left;
background: #fff;
color: #000;
padding: 20px 20px 20px 60px;
width: 510px;
}
.varaa_suunnitteluaika_kiitos form#make_reservation {
background: #fff;
}
form#make_reservation fieldset{
width: 500px;
padding-bottom: 20px;
background: url(../images/bg_hr.gif/$file/bg_hr.gif) 0 bottom repeat-x;
}
form#make_reservation fieldset.fieldset_bottom_none {
background: none;
}
form#make_reservation h2 {
position: relative;
float: left;
color: #A80532;
display: inline;
font-size: 1.4em;
margin: 20px 0 1em -30px;
padding-left: 30px;
width: 500px;
}
h2#step_1{
background: url(../images/bg_make_reservation_numbers.png/$file/bg_make_reservation_numbers.png) 0 0 no-repeat;
}
h2#step_2{
background: url(../images/bg_make_reservation_numbers.png/$file/bg_make_reservation_numbers.png) 0 -27px no-repeat;
}
h2#step_3{
background: url(../images/bg_make_reservation_numbers.png/$file/bg_make_reservation_numbers.png) 0 -54px no-repeat;
}
div#reservation_info {
position: absolute;
display: inline;
font-size: 0.9em;
color: #fff;
left: -290px;
top: 270px;
width: 270px;
}
input#btn_make_reservation {
padding-top: 1.5em;
width: 260px;	
}
/*-----------------------------------------------
Osallitu kilpailuun - Page
 -----------------------------------------------*/
 
.osallistu_kilpailuun div#content_large_column {
background: url(../images/bg_osallistu_kilpailuun.gif/$file/bg_osallistu_kilpailuun.gif) 0 250px no-repeat;
} 
 
form#osallistu_kilpailuun {
position: relative;
float: left;
background: #fff;
color: #000;
padding: 20px 20px 20px 60px;
width: 510px;
}
.osallistu_kilpailuun_kiitos form#make_reservation {
background: #fff;
}
form#osallistu_kilpailuun fieldset{
width: 500px;
padding-bottom: 20px;
}
form#osallistu_kilpailuun fieldset.fieldset_bottom_none {
background: none;
}
form#osallistu_kilpailuun h2 {
position: relative;
float: left;
color: #A80532;
display: inline;
font-size: 1.4em;
margin: 20px 0 1em -30px;
padding-left: 30px;
width: 500px;
}
div#kilpailu_info {
position:relative;
float:left;
margin: 15px 0 10px 3px ;
width:100%;
}
input#btn_osallistu_kilpailuun {
padding-top: 1.5em;
width: 260px;	
}
/*-----------------------------------------------
tilaa kuvasto - Page
 -----------------------------------------------*/
 
.tilaa_kuvasto div#content_large_column {
background: url(../images/bg_order_catalog.jpg/$file/bg_order_catalog.jpg) 0 250px no-repeat;
display: inline;
}
.tilaa_kuvasto div#content_large_column h1{
position: relative;
float: left;
font-size: 2.1em;
display: inline;
margin-top: 20px;
padding-left: 20px;
}
form#order_catalog {
position: relative;
float: left;
display: inline;
background: #fff;
color: #000;
padding: 20px 20px 20px 60px;
width: 510px;
}
.varaa_suunnitteluaika_kiitos form#make_reservation {
background: #fff;
}
form#order_catalog fieldset{
width: 500px;
display: inline;
padding-bottom: 20px;
background: url(../images/bg_hr.gif/$file/bg_hr.gif) 0 bottom repeat-x;
}
form#order_catalog fieldset.fieldset_bottom_none {
background: none;
}
form#order_catalog h2 {
position: relative;
float: left;
display: inline;
color: #A80532;
font-size: 1.4em;
margin: 20px 0 1em -30px;
padding-left: 30px;
width: 500px;
}
div#catalog_order_info {
position: absolute;
display: inline;
font-size: 0.9em;
color: #fff;
left: -290px;
top: 350px;
width: 270px;
}
input#btn_order_catalog {
padding-top: 1.5em;
width: 260px;	
}
form#order_catalog fieldset.checkboxes label{
position: relative;
float: right;
clear: right;
width: 465px;
}
* html form#order_catalog fieldset.checkboxes label{
height: 20px;
margin: 7px 0 0 0;
padding: 0;
}
* + html form#order_catalog fieldset.checkboxes label{
height: 20px;
margin: 7px 0 0 0;
padding: 0;
}
form#order_catalog fieldset.checkboxes input{
position: relative;
float: left;
clear: left;
width: auto;
}
form#order_catalog label{
width: 500px;
}
/*-----------------------------------------------
Makutesti - Page
 -----------------------------------------------*/
.makutesti div#content div.container {
padding-left: 10px;
width: 960px;
}
.makutesti #flashcontent {
position: relative;
float: left;
width: 960px;
}
/*-----------------------------------------------
Kurkista sisäpuollelle - Page
 -----------------------------------------------*/
.kurkista_sisapuolelle div#slider .details {
padding-top: 30px;
text-align: center;
width: 900px;
}
/*-----------------------------------------------
Kokeile vaihtoehtoja - Page
 -----------------------------------------------*/
.kokeile_vaihtoehtoja div#statements h2 {
font-size: 1.8em;
}
.kokeile_vaihtoehtoja div#teasers div.column_narrow,
.kokeile_vaihtoehtoja div#teasers div.column_narrow_last {
padding-top: 15px;
text-align: center;
}
.kokeile_vaihtoehtoja div#teasers div.column_narrow a,
.kokeile_vaihtoehtoja div#teasers div.column_narrow_last a{
font-size: 1.6em;
}
/*-----------------------------------------------
Yhteistyökumppanimme - Page
 -----------------------------------------------*/
 
.yhteistyokumppanimme div#content_large_column h1{
position: relative;
float: left;
font-size: 2.1em;
display: inline;
margin-top: 20px;
padding-left: 20px;
} 
.yhteistyokumppanimme div#content_large_column h2, .yhteistyokumppanimme div#content_large_column div#last_partner_box h2{
position: relative;
float: left;
color: #A80532;
display: block;
font-size: 1.4em;
margin-top: 0;
width: 550px;
}
.yhteistyokumppanimme div#content_large_column .partner_logos {
position: relative;
float: left;
background: #fff;
color: #000;
padding: 20px;
margin-bottom: 20px;
width: 550px;
}
.yhteistyokumppanimme div#content_large_column div#last_partner_box {
margin-bottom: 0px;
}
.yhteistyokumppanimme div#content_large_column a{
position: relative;
float: left;
background: #fff;
padding: 10px 50px 10px 0;
}
.yhteistyokumppanimme div#content_large_column p {
position: relative;
float: left;
display: block;
margin-top: 1em;
width: 100%;
}
/*-----------------------------------------------
Hyödy palveluistamme - Page
 -----------------------------------------------*/
.hyody_palveluistamme div#content_large_column {
background: transparent url(../images/bg_content_get_advanced.jpg/$file/bg_content_get_advanced.jpg) right bottom no-repeat;
padding: 20px 40px 40px 330px;
}
.hyody_palveluistamme div#statements {
background: transparent url(../images/bg_statements.jpg/$file/bg_statements.jpg) 0 20px no-repeat;
padding: 110px 0 40px 20px;
}
.hyody_palveluistamme div#statements h2 {
font-size: 1.4em;
}
.hyody_palveluistamme div.column_wide p {
width: 570px;
}
/*-----------------------------------------------
Löydä lähin myymäläsi - Page
 -----------------------------------------------*/
.loyda_lahin_myymalasi div#content_large_column div.text_padding {
padding-bottom: 0px;
}
/*-----------------------------------------------
Myymälä - Page
 -----------------------------------------------*/
.myymala div#content_large_column {
padding: 40px 20px 0 310px;
width: 610px;
}
.myymala div#content address {
position: relative;
float: left;
font-size: 1.1em;
font-style: normal;
padding-bottom: 20px;
line-height: 1.5em;
width: 260px;
}
.myymala div.contact_information,
.myymala div.opening_hours {
position: relative;
float: left;
display: inline;
font-size: 0.9em;
line-height: 1.5em;
width: 260px;
}
.myymala div.opening_hours {
padding-right: 0px;
width: 150px;
padding-left: 70px;
}
.myymala div.text_padding h4{
color: #ccc;
border-bottom: 1px solid #555;
margin: 0 0 1em;
padding: 0 0 0.5em;
width: 100%;
}
.myymala span.address_heading {
font-size: 1.1em;
display: block;
padding: 3em 0 0.5em;
}
.myymala div#content address a{
color: #ccc;
text-decoration: underline;
}
.myymala div#teasers {
background: transparent url(../images/bg_teasers_2column.gif/$file/bg_teasers_2column.gif) repeat-y;
}
div#choose_store,
div#choose_store_center,
div#choose_store_right {
position: relative;
float: left;
background: #fff;
padding-top: 20px;
width: 196px;
height: 380px;
}
div#choose_store_right {
width: 198px;
}
div#choose_store a,
div#choose_store_center a,
div#choose_store_right a {
position: relative;
float: left;
display: block;
font-size: 1.4em;
height: 20px;
padding: 10px 0 10px 20px;
width: 176px;
}
div#choose_store_center a {
padding: 10px;
}
div#choose_store_right a {
padding: 10px 20px 10px 2px;
}
form#find_another_store {
position: absolute;
top: 400px;
left: 0px;
}
form#find_another_store label{
position: relative;
float: left;
clear: both;
width: 100%;
}
form#find_another_store select{
position: relative;
float: left;
clear: both;
width: 210px;
}
iframe {
position: relative;
float: left;
background: none;
height: 400px;
margin-bottom: 20px;
width: 610px;
}
.myymala div#teasers img {
position: relative;
float: left;
}
.myymala div#teasersPoll img {
position: relative;
float: left;
padding: 0px;
}
a#make_reservation {
position: relative;
float: left;
clear: both;
background: transparent url(../images/btn_make_reservation_with_hover.png/$file/btn_make_reservation_with_hover.png) no-repeat;
display: block;
height: 37px;
margin: 20px 0;
text-indent: -9999px;
width: 314px;
}
a:hover#make_reservation {
background: transparent url(../images/btn_make_reservation_with_hover.png/$file/btn_make_reservation_with_hover.png) -314px 0 no-repeat;
}
/*-----------------------------------------------
Footer
 -----------------------------------------------*/
div#footer div.container {
background: transparent url(../images/bg_footer_3column.jpg/$file/bg_footer_3column.jpg) no-repeat;
font-size: 0.95em;
padding: 50px 0 30px;
overflow: auto;
}
div#footer div.nolinks {
font-size: 0.95em;
padding: 50px 0 30px;
overflow: auto;
}
.loyda_lahin_myymalasi div#footer div.container,
.varaa_suunnitteluaika div#footer div.container,
.varaa_suunnitteluaika_kiitos div#footer div.container,
.tilaa_kuvasto div#footer div.container,
.yhteistyokumppanimme div#footer div.container,
.osallistu_kilpailuun div#footer div.container {
background: transparent url(../images/bg_footer_1column.jpg/$file/bg_footer_1column.jpg) no-repeat !important;
}
.myymala div#footer div.container,
.tutustu_mallistoomme div#footer div.container,
.hyody_palveluistamme div#footer div.container {
background: transparent url(../images/bg_footer_2column.jpg/$file/bg_footer_2column.jpg) no-repeat !important;
}
.intro div#footer div.container,
.plain div#footer div.container,
.makutesti div#footer div.container {
background: none;
padding: 25px 0 30px;
}
.intro div#footer div.container {
padding: 25px 0 30px;
width: 160px;
height: 100px;
}
div#footer_copyright {
position: relative;
float: left;
padding: 0 50px;
width: 260px;
}
div#footer_copyright h5{
color: #666;
margin: 0 0 1em;
}
div#footer_navigation {
position: relative;
float: left;
width: 610px;
font-size: 1em;
}
div#footer_copyright p,
div#footer_navigation p{
font-size: 1em;
margin: 0 0 1em;
}
/*-----------------------------------------------
Kerro kaverille 
 -----------------------------------------------*/
.intro div#footer div.container,
.kerro_kaverille div#footer div.container {
height: 50px;
}
  
.kerro_kaverille div#footer div.container {
background: transparent url(../images/bg_footer_1column_with_logo.jpg/$file/bg_footer_1column_with_logo.jpg) 0 0 no-repeat !important;
width: 970px;
}
.intro div#footer div.container {
background: transparent url(../images/bg_logo_gray.png/$file/bg_logo_gray.png) center 20px no-repeat !important;
}
* html .intro div#footer div.container {
background: transparent url(../images/bg_logo_gray.png/$file/bg_logo_gray.png) center 0px no-repeat !important;
}
.kerro_kaverille div#content_large_column h1{
position: relative;
float: left;
font-size: 2.1em;
display: inline;
margin-top: 20px;
padding-left: 20px;
}
form#tell_friend {
position: relative;
float: left;
display: inline;
background: #fff;
color: #000;
padding: 20px 20px 20px 60px;
width: 510px;
}
form#tell_friend h2 {
position: relative;
float: left;
display: inline;
color: #A80532;
font-size: 1.4em;
margin: 20px 0 1em -30px;
padding-left: 30px;
width: 500px;
}
form#tell_friend p#friend_message {
font-family: Georgia;
font-size: 1.5em;
font-style: italic;
color: #999;
}
form#tell_friend fieldset{
position: relative;
float: left;
width: 500px;
display: inline;
padding-bottom: 20px;
background: url(../images/bg_hr.gif/$file/bg_hr.gif) 0 bottom repeat-x;
}
form#tell_friend textarea {
height: 70px;
width: 350px;
}
form#tell_friend fieldset.fieldset_bottom_none {
background: none;
}
input#btn_tell_friend {
padding-top: 1.5em;
width: 260px;	
}
	
form#tell_friend label{
width: 500px;
}
a#goto_frontpage { 
position: relative; 
float: left; 
font-size: 1.4em; 
margin-top: 20px; 
} 
/*-----------------------------------------------
Intro - page
 -----------------------------------------------*/
.intro div#header {
height: 30px;
}
.intro div#content div.container {
padding: 50px 0;
width: 920px;
}
.intro a#close_intro {
position: relative;
float: right;
background: url(../images/btn_close.gif/$file/btn_close.gif) 0 0 no-repeat;
display: block;
height: 20px;
right: 26px;
text-indent: -9999px;
margin: 10px;
width: 58px;
}
.intro a#close_intro:hover {
background: url(../images/btn_close.gif/$file/btn_close.gif) -58px 0 no-repeat;
}
.intro div#footer div.container a,
.intro div#footer div.container a img{
position: relative;
float: left;
}
.error{
color:#A80532;
padding-left:5px;
display:inline;
float:left;
width:250px;
}
#poll img {
margin:0px;
padding:0px;
}
#ajanvaraus {
color:#000000;
}
#ajanvaraus h1{
color:#000000;
margin: 15px 0px 15px 0px;
}
#kuvat .smg , #tulos .smg{
display:inline;
}
#kuvat img, #tulos img{
padding-right:15px;
padding-bottom:15px;
}
a#kilpailu{
/*background: url(../images/designroom_pallo.png/$file/designroom_pallo.png) no-repeat;*/
background: url(../images/ac_tila.png/$file/ac_tila.png) no-repeat;
z-index:1003;
position:absolute;
left:770px;
top:210px;
margin:0;
padding:0;
display:inline;
width:199px;
height:199px;
}
#kilpailu a{
width:199px;
height:199px;
background-position: 0px 0px;
}
/*TALVITAPAHTUMA */
a#talvitapahtuma{
background: url(../images/left_kamppis2.png/$file/left_kamppis2.png) no-repeat;
z-index:101;
position:absolute;
left:50px;
top:350px;
margin:0;
padding:0;
display:inline;
width:230px;
height:150px;
}
#content #content_large_column_wide {
float: left;
background: none;
padding: 20px 40px 0 0px;
width: 870px;
position:relative;
z-index: 50;
}
div#content_large_column_wide div.text_padding{
float: left;
padding: 0 20px 20px 0;
width:450px;
min-height:200px;
}
div#content_large_column_wide .box{
width:230px;
height:120px;
background-color:#ffffff;
color:#000000;
padding:15px;
float:left;
margin:20px 20px 0 0;
}
div#content_large_column_wide .box_last{
clear:left;
}
div#content_large_column_wide .wide{
width:510px;
}
div#content_large_column_wide .height{
height:150px;
}
div#content_large_column_wide .box li{
list-style:circle;
list-style-position:inside;
}
 
.box h3.exclamation {
font-size:1.2em;
background: transparent url(../images/ico_exclamation_mark_ball.gif/$file/ico_exclamation_mark_ball.gif) 0 0 no-repeat;
padding: 0px 0 10px 28px;
margin:0;
}
#content_large_column_wide div.text_padding_wide{
clear:left;
float: left;
padding: 0 20px 20px 0;
width:99%;
min-height:300px;
}
#taustakuva{
background:  url(../images/isokuva.png/$file/isokuva.png) no-repeat;
position:absolute;
left:500px;
top:-85px;
width:352px;
height:440px;
z-index:10;
}
.talvikamppis a {
font-size:0.9em;
color: #878787;
text-decoration:underline;
}
ol {
list-style-type:decimal;
list-style-position:inside;
}
/* FORMI*/
form#matkalahjakortti {
position: relative;
float: left;
color: #ffffff;
padding: 20px 20px 20px 0px;
width: 510px;
}
form#matkalahjakortti fieldset{
width: 500px;
padding-bottom: 20px;
/*background: url(../images/bg_hr.gif/$file/bg_hr.gif) 0 bottom repeat-x;*/
}
form#make_reservation fieldset.fieldset_bottom_none {
background: none;
}
#btn_matkalahjakortti {
clear:left;
float:left;
display:block;
margin-top:20px;
}
form#matkalahjakortti span.required {
color: #878787;
font-size: 0.8em;
margin: 8px 0 0 10px;
float:left;
}
#button{
clear:left;
float:left;
width:100px;
height:35px;
background: transparent url(../images/laheta_button.png/$file/laheta_button.png) 0 0 no-repeat;
border:none;
margin:20px 0 0 0px;
}
form#matkalahjakortti .wide_input {
margin: 0.3em 0  0.3em 0;
padding:0;
}
form#matkalahjakortti .last {
width:288px;
}
form#matkalahjakortti .pnro {
width:100px;
margin-right:10px;
}
.text_padding a img{
margin:0px;
padding:0px;
border:none;
float:left;
}