/* ***********************************************************************************************************************
JEANNEU RENDEZ VOUS 2008 | CSS
Bilbao / Niko Kauranen

Created: 220108
*********************************************************************************************************************** */



/* ***********************************************************************************************************************
GLOBAL STYLES
*********************************************************************************************************************** */

body {padding:0; margin:0; background:#fff; font-size:68.5%;}


a {color:#051887; text-decoration:underline; font-weight:bold;}
a:hover {color:#000; text-decoration:none;}
.clearer {clear:both; margin:0; padding:0;}
#positionRelative {position:relative; width:960px;} 
.containerNosto a {color:#006aac; text-decoration:none; font-weight:bold;}
.containerNosto a:hover {color:#009dff; text-decoration:none;}

#veneframe {
	width: 730px;
	height: 1100px;
	border: none;
	
}

img {border: none;}

/* ***********************************************************************************************************************
WRAPPERS and CONTAINERS
*********************************************************************************************************************** */

#wrapperMain {width:814px; margin:0px auto; padding:0; background:url('../images/helmarin/_bg.gif');}
#wrapperContainer {width:770px; margin:0; padding:0 22px 0 22px;}
#wrapperTop {width:770px; height:105px; margin:0; padding:0;}

#wrapperNav {width:840px; margin:0; padding:0 30px 0 30px;}
#wrapperFooter {width:770px; height:54px; margin:20px 0 0 0; padding:0 22px 0 22px; background:url('../images/helmarin/_bg_footer.gif') no-repeat;}



/* ***********************************************************************************************************************
TOP
*********************************************************************************************************************** */

#wrapperTop #logo {float:left; width:513px; height:105px; margin:0; padding:0 0 0 20px;}
#wrapperTop #tag {float:right; width:177px; height:105; margin:0; padding:0; color:#0f218b; font-size:1.2em;}



/* ***********************************************************************************************************************
FOOTER
*********************************************************************************************************************** */

#wrapperFooter #address {float:left; width:600px; height:48px; margin:0; padding:6px 0 0 20px;}
#wrapperFooter #link {float:right; width:90px; height:48px; margin:0; padding:6px 20px 0 0; text-align:right;}



/* ***********************************************************************************************************************
FRONT
*********************************************************************************************************************** */

#paakuva {width:750px; height:255px; margin:2px 0 0 0; padding:18px 0 0 20px; background:url('../images/helmarin/_bg_paakuva_upd.gif') no-repeat;}
#columnBlock {width:750px; margin:0 0 10px 20px; padding:0; background:url('../images/helmarin/_bg_columnblock.gif') repeat-y;}
#columnBlock .left {float:left; width:220px; margin:0; padding:0 10px 0 0;}
#columnBlock .center {float:left; width:250px; margin:0; padding:0 20px 0 10px;}
.banners {float:left; width:235px; margin:0; padding:0 0 0 0;}
.banners .top {width:235px; height:50px; margin:0 0 0 0px; padding:0; background:url('../images/helmarin/_bg_banners_top_upd.gif');}
.banners .logo {display:block; margin:0px auto; padding:0 0 10px 0; border:none;}



/* ***********************************************************************************************************************
SUB
*********************************************************************************************************************** */

#containerSub {width:750px; margin:20px 0 0 20px; padding:0; background:url('../images/helmarin/_bg_columnblock_sub.gif');}
#containerSubLeft {float:left; width:480px; margin:0 30px 0 0px; padding:0;}
#containerSubRight {float: left; width: 235px;}
#containerSubFull {width:750px; margin:20px 0 0 20px; padding:0; min-height: 200px;}
#subkuva {width:201px; height:201px; margin:0 0 20px 5px; padding:9px 0 0 9px; background:url('../images/helmarin/_bg_subkuva.gif') no-repeat;}



/* ***********************************************************************************************************************
TOP NAV (main)
*********************************************************************************************************************** */

#navMain {width:770px; height:24px; margin:0; padding:0; font-size:1.1em; background:url(../images/helmarin/_bg_navmain.gif) no-repeat;}
#navMain ul {margin:0; padding:0px 0 0 20px; list-style:none;}
#navMain li {font-weight:normal; display:inline; margin:0; padding:0;}
#navMain a {font-weight:normal; float:left; margin:0; padding:0 0 0 3px; background:url("../images/helmarin/_navmain_tableft.gif") no-repeat left top; text-decoration:none; cursor:pointer;}
#navMain a span {float:left; display:block; background:url("../images/helmarin/_navmain_tabright.gif") no-repeat right top; margin:0; padding:5px 15px 4px 8px; color:#fff;}
#navMain a:hover span {color:#fff;}
#navMain a:hover {background-position:0% -44px;}
#navMain a:hover span {background-position:100% -44px;}
#navMain a span.current {color:#fff; background-position:100% -44px;}
#navMain a.current {background-position:0% -44px;}



/* ***********************************************************************************************************************
SUB NAV
*********************************************************************************************************************** */

ul {list-style:none; margin:0; padding:0;}
#navSub {float:left; width:150px; margin:0 20px 10px 0; padding:3px 0 5px 0; border-right:solid 1px #bfbfbf; background:url('../images/helmarin/_bg_subnav.gif') no-repeat; font-size:1em; font-weight:normal;}
#navSub li a {text-decoration: none;}		
#navSub li a:link, #navSub li a:visited {color:#0d128c; display:block; padding:6px 0 3px 10px;}
#navSub li a:hover {color:#000; padding:6px 0 3px 10px;}
.subnaviValiotsikko {padding: 10px 0px 4px 10px; font:bold 1.1em Verdana, Arial, sans-serif; color:#000;}
#navSub li a.active:link, #navSub li a.active:visited {color:#000; padding:6px 0 3px 10px;}


/* ***********************************************************************************************************************
FORMS
*********************************************************************************************************************** */

form {margin:0; padding:0;}
input {margin:0; padding:0;}



/* ***********************************************************************************************************************
TYPOGRAPHY
*********************************************************************************************************************** */

body {font-family:Verdana, Arial, sans-serif;}
h2 {font-size:1.8em; font-family:Verdana, Arial, sans-serif; color:#051887; font-weight:bold;}
h3 {font:bold 1.6em Verdana, Arial, sans-serif; line-height:1.4em; font-weight:bold; color:#051887;}
h4 {font:normal 1.2em Verdana, Arial, sans-serif; color:#051887;}
p {font:1.05em Verdana, Arial, sans-serif; color:#000;}
#wrapperFooter h4 {margin:0; padding:10px 0 0 0; color:#fff; font-weight:bold;}
h1 {margin:0; padding:0; color:#051887; font-family:Verdana, Arial, sans-serif; font-size:2em; font-weight:bold;}



/* ***********************************************************************************************************************
IMAGE PLACEMENT
*********************************************************************************************************************** */

#containerSubLeft img {margin:0; padding:5px;}



/***************************
LIVEVALIDATION
***************************/

.LV_validation_message{
     margin-left:0px;
  
	
}

.LV_valid {
	background: url(../ikonit/helmarin/tick.png) no-repeat;
	padding: 2px 0px 2px 20px;
    
    color:#00CC00;
    vertical-align: top;
}
	
.LV_invalid {
	background: url(../ikonit/helmarin/cancel-tummempi.png) no-repeat;
	padding: 2px 0px 2px 20px;
    
    color:#6F3737;
    vertical-align: top;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #426842;
    display: block;
    float: left;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #6F3737;
}

/* ***********************************************************************************************************************
NETTIVENE
*********************************************************************************************************************** */

div.nettiveneLista {
	margin: 0 25px 0 0;
	padding: 10px;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
}
	div.nettiveneLista h2 {
		font-size: 14px;
	}
	div.nettiveneLista img {
		border: 1px solid #ccc;
	}

div.boatInfo {
	background: #F0F0F0;
	margin: 0 25px 0 0;
	padding: 1px 2px 1px 2px;
}
	div.boatInfo p {
		padding: 1px 2px 1px 2px;
	}
	
div.boatFreeText {
	float: right;
}

div.freetext {
	padding: 7px;
}
	div.freetext img {
		border: 1px solid #ccc;
	}