html, body {
	margin: 0;
	padding: 0;
	color: #333333;
	font-family: Arial, sans-serif;
	font-size: 100%;
	height:100%
}



hr {
	
}

select, input
{
    font-size:100%;
    font-family: Arial, sans-serif;
}



h1 {
	clear: both;
	font-size: 145%;

}

h2 {
	clear: both;
	font-size: 140%;

}

h3, h4, h5, h6 {
	clear: both;
	font-size: 100%;
}


a:link, a:active, a:visited {
	text-decoration: underline;
	color:#000;

}
a:link img, a:active img, a:visited img
{
    border:0;
} 

.hide
{
    display:none;
}
.clear
{
  clear:both;
}
.arrow_r
{
   background: transparent url('../images/arrow_r.gif') no-repeat 0 .2em;
   padding-left:16px; 
}

.arrow_l
{
   background: transparent url('../images/arrow_l.gif') no-repeat 0 .2em;
   padding-left:16px; 
}

.maincolor_light
{
    background-color:#EEEEEE;
}

.maincolor_normal
{
    background-color:#666;
}


.maincolor_dark
{
        background-color:#ccc;
}


#body
{
background: #EEEEEE url('../images/bg.gif') repeat-y center top;
  text-align: center; 

}

#page_maintitle
{
    display:none;
}

#wrapper
{
   font-size:75%;  
   width:920px;
   margin:0 auto; 
   position:relative;
    min-height:100%;
  text-align: left; 
  background-color:#fff;
 

}
#mainform
{
     min-height:100%;
     margin:0;
     padding:0;


}





/*Ylätunniste*/

#top
{
    font-size:94%;
    padding:5px;
 

}

#top a, #top a:visited
{
    text-decoration:none;
}
#top a:hover
{
    text-decoration:underline;
}

#lang
{
    margin:0;
	padding: 0;
	list-style-type: none;
}

#lang li
{
    float:left;
    margin-right:10px;
}

#lang li a,#lang li a:visited
{
    display:block;
    padding:0 0 0 21px;

}


#lang #lang_fi
{
    background: transparent url('../images/flag_fi.gif') no-repeat 0 .2em;
}

#lang #lang_en
{
    background: transparent url('../images/flag_en.gif') no-repeat 0 .2em;
}

#tools
{
    float:right;
}



#text-small
{
    font-size:10px;
    color:#666;
    padding:0 3px 0 3px;

}
#text-medium
{
    font-size:12px;
    color:#666;
    padding:0 3px 0 3px;
}
#text-large
{
    font-size:14px;
    color:#666;
    padding:0 3px 0 3px;

}


/*Yläkuva*/

#header_pic
{
    height:105px;
    clear:both;
    cursor:pointer;
    cursor:hand;
}

/*Päävalikko*/

#mainmenu
{
    background: transparent url(../images/mainmenu_bg.jpg) no-repeat;
    height:40px;
    position:relative;
}

#mainmenu ul
{
    margin:0;
	padding:0;
	list-style-type: none;
    font-size:112%;
    position:absolute;
    bottom:0;
    left:5px;
 
}

#mainmenu li
{
    float:left;
}

#mainmenu li a,#mainmenu li a:visited
{
    display:block;
    padding:6px 15px 12px 15px;
    text-decoration:none;
    font-weight:bold;
}

#mainmenu li a:hover
{
    text-decoration:underline;
}

#mainmenu .active a,#mainmenu .active a:visited
{
    color:#000;
}

#mainmenu .active a:hover
{
    text-decoration:none;
}


#mainmenu .active {
    background:#fff  url(../images/mainmenu_item_l.gif) no-repeat left top;
    color:#000;

  }
#mainmenu .active a,#mainmenu .active a:visited {
    background:transparent url(../images/mainmenu_item_r.gif) no-repeat right top;
    color:#000;
    font-weight:bold;
}



/*Ostoskori*/

#header_basket
{
	position:absolute; 
	top:135px; 
	left:655px; 
	height:70px; 
	width:254px; 
	z-index:4000; 
}

#header_basket ul
{
    margin:0;
	padding: 0;
	list-style-type: none;
	  
}
#header_basket #basket_header_button {
	
    margin: 0;
    padding: 0;
    height:60px;
    width:254px;
    display:block;
     background:transparent url(../images/header_basket.png) no-repeat;
}
#header_basket #basket_header_button_empty {
           
    margin: 0;
    padding: 0;
    height:60px;
    width:254px;
    display:block;
     background:transparent url(../images/header_basket_empty.png) no-repeat;
}

#header_basket li 
{
}

#header_basket li ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:254px;
    margin:0;
 
}


#header_basket li:hover ul, #header_basket li.sfhover ul {
    left:auto;
    margin-top:4px;
}

#header_basket p
{
    margin:0 0 0 15px;
}

#open_basket
{
    color:#000;
    font-weight:bold;
    text-decoration:none;
    display:block;
    padding:11px 0 10px 48px;
    overflow:hidden;
    position:relative;
   
}



#header_basket #header_basket_content
{
    background:transparent url(../images/header_basket_dropdown_bg.png) repeat-y;
    width:254px;
    float:left;

}

#header_basket_content table 
{  
	width:235px;
	margin:8px 0 0 10px;
}

#header_basket_content table td,#header_basket_content table th
{
	padding:5px;
}	

#header_basket_content thead th
{
    display:none;
	text-align:left;
}

#header_basket_content tbody th
{
	text-align:left;
    width:55%;
}

#header_basket_content tfoot td
{
	text-align:right;
	font-weight:bold;
}

#header_basket_content tfoot #total
{
	text-align:left;
	font-weight:bold;
}

#header_basket_content tbody td
{
}

#header_basket #header_basket_modify
{
    text-align:left;
    padding-top:15px;
}

#header_basket #header_basket_clear
{
    text-align:left;
    padding-top:15px;
}

#header_basket #header_basket_order
{
    text-align:right; 
     padding-top:15px; 
}

#header_basket #basket_header_bottom
{
    background:transparent url(../images/header_basket_bottom.png) no-repeat center bottom;
    width:254px; 
    position:relative;
    height:15px;
    float:left;     
}


/*Polku*/

#breadcrumb
{
    height:30px;
    background: transparent url('../images/path_bg.gif') no-repeat;
    font-size:94%;
    position:relative;
}

#breadcrumb p
{
    margin:0 0 0 10px;
    padding:8px 0 0 0;
}

#breadcrumb a{
    background: transparent url(../images/arrow_r_small.gif) no-repeat center right;
    padding-right: 10px; 
    margin-right:2px;

}

#breadcrumb a:visited, #breadcrumb a:active{

}

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



/*Sisältö*/

#content
{
   width:900px;
 margin:15px 0 0 10px;
    background-color:#fff;
    position:relative;
    padding-bottom:45px;
    text-align:left;
   

}


/*Alatunniste*/

#footer
{
      font-size:90%;
      text-align:center;
      border-top:solid 1px #EEEEEE;
      padding:10px 0 10px 0;
      color:#666;
      /*position: absolute;*/
	  bottom: 0;
	  width:920px;
	  left:0;
}


/*Infogate lärpäke*/
#infogate_tab
{
    position:absolute;
    top:24px;
    right:-39px;
    width:28px;
    height:74px;
    text-indent:-5000em;
}
#infogate_tab a, #infogate_tab a:visited
{
    display:block;
    width:28px;
    height:74px;
    text-indent:-5000em;
    background: transparent url('../images/infogate_tab.gif') no-repeat;
}

#infogate_tab a:hover
{
    background: transparent url('../images/infogate_tab_hover.gif') no-repeat;
}



/*Lomakkeet*/

form
{
 margin:0;
 padding:0;

   
}

#frm_search
{

}
.frm_label
{
        clear:both;
        float:left;
        margin-bottom:3px;
       
}

.frm_ruler
{
    clear:both;
    height:1px;
   line-height:1px;
   font-size:1px;
   overflow:hidden;
   margin-bottom:3px;
    
    
}

.frm_required
{
  background: transparent url(../images/icon_required.gif) no-repeat right top;  
  padding-right:10px;
   font-weight:bold; 
}

.title_required
{
    font-weight:normal;
    margin-left:10px;
    font-size:94%;
}

.frm_title
{
      
        width:160px;
        font-weight:bold;
          float:left;
          line-height:160%;
}

.frm_title_text
{
   
}

.passenger_title
{
	font-weight:bold;
	width:160px;
	padding-top:3px;
}

 .frm_title label
{
    margin:0;
    padding:0;
    font-size:100%;
  padding:5px 5px 5px 10px;
    display:block;

   
}

.frm_content
{
  float:left;
  background-color:#fff;
  padding:5px 5px 5px 10px;
  line-height:160%;
  position:relative;
}

 .calendar_arrow
{
    background: transparent url(../images/icon_arrow_r_16.gif) no-repeat;
    text-indent:-5000em;
    width:16px;
    height:16px;
    margin:0 5px 0 5px;  
}

.btn_calendar
{
         border:0;
         background: transparent url(../images/btn_calendar.gif) no-repeat;
         width:20px;
         height:20px;
         cursor: pointer; /* hand-shaped cursor */
         cursor: hand; /* for IE 5.x */
         margin:0;
         text-indent:-5000em;
         margin-left:3px;

}

.btn_map
{
         border:0;
         background: transparent url(../images/btn_map.gif) no-repeat;
         width:20px;
         height:20px;      
         cursor: pointer; /* hand-shaped cursor */
         cursor: hand; /* for IE 5.x */
         margin:0;
         text-indent:-5000em;
        
          margin-left:3px;

}

.btn_login
{
         border:0;
         background: transparent url(../images/btn_login.gif) no-repeat;
         width:130px;
         height:28px;
        
         cursor: pointer; /* hand-shaped cursor */
         cursor: hand; /* for IE 5.x */
         margin:0;
        /* text-indent:-5000em;*/
        /*  float:left;*/
          margin-left:66px;

}
#frm_button_search,#frm_button_next
{
    float:right;
}

#frm_button_prev
{
    float:right;
    margin-right:10px;
}

#frm_button_abort
{
    float:left;
     background: transparent url(../images/frm_button_cancel.gif) no-repeat;
    width:200px;
  
}

#frm_button_print
{
    float:left;
     background: transparent url(../images/frm_button_print.gif) no-repeat;
    width:150px;
  
}

#frm_button_search
{
    float:right;

    
  
}
.frm_buttons
{
    position:relative;
    clear:both;
    height:30px;
    margin-top:15px;
   
}

.frm_button_hi
{
      background: transparent url(../images/frm_button_hi.gif) no-repeat;
      width:200px;
      height:28px;
      text-align:center;
      color:#000;
      border:0;
      font-weight:bold;
      font-size:100%;
 	  display:block;
}

.frm_button_lo
{
      background: transparent url(../images/frm_button_lo.gif) no-repeat;
      width:120px;
      height:28px;
      text-align:center;
      color:#000;
      border:0;
      font-weight:bold;
       display:block;
}


a.frm_button_hi,a.frm_button_lo
{
     font-size:94%;
     text-decoration:none;
     padding-top:8px;
       font-weight:bold;
}

/*Infolaatikko*/

.box
{
    position:relative;
    height:auto;
    width:100%;
}
.box_t_l
{
     background: transparent url(../images/box_t_l.png) no-repeat;
     width:5px;
     height:5px;
     position:absolute;
     top:0;
     left:0;
          font-size:0px;
}
.box_t_r
{
       background: transparent url(../images/box_t_r.png) no-repeat;
      
       width:5px;
        height:5px;
         position:absolute;
        top:0;
        right:0;
             font-size:0px;
}

.box_m
{
   padding:10px 10px 5px 15px;
 
}



.box_m h1
{
 margin:0;
 font-size:112%; 

}

.box_m .help
{
    background: transparent url(../images/icon_help_16.gif) no-repeat;
    padding-left:21px;
 display:none;
}

.box_m p
{
   margin:5px 5px 5px 21px;
 
}

.box_b_l
{
     background: transparent url(../images/box_b_l.png) no-repeat left bottom;
     width:5px;
     height:5px;
     position:absolute;
     bottom:0;
     left:0;
     font-size:0px;
}
.box_b_r
{
     background: transparent url(../images/box_b_r.png) no-repeat right bottom;
     width:5px;
     height:5px;
     position:absolute;
     bottom:0;
     right:0;
     font-size:0px;
    
}


/*Välilehden tyylit*/

/*Tabs styles*/

.page_tabs
{
 
  background: transparent url(../images/page_tabs_l.gif) no-repeat top left;
  position:relative;
  clear:both;
  margin-top:10px;
	
}

.page_tabs_inner{


   background: transparent url(../images/page_tabs_r.gif) no-repeat top right;
  position:relative;

height:30px;


}

.tablist{
margin:0;
  padding:0;
  list-style:none; 
float:left;
position:absolute;
bottom:0;
left:5px;

}


.tablist li{
float:left;
  background-image:url(../images/tab_l.gif);
  background-repeat:no-repeat;
  margin:0 5px 0 0;
  padding:0;
}


.tablist_radio li{

  background-image:url(../images/tab_l_radio.gif);
 
}

.tablist li a
{
 float:left;
  display:block;
   background:transparent url(../images/tab_r.gif) no-repeat right top;
  padding:5px 10px 5px  10px;
  text-decoration:none;
  color:#000;

}

.tablist_radio li a
{
 
  padding:5px 10px 5px  22px;


}

.tablist li input
{
display:none;
}

.tablist li a:hover
{
    text-decoration:underline;
}


.tablist .current {
  background:#fff  url(../images/tab_l_active.gif) no-repeat left top;

}

.tablist_radio .current {
  background:#fff  url(../images/tab_l_radio_active.gif) no-repeat left top;

}


.tablist .current a {
   background:transparent url(../images/tab_r_active.gif) no-repeat right top;
  padding:5px 10px 5px 10px;
  font-weight:bold;

}

.tablist_radio .current a {

  padding:5px 10px 5px 22px;


}



.page_tabs_content
{
padding:0 1px 1px 1px;  
position:relative;

		
}

.tab_content

{
    background-color:#fff;
      padding:10px 10px 10px 10px;
      position:relative;
      height:auto;

 
     
      

}


.tab_frm_col
{
  float:left;
    width:32%;
    margin-right:10px;
     position:relative;
   
}
.tab_frm_col .tab_frm_grouptitle
{
padding:3px 5px 3px 5px;
font-weight:bold;
position:relative;
clear:both;
}

.tab_frm_col .tab_frm_grouptitle .help
{
      /*background: transparent url(../images/icon_help_16.gif) no-repeat;*/
      position:absolute;
      right:5px;
      width:16px;
      height:16px;
      text-indent:-5000em;
      
}

.tab_frm_col .tab_frm_title
{
width:100px;
padding:5px;
float:left;
}

.tab_frm_col .tab_frm_content
{
padding:5px;
float:left;
}

.tab_frm_col .tab_frm_content select
{

}



/*Tuotelista*/

.product_list_nav
{
    position:relative;
    clear:both;
    height:30px;

}

.product_list_nav_result
{
    float:left;
    width:20%;
}

.product_list_nav_pagination
{
   float:left;
   text-align:center;
   width:60%;
}


.product_list_nav_pagination ul{
margin: 0 auto;
padding: 0;
text-align: center;
width:360px;

}

.product_list_nav_pagination li{
list-style-type: none;
float:left;


}

.product_list_nav_pagination li a, .product_list_nav_pagination li a:visited{
padding: 0 5px;
border: 1px solid #fff;
text-decoration: none; 
display:block;

}

.product_list_nav_pagination li a:hover, .product_list_nav_pagination li a:active{
border: 1px solid #000;
color: #000;
}

.product_list_nav_pagination li.first,
.product_list_nav_pagination li.previous, 
.product_list_nav_pagination li.next, 
.product_list_nav_pagination li.last
{
    text-indent:-5000em;
    width:17px;
    height:17px;
    border:none;
}

.product_list_nav_pagination li.first a:,.product_list_nav_pagination li.first a:visited,
.product_list_nav_pagination li.previous a, .product_list_nav_pagination li.previous a:hover,.product_list_nav_pagination li.previous a:visited,
.product_list_nav_pagination li.next a, .product_list_nav_pagination li.next a:hover,.product_list_nav_pagination li.next a:visited,
.product_list_nav_pagination li.last a, .product_list_nav_pagination li.last a:hover,.product_list_nav_pagination .last a:visited
{
  
     text-indent:-5000em;
    width:17px;
    height:17px;
    border:none;
}


.product_list_nav_pagination li.first{
background:#fff  url(../images/arrow_first.gif) no-repeat;
margin-right:5px;
}

.product_list_nav_pagination li.first_disabled{
background:#fff  url(../images/arrow_first_disabled.gif) no-repeat;
}

.product_list_nav_pagination li.previous{
background:#fff  url(../images/arrow_previous.gif) no-repeat;
margin-right:15px;
}

.product_list_nav_pagination li.previous_disabled{
background:#fff  url(../images/arrow_previous_disabled.gif) no-repeat;
}

.product_list_nav_pagination .next{
background:#fff  url(../images/arrow_next.gif) no-repeat;
margin-left:5px;
}

.product_list_nav_pagination .next_disabled{
background:#fff  url(../images/arrow_next_disabled.gif) no-repeat;


}

.product_list_nav_pagination .last{
background:#fff  url(../images/arrow_last.gif) no-repeat;
margin-left:5px;
}

.product_list_nav_pagination .last_disabled{
background:#fff  url(../images/arrow_last_disabled.gif) no-repeat;
}


.product_list_nav_pagination li.currentpage{
font-weight: bold;
padding: 0 5px;
border:none;
}


.product_list_nav_pagination li.nextpage{
font-weight: bold;
}

.product_list_nav_pagination .dots
{
    margin-right:5px;
    margin-left:5px;
}


.product_list_nav_count
{
      float:right;
      text-align:right;
      width:20%;
}


.product_list
{
clear:both;
padding-top:5px;

}

.product_list table {
	
	border-collapse:collapse;
	text-align:left;
	width:100%;
	
}

.product_list caption 
{
    display:none;
}
  
.product_list thead th, .product_list tfoot th, .product_list tfoot td {

	border-right: 1px solid #fff;
padding:5px 10px 5px 10px;
}

.product_list thead .selected_sort
{
       background-image:url(../images/arrow_small_d_sort.gif);
    background-repeat:no-repeat;
    background-position:right 10px;
  
}


.product_list .thead_l
{
    background-image:url(../images/page_tabs_l.gif);
    background-repeat:no-repeat;
     width:100px;
  
}

.product_list .thead_r
{
         background-image:url(../images/page_tabs_r.gif);
    background-repeat:no-repeat;
    background-position:right top;
     width:50px;
     text-align:center;
}
.product_list .thead_2
{

}
.product_list .thead_3
{
    width:90px;
}
.product_list .thead_4
{
     width:90px;
}
.product_list .thead_5
{
     width:50px;
}
.product_list .thead_6
{
     width:50px;
}
.product_list .thead_7
{
      width:70px;
}



  
.product_list tfoot th, .product_list tfoot td {
	
}


.product_list td, .product_list th {
	padding:10px;

}
.product_list .row_1
{
    width:100px;
    text-align:center;
      
}

.product_list .row_1 a,.product_list .row_1 a:visited
{
    width:90px;
    height:60px;
 
}

.product_list td p, .product_list th p{
	margin:10px 0;
}

.product_list tbody tr th, .product_list tbody tr td {

	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
}


.product_list .odd {

}
.product_list .star_1
{
    width:88px;
    height:16px;
      background:url(../images/star_1.gif) no-repeat;
           text-indent:-5000em;
}

.product_list .star_2 
{
    width:88px;
    height:16px;
      background:url(../images/star_2.gif) no-repeat;
           text-indent:-5000em;
}
.product_list .star_3 
{
    width:88px;
    height:16px;
      background:url(../images/star_3.gif) no-repeat;
           text-indent:-5000em;
}
.product_list .star_4 
{
    width:88px;
    height:16px;
      background:url(../images/star_4.gif) no-repeat;
           text-indent:-5000em;
}

.product_list .star_5 
{
    width:88px;
    height:16px;
      background:url(../images/star_5.gif) no-repeat;
           text-indent:-5000em;
}

.product_list .add_to_basket
{
    text-align:center;

}

.add_to_basket_button
{
      background:url(../images/add_to_basket.png) no-repeat;
      width:48px;
      height:48px;
      display:block;    
          margin:0 auto;
      
}


.add_to_basket a, .add_to_basket a:visited
{

   width:48px;
      height:48px;
      display:block;
      position:relative;
       text-indent:-5000em;
}



.col_top_l
{
    float:left;
    width:65%;
   
}

.col_top_r
{
    float:left;
     width:35%;
    
}

.col_front_top_l
{
    float:left;
    width:30%;
   
}

.col_front_top_r
{
    float:left;
    width:68%;
    margin-left:18px;
    
}

#loading
{
     background:url(../images/1x1_80.png);
     position:absolute;
     top:0px;
     height:100%;
     width:920px;
     z-index:5000;
     text-align:center;
     display:none;
}

#loading_panel_fi
{
    margin:250px auto;
    background:url(../images/loading_panel_fi.png);
    width:115px;
    height:61px;
    position:relative;   
}

#loading_panel_en
{
    margin:250px auto;
    background:url(../images/loading_panel_en.png);
    width:115px;
    height:61px;
    position:relative;   
}


#loading_bar
{
     background:url(../images/loading_bar.gif);
     width:65px;
     height:13px;
     text-indent:-5000em;
     position:absolute;
     top:32px;
     left:25px;
     font-size:0px;
     
}



/* Tuotekortti */

#card_nav
{
    position:relative;
  
}

#back_to_list
{
     float:left;
          font-weight:bold;
}

#print_card
{
     float:right;
     margin-right:10px;
     font-weight:bold;

  
}

#send_card
{
    float:right;
         font-weight:bold;
}


#card_title
{
    position:relative;
    padding:3px 0px 3px 0px;
    margin-top:10px;
   
   

}

#card_title H1
{
    display:inline;
    margin:0 0 0 15px;
    padding:0;
    font-size:160%;
    
    
}
#card_title .star_3
{
     background:url(../images/star_3.gif) no-repeat right top;
     padding-right:100px;
}
 #card_title H1 span
{
    display:none;
}
 

#card_title span
{
   

}

#card_left_col
{
    float:left;
    width:540px;
    position:relative;
}

#card_left_col .box
{
margin:10px 0 10px 0;


}

#card_left_col .box p
{
margin:5px 0;
}

#card_left_col .box h2
{
    text-decoration:underline;
}

#card_add_to_basket
{
      background: transparent url(../images/card_add_to_basket.png) no-repeat;
      width:160px;
      height:40px;
      text-align:center;
      
      color:#000;
      border:0;
      font-weight:bold;
      text-indent:30px;
      font-size:100%;
      position:absolute;
      right:10px;
      top:25px;
      cursor:pointer;
}

#card_right_col
{
     float:left;
     width:350px;
     margin-left:10px;
     position:relative;

}

p.card_desc
{
    margin:15px 10px;
}

#basic_info_col
{
    float:left;
    width:238px;
    
}

#location_col
{
    float:left;
    width:238px;
    margin-left:10px;
   

}

#basic_info_col h3, #location_col h3
{
    margin:0 0 3px 0;
    padding:5px;
}

.row_title
{
    float:left;
    width:130px;
    padding:2px 0px;
    
}

.row_title_wide
{
    float:left;
    width:540px;
    padding:2px 5px;
    
}

.row_content
{
 margin-left:130px;
    padding:2px 5px;


    
}


#location_col .row_title
{
    float:left;
    width:80px;

    
}


#location_col .row_content
{
 margin-left:85px;
    
}

 
#card_left_col .page_tabs
{
    margin-top:10px;
    clear:both;
}

#card_right_col .page_tabs
{

    clear:both;
}

#card_pics
{
    position:relative;
  margin-top:10px;


}

#card_pics img
{
  border:0;
}
.pic_l
{
    margin-bottom:3px; 
    clear:both;
    position:relative;
   
    
    
}

.pic_l img
{ 
    margin:2px;
    max-width:536px;
    /* IE Image max-width */
    width: expression(this.width > 536 ? 536: true);
}


.pic_l #zoom
{
  width:24px;
  height:24px;
  display:block;
  position:absolute;
  top:250px;
  right:0;
   background-image:url(../images/icon_zoom_plus_16.gif);
   background-repeat:no-repeat;
   background-position:2px 2px;
   text-indent:-5000em;
  }

.pic_s
{  
    float:left; 
    margin:4px 0 5px 0px;
    padding:0;
    position:relative;
}

.pic_s img:hover 
{
	cursor: pointer;
	cursor:hand
}

.pic_s img
{
    width:90px;
    height:60px;
    margin:2px;
}


.table_common
{

	text-align:left;
	width:100%;

}

.table_common caption
{
    display:none;
  
}

.table_common thead
{
  
}

  
.table_common  thead th, .table_common  tfoot th, .table_common tfoot td {

	border-right: 1px solid #fff;
    padding:5px 10px 5px 10px;
}
.table_common tfoot td
{
    	border-top: 1px solid #fff;
}

 
.table_common  tfoot th, .table_common  td {
	border-right: 1px solid #fff;
}


.table_common  td, .table_common  th {
	padding:10px;
border-right: 1px solid #fff;

}



.table_common  tbody tr th {

width:200px;	
}

.table_common .tr_ruler
{
    height:1px;
    padding:0;
    line-height:1px;
 
  
}

.table_common .add_to_basket
{
    width:70px;

}

.calendar_legends
{
margin:3px 5px;
}


.calendar_legends span
{

    display:block;
    float:left;
    margin-right:10px;
    

}

.calendar_legends .calendar_available,.calendar_legends .calendar_notavailable, .calendar_legends .calendar_selected
{

    width:12px;
    height:12px;
     margin-right:5px;
     border:solid 1px #fff;

}

.calendar_available
{
    background-color:#D6EBCC;
}
.calendar_notavailable
{
    background-color:#FFB2B2;
    color:Black;
}

.calendar_selected
{
    background-color:#FFD699;
}
.calendar_today
{
    background-image:url(../images/calendar_today.gif);  
    background-repeat:no-repeat;
    background-position: 4px 4px;
}

#reservationCalendar .arrow_l,#reservationCalendar .arrow_r
{
    text-indent:-5000em;
    padding:0;
    text-align:left;
    display:block;
    width:16px;
    height:16px;
    background-position:center center;
}

/*Ostoskori navi */

#basket_nav
{
    position:relative;
    margin:10px 0 20px 0;
    float:left;
    width:100%;
   
}

#basket_nav ul{
margin:0 0 0 5px;
  padding:0;
  list-style:none; 
 float:left;

}


#basket_nav li{
float:left;
 height:30px;
 width:178px;
 margin:5px 0 0 0;


}



#basket_nav li a, #basket_nav li span
{
    padding:8px 10px 10px 45px;
    display:block;
    position:relative;
    font-weight:bold;
}


#basket_nav .step1
{
      background:transparent url(../images/basket_nav_step1.png) no-repeat;
}

#basket_nav .step1_active
{
  background:transparent url(../images/basket_nav_step1_active.png) no-repeat;
}

#basket_nav .step1_visited
{
  background:transparent url(../images/basket_nav_step1_visited.png) no-repeat;
}

#basket_nav .step2
{
      background:transparent url(../images/basket_nav_step2.png) no-repeat;
}

#basket_nav .step2_active
{
  background:transparent url(../images/basket_nav_step2_active.png) no-repeat;
}

#basket_nav .step2_visited
{
  background:transparent url(../images/basket_nav_step2_visited.png) no-repeat;
}

#basket_nav .step3
{
      background:transparent url(../images/basket_nav_step3.png) no-repeat;
}

#basket_nav .step3_active
{
  background:transparent url(../images/basket_nav_step3_active.png) no-repeat;
}

#basket_nav .step3_visited
{
  background:transparent url(../images/basket_nav_step3_visited.png) no-repeat;
}

#basket_nav .step4
{
      background:transparent url(../images/basket_nav_step4.png) no-repeat;
}

#basket_nav .step4_active
{
  background:transparent url(../images/basket_nav_step4_active.png) no-repeat;
}

#basket_nav .step4_visited
{
  background:transparent url(../images/basket_nav_step4_visited.png) no-repeat;
}

#basket_nav .step5
{
      background:transparent url(../images/basket_nav_step5.png) no-repeat;
}

#basket_nav .step5_active
{
  background:transparent url(../images/basket_nav_step5_active.png) no-repeat;
}

#basket_title
{
    position:relative;
    padding:0px 0 0 10px;
}
#basket_title h1
{
font-size:160%;
margin:0;
padding:12px 0px 16px 52px;
background-color:Transparent;
}

#basket_title p
{
margin:0 15px 15px 52px;
}


.basket_title_ostoskori
{
    background:transparent url(../images/title_icon_step1.gif) no-repeat;
}

.basket_title_step_2
{
    background:transparent url(../images/title_icon_step2.gif) no-repeat;
}
.basket_title_step_3
{
    background:transparent url(../images/title_icon_step3.gif) no-repeat;
}

.basket_title_step_4
{
    background:transparent url(../images/title_icon_step3.gif) no-repeat;
}

.basket_title_step_5
{
    background:transparent url(../images/title_icon_step5.gif) no-repeat;
}



.remove_from_basket_button
{
     background:transparent url(../images/icon_delete_16.png) no-repeat;
     margin:0 auto;
       display:block;
    width:16px;
    height:16px;
}
.remove_from_basket_button a
{
    display:block;
    width:16px;
    height:16px;
    text-indent:-5000em;
    position:relative;
}

#basket_content .sum_title
{
    font-weight:bold;
}
#basket_content .sum_price
{
    font-weight:bold;
    font-size:110%;
}
#basket_content .table_common p
{
    margin:0;
}
#basket_content .table_common
{
    background-color:#fff;
    border:solid 3px #fff;

}

#basket_content .table_common .remove_from_basket
{
    width:40px;
    border:0;
}

.basket_col_1
{

}
.basket_col_2
{
  
}
.basket_col_3,.basket_col_4,.basket_col_5
{
    width:10%;
}
.basket_col_6
{
width:20px;
}

/*Sub products*/

.sub_products
{
    font-size:94%;


}

.sub_products_tree
{
   background:transparent url(../images/sub_products_left_bg.gif) no-repeat bottom left;
   width:12px;
   height:30px;
   position:absolute;
   top:-10px;
   left:-12px;
}

.sub_products_content
{
    border: dotted 1px #999999;
    margin-left:16px;
    margin-top:-10px;
        position:relative;
}


.sub_products thead
{
    display:none;
}
.sub_products .arrow_r
{
    background:none;
    padding-left:12px;
    background:transparent url(../images/sub_products_dot.gif) no-repeat 0px 5px;
}


.sub_products .table_common  td,.sub_products .table_common  th
{
  padding:5px 5px 5px 10px;
}

.sub_products .table_common  tbody tr th {

width:180px;
}

.sub_1
{
	/*width:%;*/
}
.sub_2
{
	width:15%;
}
.sub_3
{
     width:15%;      
}
.sub_4
{
    width:10%;
}
.sub_5
{
	width:11%;
}
.sub_6
{
	width:2%;	
}


.dialog_title
{
    position:relative;
    margin-top:20px;
}
.dialog_title h3
{
   margin:0;
   padding:5px 0 5px 15px;
   font-size:100%;
   font-weight:bold;
}

.dialog_content
{
   
    padding:0 1px 1px 1px;
   

}

.dialog_content_inner
{
  
    background-color:#fff;
    padding:5px;

  
  
}


.dialog_content_inner .frm_col
{
    float:left;
    margin-right:5px;
}

#get_userinfo 
{
	float:left;
    margin-top:10px;
    width:400px;
}

#get_userinfo div
{
   /* float:left;
    margin-top:10px;
    width:125px;*/
 
}


#get_userinfo div a
{
  
    font-size:94%;
    margin:5px 0 15px 0;
    display:block;
 
}
#get_userinfo label
{

}
#get_userinfo input
{
	
}

#get_userinfo .userName 
{
	width:190px;
}

#get_userinfo .password 
{
	width:190px;
}

#get_userinfo .btn_login
{
/*margin-top:20px;
clear:right;*/

}

.security
{
        background: transparent url(../images/icon_lock_16.gif) no-repeat;
    padding-left:21px;
}

.sampo
{
     background: transparent url(../images/sampo.gif) no-repeat 25px top;
     height:50px;
     position:relative;
     display:block;
   width:80px;
  
}
.sampo input
{
    margin:12px 0 0 0;
  
    padding:0;
  
}

.sampo span
{
    display:block;
    margin:8px 0 0 20px;  
}

.aktia
{
     background: transparent url(../images/sppopmaksu.gif) no-repeat 25px top;
     height:50px;
     position:relative;
     display:block;
   width:80px;
  
}
.aktia input
{
    margin:12px 0 0 0;
  
    padding:0;
  
}

.aktia span
{
    display:block;
    margin:8px 0 0 20px;  
}

.nordea
{
     background: transparent url(../images/nordea.gif) no-repeat 25px top;
     height:50px;
     position:relative;
     display:block;
     width:110px;
  
}
.nordea input
{
    margin:12px 0 0 0;
  
    padding:0;
  
}

.nordea span
{
    display:block;
    margin:8px 0 0 30px;  
}

.op
{
     background: transparent url(../images/op.gif) no-repeat 25px top;
     height:50px;
     position:relative;
     display:block;
      width:90px;
  
}
.op input
{
    margin:12px 0 0 0;
  
    padding:0;
  
}

.op span
{
    display:block;
    margin:8px 0 0 5px;  
}

.visa
{
     background: transparent url(../images/visa.gif) no-repeat 25px top;
     height:50px;
     position:relative;
     display:block;
    
     width:80px;
  
}
.visa input
{
    margin:12px 0 0 0;
  
    padding:0;
  
}

.visa span
{
    display:block;
    margin:8px 0 0 32px;  
}
.mastercard
{
     background: transparent url(../images/mastercard.gif) no-repeat 25px top;
     height:50px;
     position:relative;
     display:block;
     width:100px;
  
}
.mastercard input
{
    margin:12px 0 0 0;
  
    padding:0;
  
}

.mastercard span
{
    display:block;
    margin:8px 0 0 15px;  
}

.american_express
{
     background: transparent url(../images/amex.gif) no-repeat 25px top;
     height:50px;
     position:relative;
     display:block;
     width:210px;
  
}
.american_express input
{
    margin:12px 0 0 0;
  
    padding:0;
  
}

.american_express span
{
    display:block;
    margin:8px 0 0 15px;  
}

.suomen_verkkomaksut
{
     background: transparent url(../images/sv_logo_vaaka_8.jpg) no-repeat 25px top;
     height:90px;
     position:relative;
     display:block;
     width:410px;
  
}
.suomen_verkkomaksut input
{
    margin:12px 0 0 0;
  
    padding:0;
  
}

.suomen_verkkomaksut span
{
    display:block;
    margin:8px 0 0 15px;  
}

.ideal
{
     background: transparent url(../images/ideal_logo.gif) no-repeat 25px top;
     height:50px;
     position:relative;
     display:block;
    
     width:80px;
  
}
.ideal input
{
    margin:12px 0 0 0;
  
    padding:0;
  
}

.ideal span
{
    display:block;
    margin:16px 0 0 32px;  
}



.visa_verified 
{
	background: transparent url(../images/visa_verified.gif) no-repeat 25px top;
    height:50px;
    position:relative;
    float:left;
    display:block;
    width:50px;
	margin:10px 0 0 32px;  
}

.visa_electron
{
	background: transparent url(../images/electron.gif) no-repeat 25px top;
    height:50px;
    position:relative;
    float:left;
    display:block;
    width:75px;
	margin:5px 0 0 22px;  
}

.master_securicode 
{
	background: transparent url(../images/master_secure.gif) no-repeat 25px top;
    height:50px;
    position:relative;
    display:block;
    width:80px;
	margin:0px 0 0 175px;  
}

.small_productlist .table_common
{

  float:left;
  width:710px;

}

.small_productlist .table_common thead
{
display:none;
}

.small_productlist .table_common  tbody tr th 
{
    width:120px;
   
}

.table_common  td, .table_common  th {
	

}




.shortSearchField
{
	width:40px;
	text-align:right;
}



.frm_button_next
{
	 background: transparent url(../images/frm_button_hi.gif) no-repeat;
     width:220px;
     height:28px;
     text-align:center;
     color:#000;
     border:0;
     font-weight:bold;
     font-size:100%;
	 float:right;
}


.frm_button_prev
{
    float:right;
    margin-right:10px;
    background: transparent url(../images/frm_button_lo.gif) no-repeat;
    width:120px;
    height:28px;
    text-align:center;
    color:#000;
    border:0;
    font-weight:bold;
}

.dateSelectionDiv
{
	/*background:url(../images/1x1_80.png);*/
	height:100px;
	width:220px;
	text-align:center;
	position:absolute;
    left:35%;
    top:55%;
    background-color:#EEEEEE;
    display:none;
}

.frm_button_abort
{
    float:left;
    background: transparent url(../images/frm_button_cancel.gif) no-repeat;
    width:150px;
    background: transparent url(../images/frm_button_lo.gif) no-repeat;
    width:120px;
    height:28px;
    text-align:center;
    color:#000;
    border:0;
    font-weight:bold;
  
}
#card_right_panel 
{
	width:404px;
	float:left;
}

#card_left_panel 
{
	width:486px;
	float:left;
}


#card_left_col_lower
{
    width:404px;
    position:relative;
    margin:10px;

}

#card_right_col_lower
{

     width:404px;
     margin-left:10px;
     position:relative;
}

.help_title_text
{
	padding:3px 5px 3px 5px;
	font-weight:bold;
	position:relative;
	clear:both;
	text-align:left;
	font-size:75%;
}

.help_content
{
	padding:3px 5px 3px 5px;
	position:relative;
	clear:both;
	text-align:left;
	font-size:75%;
	background-color:#fff

}

.help_button_close
{
    float:right;
    margin-right:10px;
    background: transparent url(../images/frm_button_lo.gif) no-repeat;
    width:120px;
    height:28px;
    text-align:center;
    color:#000;
    border:0;
    font-weight:bold;
    font-size:75%;
}


.clear_cart
{
   background: transparent url('../images/clear.gif') no-repeat 0 .2em;
   padding-left:18px; 
}


.selected_duration 
{
	margin: 2px 3px 2px 3px;
	padding: 2px 3px 2px 3px;
}

.notselected_duration 
{
	margin: 2px 3px 2px 3px;
	padding: 2px 3px 2px 3px;
}



/*Product card order options*/

.prod_order_option
{
	background: transparent url(../images/arrow_next.gif) no-repeat 0 4px; 
	padding:5px 0 5px 0px; 
	position:relative; 
	width:100%;

}
.option_title
{
    font-weight:bold; 
    float:left; 
    width:110px; 
    padding-left:22px;
}
.option_value
{
    float:left;
    padding-left:10px;
}

.prod_order_price
{
    font-weight:bold; 
    font-size:135%; 
    padding:3px 0; 
    width:100%; 
}
.option_price
{
    float:right;
    padding-right:10px;
     font-weight:bold;

    text-decoration:underline;
}


.prod_order_basket 
{
    background: transparent url(../images/add_to_basket_l.gif) no-repeat;
     height:40px;
      
        padding-left:44px;


       
}
.prod_order_basket a 
{
   background: transparent url(../images/add_to_basket_r.gif) no-repeat right top;
   display:block;
    height:40px;
    padding-top:12px;
    font-weight:bold;
    font-size:112%;
    text-decoration:none;
    text-align:left;

}

.line
{
  height:1px; 
  clear:both; 
  border:0; 
  margin:5px 0; 
  font-size:0px; 
  line-height:0;
}
.calendar_help
{
    font-size:94%;
    padding:5px 0;
    display:block;
}

.frm_long_field
{
	width: 255px;
}

.TooltipText
{
	background-color:#EEEEEE;
	font-family:Arial,sans-serif;
	color:Black;
}

.TooltipTitle
{
	background-color:#BDE4FE;
	font-family:Arial,sans-serif;
	color:Black;
}

.frm_button_prev_n
{
    float:right;
    margin-right:10px;
    background: transparent url(../images/frm_button_lo.gif) no-repeat;
    width:120px;
    height:28px;
    text-align:center;
    color:#000;
    border:0;
    font-weight:bold;
}


/* Rekisteröintilomake */

.Register_help
{
      background: transparent url(../images/icon_help_16.gif) no-repeat;
      position:absolute;
      width:16px;
      height:16px;
      text-indent:-5000em;
      margin-left:4px;
 }
 
 .passenger_field 
 {
	float:left;
	padding-right:5px;
 }
 
 /* tuotekategorian infoteksti hakulomakkeella */
 .category_info 
 {
	padding-bottom:15px;
	font-size:7pt;
	font-weight:bold;
 }
 
 /* Tuotekortin googlemaps -kontrolli */
 .card_google_maps 
 {
	width:540px;
	height:350px;
 }
 
 .product_card_date 
 {
	float:left;
 }
 
 .product_card_date_search 
 {
	float:left;
	padding-left:7px;
	padding-top:2px;
 }
 
 .product_card_date_search input 
 {
	height:22px;
	width:44px;
 }
 
 .get_user_info_col 
 {
	width:95px;
	float:left;
	padding-top:4px;
 }
 
 #mj_login 
 {
	float:left;
 }

#login_form 
{
	text-align:left;
	font-size:10px;
}

.login_value input
{
	width: 240px;	
}

#ui-dialog-title-login_form 
{
	font-size:12px;
}

.ui-dialog .ui-dialog-buttonpane button
{
	font-size:12px;
}


.user_reservation_column .header 
{
	font-weight:bold;
	width:100px;
	float:left;
	padding-top:4px;
	text-align:center;
}

.user_reservation_column .short_header 
{
	font-weight:bold;
	width:20px;
	float:left;
	padding-top:4px;
	text-align:center;
}

.user_reservation_column .long_header 
{
	font-weight:bold;
	width:128px;
	float:left;
	padding-top:4px;
	text-align:left;
}



.maincolor_light .user_reservation_column .item
{
	width:100px;
	float:left;
	padding-top:4px;
	text-align:right;

}

.user_reservation_column .item
{
	width:100px;
	float:left;
	padding-top:4px;
	text-align:right;
}

.maincolor_light .user_reservation_column .item_center
{
	width:100px;
	float:left;
	padding-top:4px;
	text-align:center;

}

.user_reservation_column .item_center
{
	width:100px;
	float:left;
	padding-top:4px;
	text-align:center;
}

.user_reservation_column .item_left
{
	width:120px;
	float:left;
	padding-top:4px;
	padding-left:8px;
	text-align:left;
}

.user_reservation_column .item_icon
{
	width:20px;
	float:left;
	padding-top:4px;
	padding-left:4px;
	text-align:left;
}

.reservation_status_info 
{
	padding-bottom:20px;
}

.payment_reminder 
{
	text-align:right;
	padding-top:5px;
	font-size:12px;
	font-weight:bold;
}