DIV {margin: 0px;}
FORM {margin: 0px;}
IMG {border: 0px;}

BODY {background: #006699; font: 12px Verdana, sans-serif; line-height: 1.5em; font-weight: normal; padding: 0; margin: 0; color: #000000}
p, ul {margin: 0; padding: 0; list-style:none}
img {border: 0 none;}

a {outline:none}

a:link, a:visited {text-decoration: underline; color: #145992}
a:hover, a:active {text-decoration: underline; color: #145992}

h1 {font: 22px Century Gothic, Georgia!important; color: #016797; margin:8px 0px 3px}
h2 {font: 18px Century Gothic, Georgia; color: #016797; margin:10px 0 8px 0;}
h3 {font: 14px Century Gothic, Verdana; color: #006699; font-weight: bold; margin:20px 0 8px 0;border-bottom: 0px solid #ddd} 

.otsikko2 {font-family: Century Gothic, Georgia!important;color: #016797!important;}
.startext {font-weight: bold;padding-top: 10px;font-size:10px;color:#666;}


.btn_orange {text-align:center;margin-left:0px;margin-top:0px;background: url(/img/btn_oran.jpg) 0px 0px; height:55px; width: 100%;}
.btn_orange img {padding-top:3px}
.btn_orange:hover {background: url(/img/btn_oran2.jpg) 0px 0px;}

.logo {position:absolute;z-index:100;background: url(/img/new/logo.png) no-repeat;width:188px;height:37px;margin:18px 0 4px 20px;}

.tarjoukset a, .tarjoukset h3 {text-decoration:none!important;border:0!important}
.tarjoukset h1 {font:18px trebuchet MS,Georgia;line-height:1.1em;margin-bottom:5px;}

.centralarea_links h3, #EditPollForm2 h3 {font: 14px Verdana; color: #006699; font-weight: bold; margin:8px 0 8px 0;border-bottom: 0px} 
.ac_results{z-index:100}

.input {border: 1px solid; border-color: black; font-family: tahoma, sans-serif; font-size: 8pt; background-color: white;}
.submit {font-family: verdana, sans-serif; font-size: 7pt; background-color: white;}
.select {border: 1px solid; border-color: #7F9DB9; font-family: verdana, sans-serif; font-size: 8pt; background-color: #FFFFFF;}

.tarjoukset a {text-decoration:none}
.tarjoukset h1 {font:18px trebuchet MS,Georgia;line-height:1.1em;margin-bottom:5px;}

#CONTENT MIDDLEEE{}
.texts ul, .content_middle ul {margin-left:35px; list-style:disc!important;margin-bottom:15px;}
.common_img {float:left;padding:10px;height:140px;width:31%;margin-bottom:10px}

.clear {clear:both}  
.clear10 {clear:both; height: 10px} 
.clearleft {clear:left} 
.clearleft10 {clear:left; height: 10px} 
.clearleft20 {clear:left; height: 20px} 

.clearright {clear:right} 

.left {float:left!important}
.right {float:right!important}

.padding10 {padding:10px}
.padding15 {padding:15px}
.padding20 {padding:20px}

.topmenu {position: absolute; bottom: 0;float:right;width:100%;}
.topmenu .list {float:right;background:url(/img/menus/sagamatkat_07.jpg) repeat-x bottom right}
.topmenu ul {} 
.topmenu li {float:left;display:inline;margin: 25px 0 0;padding:7px 0 5px 7px;background: url(/img/menus/separator.jpg) no-repeat top right}
 
.topmenu li a {text-decoration:none;padding:14px 12px 16px 2px;font-family: Century Gothic, sans-serif;text-transform:uppercase;font-size:14px}
.topmenu li a:hover {text-decoration:underline;}

.laatikko_mini_area  {width:70% }
.laatikko_mini_box {font:11px Verdana;float:left;padding-right:3%;width:47%;margin-top:10px;height:175px; }
.laatikko_mini {margin-right: 10px;border-left: 0px solid #81B2CB; padding-left: 15px; font: 12px Verdana;}
.laatikko_mini a {font: 12px Verdana}
 

#boxoffer {font:11px Verdana;float:left;padding-right:3%;width:30%;height:195px;}
.boxoffer_inside {padding-right:10%;width:80%;height:110px;border-right:2px solid #81B2CB;}
.boxoffer_header {width:100%;font-weight:bold;}
.boxoffer_price {float:right;font-weight:bold;color:#ff0000;padding-top:3%;width:20%;}
.boxoffer_image {width:100%;height:110px;}
.boxoffer_link {color:#ff0000;width:70%;padding:5px;}
.boxoffer_link a {font:11px Verdana;text-decoration:underline}
.boxoffer_link a:hover {font:11px Verdana;text-decoration:none}

.bookmenu {padding-left:5%;font:11px Verdana;display:block}
.bookmenu_header {background:#589ABB;margin-top:8px;margin-bottom:8px;font:bold 12px Verdana;padding:5px;text-align:center;color:#fff}

.bookmenu ul {padding-left:10px;padding-top: 5px;width:195px;margin:auto} 
.bookmenu ul div {text-decoration:underline;float:left;padding-top:26px;text-align:center;}
.bookmenu ul a {color:#8DBAD0;font:11px Verdana;}

.paging { width:100%;font:11px Verdana}

.favsandtrips {padding-left:5%;padding-top:10px;background:#F4F8FB url(/img/varaa_bg.png) repeat-x;} 

.bookingengine {text-align:left;float:right;margin-top:0px;width:100%;background:#69A4C2 url(/img/book_middle.png) repeat-x;}
.lineoffer {font:11px Verdana;clear:left;width:100%;height:26px;background:url(/img/lineoffer_bg2.png) repeat-x bottom left}
.lineoffer a {font:11px Verdana;text-decoration:none}
.lineoffer a:hover {font:11px Verdana;text-decoration:underline}
.lineoffer_name {padding:4px;float:left;width:41%}  

.bookingmenu {height:198px;margin-left:5%;}  
.bookingmenu ul {width:133px;padding-top: 0px;} 
.bookingmenu li {padding:7px;margin-bottom:2px;font:13px Verdana;background: url(/img/new/booking_input_left.png) no-repeat scroll left bottom} 

.bookingmenu .arrow {padding-top:1px;padding-bottom:2px;padding-right:22px;padding-left:10px;background:url(/img/book_arrow.gif) no-repeat top right}
.bookingmenu li a {text-decoration:none;}
.bookingmenu li a:hover {text-decoration:none;color: #999;}

.bookingmenu li img {left: 90%;
    margin-top: -4px;
    position: absolute;
    right: 0;
}
.userlogin {z-index:200;position:absolute;top:-7px;height:83px;width:217px;margin-left:18px;margin-right:8px;background:url(/img/ainaedullisesti.png) no-repeat;}
.userinfo {float: left; height: 60px;}

.main {width: 97%; min-width: 990px; max-width: 1320px; margin: auto;}
#main {width:100%;display:table;background: #fff url(/img/main_bg.jpg) repeat-y top right}


#slider_main, .tab_area { width:100%; }
#slider_main li a { padding:0; }
#slider_main ul {position:absolute;width:260px;margin:0;padding:0;list-style:none;border:none!important;background:transparent!important}
#slider_main ul li {border:none!important;padding:5px;width:250px;float:none;list-style:none;background:transparent!important} 
#slider_main ul li.ui-state-active, #slider_main ul li .ui-widget-content .ui-state-active { background: url(/img/scroll_window_li_bg.png) no-repeat right top!important; color: #000; }
#slider_main ul li.ui-state-active a, #slider_main ul li .ui-state-active a:link, #slider_main ul li .ui-state-active a:visited { color: #000; text-decoration: none; }
#slider_main .ui-widget-header { background: transparent } 
#slider_main .img_window {width:100%;height:245px;}  
 

.pricebox {margin-top:150px;text-align:center;float:right;padding:5px 17px 5px 10px;margin-right:8px;height:72px;background: url(/img/scroll_window_price_bg.png) no-repeat right top}
#slide .pricebox {margin-top:141px;background: url(/img/scroll_window_price_bg2.png) no-repeat right top;height:85px;}
#slide .leftbg {margin-top:141px;} 
.pricebox a h2 {margin:7px 0 0!important;color:#003399!important;font:normal 20px Arial!important;text-decoration:underline}
.pricebox a h2:hover {color:#0066cc!important}
.pricebox .price {color:#fff;text-shadow:1px 1px 0 #BBBBBB;font:bold 30px Arial}
.pricebox .price span {font:normal 12px Arial}

#slider_main .slider_price {color: #FF0000;float: right;font-weight: bold}
#slider_main ul li a span {color:#145992;font:normal 14px Verdana;text-decoration:underline}
#slider_main ul li.ui-state-active a span {color:#666;text-shadow:none;font:normal 14px Verdana;text-decoration:none}



#menu {float:left; width: 23%;margin-top:-13px}
.menu_top {background: url(/img/menus/sagamatkat_17.jpg) no-repeat top left;height:13px;margin-right:9px}
.menu_bot {background: url(/img/menus/sagamatkat_42.jpg) no-repeat top left;height:15px;}
.menu_bot_r {background: url(/img/menus/sagamatkat_42.jpg) no-repeat top right;height:15px;width:15px;float:right}
.menu_bg {background: url(/img/menus/sagamatkat_28.png) repeat-y top left}

#menu ul {padding-top:7px;} 
#menu ul .current_2 {margin:5px -3px 0 0;font:15px Century Gothic, sans-serif;padding:4px 0 0 20px;color:#fff;line-height:1.5em;background:url(/img/menus/sagamatkat_25.png) no-repeat;height:30px;}
#menu ul .current_2 a {font-weight:bold;color:#145992;text-decoration:none}
#menu ul .current_3 a {font-weight:bold;text-decoration:none}
#menu ul li {background: url(/img/menus/sagamatkat_66.jpg) repeat-x bottom left; margin:0 20px 0 20px;font:15px Century Gothic, sans-serif; padding:0 0 5px 0; color:#145992; line-height: 1.7em}
#menu ul li a {text-transform:uppercase;text-decoration:none;}
#menu ul li a:hover {text-decoration:underline;color:#7FB2C9}
#menu ul ul li {background:transparent;margin-left:10px;margin-bottom:5px;line-height:1.2em;}
#menu ul ul li a {color:#666;line-height:1em;font:14px Century Gothic, sans-serif;text-decoration:none} 
#menu ul ul li a:hover {text-decoration:underline} 
#menu ul .submenu {margin-bottom: 10px;}
#menu ul .submenu li {margin-left: 20px; font: 12px Verdana; padding:0; color:#145992; line-height: 1.5em}

.current_4 a {font-weight:bold}

.menucorner_left {
    background: url(/img/menu_corners.jpg) no-repeat scroll 0 0 transparent;
    float: left;
    height: 8px;
    width: 8px;
}
 
.ordernews {background: url(/img/menus/sagamatkat_46.jpg) no-repeat top left;height: 65px;padding:2px 0 0 60px;margin:10px 0 0 16px;}
.ordernews h1 {}
.breadcrums {padding-left: 10px;}
.centralarea {float:left; width: 77%;}
.centralcorner_right {z-index: 2; float: right; height: 28px; background:url(/img/centralarea_corner.png) no-repeat; width: 31px}

.rightmenu {float:right;width:27%;margin-left: 7px; margin-right: 0.5%;}
.centralarea_menu .centralarea_links, .centralarea_menu2 .centralarea_links {background: #fbfbfb url(/img/centralarea_menu_bg.jpg) repeat-x;}
.centralarea_menu .centralarea_links h3 {text-transform:uppercase;padding:8px!important;margin:0!important;font-family:Century Gothic, sans-serif;color:#fff!important;background: url(/img/menus/bar.jpg) no-repeat top left;} 
.centralarea_menu .centralarea_links ul li, .centralarea_menu2 .centralarea_links ul li {margin:0 5px;line-height:1em;padding:5px 10px 4px 10px;background: url(/img/menus/sagamatkat_66.jpg) repeat-x bottom left;}
.centralarea_menu .centralarea_links ul li a {font-family:Century Gothic, sans-serif;font-size:13px;line-height:1.0em;text-decoration:none;color:#136FA2}
.centralarea_menu2 .centralarea_links ul li a {font-family:Century Gothic, sans-serif;font-size:12px;line-height:1.0em;text-decoration:none;color:#136FA2}



.centralarea_menu2 .centralarea_links h3 {text-transform:uppercase;padding:8px!important;margin-bottom:6px;font-family:Century Gothic, sans-serif;color:#fff!important;background: url(/img/menus/bar2.jpg) no-repeat top left;} 

.centralarea_links ul {margin:0px; list-style: none!important;}
.centralarea_links ul li a span {line-height:1.4em}
.centralarea_links ul li a:hover {text-decoration:underline}

.centralarea_offers {background: #FFE28D; font: bold 11px Verdana; padding: 8px}
.centralarea_offer {background: #ffffcc; font: 11px Verdana; padding: 8px}

.centralarea_menu ul a {color: #fff;} 
.centralarea_menu ul a:hover {color: #d3d3d3}


.slidetexts {display:none;margin-bottom:15px;border-left:2px solid #81B2CB;padding-left:20px;width:67%}
.slidebutton {background: #f9f9f9; padding: 3px; margin-right:10px; float: left; border: 1px solid #ddd;}


.topborder_left {height: 5px; width: 5px; background: url(/img/main_corners.jpg) no-repeat top left}
.bannerborder_left {height: 150px; width: 5px; background: url(/img/banner1_borders.png) no-repeat top left}
.bannerborder_right {float: right; height: 150px; width: 5px; background: url(/img/banner1_borders.png) no-repeat -5px 0px}

.bannerborder4_topleft {height: 5px; width: 5px; background-position: top left}
.bannerborder4_topright {float: right; height: 5px; width: 5px; background-position: -5px 0px}
.bannerborder4_bottomleft {height: 5px; width: 5px; background-position: 0px -7px}
.bannerborder4_bottomright {float: right; height: 5px; width: 5px; background-position: -5px -7px}

.wh, .wr {background-image: url(/img/banner_borders4.png)}
.gr {background-image: url(/img/banner_borders4g.png)}

.index_header {font:14px Tahoma;color:#fff;padding-left:3px;letter-spacing:0.05em}




#FOOTER CONTENT{}
.footer {height: 8px; background: #fff url(/img/main_bg.jpg) repeat-y top right} 
.maincornerfooter_left {float: left; height: 8px; background:url(/img/main_corners_footer.jpg) no-repeat; width: 8px}
.maincornerfooter_right {float: right; height: 8px; background:url(/img/main_corners_footer.jpg) no-repeat -8px 0px; width: 8px}
.footer_links  {font-family:trebuchet MS,Georgia;margin:20px;padding:15px;opacity:0.9}
.footer_links ul  {font-family:trebuchet MS,Georgia;float:left;margin-right: 5%}
.footer_links li  {padding-bottom:5px;}
.footer_links h2  {font-family:trebuchet MS,Georgia;color:#ddd;padding-bottom:10px;} 
.footer_links a  {font-family:trebuchet MS,Georgia;font-size:12px;color:#A49FD9;}
.footer_links a:hover  {color:#fff;}
 
.hotelwindow_head {width:70%;margin-bottom:6px}

#hotelwindow {max-width:530px;padding-bottom: 10px;width:100%;font-size:11px;background:#f7f7f7 url(/img/hotel_shadow.jpg) no-repeat center bottom;margin-bottom:20px}
#hotelwindow .hotelwindow_header {background:url(/img/hotel_header_bg.jpg) repeat-x}
#hotelwindow .link {margin-right:15px;padding:2px 25px 0 0;text-transform:uppercase;font-weight:bold;font-size:14;font-family:Century Gothic, Arial;float:left;background: url(/img/dropdown.png) no-repeat top right;}
#hotelwindow .link_closed {margin-right:15px;padding:2px 25px 0 0;text-transform:uppercase;font-weight:bold;font-size:14;font-family:Century Gothic, Arial;float:left;background: url(/img/dropclosed.png) no-repeat top right;}

#hotelwindow h2 {color:#016797;font-weight:bold;margin:0px;font-family:Century Gothic, Arial!important;}
 
#hotelwindow2 {width:514px;padding:0px 10px 10px 10px;font-size:11px;background:#F8F7F5 url(/img/new/hotel_info_top.png) no-repeat center top;}
#hotelwindow2 .type {width:53px;padding:5px;text-align:center}
#hotelwindow2 .type .type_text {line-height:0.9em;font-size:10px;color:#666;} 
#hotelwindow2 h2 {text-shadow: 0px 1px 1px #fff; color:#666; font-weight:bold;padding:17px 0 0 10px}
#hotelwindow2 .hotel_price {width:100px;padding:5px;font-size:10px;color:#666;}
#hotelwindow2 .hotel_price .summ {font:bold 22px Verdana;color:#666;}

.startext {font-size:10px;color:#666;}


#booking_popup   {
width: 400px;
height:200px;
border: 1px solid #666666;
text-align: left;
position:absolute;
padding:20px;
right: 0;
left: 0;
bottom:20%;
margin: 100px auto 0 auto;
background:#ccc;opacity:0.95;z-index:99999 }

#booking_popup_close  {font:bold 20px Verdana;color:#000}

 
 
 
.files {padding-top:20px}
.files ul {padding:0;margin:0}
.files ul .current_2 a {color:#000;text-decoration:none;border-bottom: 0px;}
.files li {background: url(/img/icon_file.png) no-repeat;margin-right: 14px; font: 16px Georgia; font-style: italic; padding:5px 0 5px 28px;}
.files li a, .files li a:visited {text-decoration:none; color: #0000ff;font:14px Calibri,Arial;}
.files li a:hover {text-decoration:underline; color: #ff0000;}
 


.megamenu {
background:#f1f1f1;
border:1px solid #9FC54E;
-moz-border-radius:5px;
-webkit-border-radius:5px;
font-family:helvetica, arial, sans-serif;
font-size:24px;
width:698px;
height:60px;
color:#FFF;
margin:0;
padding:0;
}

.megamenu ul {
text-align:center;
list-style-type:none;
margin:0;
padding:16px;
}

.megamenu ul li {
list-style-type:none;
display:inline;
margin:0;
padding:0;
}

.megamenu ul li a,.megamenu ul li a:visited {
text-decoration:none;
color:#fff;
margin:0;
padding:10px;
}

.megamenu ul li a:hover,.megamenu ul li a:visited:hover {
text-decoration:none;
color:#CEFF65;
margin:0;
padding:10px;
}

.megamenu ul li.downservices {
background:url(http://www.thewebsqueeze.com/samples/mega-menu/demosite/images/arrow.png) 100% 55% no-repeat;
margin:0;
padding:10px 8px 10px 10px;
}

.dropped {
display:none;
text-align:left;
position:absolute;
background:#f2f2f2;
font-size:12px;
z-index:1000;
right:4%;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border:1px solid #000;
margin:0px 0 0 0px;
padding:10px 20px 20px;
}

.dropped p.textleft {
float:left;
font-size:12px;
width:200px;
margin:10px 0 0;
padding:0 20px 15px 10px;
}

.dropped ul.middle {
text-align:left;
float:left;
font-size:12px;
width:180px;
margin:0;
padding:0;
}
.dropped ul.middle li {border:0px;background:transparent;padding:4px;} 
.dropped ul.middle li a {text-decoration:underline} 
.dropped ul.right {
text-align:left;
float:left;
font-size:12px; 
width:178px;
margin:0;
padding:0;
}

.dropped ul.right li a,.dropped ul.middle li a {
list-style-type:none;
display:block;
color:#888;
font-size:12px;
margin:0;
padding:5px 0 5px 20px;
}

.dropped ul.right li a:hover,.dropped ul.middle li a:hover {
list-style-type:none;
color:#9FC54E;
display:block;
font-size:12px;
margin:0;
padding:5px 0 5px 21px;
}



INPUT.#datepicker {color:#fff;width:75px;font:italic 16px Georgia;background:transparent;border:none;padding:0;margin:0;border-bottom:1px dashed #fff;cursor:pointer;cursor:hand}
#datepicker:hover {border-bottom:none}


/ * ************************************************ ***** * /
/ * Style sheet of animation with overlapping * /
/ * Text on transparent background made by Miguel Costa * /
/ * Http://redebiz.net for jQuery Cycle plugin. * /
/ * The values in the properties teem be adjusted * /
/ * The context of the place where they will be inserted. * /
/ * ************************************************ ***** * /


#slideshow {
margin:-42px 0 5px 8px;
position: relative;
z-index: 1;
border: 1px solid black;
}

.slide_buttons {
border: none;
width: 130px;
padding-top:200px;
position: absolute;
z-index: 20;
background-color: transparent;
}
.after img, .before img{
float:left;
border: none;
position: relative;
z-index: 20;
background-color: #fff;
margin-left: 12px;
margin-bottom: 5px;
opacity: 0.9;
width:40px
}
.before img {
left: 0px;
}

#slide {
background-repeat: no-repeat;
width: 100%;
height: 250px;
position: absolute;
left: 2px;
top: 0px;
}

#slide a {text-decoration:none}

.box_f {

position: absolute;
margin: 10px;
right: 0px;
width: 28%;
background-color: #fff;
opacity: 0.8;
z-index: 2;
padding:10px;
}

#slideshow h2, #slideshow h2 a, #slideshow h2 a:visited {
top: 6px;
font-size: 16px;
font-weight: bold;
color: #27507A;
opacity:0.9;
text-decoration: underline;
}

#slideshow h2 a:hover {
color: orange;
}
#numbers a, #numbers a.activeSlide {
position: relative;
left: 15px;
top:-35px;
z-index: 3;
background: # 27507A;
text-decoration: none;
color: # 27507A;
font-weight: bold;
font-family: arial, sans-serif;
padding: 2px 4px 2px 4px;
margin: 0 4px 0 2px;
}



a.button {
    background: transparent url(/img/bg_button_a.png) no-repeat scroll top right;
    color: #fff;
    display: block;
    float: left;
    font: bold 12px Century Gothic,sans-serif, arial;
	text-transform: uppercase;
    height: 33px;
	margin: 4px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
	cursor:hand;
	cursor:pointer;
}

a.button span {
    background: transparent url(/img/bg_button_span.png) no-repeat;
    display: block;
	color:#fff;
	text-shadow: 1px 1px 0px #666;
    line-height: 14px;
    padding: 10px 0 9px 10px;
} 

a.button span img, a.button_oran span img {
    margin: 0 0 0 5px;
} 
		
a.button:active {
    background-position: right -33px!important;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: 0px -33px!important;
    padding: 11px 0 8px 10px; /* push text down 1px */
} 


a.button_oran {
    background: transparent url(/img/bg_button_a.png) no-repeat scroll right -66px!important;
    color: #fff;
    display: block;
    float: left;
    font: bold 12px Century Gothic,sans-serif, arial;
	text-transform: uppercase;
    height: 33px;
	margin: 4px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
	cursor:hand;
	cursor:pointer;
}

a.button_oran span {
    background: transparent url(/img/bg_button_span.png) no-repeat 0px -66px!important;
    display: block;
	color:#fff;
	text-shadow: 1px 1px 0px #999;
    line-height: 14px;
    padding: 10px 0 9px 10px;
} 

		
a.button_oran:active {
    background-position: right -99px!important;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button_oran:active span {
    background-position: 0px -99px!important;
    padding: 11px 0 8px 10px; /* push text down 1px */
}