/* CSS Document */



/* Colours:

	# 99CCFF - light blue

	# 000066 - dark blue

*/

body {



	background-color: #FFFFFF;



	color: #000000;



	font-family: Arial, Helvetica, sans-serif;



	margin: 10px;



	padding: 0px;



}

a:link { color: #99CCFF; text-decoration:none; }



a:visited { color: #000066; text-decoration:none; }



a:hover { color: #99CCFF; }



a:active { color: #99CCFF; }

h1 { color: #000066; margin: 0px; padding: 5px 0px 10px 0px; clear: both; }



h2 { color: #000066; margin: 0px; padding: 15px 0px 5px 0px; clear: both; }

ul {



	margin: 10px 0px 10px 1.25em;



	padding: 0px;



	list-style-type:none;



}



li {



	margin: 0px;



	padding: 3px 0px;



}

table {

	border-top: solid 1px #000066;

	border-left: solid 1px #000066;

	margin: 10px 0px 10px 0px;

	clear: both; 

}



table.map {

	clear:none;

}



th { 



	background-color: #99CCFF;



	border-bottom: solid 1px #000066;



	border-right: solid 1px #000066;



	color: #000066; 



	text-align: right;

	padding: 3px;



}



tr.on { background-color: #FFFFFF; }



tr.off { background-color: #FFFFFF; }



td { 

	padding: 3px;

	border-bottom: solid 1px #000066;



	border-right: solid 1px #000066;



	text-align: right;



}

td.currency, td.total_currency {

	text-align:right;

}



td.total, td.total_currency{

	font-weight: bold;

}

form {



	margin: 0px 0px 10px 0px;



	padding: 0px;



}

p {



	margin: 0px;



	padding: 0px 0px 5px 0px;



}

div.center {



	clear: both;



	text-align:center;



}

div.boat_select {

	clear:both;

	text-align:center;

}



div#map {

	margin: 0px 10px 10px 0px;

	padding: 0px;

	float: left;

}

p.error { color: #FF0000; }

p.success { color: #000066; }

p.message { color: #99CCFF; }



div.logo {

	margin: 0px 0px 10px 0px;

	padding: 0px;

}

div.logo span.logo {

	display:inline;

}

div.logo span.logintext {

	float: right;

}



div.bar {	



	background: #99CCFF;



	background-color: #99CCFF;



	margin: 0px;



	padding: 5px;



	clear: both;



}

div.bar a:link { color: #000066;  font-weight: bold; text-decoration:none; }



div.bar a:visited { color: #000066;  font-weight: bold; text-decoration:none; }



div.bar a:hover { color: #000066;  font-weight: bold;  }



div.bar a:active { color: #000066;  font-weight: bold;  }div.navbar {



	width: 100%;



	float:left;



	margin: 0px;



	padding: 0px 0px;



}



div.smalltext { font-size: 9pt; margin: 0px; }/* LINK MENU */



div.linkmenu {



	padding: 5px 3px 5px 5px; 



	margin: 0px auto;



	width: 99%;



}

span.linkmenu-left {



	float: left;



	text-align: left;



	width: 20%; 



}

span.linkmenu-center {



	float: left; 



	text-align:center;



	width: 59%; 



}

span.linkmenu-right {



	float: left; 



	text-align:right;



	width: 20%; 



}

/* Form layout divs and spans */



div.formlayout {



	padding: 10px 10px 5px 10px; 



	margin: 0px;



	width: 614px;



	border: 1px solid #99CCFF;



}

div.formcolumn {



	float: left;



	width: 306px;



	margin: 0px;



	padding: 0px;



}

div.formrow {



	clear: both;



	padding: 3px;



	width: 100%;



	margin: 0px;



}

div.formrow span.formlabel {



	float: left;



	text-align: left;



	width: 100px;



	margin: 0px;



	padding: 0px;



}

div.formrow span.forminput {



	float: left;



	text-align: left;



	width: 200px;



	padding: 0px;



	margin: 0px;



} 



div.spacer { clear: both; font-size:1px; margin: 0px; padding: 0px; }



/* DIV MENU - left side menu for navigation menu and news flash (if included) */



#divmenu { 



	background: #000066; 



	color: #000066;



	margin: 0px; 



	padding: 0px;



	position: absolute; 



	top: 87px; 



	width: 777px;



}

/*  DIV NAV settings - navigation menu */



div#divnav {



	font-size: 1.0em; 



	text-align: left; 



	z-index: 9999;



	margin: 0px;



	padding: 0px 0px 0px 0px;



}



div#divnav ul {



	margin: 0px 0px 0px 0px; 



	padding: 0px;



}



div#divnav li {



	border: 1px solid #99CCFF;



	display: inline;



	float: left;



	margin: 0px; 



	padding: 0px; 



	position: relative; 



}



div#divnav li:hover {



	background: #000066; 



	color: #99CCFF;



}



div#divnav li.submenu {



	margin: 0px;



	padding: 0px; 



}



div#divnav li.submenu:hover {



	background: #000066;



	color: #99CCFF;



}



div#divnav li a {



	background: #99CCFF;



	color: #000066;



	display: block; 



	padding: 0.25em 0.5em 0.25em 0.5em; 



	text-decoration: none; 



}



div#divnav li a:hover {



	background: #000066;



	color: #99CCFF;



}



div#divnav>ul a {



	width: auto;



}



div#divnav ul ul {



	background: #99CCFF;



	position: absolute; 



	display: none;



}



div#divnav ul ul li {



	color: #99CCFF;



}



div#divnav ul.level1 li.submenu:hover ul.level2, 



div#divnav ul.level2 li.submenu:hover ul.level3 {



	color: #99CCFF;



	display: block; 



	margin: 0px 0px 0px 1px; 



	padding: 0px;



	width: 140px;



}



div#divnav ul.level2 {



	top: 1.5em; 



	left: -1px; 



	width: 140px; 



}



div#divnav ul.level3 {



	top: -1px;  



	left: 99px; 



	width: 140px; 



}



div#divnav li.submenu li.submenu:hover {



	color: #99CCFF;



	background: #000066;



}



div#divnav li.submenu li.submenu:hover {



	color: #99CCFF;



	background: #000066;



}