/* CSS Document */

/*--------------------------------------- General Structure -----------------------------------------*/

#container{ position:relative; padding:0; margin-top:0; margin-left:auto; margin-right:auto; width:940px; background:url(/images/header-bg.jpg) left top repeat-x; border-top:3px solid #1E325B;}

#header {width:100%; height:128px; margin:0px; padding:0px; background:none; }

#logo {  width:168px; height:107px; margin:0px; padding:0px; display:block; float:left; }

#main {margin:0; min-height:568px; height:auto !important; height:568px; padding:0; background:#FFF; position:relative; }
*html #main {  min-height:268px; height:auto !important; height:268px;  }
#left_top { width:84px; height:462px; background:url(/images/left_top.jpg) no-repeat left top; position:absolute; top:0px; left:-84px;}
#right_below { background:url(/images/bottom_right.jpg) no-repeat left top; width:92px; height:284px; display:block; position:absolute; top:300px; right:-92px; }
#top_main { background:url(/images/top_main.jpg) no-repeat left top; height:4px; width:100%; position:absolute; top:0px; left:0px; }
#below_main { background:url(/images/main.jpg) no-repeat left bottom; height:4px; width:100%; position:absolute; bottom:0px; left:0px;}


#contact_form {display:block; margin:0px 0px 0px -5px;}
#contact_form button {display:inline !important; float:none !important;}
#contact_form input {width:300px;}
#contact_form select {width:301px;}
#contact_form textarea {width:300px;}

#content {float:left; display:block; width:645px; margin:10px 0 20px;}
*html #content { margin:11px 0px 117px 5px;}
#sidebar {float:right; display:block; width:240px; padding:0; margin:10px 0 20px;}

#footer_boats { height:97px; width:100%; display:block; margin:20px 0px 5px 0px; position:absolute; bottom:5px; left:8px;}
#footer_boats a { display:block; float:left; margin:0px 8px 0px 0px;}
#footer_boats a.final { margin:0px !important; }

#footer_boats_quote {display:block; margin:0;}
#footer_boats_quote a {float:left; display:block; position:relative; margin:0 18px 13px 0; width:141px;}
#footer_boats_quote a img {width:141px;}
#footer_boats_quote a span {position:absolute; bottom:0; left:0; width:131px; padding:5px 0 5px 10px; font-size:14px; color:#FFF; background:#004878; background:rgba(0,72,120,0.5);}
#footer_boats_quote a:hover span { background:#013F68; background:rgba(0,72,120,0.8);}
#footer_boats_quote a.final { margin:0 !important; }

#footer {margin:20px auto; padding:20px 0; border-top:1px solid #EDEDED;}
#footer p {font-size:10px; color:#333; margin:0;}

#footer #footer-text {float:left; display:block;}

#footer #footer-logos {float:right; display:block;}
#footer #footer-logos a {}



.clear { clear:both; }

.hideindent .indent {display:none;}

.main_input input {width:170px;}
.main_input select {width:170px;}
.main_input textarea {width:300px;}
.main_input label.indent {width:200px;}
form button {display:block; margin:20px 0px 20px 0px; float:right; clear:both;}
form h2 {margin:20px 0px 20px 0px !important;}

.col {display:block; float:left; width:200px;}
.title_form {border-bottom:1px solid #000; display:block; margin:35px 0px 20px 0px; padding:0px 0px 5px 0px;}


#header-phone {position:absolute; top:45px; right:15px;}
#header-phone p {font-size:21px; color:#FFF; font-weight:normal;}
#header-phone p span {color:#FFF;}




/*------------------------------------ Homepage -----------------------------------------------------------*/

#home_left {width:700px; height:250px; display:block; float:left;} 
.home-slideshow {position:relative; width:700px; height:255px;}
.home-slideshow img {position:absolute; top:0; left:0; width:700px;}

#slideshow-controls {position:absolute; bottom:0; right:0; z-index:999; display:none;}
#slideshow-controls a {display:inline-block; width:40px; height:40px; text-indent:-9999px; background:url(/images/slideshow-controls-bg.png) left top no-repeat;}
#slideshow-controls a#next {background-position:right top; margin-left:3px;}
#slideshow-controls a:hover {}


#home_right {width:210px; height:250px; display:block; float:right; padding:0 10px 0 20px; border-radius:0 0 10px; background:url(/images/slideshow-right-bg.png) no-repeat right bottom #33C5F3;}
#home_right p {font-size:12px; color:#FFF; line-height:18px; margin:12px 0px 12px 0px;}
a#send {display:block; padding:10px 30px 10px 10px; margin:20px 0 0; color:#FFF; text-decoration:none; font-size:17px; border-radius:12px; background:url(/images/grey-arrow-head.png) 188px center no-repeat #004878;}
a#send:hover {background-color:#003A60;}

#contact_us { font-size:24px; color:#FFF; display:block; margin:7px 0px 5px 0px;}
#tel {font-size:25px; font-weight:bold; color:#FFF; display:block; margin:0px 0px 12px 0px;}
#home {height:250px; display:block;}
#opening-times {font-weight:bold;}



/*------------------------------------ TextPage -----------------------------------------------------------*/

#pageheader {display:block; position:relative; }
#pageheader img {position:relative; z-index:10;}
#mask { background:url(/images/mask.gif) no-repeat left top; position:absolute; z-index:100; top:0px; left:0px; height:180px; width:883px; }


#contact_area {width:210px;display:block; float:right; padding:0 10px 20px 20px; border-radius:10px; background:url(/images/slideshow-right-bg.png) no-repeat right bottom #33C5F3;}
#contact_area p {font-size:12px; color:#FFF; line-height:18px; margin:12px 0px 12px 0px;}
#contact_area a#send {display:block; padding:10px 30px 10px 10px; margin:20px 0 0; color:#FFF; text-decoration:none; font-size:17px; border-radius:12px; background:url(/images/grey-arrow-head.png) 188px center no-repeat #004878;}
#contact_area a#send:hover {background-color:#003A60;}

#contact_area #contact_us { font-size:24px; color:#FFF; display:block; margin:7px 0px 5px 0px;}
#contact_area #tel {font-size:25px; font-weight:bold; color:#FFF; display:block; margin:0px 0px 12px 0px;}


/*------------------------------------ News -----------------------------------------------------------*/

.news { border-bottom:1px solid #333333; display:block; margin:0px 0px 10px 0px;}
.news a.title { font-size:14px; color:#39C5EB; text-decoration:none; font-weight:bold;}
.news a.title span {font-size:10px !important; color:#000000; text-decoration:none;}
.news a.link { text-decoration:none; color:#39C5EB; font-size:12px; font-weight:bold;}
.news a:hover.link { text-decoration:none;}
.news p { margin:5px 0px 10px 0px;}
.news_img { display:block; float:left; width:122px; height:89px; margin:10px 0px 10px 0px;}
.news_text { display:block; float:right; width:470px; margin:0px 0px 10px 0px;}

.paging { display:block; float:right; color:#004A91; font-weight:bold; margin:10px 0px 10px 0px; }
.paging a { font-size:12px; color:#004A91; text-decoration:none;}

/*------------------------------------ nav-----------------------------------------------------------*/

#nav {margin:92px 8px 0; padding:0; display:block; float:right; }
#nav ul { padding:0; margin:0; list-style: none; float: left;}
#nav ul li {float:left; display:block; text-decoration:none; color:#CCC; padding:0; margin:0 4px; background:none;}
#nav ul li a {font-weight:bold; border-radius:5px 5px 0 0; text-transform:uppercase; margin:0; padding:6px 6px 15px; color:#FFF; display:block; font-size:12px; background:none; text-decoration:none;}
#nav ul li a:hover {text-decoration:none;  color:#FFF; } 

#nav ul li a:hover, #nav ul li a.active {background:#00CCFF; color:#1E325B;}



#sub_menu { display:block; margin:5px 0px 0px 0px; float:right; width:215px;}
#menu_title { position:relative; color:#fff; font-size:15px; display:block;  background:url(/images/title_top.jpg) #004878 no-repeat left top; font-weight:bold; padding:4px 0px 4px 13px; margin:0px 0px 4px 0px; min-height:10px; height:auto !important; height:10px;}
#menu_title span {width:215px; position:absolute; bottom:0px; left:0px; background:url(/images/title_below.jpg) no-repeat left top; height:4px;}
*html #menu_title span {bottom:-14px;}

#sub_menu a { display:block; font-size:14px; font-weight:normal; color:#fff; text-decoration:none; background:url(/images/arrow.gif) no-repeat right 50%; background-color:#00CCFF; padding:4px 0px 4px 13px; margin:2px 0px 4px 0px;}
#sub_menu a:hover { text-decoration:none; background-color:#336D93;}
#sub_menu a.selected_sub {text-decoration:none; background-color:#336D93;}}




/*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/

button {cursor:pointer;}
body { text-align: left;  margin: 0px;  padding: 0px;  letter-spacing:normal; /*background:url(/images/header-bg.jpg) left top repeat-x; border-top:3px solid #1E325B;*/ font-family: Arial, Helvetica, sans-serif; font-size:12px;}
body,p,h1,h2,h3,h4 { margin:0px;  padding: 0px; }

img { border:0px; margin:0px; padding:0px; }

h1 { color:#004878; font-size:26px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h2 { color:#004A91; font-size:26px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h3 { font-size:18px; color:#004878; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4 { color:#39C5EB; font-size:16px; font-weight:bold; margin:20px 0px 0px 0px; padding:0px 0px 0px 0px; }
h5 { color:#004878; font-size:15px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h6 { color:#39C5EB; font-size:14px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }

hr {}

ul {margin:0; padding:0;}
ul li {margin-top:5px; padding:0 0 0 20px; background:url(/images/tick.jpg) left 0 no-repeat; list-style:none; font-size:13px; color:#333;}
ol {margin:0px; padding:0px 0px 0px 30px;}
ol li {margin-top:5px; list-style-image:url(/images/ol.jpg); list-style-position:outside; font-size:14px; color:#333; font-weight:bold;}
ol li a {color:#333333; text-decoration:none; }
ol li a:hover {color:#333333; text-decoration:none; }

address {font-size:13px; color:#333333; }

a { color:#27467F; text-decoration:underline;  }
a:hover { color:#27467F; text-decoration:underline; }

p { font-size:13px; color:#333333; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; line-height:16px; }

/*hacks list remove before live

HANDY HINTS

*html IE6
*+html IE7
:root  FIREFOX
body:last-child:not(:root:root)    SAFARI
html:first-child OPERA
*/





#social_icons {position:absolute; top:10px; right:15px;}
#social_icons a {margin-left:5px;}


.error_feedback {}
.error_feedback ul {margin:0 0 0 30px;}
.error_feedback ul li {background:none;}