/* -----------------------------------------------
Global Styles - Screen
----------------------------------------------- */

/* Copyright BoatShop24 Limited */

/* -----------------------------------------------
General Styles
----------------------------------------------- */

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	}
	
#container {
	background: url(/images/background/body_bg.gif) repeat-y;
	min-height: 100%;
	width: 990px;
	float: left;
	}
	
.cloaked {
	display: none;
	}

acronym {
	border-bottom: 1px dotted #000;
	}
	
#content_body p#mission_statement {
	font: 17px Georgia, "Times New Roman", Times, serif;
	color: #0097ce;
	font-style: italic;
	text-transform: lowercase;
	letter-spacing: -1px;
	}
			
/* -----------------------------------------------
Navigation Styles
----------------------------------------------- */
#navigation {
	float: left;
	width: 220px;
	}

#intro img {
	border: none;
	margin: 38px 10px 5px 0;
	padding: 0;
	float: right;
	}
	
#intro p {
	font: 11px Tahoma, Verdana, Arial, sans-serif;
	color: #494949;
	line-height: 12px;
	text-align: right;
	float: right;
	margin: 0;
	padding: 0 10px 0 20px;
	}

#nav_items {
	float: right;
	text-align: right;
	margin: 60px 0 0 0;
	width: 205px;
	clear: both;
	}

#nav_items a:link, #nav_items a:visited {
	font: 11px Tahoma, Verdana, Arial, sans-serif;
	text-decoration: none;
	text-transform: lowercase;
	color: #000;
	padding: 0 10px 0 0;
	}
	
#nav_items a:hover {
	color: #06abe3;
	}
	
.primary_nav {
	padding: 1px 0 0 0;
	height: 15px;
	}

.top_selected {
	background-color: #06abe3;
	}

#nav_items .top_selected a:link, #nav_items .top_selected a:visited{
	font-weight: bold;
	color: #fff;
	}
	
/* --------------- Sub Nav --------------- */
.sub_nav {
	background-color: #f6fdff;
	border-bottom: 1px solid #06abe3;
	padding: 0 0 1px 0;
	}

#nav_items .sub_nav .secondary_nav a {
	font: 10px Tahoma, Verdana, Arial, sans-serif;
	color: #818181;
	line-height: 13px;
	}

#nav_items .sub_nav .secondary_nav a:hover {
	color: #000;
	}

#navigation .sub_nav .sub_selected a, #navigation .sub_nav .sub_selected a:hover {
	font-weight: bold;
	color: #5b5b5b;
	}

/* -----------------------------------------------
Content Header Styles
----------------------------------------------- */
#contents {
	float: left;
	width: 717px;
	margin: 0 0 0 43px;
	padding: 0 0 30px 0;
	}

/* --------------- sIFR Styles --------------- */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
	}

.sIFR-replaced {
	visibility: visible !important;
	}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	}

.sIFR-replaced > div {
	display: none !important;
	}

/* --------------- sIFR Heading Styles: Start --------------- */
.sIFR-active h1 {
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
	
	font-size: 21px;
	}


.sIFR-active h2 {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;

  font-size: 18px;
	}

.sIFR-active h4 {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;

  font-size: 15px;
	}

/* --------------- sIFR Heading Styles: End --------------- */

#content_header h1 {
	border-left: 10px solid #06abe3;  
	padding: 0 0 0 5px;
	margin: 35px 0 20px 23px;
	text-transform: lowercase;
	letter-spacing: -1px;
	height: 29px;
	font-family: Arial, Helvetica, sans-serif;	
	}
	
#content_body h2, #content_header h2 {
	border-left: 8px solid #06abe3;  
	padding: 0 0 0 4px;
	margin: 8px 0 4px 0;
	text-transform: lowercase;
	letter-spacing: -1px;
	height: 24px;
	font-family: Arial, Helvetica, sans-serif;
	clear: left;
	}
	
#content_header h2 {
	margin: 4px 0 0 18px;
	border: none;
	}
	
#content_body h3 {
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: lowercase;
	letter-spacing: -1px;
	margin: 0 0 1px 16px;
	padding: 0;
	clear: left;	
	}	

#content_body h4 {
	margin: 0;
	padding: 0;
	border-left: 7px solid #FF0000;
	color: #FF0000;
	height: 22px;
	padding: 0 0 0 3px;
	}

	/*
a:link#content_body h4, a:visited#content_body h4 {
	color: #ff0000;
	}
	
a:hover#content_body h4 {
	color: #000;
	}	
/*/
#content_body p {
	font: 11px "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	margin: 0 0 5px 0;
	padding: 0 0 0 16px;
	line-height: 16px;
	}

#content_body .quote {
	font: 11px "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	margin: 0 0 5px 0;
	padding: 0 0 0 16px;
	line-height: 16px;
	font-style: italic;	
	
}

#content_body .quoteName {
	font: 11px "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	margin: 0 0 5px 0;
	padding: 0 0 0 16px;
	line-height: 16px;
	font-weight: bold;	
	width: 100%;
	text-align: right;
	
}
		
#content_body a:link, #content_body a:visited {
	color: #0098cf;
	text-decoration: none;
	}

#content_body a:hover {
	background-color: #06abe3;
	color: #fff;
	text-decoration: none;	
	}
	
#content_body p a:link, #content_body p a:visited {
	text-decoration: underline;
	}
	
#content_body p a:hover {
	text-decoration: none;
	}	

#content_body {
	padding: 0 0 0 23px;
	}
	
#content_body ul {
	margin: 0;
	padding: 4px 0 10px 40px;
	}
	
#content_body li {
	font: 11px "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	background: url(/images/background/bullet.gif) no-repeat;
	list-style: none;
	margin: 0 0 5px 0;
	padding: 0 0 0 10px;
	line-height: 15px;
	}

#content_body img {
	border: 1px solid #06abe3;
	padding: 4px;	
	}
	
#content_body img.no_border {
	border: none;
	margin: 0 0 40px 12px;
	}
	
#content_body a:hover img {
	background-color: #d3f0fa;
	}

/* ------------- Image Controllers ------------- */	
.float_left {
	float: left;
	margin: 4px 6px 4px 16px;
	clear: left;
	}
	
.float_right {
	float: right;
	margin: 4px 0 4px 6px;		
	clear: both;
	}

/* --------------- Module Styles --------------- */
.wide_module {
	width: 100%;
	float: left;
	margin: 20px 0 0 0;
	}

.body_module {
	float: left;
	width: 430px;
	margin: 10px 0 0 0;	
	padding: 0 30px 0 0;
	}

.links_module {
	float: left;
	width: 224px;
	margin: 10px 0 0 0;	
	padding: 0 10px 0 0;
	}
	
.standalone {
	margin-top: 14px;
	}
	
#content_body .links_module ul {
	padding: 0 0 0 0;
	margin: 0 0 0 13px;	
	}
	
#content_body .links_module li {
	font: 11px "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	background: url(/images/background/bullet.gif) no-repeat;
	list-style: none;
	margin: 0 0 4px 0;
	padding: 0 0 0 10px;
	line-height: 15px;
	}
	
/* --------------- Link Block --------------- */
.link_block {
	margin: 0 0 30px 0;
	float: left;
	width: 100%;
	}

/* ----------- Call to Contact ------------- */
.call_to_contact {
	border: 1px solid #06abe3;
	background-color: #fdffff;
	padding: 10px 10px 6px 10px;
	margin: 12px 0 6px 16px;
	clear: left;
	}
	
#content_body .call_to_contact p {
	color: #FF0000;
	padding: 0;
	margin: 0 0 4px 11px;
	}

#content_body .call_to_contact a:link, #content_body .call_to_contact a:visited {
	color: #000;
	}

#content_body .call_to_contact a:hover {
	color: #fff;
	background-color: #FF0000;
	}
	
#content_body .call_to_contact li {
	color: #ff0000;	
	}
	
/* ----------- List Module ------------- */
.list_module {
	margin: 10px 0 15px 0px;
	padding: 0 0 0 14px;
	float: left;
	}
	
.list_image {
	float: left;
	}
	
.list_details {
	float: left;
	width: 516px;
	margin: 0 0 0 4px;
	}

#content_body .list_module p {
	margin: 0;
	padding: 0;
	}

#content_body .list_module h3 {
	margin: 0;
	padding: 0;
	}

#content_body .list_module p.position {
	margin: 0 0 3px 0;
	padding: 0;
	font-weight: bold;
	border-bottom: 1px solid #06abe3;
	color: #525252;
	}
	
/* -----------------------------------------------
Product Pages
----------------------------------------------- */
.product {
	margin: 0 0 50px 0;
	}

#content_body .product p {
	line-height: 13px;
	margin: 0;
	padding: 0 0 0 26px;
	}
	
p#products_home_intro {
	margin: 0 0 20px 0;
	}

/* ----------- Rollover Styles ------------- */
.product_header a:link, .product_header a:visited, .product_header a:hover {
	width: 658px;
	height: 33px;
	display: block;
	}

/* --------------- BoatShop24 --------------- */
a#boatshop24_web {
	background: url(/images/background/product_boatshop24.gif) no-repeat bottom;
	}
a:hover#boatshop24_web {
	background: url(/images/background/product_boatshop24.gif) no-repeat top;
	}

/* ----------- Boats & Yachts ------------- */
a#boats_and_yachts {
	background: url(/images/background/product_boats_yachts.gif) no-repeat bottom;
	}
a:hover#boats_and_yachts {
	background: url(/images/background/product_boats_yachts.gif) no-repeat top;
	}
	
/* ----------- Boat Trader ------------- */
a#boat_trader {
	background: url(/images/background/product_boat_trader.gif) no-repeat bottom;
	}
a:hover#boat_trader {
	background: url(/images/background/product_boat_trader.gif) no-repeat top;
	}
	
/* ----------- BoatShop24: Trade ------------- */
a#boatshop24_trade {
	background: url(/images/background/product_boatshop24_trade.gif) no-repeat bottom;
	}
a:hover#boatshop24_trade {
	background: url(/images/background/product_boatshop24_trade.gif) no-repeat top;
	}
	
/* ----------- Web Design ------------- */
a#mtm_web_design {
	background: url(/images/background/product_web_design.gif) no-repeat bottom;
	}
a:hover#mtm_web_design {
	background: url(/images/background/product_web_design.gif) no-repeat top;
	}

/* ----------- Uploadr ------------- */
a#mtm_uploadr {
	background: url(/images/background/product_uploadr.gif) no-repeat bottom;
	}
a:hover#mtm_uploadr {
	background: url(/images/background/product_uploadr.gif) no-repeat top;
	}

	
/* -----------------------------------------------
Contact Form Styles
----------------------------------------------- */
#contact_form dl, #contact_form form {
	margin: 0;
	padding: 0;
	font: 11px "Trebuchet MS", Verdana, Arial, sans-serif;
	line-height: 18px;
	}
	
#contact_form form {
	margin: 10px 0 0 14px;
	}
	
.format_required {
	color: #ff0000;
	}

#contact_form label {
	line-height: 10px;
	}

#contact_form dd {
	margin: 0;
	padding: 0;
	}
	
#contact_form input, #contact_form select, #contact_form textarea {
	margin: 0 0 5px 0;
	font: 11px "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	}
	
#name, #email, #telephone {
	width: 230px;
	height: 15px;
	color: #006093;
	}

#type {
	width: 235px;
	color: #006093;	
	}

#message {
	width: 95%;
	height: 200px;
	color: #006093;
	}

#submit {
	height: 20px;
	width: 60px;
	font-size: 9px;
	}
	
#error_message {
	border: 1px solid #990000;
	background: #fff9f3 url(/images/error.gif) no-repeat 4px 4px;
	width: 356px;
	margin: 0 0 0 14px;
	padding: 0 0 3px 43px;
	}
	
#error_message h3 {
	font: 19px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #990000;
	margin: 0;
 	}
	
#error_message p {
	padding: 0;
	margin: 0;
	line-height: normal;
	}

#error_message ul {
	margin: 5px 0 5px 20px;
	padding: 0;
	}

#error_message li {
	margin: 0 0 2px 0;
	}
	
/* -----------------------------------------------
Find Us Page Styles
----------------------------------------------- */	
#map {
	margin: 0 0 0 23px;
	width: 97%;
	height: 300px;
	border: 1px solid #06abe3;
	}
	
#map p {
	font: 11px "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	margin: 0 0 4px 0;
	padding: 0;
	}
	
#map a {
	color: #0098cf;
	}

#map a:hover {
	color: #fff;
	background-color: #0098cf;
	text-decoration: none;	
	}
	
/* -----------------------------------------------
News & Press Centre
----------------------------------------------- */
.press_item {
	border-left: 1px dotted #000;
	border-right: 1px dotted #000;
	background-color: #fffaf5;
	padding: 10px;
	margin: 0 0 30px 0;
	}
	
#content_body .press_item h2 {
	margin: 0;
	padding: 0 0 0 4px;
	border-left: 8px solid #ff8a00;
	}
	
#content_body .press_item p {
	padding: 0;
	margin: 0 0 5px 13px;
	}
	
#content_body .press_item a:link, #content_body .press_item a:visited {
	color: #e66f00;
	}
	
#content_body .press_item a:hover {
	color: #fff;
	background-color: #ff8a00;
	}
		
#content_body .press_item img {
	border-color: #ff8a00;
	}

#content_body .press_item a:hover img {
	background-color: #ffe3c4;
	}
		
.news_item {
	margin: 0 0 20px 0;
	}

.post_details {
	margin: 20px 0 30px 0;
	border-top: 1px solid #ccc;
	}
	
#content_body .post_details ul {
	margin: 0 0 0 13px;
	padding: 0;
	}
		
/* -----------------------------------------------
Industry Facts & Figures
----------------------------------------------- */
img#market_share {
	border: none;
	margin: 0 0 0 12px;
	}
	
/* -----------------------------------------------
Sales & Marketing Opportunities
----------------------------------------------- */
#online_opp_table table {
	border-collapse: collapse;
	}
	
#opportunity_col {
	width: 15%;
	font-weight: bold;
	}
	
#features_col {
	width: 47%;
	}
	
#actions_col {
	width: 38%;
	}
	
#online_opp_table p {
	margin: 0 0 6px 0;
	padding: 0;	
	}
	
#online_opp_table th {
	border-bottom: 2px solid #06abe3;
	border-right: 1px solid #06abe3;
	font: 19px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-transform: lowercase;
	letter-spacing: -1px;
	text-align: left;
	padding: 0 0 2px 3px;
	}
	
#online_opp_table tr:hover { /* Not supported by IE6 */
	background-color: #f5fcff;
	}

#online_opp_table thead tr:hover { /* Not supported by IE6 */
	background: none;
	}
	
#online_opp_table td {
	border-right: 1px solid #06abe3;
	border-bottom: 1px solid #06abe3;
	font: 11px "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	vertical-align: top;
	padding: 2px 4px 30px 4px;
	}
	
#online_opp_table ul {
	margin: 4px 0 10px 30px;
	padding: 0;
	}
	
#online_opp_table ol {
	margin: 4px 0 10px 37px;
	padding: 0;
	}
	
#online_opp_table li {
	margin: 0;
	padding: 0;
	background: none;
	list-style-type: square;
	}
	
#online_opp_table ol li {
	margin: 0;
	padding: 0;
	background: none;
	list-style-type: decimal;
	}
			
#online_opp_table td.actions, #online_opp_table th.actions {
	border-right: none;
	}
	
#online_opp_table td.actions ul {
	margin: 0 0 8px 18px;
	padding: 0;
	}
	
#online_opp_table td.actions img {
	border: none;
	margin: 0;
	padding: 0;
	position: relative;
	top: 4px;
	}

tr#last_row td {
	border-bottom: none;
	}
	
/* -----------------------------------------------
Careers
----------------------------------------------- */
.job {
	background-color: #f5fcff;
	padding: 10px;
	border: 1px solid #64dcff;
	}
	
#content_body .job h2 {
	margin: 0 0 5px 0;
	}
	
#content_body ul.job_overview {
	margin: 3px 0 20px 0;
	padding: 0;
	}

#content_body ul.job_overview li {
	margin-bottom: 0;
	padding: 0;
	background: none;
	}
	
#content_body .job h3 {
	margin: 12px 0 2px 0;
	padding: 0;
	}

#content_body .job p {
	margin: 0 0 4px 0;
	padding: 0;
	line-height: 14px;
	}

#content_body .job ul {
	margin: 0 0 0 4px;
	padding: 0;
	}

#content_body .job li {
	margin: 0 0 6px 0;
	line-height: 14px;
	}

/* -----------------------------------------------
Support Styles
----------------------------------------------- */
/* Uploadr */

#content_body a:link.content_selected, #content_body a:visited.content_selected {
	color: #000000;
	}

#content_body a:hover.content_selected {
	background: none;
	color: #000;
	}

/* -----------------------------------------------
Footer Styles
----------------------------------------------- */
#footer {
	float: left;
	clear: both;
	width: 100%;
	border-left: 8px solid #b5e6f7;  
	margin: 30px 0 0 0;
	padding: 5px 0 5px 5px;
	width: 694px;
	position: relative;
	left: 23px;
	}
	
#footer p {
	font: 10px Tahoma, Verdana, Arial, sans-serif;
	line-height: 13px;
	margin: 0;
	}

#footer a:link, #footer a:visited {
	color: #006093;
	text-decoration: none;
	}

#footer a:hover {
	background-color: #06abe3;
	color: #fff;
	text-decoration: none;	
	}