@charset "utf-8";

body
{
	background: #5b0014 url(../images/body_bg.gif) repeat left top;
	margin: 0;
	padding: 40px 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #6e0415;
	text-align: center;
}


h1
{
	font-size: 14px;
	color: #6e0415;
	font-weight: bold;
	margin: .6em 0;
}

h2
{
	font-size: 13px;
	color: #6e0415;
	font-weight: bold;
	margin: .6em 0;
}

h3
{
	font-size: 12px;
	color: #6e0415;
	font-weight: bold;
	margin: .6em 0;
}

p
{
	margin: .8em 0;
}

a img
{
	border: none;
}

a,
a:link,
a:visited
{
	color: #6e0415;
	text-decoration: underline;
}

a:hover,
a:active
{
	color: #a01b33;
	text-decoration: underline;
}






/* Basic structure */

#outer_wrapper
{
	width: 988px;
	margin: 0 auto;
	padding: 0;
	background: transparent url(../images/outer_wrapper_bg.gif) repeat-y left top;
}

#wrapper
{
	width: 988px;
	position: relative;
	top: -12px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/wrapper_bg.gif) no-repeat left top;
}

#body
{
	text-align: left;
	clear: both;
	width: 988px;
	height: auto !important;
	min-height: 400px;
	height: 400px;
	position: relative;
	bottom: -24px; /* Fancy stuff... must be twice the offset of the wrapper */
	margin: 0;
	padding: 0 0 94px;
	background: transparent url(../images/content_bg.gif) no-repeat left bottom;
}




#head
{
	padding: 42px 0 0 45px;
}

#head h1
{
	width: 278px;
	height: 52px;
	float: left;
	margin: 0 13px 0 0;
	padding: 0;
	overflow: hidden;
	background: transparent url(../images/masthead.gif) no-repeat left top;
}

#head h1 a,
#head h1 a:link,
#head h1 a:visited,
#head h1 a:hover,
#head h1 a:active
{
	display: block;
	width: 278px;
	height: 52px;
	background: transparent url(../images/masthead.gif) no-repeat left top;
}







#navbar
{
	float: left;
	width: 613px;
	height: 40px;
	margin: 20px 0 0;
	overflow: hidden;
	background: transparent url(../images/navbar_bg.gif) no-repeat right top;
}



ul#navi
{
	width: 564px;
	height: 40px;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#navi li
{
	float: left;
	margin: 0;
	padding: 0;
}

ul#navi li a,
ul#navi li a:link,
ul#navi li a:visited,
ul#navi li a:hover,
ul#navi li a:active
{
	display: block;
	cursor: pointer;
	height: 40px;
}


li#navitem_1,
li#navitem_1 a,
li#navitem_1 a:link,
li#navitem_1 a:visited
{
	line-height: 40px;
	width: 96px;
	background: transparent url(../images/navitems.gif) no-repeat left top;
}

li#navitem_1.active a,
li#navitem_1.active a:link,
li#navitem_1.active a:visited,
li#navitem_1 a:hover,
li#navitem_1 a:active
{
	background: transparent url(../images/navitems.gif) no-repeat left -40px;
}

li#navitem_2,
li#navitem_2 a,
li#navitem_2 a:link,
li#navitem_2 a:visited
{
	width: 104px;
	background: transparent url(../images/navitems.gif) no-repeat -96px top;
}

li#navitem_2.active a,
li#navitem_2.active a:link,
li#navitem_2.active a:visited,
li#navitem_2 a:hover,
li#navitem_2 a:active
{
	background: transparent url(../images/navitems.gif) no-repeat -96px -40px;
}

li#navitem_3,
li#navitem_3 a,
li#navitem_3 a:link,
li#navitem_3 a:visited
{
	width: 66px;
	background: transparent url(../images/navitems.gif) no-repeat -200px top;
}

li#navitem_3.active a,
li#navitem_3.active a:link,
li#navitem_3.active a:visited,
li#navitem_3 a:hover,
li#navitem_3 a:active
{
	background: transparent url(../images/navitems.gif) no-repeat -200px -40px;
}

li#navitem_4,
li#navitem_4 a,
li#navitem_4 a:link,
li#navitem_4 a:visited
{
	width: 106px;
	background: transparent url(../images/navitems.gif) no-repeat -266px top;
}

li#navitem_4.active a,
li#navitem_4.active a:link,
li#navitem_4.active a:visited,
li#navitem_4 a:hover,
li#navitem_4 a:active
{
	background: transparent url(../images/navitems.gif) no-repeat -266px -40px;
}

li#navitem_5,
li#navitem_5 a,
li#navitem_5 a:link,
li#navitem_5 a:visited
{
	width: 79px;
	background: transparent url(../images/navitems.gif) no-repeat -372px top;
}

li#navitem_5.active a,
li#navitem_5.active a:link,
li#navitem_5.active a:visited,
li#navitem_5 a:hover,
li#navitem_5 a:active
{
	background: transparent url(../images/navitems.gif) no-repeat -372px -40px;
}

li#navitem_6,
li#navitem_6 a,
li#navitem_6 a:link,
li#navitem_6 a:visited
{
	width: 113px;
	background: transparent url(../images/navitems.gif) no-repeat -451px top;
}

li#navitem_6.active a,
li#navitem_6.active a:link,
li#navitem_6.active a:visited,
li#navitem_6 a:hover,
li#navitem_6 a:active
{
	background: transparent url(../images/navitems.gif) no-repeat -451px -40px;
}









/* Subnavi */

#subnavi
{
	display: inline;
	margin: 0 6px 0 53px;
	width: 133px;
	height: 405px;
	float: left;
	overflow: auto;
	color: #fff;
	scrollbar-face-color:#760019;
  	scrollbar-arrow-color:#000000;
  	scrollbar-track-color:#c83d54;
  	scrollbar-shadow-color:#801f37;
  	scrollbar-highlight-color:#be3248;
  	scrollbar-3dlight-color:#be3248;
  	scrollbar-darkshadow-Color:#401028;
}

#subnavi h2
{
	font-size: 11px;
	margin: 0 0 .6em 0;
	padding: 0;
}

#subnavi a,
#subnavi a:link,
#subnavi a:visited
{
	color: #fff;
	text-decoration: none;
}

#subnavi a:hover,
#subnavi a:active
{
	text-decoration: none;
	color: #fdc502;
}

#subnavi ul,
#subnavi ul li
{
	font-size: 11px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#subnavi ul ul
{
	margin: 0 0 0 10px;
}

#subnavi ul li a.active,
#subnavi ul li a.active:link,
#subnavi ul li a.active:visited,
#subnavi ul li a.active:hover,
#subnavi ul li a.active:active,
#subnavi ul li a.haschildrenactive,
#subnavi ul li a.haschildrenactive:link,
#subnavi ul li a.haschildrenactive:visited,
#subnavi ul li a.haschildrenactive:hover,
#subnavi ul li a.haschildrenactive:active
{
	text-decoration: underline;
}








/* Content */

#content
{
	width: 753px;
	height: auto !important;
	min-height: 403px;
	height: 403px;
	float: left;
	background-color: #fdf2e2;
	border: 1px solid #6d0617;
}

#content_head
{
	background: #6d0617 url(../images/content_head_bg.gif) repeat-x left top;
	padding: 15px 25px;
	font-size: 14px;
	color: #fff;
	margin: 0 0 15px 0;
}

#content_body
{
	margin: 15px 25px;
	overflow: auto;
}


#standard_wide #content
{
	display: inline;
	float: left;
	width: 892px;
	margin-left: 48px;
}

#standard_wide #reklanet_form
{
	margin: 15px 25px;
	overflow: auto;
}








/* Restaurant page */

#restaurant_head_wrapper
{
	background: #6d0617 url(../images/content_head_bg.gif) repeat-x left top;
	padding: 15px 25px;
	margin: 0 0 15px 0;
	color: #fff;
}

#restaurant_head_wrapper #content_head
{
	font-size: 14px;
	color: #fff;
	margin: 0;
	padding: 0;
	float: left;
	width: 315px;
	background-image: none;
	background-color: transparent;
}

#restaurant_head_wrapper #restaurant_head_contact
{
	width: 370px;
	float: left;
}

#restaurant_head_wrapper .clearer
{
	width: 685px;
	height: 1px;
}

* html #restaurant_head_wrapper
{
	padding-bottom: 0;
}

#restaurant_main
{
	width: 735px;
	margin-left: 12px;
}

#restaurant_main_image
{
	width: 356px;
	float: left;
	text-align: left;
	margin: 0 9px 10px 0;
}

#restaurant_main_image img
{	
	margin-top: 10px;
	padding: 10px;
	background-color: #fccb83;
}

#restaurant_main_text
{
	width: 365px;
	float: left;
	margin-bottom: 10px;
}

#restaurant_main .clearer
{
	clear: both;
	width: 730px;
	height: 1px;
}

#content_body.restaurant
{
	clear: both;
	margin: 17px;
}











#footer
{
	width: 894px;
	height: 10px;
	clear: both;
}



.ir
{
	overflow: hidden;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
}








/* Navigo specific styles */

/* NAVIGO DEFAULT TABLE */

.u4-table-default
{
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

.u4-table-default-header
{
	background-color: #7f061b;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	color: #fff;
	padding: 4px 5px;
	border: none;
	border-bottom: 1px solid #fdf2e2;
	border-right: 1px solid #fdf2e2;
}

.u4-table-default-header2,
.u4-table-default-even,
.u4-table-default-odd
{
	background-color: #fcdeb2;
	vertical-align: top;
	text-align: left;	
	border-bottom: 1px solid #fdf2e2;
	border-right: 1px solid #fdf2e2;
	padding: 2px 5px;
}

.u4-table-default-odd
{
	background-color: #fcd79f;
}




/* Table header w/ rounded corners (using JS) */

.u4-table-fancy
{
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

.u4-table-fancy-header
{
	background-color: #7f061b;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	color: #fff;
	padding: 4px 5px;
	border: none;
	border-bottom: 1px solid #fdf2e2;
	border-right: 1px solid #fdf2e2;
}

.u4-table-fancy-header2,
.u4-table-fancy-even,
.u4-table-fancy-odd
{
	background-color: #fcdeb2;
	vertical-align: top;
	text-align: left;	
	border-bottom: 1px solid #fdf2e2;
	border-right: 1px solid #fdf2e2;
	padding: 2px 5px;
}

.u4-table-fancy-odd
{
	background-color: #fcd79f;
}





/* Table w/o header row */

.u4-table-noheader
{
	border-top: 1px solid #fccb83;
	border-bottom: 1px solid #fccb83;
	border-collapse: separate;
	border-spacing: 1px 1px;
	margin: 0;
	padding: 0;
}

.u4-table-noheader-header
{
	background-color: #fcd79f;
	vertical-align: top;
	text-align: left;
	padding: 4px 5px;
	border: none;
}

.u4-table-noheader-header2,
.u4-table-noheader-even,
.u4-table-noheader-odd
{
	background-color: #fcdeb2;
	vertical-align: top;
	text-align: left;	
	padding: 2px 5px;
	border: none;
}

.u4-table-noheader-odd
{
	background-color: #fcd79f;
}




/* UNSTYLED TABLE */

.u4-table-unstyled-header,
.u4-table-unstyled-header2,
.u4-table-unstyled-even,
.u4-table-unstyled-odd
{
	vertical-align: top;
	text-align: left;
}

/* TABLE CELL STYLES */

.u4-table-default-left
{
	text-align: left;
	padding: 4px 5px;
	border-bottom: 1px solid #fdf2e2;
	border-right: 1px solid #fdf2e2;
}

.u4-table-unstyled-left
{
	text-align: left;
}

.u4-table-default-right
{
	text-align: right;
	padding: 4px 5px;
	border-bottom: 1px solid #fdf2e2;
	border-right: 1px solid #fdf2e2;
}

.u4-table-unstyled-right
{
	text-align: right;
}

/*  bullet-listakohtien valeista ylimaaraiset marginaalit pois */

ul p.MsoNormal { margin-top:2px; margin-bottom: 2px; }
ul p { margin-top:2px; margin-bottom: 2px; }

.textInputTd, .selectInputTd, .senderInputTd{
    width : 183px;
}




#home #content
{
	display: inline;
	float: left;
	width: 930px;
	margin-left: 34px;
	background-color: transparent;
	border: none;
	height: auto !important;
	min-height: 400px;
	height: 400px;
}

#home_left
{
	width: 271px;
	float: left;
	margin: 0;
	padding: 0;
}

#home_left div.content
{
	color: #fff;
	font-size: 11px;
}

#home_left div.content a,
#home_left div.content a:link,
#home_left div.content a:visited
{
	color: #f3d303;
	text-decoration: none;
}

#home_left div.content a:hover,
#home_left div.content a:active
{
	color: #f3d303;
	text-decoration: underline;
}

#home_left #box1
{
	width: 261px;
	height: 152px;
	padding: 0;
	margin: 0 0 9px;
	background: transparent url(../images/box1_bg.jpg) no-repeat left top;
}

#home_left #box1 div.content
{
	padding: 37px 15px 0 125px;
	text-align: right;
}

#home_left #box2
{
	width: 261px;
	height: auto !important;
	min-height: 227px;
	height: 227px;
	padding: 0;
	margin: 0;
	background: transparent url(../images/box2_bottom.gif) no-repeat left bottom;
}

#home_left #box2 div.content
{
	padding: 45px 15px 10px 19px;
	background: transparent url(../images/box2_top.gif) no-repeat left top;
}

#home_center
{
	width: 435px;
	float: left;
	margin: 0;
	padding: 0;
}

#home_right
{
	width: 220px;
	float: left;
	margin: 0;
	padding: 0;
}

#searchform
{
	width: 700px;
	clear: both;
	color: #fff;
	font-size: 11px;
	margin: 0;
	padding: 10px 0 0 16px;
}

#searchform a,
#searchform a:link,
#searchform a:visited
{
	color: #fff;
	text-decoration: none;
}

#searchform a:hover,
#searchform a:active
{
	color: #fff;
	text-decoration: underline;
}

#searchform input
{
	vertical-align: middle;
}

#searchform input.textinput
{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	background-color: transparent;
	border: 1px solid #f5944c;
	padding: 3px 12px;
	width: 173px;
	margin: 0 5px 0 10px;
}






#feedbackbtn
{
	width: 359px;
	height: 34px;
	padding-top: 8px;
}

#feedbackbtn a,
#feedbackbtn a:link,
#feedbackbtn a:visited,
#feedbackbtn a:hover,
#feedbackbtn a:active
{
	display: block;
	cursor: pointer;
	width: 359px;
	height: 34px;
	background: transparent url(../images/btn_anna_palautetta.gif) no-repeat left top;
}