/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */
@font-face {
	font-family: 'Museo500';
	src: url('fonts/Museo500-Regular-webfont.eot');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Museo500';
	src: url(//:) format('no404'), url('fonts/Museo500-Regular-webfont.woff') format('woff'), url('fonts/Museo500-Regular-webfont.ttf') format('truetype'), url('fonts/Museo500-Regular-webfont.svg#webfontrOQlggLD') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Museo300';
	src: url('fonts/Museo300-Regular-webfont.eot');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Museo300';
	src: url(//:) format('no404'), url('fonts/Museo300-Regular-webfont.woff') format('woff'), url('fonts/Museo300-Regular-webfont.ttf') format('truetype'), url('fonts/Museo300-Regular-webfont.svg#webfontZlOAAA9z') format('svg');
	font-weight: normal;
	font-style: normal;
}

html {
	margin: 0px;
	padding: 0px;
	background-color: #00234c;
	background-image: url(../images/html_bg.jpg);
	background-position: top center;
	background-repeat: repeat-x;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	color: #ffffff;
}

a {
	text-decoration: none;
	color: #00b1fd;
}

.divider {
	margin: 3px 0px 3px 0px;
	border-top: 1px solid #d8d9d9;
}

hr {
	margin: 3px 0px 3px 0px;
	border: none;
	border-top: 1px solid #007db7;
}

td {
	text-align: left;
	vertical-align: top;
}

.spacer {
	clear: both !important;
}

#page_container {
	width: 955px;
	margin: 0px auto 0px auto;
}

#topbar_container {
	width: 100%;
	height: 148px;
}

#topbar {
	width: 100%;
	height: 148px;
}

#banner {
	position: absolute;
	top: 169px;
	margin-left: 208px;
	width: 728px;
	height: 292px;
	z-index: 400;
	border-bottom: 1px solid #007db7;
}

#banner ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#content_container {
	position: absolute;
	z-index: 800;
	top: 476px;
	margin-left: 208px;
}

#content {
	width: 530px;
	background-color: #ffffff;
	border: 4px solid #007db7;
	padding: 18px;
	font-size: 12px;
	color: #00234c;
}

#opening_times {
	width: 574px;
}

#opening_times h3 {
	font-size: 14px;
	font-weight: bold;
	color: #00b1fd;
	margin: 20px 0px 0px 0px;
	text-transform: uppercase;
}

#opening_times h4 {
	font-size: 12px;
	font-weight: normal;
	color: #00b1fd;
	margin: 0px;
	text-transform: uppercase;
}

#opening_times td {
	font-size: x-small !important;
	text-transform: uppercase;
}

#opening_times p {
	margin: 0px !important;
}

#content_full {
	width: 685px;
	background-color: #ffffff;
	border: 4px solid #007db7;
	padding: 18px;
	font-size: 12px;
	color: #00234c;
}

#admin_page #content_container {
	margin-left: 0px !important;
	top: 180px !important;
}

#admin_page #content {
	width: 929px !important;
}


#content_container h1 {
	font-family: 'Museo300', Arial;
	font-size: 28px;
	font-weight: normal;
	margin: 5px 0px 10px 0px;
	color: #103157;
	line-height: 28px;
}

#content_container h2 {
	font-weight: normal;
	margin-top: 10px;
}


#content_container p.first_para {
	font-family: Georgia, Arial;
	font-size: 14px;	
}

#content_container .divider {
	border-top: 1px solid #007db7 !important;
}

#footer {
	border-top: 1px solid #007db7;
	border-bottom: 1px solid #007db7;
	padding: 17px 0px 14px 0px;
	margin-top: 20px;
	background-image: url(../images/footer_logo.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}

#footer h3 {
	font-size: 14px;
	font-weight: bold;
	color: #00b1fd;
	margin: 0px;
	text-transform: uppercase;
}

#footer p {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
}

#footer a {
	color: #ffffff !important;
}

#footer a:hover {
	color: #00b1fd !important;
}

#yarmouth-harbour {
	float: left;
}

#book-online {
	position: absolute;
	top: 0px;
	margin-right: 19px;
	margin-left: 797px;
}

#services {
	float: right;
	margin-top: 102px;
	margin-right: 37px;
}

#services ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#services li {
	float: left;
	margin-left: 57px;
	height: 29px;
}

#services li a {
	font-family: 'Museo300', Arial;
	font-size: 16px;
	color: #ffffff;
	background-image: url(../images/services_bg.png);
	background-position: top left;
	background-repeat: no-repeat;
	text-transform: uppercase;
	line-height: 15px;
	padding-left: 23px;
	display: block;
}

#services li a:hover {
	background-image: url(../images/services_bg_on.png);
}

.services_dropdown {
	position: absolute;
	z-index: 1000;
	top: 136px;
	background: none !important;
}

#on-the-water {
	margin-left: 300px;
}

#harbour-facilities {
	margin-left: 450px;
}

#marine-services {
	margin-left: 580px;
}

#harbour-business {
	margin-left: 610px;
}

.dropdown_top {
	width: 338px;
	height: 26px;
	background-image: url(../images/dropdown_top.png);
	background-position: top left;
	background-repeat: no-repeat;
}

.dropdown_content {
	width: 290px;
	background-image: url(../images/dropdown_btm.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	font-size: 11px;
	font-weight: bold;
	padding: 0px 30px 41px 10px;
}

.dropdown_content table {
	width: 300px;
}
.dropdown_content td {
	border-bottom: 1px solid #6aa8cb;
	vertical-align: bottom;
}

.dropdown_content td.empty {
	border-bottom: none !important;
}

.dropdown_content a {
	padding: 0px 4px 6px 4px;
	color: #ffffff;
	display: block;
}

.dropdown_content a:hover {
	background-image: url(../images/rollover_grad.png);
	background-position: bottom left;
	background-repeat: repeat-x;
	color: #003b66;
}

#home_search_results_container {
	width: 494px;
	position: absolute;
	z-index: 2000;
	margin-top: -26px;
	margin-left: -11px;
}

#search_results_container {
	width: 494px;
	position: absolute;
	z-index: 4000;
	margin-top: 67px;
	margin-left: 182px;
}

#search_results_top {
	width: 494px;
	height: 26px;
	background-image: url(../images/home_search_top.png);
	background-position: top left;
	background-repeat: no-repeat;
}

#search_results_content {
	width: 494px;
	padding: 0px 35px 50px 20px;
	background-image: url(../images/home_search_btm.png);
	background-position: bottom left;
	background-repeat: no-repeat;
}

#search_results_content ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 440px;
}


#search_results_content ul li a {
	display: block;
	color: #ffffff !important;
	font-weight: bold;
	padding: 7px 0px 7px 0px !important;
	border-bottom: 1px solid #ffffff;
	font-size: 12px !important;
}

#search_results_content ul li label {
	font-size: 12px !important;
	font-weight: bold;
	color: #00b1fd;
}





#navigation {
	width: 156px;
	margin: 0px 15px 0px 19px;
	padding: 18px 9px 0px 9px;
	background-color: #00234c;
	position: absolute;
	top: 169px;
	z-index: 500;
}

#navigation ul.nav {
	margin: 0px;
	padding: 0px 0px 22px 0px;
	background-image: url(../images/nav_btm.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
	list-style-type: none;
}



#navigation ul.nav li {
	border-top: 1px solid #385e7a;
}

#navigation ul.nav li a {
	color: #ffffff;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	padding: 6px 12px 6px 12px;
	display: block;
	border-left: 3px solid #00234c;
}

#navigation ul.nav li a:hover {
	border-left: 3px solid #00ffd2;
	background-image: url(../images/nav_tile.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
}

#navigation ul.nav li a.active {
	border-left: 3px solid #00ffd2;
	background-image: url(../images/nav_tile.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
}

#navigation .divider {
	border-top: 1px solid #385e7a;
	clear: both;
	margin: 10px 0px 10px 0px;
}

#navigation ul.sub_nav {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#navigation ul.sub_nav li a {
	padding-left: 24px !important;
}

#search_container {
	border-left: 3px solid #385e7a;
	padding-left: 9px;
	margin: 10px 0px 20px 0px;
}

#search_container h2 {
	font-family: 'Museo500', Arial, sans-serif;
	font-size: 22px;
	color: #ffffff;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0px;
}

#search_field_container {
	width: 144px;
	height: 23px;
	background-image: url(../images/search_bg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#search_field_container .search_field {
	width: 120px;
	height: 23px;
	background: none;
	border: none;
	color: #ffffff;
	float: left;
	font-size: 11px;
	padding-left: 2px;
}

#search_field_container .search_button {
	width: 20px;
	height: 23px;
	background: none;
	border: none;
	float: right;
	cursor: pointer;
}

#latest_news {
	border-left: 3px solid #385e7a;
	padding-left: 9px;
	margin: 20px 0px 10px 0px;
}

#latest_news h2 {
	font-family: 'Museo500', Arial, sans-serif;
	font-size: 22px;
	color: #00ffd2;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 20px;
	margin: 0px;
}

#latest_news p {
	margin: 0px;
	color: #ffffff;
	text-transform: uppercase;
}

#latest_news a:hover p {
	color: #00b1fd !important;
}

#latest_tweet {
	border-left: 3px solid #385e7a;
	padding-left: 9px;
	margin: 20px 0px 10px 0px;
	text-align: left !important;
}

#latest_tweet h2 {
	font-family: 'Museo500', Arial, sans-serif;
	font-size: 22px;
	color: #00ffd2;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 20px;
	margin: 0px;
}

#latest_tweet p {
	margin: 0px;
	color: #ffffff;
	text-transform: uppercase;
	text-align: left !important;
}

#latest_tweet a:hover p {
	color: #00b1fd !important;
}

#latest_tweet .tweet {
}

#latest_tweet .twitter_caption a {
	color: #00ffd2 !important;
	font-size: 10px !important;
	text-transform: uppercase !important;
	font-weight: bold !important;
}

#latest_offers {
	border-left: 3px solid #385e7a;
	padding-left: 9px;
	margin: 20px 0px 10px 0px;
}

#latest_offers h2 {
	font-family: 'Museo500', Arial, sans-serif;
	font-size: 22px;
	color: #00ffd2;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 20px;
	margin: 0px;
}

#latest_offers p {
	margin: 0px;
	color: #ffffff;
	text-transform: uppercase;
}

#latest_offers a:hover p {
	color: #00b1fd !important;
}

.read_more {
	color: #00ffd2 !important;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
}

.toolbox {
	margin-top: 30px;
}

.toolbox ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.toolbox ul li {
	float: left;
	margin-right: 10px;
	vertical-align: baseline;
}

.toolbox ul li a {
	color: #385e7a;
	display: block;
}

.normal_size {
	font-size: small;
}

.medium_size {
	font-size: medium;
}

.large_size {
	font-size: large;
}

#credit {
	line-height: 10px;
}

#credit a {
	font-size: 10px;
	font-weight: bold;
	color: #007db7;	
	text-transform: uppercase;
	padding-bottom: 20px;
}

#credit a:hover {
	color: #ffffff !important;
}

#utilities {
	width: 139px;
	position: absolute;
	top: 476px;
	margin-left: 797px;
	z-index: 300;
}

#utilities h3 {
	font-family: 'Museo500', Arial;
	font-size: 16px;
	font-weight: normal;
	color: #ffffff;
	text-transform: uppercase;
	line-height: 15px;
	margin: 0px 0px 7px 0px;
}

#utilities p {
	margin: 0px;
}

#utilities .blue_box {
	width: 120px;
	padding: 20px 9px 9px 10px;
	border-left: 3px solid #00ffd2;
	background-color: #00b3ff;
	background-image: url(../images/utilities_bg_blue.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	margin-bottom: 2px;
}

#utilities .grey_box {
	width: 120px;
	padding: 20px 9px 9px 10px;
	border-left: 3px solid #00ffd2;
	background-color: #a3a3a3;
	background-image: url(../images/utilities_bg_grey.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	margin-bottom: 2px;
}

#utilities a, #utilities .read_more {
	color: #ffffff !important;
}

#utilities a:hover .read_more {
	color: #00ffd2 !important;
}

#utilities .read_more a:hover {
	color: #00ffd2 !important;
}

#utilities .clear_box {
	margin-top: 20px;
	padding: 20px 0px 10px 0px;
	border-top: 1px solid #007db7;
	border-bottom: 1px solid #007db7;
}

#utilities .clear_box h3 {
	font-size: 25px;
	color: #00ffd2;
	margin: 0px;
}

#utilities .clear_box h4 {
	font-family: 'Museo500', Arial;
	font-size: 17px;
	font-weight: normal;
	color: #ffffff;
	text-transform: uppercase;
	line-height: 15px;
	margin: 5px 0px 5px 0px;
}

#utilities .clear_box p {
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
}

#home_search {
	padding-bottom: 10px;
	border-bottom: 1px solid #007db7;
	margin-bottom: 10px;
}

#home_search h3 {
	font-family: "Museo300", Arial;
	font-size: 18px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
}

#home_search h3 .blue {
	color: #00b3ff;
	text-transform: uppercase;
}

#home_search h3 .white {
	color: #ffffff;
}

#home_search_container {
	width: 458px;
	height: 26px;
	background-image: url(../images/search_bg_home.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#home_search_container .search_field_home {
	width: 431px;
	height: 23px;
	background: none;
	border: none;
	color: #ffffff;
	float: left;
	font-size: 11px;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 3px;
	
}

#home_search_container .search_button_home {
	width: 25px;
	height: 26px;
	background: none;
	border: none;
	float: right;
	cursor: pointer;
}


/*	FORM ELEMENTS	*/
.drag_cell {
	width: 25px;
	background-image: url(../images/drag.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	cursor: move;
}
	.field_text {
		border: 1px solid #006199;
		padding: 2px 0px 0px 6px;
		width: 490px;
		height: 23px;
		color: #006199;
		font-family: Arial, Verdana;
		font-size: 12px;
	}
	.field_text_focus {
		border: 1px solid #000000;
		padding: 2px 0px 0px 6px;
		width: 490px;
		height: 23px;
		color: #000000;
		font-family: Arial, Verdana;
		font-size: 12px;
	}

	.field_search {
		border: 1px solid #006199;
		padding: 2px 0px 0px 6px;
		width: 490px;
		height: 23px;
		color: #006199;
		font-family: Arial, Verdana;
		font-size: 12px;
	}
	.field_search_focus {
		border: 1px solid #000000;
		padding: 2px 0px 0px 6px;
		width: 490px;
		height: 23px;
		color: #000000;
		font-family: Arial, Verdana;
		font-size: 12px;
	}
	.field_select {
		border: 1px solid #006199;
		padding: 2px 0px 0px 6px;
		width: 498px;
		height: 23px;
		color: #006199;
		font-family: Arial, Verdana;
		font-size: 12px;
	}
	.field_select_focus {
		font-family: Arial;
		border: 1px solid #000000;
		padding: 2px 0px 0px 6px;
		width: 498px;
		height: 23px;
		color: #000000;
		font-family: Arial, Verdana;
		font-size: 12px;
	}

	.field_password {
		border: 1px solid #006199;
		padding: 2px 0px 0px 6px;
		width: 490px;
		height: 23px;
		color: #006199;
		font-family: Arial, Verdana;
		font-size: 12px;
	}
	.field_password_focus {
		border: 1px solid #000000;
		padding: 2px 0px 0px 6px;
		width: 490px;
		height: 23px;
		color: #000000;
		font-family: Arial, Verdana;
		font-size: 12px;
	}

	.field_textarea {
		border: 1px solid #006199;
		padding: 2px 0px 0px 6px;
		width: 490px;
		height: 100px;
		height: 23px;
		color: #006199;
		font-family: Arial, Verdana;
		font-size: 12px;
	}
	.field_textarea_focus {
		border: 1px solid #000000;
		padding: 2px 0px 0px 6px;
		width: 490px;
		height: 100px;
		height: 23px;
		color: #000000;
		font-family: Arial, Verdana;
		font-size: 12px;
	}

	.field_button {
		background-color: transparent;
		border: none;
		font-size: 14px;
		color: #000000;
		font-family: Georgia;
		font-style: italic;
		font-weight: bold;
		width: auto;
		text-transform: capitalize;
		text-align: left;
		padding: 0px;
	}

	.field_button_disabled {
		background-color: transparent;
		border: none;
		font-size: 14px;
		color: #cccccc;
		font-family: Georgia;
		font-style: italic;
		font-weight: bold;
		width: auto;
		text-transform: capitalize;
		text-align: left;
		padding: 0px;
	}

	.field_button:hover {
		background-color: transparent;
		border: none;
		font-size: 14px;
		color: #666;
		font-family: Georgia;
		font-style: italic;
		font-weight: bold;
		width: auto;
		text-transform: capitalize;
		text-align: left;
		padding: 0px;
		cursor: pointer;
	}


	.field_button_over {
		background-color: transparent;
		border: none;
		font-size: 14px;
		color: #666;
		font-family: Georgia;
		font-style: italic;
		font-weight: bold;
		width: auto;
		text-transform: capitalize;
		text-align: left;
		padding: 0px;
		cursor: pointer;
	}

	label {
		font-size: 10px;
		line-height: 12px;
		color: #00234c;
		text-transform: uppercase;
		font-weight: normal;
		margin: 0px;
		padding: 0px 10px 0px 0px;
	}

/*	CMS Elements */

	.cms_table {
		width: 750px;
	}

	.cms_table th {
		background-color: #00B3FF;
		color: #ffffff;
		font-size: 10px;
		text-transform: uppercase;
		text-align: left;
		padding: 3px;
	}

	.cms_table td {
		padding: 4px 3px 4px 3px;
		border-bottom: 1px solid #efefef;
	}
	
	.cms_table .row_odd td {
		background-color: #f0f7fb;
	}

	.cms_table .row_overdue td {
		color: #cc0000 !important;
	}
	
	.cms_table .row_over td {
		background-color: #f8f9e7;
		cursor: pointer;
	}

	#error_container {
		width: 356px;
		background-color: transparent;
		text-decoration: none;
		font-size: 17px;
		line-height: 22px;
		color: #C2551E;
		font-weight: normal;
		text-decoration: none;
		margin: 0px 0px 0px 0px;
		padding: 0px;
	}

	#error_container ul {
		text-decoration: none;
		list-style-type: none;
		margin: 0px;
		padding: 0px 0px 10px 0px;
	}

	.message_positive {
		background-image: url(../images/msg_tick.png);
		background-position: top left;
		background-repeat: no-repeat;
		padding: 0px 0px 20px 40px;
		margin: 20px 0px 20px 0px;
		font-weight: bold;
		color: #000000;
	}

	.message_negative {
		background-image: url(../images/msg_cross.png);
		background-position: top left;
		background-repeat: no-repeat;
		padding: 0px 0px 20px 40px;
		margin: 0px 0px 20px 0px;
		font-weight: bold;
		color: #000000;
	}

	.required {
		color: #C2551E;
	}

	.new_link {
		background-image: url(../images/icon_add.png);
		background-position: top left;
		background-repeat: no-repeat;
		padding: 3px 0px 3px 18px;
	}
	.new_link:hover {
		background-image: url(../images/icon_add_o.png);
	}

	.edit_link {
		background-image: url(../images/icon_edit.png);
		background-position: top left;
		background-repeat: no-repeat;
		padding: 3px 0px 3px 18px;
	}
	.edit_link:hover {
		background-image: url(../images/icon_edit_o.png);
	}

	.delete_link {
		background-image: url(../images/icon_delete.png);
		background-position: top left;
		background-repeat: no-repeat;
		padding: 3px 0px 3px 18px;
	}
	.delete_link:hover {
		background-image: url(../images/icon_delete_o.png);
	}

	.view_link {
		background-image: url(../images/icon_view.png);
		background-position: top left;
		background-repeat: no-repeat;
		padding: 3px 0px 3px 18px;
	}
	.view_link:hover {
		background-image: url(../images/icon_view_o.png);
	}
	
	#cms_tabs {
		margin-top: 10px;
		border-bottom: 1px solid #cccccc;
		height: 20px;
		font-size: 10px !important;
		font-weight: bold !important;
		text-transform: uppercase;
	}
	
	#cms_tabs ul {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}
	
	#cms_tabs ul li {
		float: left;
	}
	
	#cms_tabs ul li a {
		display: block;
		padding: 3px 5px 3px 5px;
		border-top: 1px solid #cccccc;
		border-left: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		color: #999999 !important;
	}
	
	#cms_tabs ul li.last a {
		border-right: 1px solid #cccccc;
	}
	
	#cms_tabs ul li a:hover {
		color: #666666 !important;
	}
	
	#cms_tabs ul li a.active {
		border-bottom: 1px solid #ffffff;
		color: #000000 !important;
	}
	
	#cms_container {
		border: 1px solid #cccccc;
		padding: 10px;
		margin-top: -1px;
	}
	
	.countdown_container {
		margin-left: 10px;
		font-size: 10px;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	#calendar_list {
		position: absolute;
		z-index: 5000;
		background-color: #ffffff;
		border: 1px solid #cccccc;
	}
	
	#calendar_list p {
		margin: 4px;
	}
	
	#news_table {
		width: 100%;
	}
	#news_table .image_cell {
		width: 130px;
	}
	#news_table h2 {
		margin: 10px 0px 0px 0px !important;
	}
	#news_table h3, #news_table p {	
		margin: 0px !important;
	}
	#news_table .article_categories {
		margin: 5px 0px;
		padding: 0px;
		list-style-type: none;
	}
	#news_table .article_categories li {
		float: left;
		font-size: 10px;
		padding-right: 5px;
		border-right: 1px solid #ccc;
	}
	#news_table .article_categories li.last {
		border-right: none !important;
	}
	#news_table .article_categories li a {
		padding-left: 5px;
	}
	#news_article {
		margin: 20px 0px;
	}
	#news_article h1 {
		font-family: Arial, Verdana;
	}
	#news_article_nav {
		margin: 20px 0px 5px 0px;
	}
	
	
	.fc-content .fc-state-highlight { /* today */
		background: #b3e8e4 !important;
	}
	
	
/*	BOOKING	*/

.booking_login_btn {
	margin-bottom: 20px;
}

a.booking_login_btn {
	width: 126px;
	height: 35px;
	background-image: url(../images/booking_login.png);
	background-position: top left;
	background-repeat: no-repeat;
	font-family: 'Museo500', Arial;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
	padding: 5px 30px 0px 5px;
	margin-bottom: 20px;
	display: block;
}

a.booking_login_btn:hover {
	color: #12244b;
}

a.booking_login_btn_faded {
	width: 126px;
	height: 35px;
	background-image: url(../images/booking_login_faded.png);
	background-position: top left;
	background-repeat: no-repeat;
	font-family: 'Museo500', Arial;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
	padding: 5px 30px 0px 5px;
	margin-bottom: 20px;
	display: block;
}

.booking_login_form {
	background-image: url(../images/booking_login_bg.png);
	background-position: bottom left;
	background-repeat: repeat-x;
	background-color: #00629a;
	color: #ffffff;
	text-align: left;
	width: 480px;
	padding: 10px;
}

.booking_login_form h2 {
	margin-bottom: 5px;
}

.booking_login_form h3 {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 5px;
}


.booking_login_form a {
	color: #ffffff;
}

.booking_login_form a:hover {
	color: #000000;
}

.booking_login_form label {
	color: #ffffff;
}

.booking_login_form .field_button {
	color: #ffffff;
}

.booking_login_form .required {
	color: #efefef;
	font-size: 20px;
	float: left;
	margin-right: 10px;
	font-weight: bold;
}

.booking_form {
	color: #ffffff;
}

.booking_form .required {
	color: #efefef;
	font-size: 20px;
	float: left;
	font-weight: bold;
	margin-right: 0px !important;
}

.booking_login_form td {
	padding: 5px 0px 5px 0px;
}

.booking_login_field {
	border: 1px solid #006199;
	padding: 2px 0px 0px 6px;
	width: 330px;
	height: 23px;
	color: #006199;
	font-family: Arial, Verdana;
	font-size: 12px;
}

.booking_login_field_error {
	border: 1px solid #006199;
	padding: 2px 0px 0px 6px;
	width: 330px;
	height: 23px;
	color: #006199;
	font-family: Arial, Verdana;
	font-size: 12px;
	background-color: #fcfdc4;
}

.booking_login_select {
	border: 1px solid #006199;
	padding: 2px 0px 0px 6px;
	width: 338px;
	height: 23px;
	color: #006199;
	font-family: Arial, Verdana;
	font-size: 12px;
}


#measurement_metric td {
	padding: 5px 8px 5px 0px;
}

#measurement_imperial td {
	padding: 5px 8px 5px 0px;
}

.error_list {
	font-weight: bold;
	font-size: 14px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	padding-top: 10px;
	padding-bottom: 10px;
}

#booking_tabs ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#booking_tabs ul li {
	float: left;
}

#booking_tabs ul li a {
	display: block;
	width: 105px;
	height: 24px;
	background-image: url(../images/booking_tab.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	margin-right: 1px;
	padding: 16px 0px 0px 11px;
	color: #ffffff;
	font-family: 'Museo500', Arial;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
}

#booking_tabs ul li a:hover {
	color: #12254b;	
}

#booking_tabs ul li a.active_tab {
	color: #12254b;	
}

#booking_tabs ul li.last {
	float: right;	
}

#booking_tabs ul li.last a {
	width: auto !important;
}

#booking_tabs ul li.last a {
	color: #12254b;
	background-image: none;
	text-align: right;
}

#booking_tabs ul li.last a:hover {
	color: #ccc;
}

#booking_content {
	border: 2px solid #00b3ff;
	padding: 5px 10px 20px 10px;
}


.booking_list {
	width: 650px;
}

.booking_list th {
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
	padding: 0px 3px 5px 3px;
	border-bottom: 2px solid #00b3ff;
}

.booking_list td {
	vertical-align: top;
	padding: 5px 3px 5px 3px;
}


.booking_list td a {
	display: block;
	color: #12254b;
}



.booking_list tr.row_odd td {
	background-color: #efefef;
}

.booking_list tr.row_over td {
	cursor: pointer;
	background-color: #fcffdc;
}

.booking_list td.name {
	font-weight: bold;
}

.booking_list td.name span {
	margin-right: 10px;
	font-weight: normal !important;
}

.booking_list td.image {
	font-weight: normal;
	font-size: 11px;
	width: 60px;
}

.booking_list td.measurement {
	font-size: 11px;
	font-style: italic;
}

.booking_list td.measurement span {
	padding-right: 10px;
}

.booking_btn {
	font-family: 'Museo500', Arial;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
	width: 114px !important;
	height: 28px;
	background-image: url(../images/booking_btn.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	border: none;
	text-align: center;
	display: block;
}

a.booking_btn {
	padding-top: 5px;
}

.long_btn {
	width: 200px !important;
	background-image: url(../images/booking_btn_long.jpg) !important;
}

.booking_btn:hover {
	color: #12254b;
	cursor: pointer;
}

a.booking_form_link {
	color: #ffffff !important;
	text-transform: uppercase;
}

.image_note {
	color: #ffffff;
	font-size: 10px;
	font-style: italic;
}

#passwordStrength {
	height:10px;
	display:block;
	float:left;
}

.strength0 {
	width:250px;
	background:#cccccc;
}

.strength1 {
	width:50px;
	background:#ff0000;
}

.strength2 {
	width:100px;    
	background:#ff5f5f;
}

.strength3 {
	width:150px;
	background:#56e500;
}

.strength4 {
	background:#4dcd00;
	width:200px;
}

.strength5 {
	background:#399800;
	width:250px;
}






		#testWrap {
			width: 500px;
			float: left;
			margin: 20px 0 0 0px; /* Just while testing, to make sure we return the correct positions for the image & not the window */
		}
		
		#previewArea {
			margin: 20px 0 0 20px;
			float: left;
		}
		
		#results {
			clear: both;
		}

#nights_output {
	font-size: 16px;
}

.add_on_table td {
	padding: 2px 0px 2px 0px !important;
}

.add_on_table h3 {
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 2px 0px;
	border-bottom: 1px solid #d8d9d9;
}

.booking_results_table {
	width: 100%;
	margin-bottom: 20px;
}

.booking_results_table td {
	padding-top: 4px;
	padding-bottom: 4px;
}

.booking_results_table .row_even td {
	background-color: #ffffff;
}

.booking_results_table .row_odd td {
	background-color: #ededed;
}

.booking_results_table .row_over td {
	background-color: #fcffdc;
	cursor: pointer;
}

.booking_results_table .available {
	font-weight: bold;
	text-transform: uppercase;
	color: #390;
	float: left;
}

.booking_results_table .unavailable {
	font-weight: normal;
	text-transform: uppercase;
	color: #C36;
	float: left;
}

.booking_results_table .results_checkbox {
	float: left;
	margin-right: 10px;
}

#popup_terms {
	width: 480px;
	height: 200px;
	overflow: auto;
	border: 3px inset #666;
	margin: 20px 0px 20px 0px;
	padding: 20px 5px 20px 5px !important;
	background-color: #ffffff;
	color: #007db7;
}

#popup_terms ol li {
	margin-bottom: 10px;
}

.booking_cost {
	float: right;
	font-size: 16px;
	font-weight: bold;
	
}

.berthing_description {
	font-style: italic;
	font-size: 10px;
}

.original_price {
	font-weight: normal !important;
	color: #666666 !important;
	text-decoration: line-through;
	padding-right: 10px;
}

.new_price {
	color: #390;
}

.booking_list_link {
	font-size: 11px;
	font-weight: bold;
}

.booking_list_red {
	font-size: 10px;
	color: #ff0000 !important;
}

.booking_list_green {
	color: #390 !important;
}

.download_table th {
	text-transform: uppercase;
}

.download_table td {
	text-align: center !important;
	vertical-align: middle !important;
	border-bottom: 1px solid #e5e5e5;
}

.download_table a {
	display: block;
}

.download_table .heading_cell {
	text-align: left !important;
}

#internet_offer_table td {
	vertical-align: top !important;
}

#internet_offer_table p {
	margin: 0px 0px 5px 0px !important;
	padding: 0px 0px 5px 0px !important;
}

.float_left {
	float: left;
	width: 430px;
}

.float_right {
	float: right;
	width: 430px;
}

#booking_stats td {
	text-align: right;
	padding: 3px;
}

#booking_stats h3 {
	padding-bottom: 5px;
	border-bottom: 1px solid #00b3ff;
}

#booking_stats .row_odd td {
	background-color: #eee;
}