/*
pale: #00b2c1
mid: #008d9e
dark: #284b53
*/

html, body {
height: 100%;
margin: 0 0 1px;
padding: 0;
}

img {
border: 0;
}

a {
text-decoration: none;
}

#bottomnav
{
	/*font-size: 10px;*/
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#contact
{
	background: url('../images/contact.png') no-repeat right;
	color: #fff;
	font-size: 1px;
	height: 68px;
	margin: 0;
	overflow: hidden;
	padding: 8px 0 0 0;
	width: 683px;
}
#logo
{
	background: url('../images/logo.png') no-repeat center;
	color: #fff;
	float: left;
	font-size: 1px;
	height: 76px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 289px;
}

#logo span, #contact span
{
	display: none;
}
#mainnav
{
	background: url('../images/nav.png') repeat-x;
	display: block;
	height: 41px;
	list-style: none;
	margin: 0;
	padding: 0 46px; /*IE doesn't like me using auto padding to centre the menu items*/
	/*padding: 0;*/
	position: relative;
	margin: 0 auto;
	padding: 0 auto;
	text-align: center;
	/*width: 972px;*/
}
#mainnav a:hover,ul#mainnav li:hover a
{
	color: #284b53;
	
	/*color: #008d9e;*/
	/*color: #fff;*/
	background: url('../images/nav_bg.png');
}
#mainnav li
{
	display: inline;
	float: left;
	position: relative;
}
#mainnav li a
{
	color: #fff;
	display: block;
	float: left;
	font-weight: bold;
	height: 22px;
	font-size:10pt;
	padding:6px 18px 13px;
	text-decoration:none;
	white-space: nowrap;
}


#wrapper
{
	margin: 10px auto;
	width: 972px;
}
.bottomlink
{
	float: left;
	padding-left: 10px;
	width: 231px;
	padding-bottom: 20px;
}
.bottomlink li
{
	line-height: 20px;
	margin: 0;
}
.bottomlink p
{
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #00b2c1;
}
.bottomlink ul
{
	list-style-type: square;
	margin: 0;
	padding: 0 15px;
}
.header
{
	clear: both;
	margin-bottom: 10px;
}
body
{
	background: #fff url('../images/watermark.png') fixed no-repeat bottom right;
	font-family: 'Century Gothic',Futura,'URW Gothic L',sans-serif;
	font-size: 10pt;
	line-height: 2em;
	margin: 0;
	padding: 0;
}
hr
{
	background-color: #00b2c1;
	border: 0;
	clear: both;
	color: #00b2c1;
	height: 1px;
}
br.clear 
{
	clear: both; 
	height: 1px; 
	line-height: 1px; 
	padding: 0; 
	margin: 0;
}

.boxes {
position: relative; cursor: pointer; width: 300px; height: 150px; float: left;
}

.boxes span {
position: absolute;
bottom: 0;
line-height: 26px;
margin-left: 5px;
text-decoration: none;
color: #fff;
}

h1, h2, h3, h4 {
color: #008d9e; /*#00b2c1;*/
}

h1 {font-size: 32px;}
h2 {font-size: 24px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}

.boxcollection {background: url('../images/boxes.png') no-repeat; height: 150px; width: 972px; margin-bottom: 10px;}

.carousel {
background: transparent no-repeat center; width: 635px; height: 200px;
float: left;
margin-right: 10px;
height: 200px;
width: 635px;
/*text-align: right;*/
display: block;
clear: left;
}
.carousel h1 {
margin: 0;
padding: .6em;
line-height: 1.2em;
color: #fff;
background: url('../images/carousel_bg.png');
float: right;
}

.carouselwrapper 
{
height: 200px;
width: 972px;
clear: both; 
margin-bottom: 10px;
}

.box
{
width: 317px; 
float: left; 
background: url('../images/box_bg.png');
padding: 5px auto;
text-align: center;
cursor: pointer;
height: 255px;
}

.box img {
margin: 7px;
border: 0;

}

.box p {
margin: 0;
padding: 0 5px;
text-align: justify;
line-height: 2em;
}

.box ul {
text-align: left;
padding: 0 10px 0 20px;
line-height:1.5em;
margin: 0;
list-style: square;
}

a:link .box, a:hover .box, a:active .box, a:visited .box  {
color: #000;
}

form td {
padding: 5px;
}

.formfields {
width: 300px;
background: #fff;
opacity: .6;
filter: alpha(opacity=60);
border: 1px solid #008d9e;
overflow: auto;
}

.formbutton {
margin: 10px;
background: #008d9e url('../images/nav.png') center;
border: 0;
height: 41px;
color: #fff;
font-family: 'Century Gothic',Futura,'URW Gothic L',sans-serif;
padding: 0 20px;
font-weight: bold;
border: 1px solid #008d9e;
cursor: pointer;
}

.formbutton:hover
{
	color: #008d9e;
	background: #00b2c1 url('../images/nav_bg.png');
}



.textarea {
height: 120px;
}

/*label.error {
background:transparent url('../images/cross.png') no-repeat scroll 0 0;
color:#ff0000;
padding-bottom:2px;
padding-left:20px;
}*/

label.checked {
background:transparent url('../images/tick.png') no-repeat scroll 0 0;
}

input.error, textarea.error {
border: 1px solid red;
background: #fcc;
}

.carouselwrapper p {
margin: 0 10px 0 0; text-align: justify;
}

.mid {
margin: 0 10px;
}

.address {
float: left; width: 80%;
}

.poweredby {
float: right; width: 100px;
}

.mainfooter {
clear: both;
}

/*#mainnav a:hover,ul#mainnav li:hover a
{
	color: #fff;
	background: none;
}*/

#mainnav li.selected {
background: url('../images/nav_sel.png');
}

#mainnav li.selected a {
color: #000;
}

#mainnav li.selected:hover a {
background: url('../images/nav_sel.png');
color: #000;
}

#search {
width: 100px; height: 2.5em; text-align: center; margin-left: -50px; color: #ccc;line-height: 3em; font-size: 1em; background: white; border: 1px solid #eee; position: absolute; z-index: 100; top: 0; left: 50%;
}

#navigation { clear: both; margin: 0; padding: 0;}

ol { list-style-type: none; padding: 0; margin: 0; }

li.step1 { background: url('../images/step1.png') no-repeat top left; min-height:100px; padding-left: 120px; margin-bottom: 20px; }

li.step2 { background: url('../images/step2.png') no-repeat top left; min-height:100px; padding-left: 120px; margin-bottom: 20px; }

li.step3 { background: url('../images/step3.png') no-repeat top left; min-height:100px; padding-left: 120px; margin-bottom: 20px; }

.claimform table {
background: #d2eaf1;
}

/*.claimform hr {
border: 1px solid #008d9e;
}*/

.claimform table tr td {
padding: 5px;
color: #008d9e;
font-size: small;
font-weight: bold;
}

.claimform input {
width: 95%;
}

input.short {
width: 100px;
}

/*input.disabled, */input[readonly=readonly] {
font-weight: bold;
background: #D2EAF1 ;
color: #008D9E;
border: 1px solid #008D9E;
}

label.error {
background:transparent url('../images/cross.png') no-repeat scroll 0 0;
color:#ff0000;
padding-bottom:2px;
padding-left:20px;
margin-left:5px; }

.forminfo {
text-align: justify;
background: #fff;
border: 5px solid #00b2c1;
padding: 0 10px;
margin: 10px 0;
}