@import "base.css";
@import "grid.css";

h1{
	font-size:22px; font-weight:bold;margin-right:20px;
	color:#777; display:none;
}

h1.small{
	border-bottom:1px solid #aaa; color: #666; text-transform:uppercase;
	font-size:16px;margin-right:20px;
}

h2{
	font-size:18px;
}


h3{
	font-size:17px; color:#004d89;font-weight:normal;
}

a{
	color:#004d89;	
}

a:visited{
	color:#333;
}
/* body 
=============================================================================*/
body{

	font-size:13px;padding-bottom:0px;font-family:Helvetica, Arial;
}

#body_wrapper.home{
	background: url('images/body_bg.png') top center repeat-x #fff;
	padding-top:0;padding-bottom:5px;background-position:0 25px;
}

#body_wrapper.default{
	background: url('images/body_bg2.png') top center repeat-x #fff;
	padding-top:0;padding-bottom:5px;background-position:0 25px;
}



/* Header
=============================================================================*/

#header{
	height:120px;
}

.header_en{
	height:100px;
}

#body_wrapper.default #header{
	height:110px;
}

#header img{
	margin-top:10px;
	
}

#header_logo{
}

#header_contact{
	color: #fff;margin-top:20px;text-align:right;font-size:12px;
	background:#666;opacity:0.8;padding:20px;width:250px;float:right;
	margin-right:20px;
}

/*	Navigation
============================================================================*/
#language{
	height:20px;
}

#language ul{
	text-align:right;float:right;
}
#language ul li{
	list-style-type:none;float:left;margin-left:10px;
}

#language #fi{
	background:url("images/fi.png") top left no-repeat; height:20px;width:24px;
}

#language #en{
	background:url("images/en.png") top left no-repeat; height:20px;width:24px;
}

#language #ru{
	background:url("images/ru.png") top left no-repeat; height:20px;width:24px;
}
#language a{
	text-decoration:none;display:block;height:20;width:24px;
}
#language span.hidden{
	visibility:hidden;
}

#language #ru{
}

#navigation{
	margin-top:17px; text-align:right;font-size:11px;
}

#navigation_en{
		text-align:right;font-size:10px;padding-top:0;margin-top:17px;
		width:780px;
}

#navigation_en ul{
	margin:0 0 0 5px;padding:0;
}



#navigation ul li,#navigation_en ul li{
	list-style-type:none; float:left;padding:4px 6px;margin-right:0;
	
}

#navigation_en ul li{
	list-style-type:none; float:left;padding:3px 4px;margin-right:0;
	
}

#navigation ul li.active, #navigation_en ul li.active{
	background:#004d89;-moz-border-radius:5px;border-radius:5px;
}

#navigation ul li:hover,#navigation_en ul li:hover{
	background:#b1d1e2;-moz-border-radius:5px;border-radius:5px;
}

#navigation ul li a ,#navigation_en ul li a{
	color:#000; font-weight:bold;text-transform:uppercase;
	text-decoration:none;height:15px;padding:5px;
}

#navigation ul li.active a, #navigation_en ul li.active a{
	color:#fff;
}

#navigation ul li ul, #navigation_en ul li ul,#foot_navigation ul li ul{
	display:none;
}

#navigation_en #fi,#navigation_en #en,#navigation_en #ru{
	padding:0;
}

	/*Sivuvalikko*/

#sub_navigation{
}

#sub_navigation ul{
	margin:0; padding:0;
}

#sub_navigation ul li{
	list-style-type:none;padding:10px 0 0 10px;
	font-size:14px; margin:0 0 0;
	border-top:1px solid #ddd;
	display:block;
}

#sub_navigation ul li a{
	text-decoration:none;display:block;padding-bottom:5px;
}
#sub_navigation ul li.active a{
	font-size:18px;
}

#sub_navigation ul li.active ul li a{
	font-size:12px;
}


#sub_navigation ul li.active, #sub_navigation ul li.active ul li{
}


#sub_navigation li.tree_path a, 
#sub_navigation li.current_page a 
{
	font-weight:bold;
}

#sub_navigation ul li.tree_path li.tree_path a{
	font-weight:bold;
}

#sub_navigation ul li.tree_path li a,
#sub_navigation ul li.tree_path li.tree_path  li a
{
	font-weight:normal;
}

#sub_navigation ul li.tree_path li.tree_path li.current_page a, 
#sub_navigation ul li.tree_path li.current_page a
{
	font-weight:bold;
}

#sub_navigation a.open_menu{
	float:right;position:relative;margin-top:-25px;font-weight:normal;
}

#foot_navigation ul{
	margin:0;padding:0;
}

#foot_navigation ul li{
	list-style-type:none;border-bottom:1px solid #ddd;padding:5px 0 5px 0;
}

#foot_navigation a{
	color:#004d89; font-size:14px; text-decoration:none;
}

#breadcrumbs{
	padding-top:10px;margin-bottom:0;
}

#breadcrumbs p{
	margin:0;padding-left:10px;
}
#breadcrumbs ul{
	margin:0 0 0 0; float:left; font-size:11px;
}

#breadcrumbs ul li{
	list-style-type:none; display:inline;padding:0;
}

#breadcrumbs ul li a{
	padding-right:5px;padding-left:5px;font-size:11px;
}

/* Front_flash
=============================================================================*/
#front_flash{
	background:url("images/front_flash_bg.png") top left no-repeat;height:429px;
	margin-top:-10px;padding-top:30px;
}

#front_flash_video{
	background:url("images/front_flash_bg.png") top left no-repeat;height:399px;
	margin-top:-10px;padding-top:60px;
}

#flash_txt{
	padding-top:60px;font-size:16px; color:#fff;
}

#flash_txt h2{
	color:#fff;font-size:24px;background:#004d89;padding:15px 12px 12px 12px;
	-moz-border-radius:5px;border-radius:5px;
}

#flash_img{
	background:url('images/front_flash_img_bg.png') top left no-repeat; height:360px;
	width:540px;padding:10px;
}

#flash_video{
	background:url('images/front_flash_img_bg.png') top left no-repeat; height:300px;
	width:540px;padding:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;
}


#flash_img img{
	width:540px;
}

.read_more a{
	color:#fff;font-size:14px;background:#004d89;padding:8px 6px 6px 6px;
	-moz-border-radius:5px;border-radius:5px; text-decoration:none;
	float:left;margin-right:20px;
}

.fb_share{
	margin-top:5px;float:left;
}

#front_flash2{
	background:url("images/front_flash_bg2.png") top left no-repeat;height:53px;
	padding-top:22px;margin-bottom:0;
}

#front_flash2 h1{
	font-size:26px; color:#fff; display:inline;font-weight:normal;
}

/* Main
=============================================================================*/

#main{
	padding-bottom:20px;
	padding-top:10px;
}

#body_wrapper.default #main{
	padding-top:10px;
}

#main h2{
	color:#000;font-size:24px; background:#b1d1e2;padding:10px 7px 7px 7px;
	-moz-border-radius:5px;border-radius:5px;
}

#main img{
	border:1px solid #ccc;padding:2px;
}

form{
	background:#f2f1f0; padding:10px;margin-left:20px;margin-right:20px;
	border:1px solid #ccc;
}

label{clear:left; width:120px;float:left;height:20px;margin-bottom:4px;}

input.text{
	height:16px;margin-bottom:8px; width:250px;
}

input.submit2{
	margin-top:10px; clear:both;
}

textarea{width:400px;height:150px;}

#content_right{
	padding:15px;margin-left:20px; width:280px;
	background:#f2f2f2;border:1px solid #e9e9e9;
}

.content_image img{
	width:295px;
}

/*
	front_products
*/

#products{
	margin-bottom:40px;
}

#products h2{
	color:#fff;font-size:20px;
	margin:-58px 1px 0 2px;display:block;text-align:center;
	position:relative;width:186px;background:#666
}

#product1,#product2,#product3,#product4{
	height:200px; width:200px;margin:0 10px 0 10px;
	text-align:center;color:#fff;
}

#products img{
	width:200px;
}

#products img{
	border:0;
}

/*
	Tuotekortti
============================================================================*/

.product_preview{
	margin-bottom:20px;border:1px solid #ccc;padding-bottom:15px;
	background:#fafafa; padding:12px; width:614px;
}

.product_preview strong{
}

.product_preview p{
	margin-left:10px;
}

#main .product_preview h2{
	color:#004d89;font-size:22px;font-weight:normal;
	border-bottom:1px solid #ccc;padding-bottom:3px;
	background:transparent;
}
.product_preview .read_more{
	float:right;
}
.product_preview .read_more a{
	color:#000;font-size:14px;background:#b1d1e2;padding:6px 10px 6px 10px;
	-moz-border-radius:5px;border-radius:5px; text-decoration:none;
	float:left;margin-right:20px;font-size:12px;
}

.product_img{
	width:184px;
}

#product_card_image img, .product_img img{
	width:164px; background:#fff;
}

/*	Lomake
============================================================================*/
form h3{
	font-size:24px;padding:10px 0 5px 0;margin:0 10px 5px 10px;
	border-bottom:1px solid #ccc;
}

.form_row textarea{
	width:538px;
}

.form_submit{
	padding-bottom:20px;padding-left:20px;width:520px;border:none;
}

.form_submit input.submit{
	color:#fff;font-size:14px;background:#004d89;padding:9px 11px;
	-moz-border-radius:5px;border-radius:5px; text-decoration:none;
	float:left;margin-right:20px;border:none;font-weight:normal;
}


/* Vuokrataulu
==========================================================================*/
.telerik-reTable-4, #vuokra{
	border-collapse:collapse;width:95%;border:1px solid #000;
}

.telerik-reTable-4 td{
	border-bottom:1px solid #999;
}
/* Footer
=============================================================================*/

#footer{
	padding-top:10px;background:#f2f1f1;padding-bottom:1px;padding-top:15px;
	border-top:1px solid #ccc;
}

#footer h3{
	font-size:16px;font-weight:normal; border-bottom:1px solid #ccc;
}
#footer_content{
	padding-top:15px;
}

#copyright{
	font-size:11px; color:#999;margin-top:20px;
}