* {margin:0;padding:0;}
body {background:#004736; color:#000; font:76% Verdana,Helvetica,sans-serif;}
p {line-height:1.7em; margin-bottom:15px;}
a {color:#467aa7;}
a:hover {color:#333;}
a img {border:0;}
h1 {color:#2a5a7a; font-family:Georgia,serif; font-size:2.4em;}
h2 {color:#467aa7; font-family:Georgia,serif; font-size:2.2em; font-weight:400;margin:0 0 10px;}
h3 {color:#467aa7; font-family:Georgia,serif; font-size:1.6em; font-weight:400;margin:0 0 8px;}
ul,ol,dl {margin:0 0 20px 20px; padding:0;}
li {padding-bottom:5px;}

#container {width:1000px; margin:10px auto 20px; padding:0; overflow:hidden;
-moz-box-shadow: 6px 6px 5px #00271A;
-webkit-box-shadow: 6px 6px 5px #00271A;}

#header {background:#6F9E97 url(images/header.jpg); margin:0 auto; padding:0; height:192px;}
#header h1 {margin:0; padding:20px 0 10px;}
#header h1 a {color:#eee; font-family:Georgia,serif; font-size:2em; font-weight:400; text-decoration:none;}
#header h2 {color:#ddd; padding:0 0 10px 25px; margin:0; font-family:Georgia,serif; font-size:1.8em; font-weight:400;}

#menuh {font-family: arial, helvetica, sans-serif; width:100%; float:left; margin-left:2em; margin-top:13.8em; height:20px;}	
#menuh a {text-align: left; display:block; white-space:nowrap; margin:0; padding: 0 0.62em; font-size:1.2em; font-weight:bold;}	
#menuh a:link, #menuh a:visited, #menuh a:active	{color:#004746; background:transparent; text-decoration:none;}	
#menuh a:hover, #menuh a.active {color:#A10830; background:transparent; text-decoration:none;}		
#menuh ul {list-style:none; margin:0; padding:0; float:left;
	/*width:9em;	/* width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
}
#menuh li {position:relative; min-height:1px; vertical-align: bottom;}
#menuh ul ul {position:absolute; z-index:500; top:auto; display:none; padding:1em; margin:-0.65em 0 0 0.2em;}
#menuh ul ul li {padding:0; margin:0; border-bottom:1px solid #fff; background-color: #C2D8D6;}
#menuh ul ul li a {padding: 0.3em 1em; font-size:1.1em;}
#menuh ul ul li a:hover {color:#A10830; background-color:#7DA3A0;}
div#menuh li:hover {cursor:pointer; z-index:100;}
div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */


#feature {width:950px; height:35px; background-color:#6F9E97; color:#555; padding:15px 25px 5px; z-index:2;}
#feature h2 {color:#004736; font-size:3.6em; line-height:1em; padding-left:25px; font-weight:normal;}
#feature h3 {color:#161314; font-size:1.8em; line-height:1em; padding-left:60px; font-family:Arial,serif; word-spacing:4px;}
#feature span {color:#A10830; font-weight:bold;}
#feature img {margin-left:20px; margin-bottom:3px;}
#feature a {color:#161314;}

#adspace {float:right;margin-right:40px; margin-top:-5px;}

#main {clear:both; margin:0; background-color:#6F9E97; padding:15px 15px 5px;}
#content {width:75%;}
#content h2 {font-family:Arial,serif; font-weight:bold; font-size:2.2em; color:#F7F6D9; text-align:center; padding:5px 0;}
#content h2.green {background: #004736; padding: 5px 0 0px 0; height:37px;  text-align:left; } 
#content h2.red {background-color:#A10830; padding-bottom:5px;}
#content h2.grey {background: #3C4C54; color: #fff; text-align: center; margin-bottom: 20px}
#content h3 {font-family:Arial,serif; font-weight:bold; font-size:1.8em; color:#A10830; margin-left:6px;}
#content li {font-size:0.8em; padding:2px 0;}

#content .usedboats, #content .newboats {-moz-box-shadow: 6px 6px 5px #58827C;
-webkit-box-shadow: 6px 6px 5px #58827C;
}

#content .usedboats h2 a, #content .newboats h2 a {text-decoration:none; color:#fff;}
#content .usedboats h3 {color:#161314; font-size:1.2em; padding-top:6px;}
#content .newboats h3 a {font-family:Arial,serif; font-weight:bold; font-size:1em; color:#A10830; text-decoration:none;}
#content .usedboats ul{list-style:none; margin:0; padding:0 0 0 10px;}
#content #quickSearch h3{font-family:Arial,serif; font-weight:bold; font-size:1.6em; color:#A10830; margin-left:8px; margin-bottom:0;}
#quickSearch {background-color:#fff; float:left; width:700px; height:80px; margin-top:-3px; margin-bottom:10px;}
#quickSearch form {padding:6px 18px;}
#quickSearch select {width:200px;}
#quickSearch label {float:left; width:90px;}
#quickSearch .button {background-color:#A10830; color:#fff; border:0; float:right; margin-right:5px; margin-top:-3px; padding:5px 11px;}
#quickSearch #beam {margin-right:30px;}

.hire-boat {float: left; height: 275px; margin-bottom:20px; margin-top: 10px;width: 48%; color: #fff; }
#content .hire-boat h3 {color: #fff; margin: 0 0 8px; padding-left: 6px; padding-top: 3px;}
.hire-boat img {background: #eee; float: left; margin: 0 3% 1%;}
.hire-boat p {color:#fff; padding: 0 10px;}
.hire-boat#red {background: #A10830; clear: left;}
.hire-boat#green {background: #00483A;margin-left: 4%;}	

#hiring-enquiry, #book-online {background: #B7C9C9;}
#hiring-enquiry h2, #book-online h2 {background: #B7C9C9; color: #152A75; text-align: center}

#both-boats {float:left; text-align:center;width: 96.5%;margin-top: 10px;}

#boat-hire .exernal {width:337px;float:left; margin-bottom:20px}			
#boat-hire .internal {width:337px;float:right; margin-bottom:20px}
#boat-hire ul {margin-bottom: 20px; font-size:1.2em; float:left;}
#boat-hire ul.right-col {margin-left:98px;}

.actNow {float:left; width:350px; height:106px;}

table.orders {
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table.orders th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #C2D6D5;
}
table.orders td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}

#admin-logo {position:absolute; top:40px; left:15px;}

#content #boatSearch h2 {color:#00A9D8; margin-right:48px;}
#boatSearch {float:right; width:345px; height:104px; background-color:#D9D7D7; border:1px solid #30ABE3;}
#boatSearch form {padding-left:95px;}
#boatSearch select{width:130px;}
#boatSearch label {float:left; width:55px;}
#boatSearch .button {background-color:#00A9D8; color:#fff; border:0; float:right; margin-right:5px; margin-top:-20px; padding:1px 3px;}
#boatSearch img {float:left; margin:8px 10px;}

.paging {float:right; text-align:right; color:#A40935;}

#christmas {background-color:#A10830; color:#fff; font-weight:bold; padding:5px 8px 6px; margin-bottom:10px; height:40px;}
#christmas p {margin-bottom:0; text-align:center;}

#headlineNews {background-color:#60777D; color:#fff; font-weight:bold; padding:5px 8px 6px; margin-bottom:10px; height:28px;}
#headlineNews p {margin-bottom:0;}
#headlineNews a {color:#fff;}
#headlineNews span {color:#FFD74B; font-style:italic;} 
#headlineIntro {float:left; width:125px;}
#ticker {list-style-type:none; font-size:1.2em; padding:0;}

.usedBoat {float:left; width:160px; height:270px; margin:7px;}
#content .usedBoat h3 {color:#004736; font-size:1.2em; margin-left:0; margin-bottom:0;}
.usedBoat img {background-color:#EFF3F3; border:4px solid #B4C6C6;}
.usedBoat p {line-height:1.1em;}

#tabbedcontent .newBoatContainer, #tabs .newBoatContainer {height:auto; margin-bottom:20px;}
#tabbedcontent .newBoatContainer .newBoatText, #tabs .newBoatContainer .newBoatText {float:right; width:59%; margin-left:2%; margin-top:5px; height:auto; overflow:hidden;}
#tabbedcontent .newBoatContainer .newBoatText h3, #tabs .newBoatContainer .newBoatText h3 {margin:0; padding:0;}
#tabbedcontent .newBoatContainer .newBoatImages, #tabs .newBoatContainer .newBoatImages {float:left; text-align:right; width:39%; margin-top:10px;}
#tabbedcontent .newBoatContainer .newBoatImages img, #tabs .newBoatContainer .newBoatImages img {border:1px solid #6F9E97; padding:1px;}
#tabbedcontent .newBoatImagesLrg img, #tabs .newBoatImagesLrg img {border:1px solid #6F9E97; padding:1px; margin-bottom:10px; margin-left:15px;}

#enquiryform label {width:7em; float:left; display:block; clear:both;}

#login_form label {width:5em; float:left; text-align:right; margin-right:0.5em; display:block; color:#9C0029;}

#login_form .submit input {margin-left: 5em; color:#fff; background:#9C0029; border:0; padding:3px 5px;}

#sidebar {background:transparent; float:right; width:23%;}
#sidebar .sidebarbox {margin:10px 0 25px; background-color:#fff; border:2px solid #60777D; margin-bottom:0; min-height:140px;}
#sidebar .sidebarbox2 {margin:0 0 25px; background-color:#6F9E97; border:2px solid #60777D; padding-bottom:55px;}
#sidebar .sidebarbox3 {margin:28px 0 25px; background-color:#3C4C54; border:2px solid #60777D;}
#sidebar p {margin:10px 0 10px 10px;}
#sidebar .sidebarbox p {font-size:0.9em;}
#sidebar ul {list-style:none; margin:10px 0 10px 10px; padding:0;}
#sidebar ul li {margin:0 0 5px;}
#sidebar ul li a {color:#467aa7; font-weight:400;}
#sidebar ul.sidemenu {margin:0;}
#sidebar ul.sidemenu li {display:inline; padding:0; margin:0;}
#sidebar ul.sidemenu li a {display:block; padding:7px 5px 6px 10px; font-size:1.2em; font-weight:400; text-decoration:none; border-bottom:1px solid #ddd;}
#sidebar ul.sidemenu li a:hover {background-color:#eee; color:#333; border-bottom:1px solid #ccc;}
#sidebar ul.sidemenu ul {margin:0; padding:0; font-size:0.9em; border-bottom:1px solid #ccc;}
#sidebar ul.sidemenu ul li a {padding:5px 5px 5px 25px; border:0; font-weight:400;}
#sidebar ul.sidemenu ul li a:hover {border:0;}
#sidebar ul li a:hover {color:#333;}
#sidebar h2 {background-color:#869A9F; color:#004736; font-size:1.5em; margin:0; padding:4px 10px; font-style:italic; font-family:Arial,serif; font-weight:bold;}
#sidebar .sidebarbox2 h2, #sidebar .sidebarbox3 h2 {background-color:#819D9F; color:#fff; font-size:2.2em; margin:0; padding:4px 10px; font-style:italic; font-family:Arial,serif; font-weight:bold; text-align:center; line-height:1.2em; letter-spacing:1px;}
#sidebar .sidebarbox3 h2 {background-color:#3C4C54; font-style:normal;}
#sidebar .sidebarbox2 h2 span, #sidebar .sidebarbox3 h2 span {font-size:1.4em; word-spacing:6px;}
#sidebar .sidebarbox2 h3 {color:#fff; font-size:2em; margin:0; padding:0; font-style:normal; font-family:Arial,serif; font-weight:bold; text-align:center;}
#sidebar .sidebarbox2 img, #sidebar .sidebarbox3 img {margin:10px 0 0 10px;}
#sidebar .sidebarbox2 p {text-align:center; margin:0; color:#004736; font-size:1.1em;}
#sidebar .sidebarbox3 p {text-align:center; margin:0; color:#FFD74E; font-size:1.1em; line-height:1.4em;}
#sidebar .sidebarbox3 p.grey {color:#3C4C54;}
#sidebar .sidebarbox3 a {font-style:italic; font-weight:bold; text-decoration:none; color:#FFD74E;}
#sidebar h3{font-size:1.4em; padding:10px 10px 0;}
#sidebar .phoneNo {color:#A10830; font-weight:bold; font-size:1.3em;}
#sidebar .sidebarbox2 a {text-decoration:none; color:#FFF;}

.enquire {float:left; padding:5px 45px;}
.enquire a {background:#A10830; border:2px solid #60777D; text-align:center; padding:4px; display: block; }
.enquire a:hover {background:#004736;}

.twitter {text-align:right; color:#fff; padding-bottom:15px;}
.twitter img {float:right; margin-left:3px;}
.twitter p {padding-top:5px;}
.twitter a {color:#161314;}

#brigantineBlog {width:224px; margin-top:10px; margin-bottom:10px; padding:10px 0 25px 0; background:#60777D;-moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px;}
#brigantineBlog img {float:left; margin:0 0 0 10px;}
#brigantineBlog .heading {color:#004736; font-size:14px; font-weight:bold; padding:0 8px;}
#brigantineBlog .latestPost {background:#fff; margin:25px 1px 10px;-moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; padding:8px;}
#brigantineBlog .readMore {float:right; margin:0 10px 0 0;}
#brigantineBlog .readMore a {color:#004736; text-decoration:none;}
	
#newsLarge {border:2px solid #667C82; background-color:#fff;}
#newsLarge h2 {background-color:#A10830; color:#fff; font-size:1.7em; margin:0 0 8px; padding:2px 10px; font-style:italic; font-family:Arial,serif; font-weight:bold; text-align:left;}
#newsLarge h3 {font-size:1.4em;}
#newsLarge p {padding: 0 10px; line-height:1.3em; font-size:0.9em;}
#newsLarge ul {padding: 0 10px;}

.greybox,.greenbox,.redbox {float:left; width:212px; height:245px; padding:5px;
-moz-box-shadow: 6px 6px 5px #706F4F;
-webkit-box-shadow: 6px 6px 5px #706F4F;}

.greybox {background-color:#B7C9C9;}
.greenbox {margin:0 15px; background-color:#00483A;}
.redbox {background-color:#A40935;}
#content .greybox h2,#content .greenbox h2,#content .redbox h2 {font-size:1.4em; text-transform:uppercase; margin:0;}
#content .greybox h2 {color:#152A75;}
#content .greenbox h2 {color:#FFD74E}
#content .redbox h2 {color:#fff}
#content .greybox p {color:#536276; line-height:1.2em;}
#content .greenbox p,#content .redbox p {color:#fff; line-height:1.2em;}
.greenbox a,.redbox a {font-style:normal; font-weight:bold; text-decoration:none; color:#FFD74E;}
.greybox a {font-style:normal; font-weight:bold; text-decoration:none; color:#536276;}

#footer {background-color:#ddd; margin:0 auto; padding:20px 25px 10px; border-top:1px solid #ccc;}
#footer h2 {color:#467aa7; font-weight:400; font-size:1.5em;}
#footer p {color:#555; margin:0 0 10px; padding:0;}
#footer ul {border-top:1px solid #ccc; list-style:none; margin:0 0 15px; padding:0;}
#footer ul li {padding:0; margin:0;}
#footer ul li a {border-bottom:1px solid #ccc; color:#333; display:block; padding:7px 10px; text-decoration:none;}
#footer ul li a:hover {background-color:#eee;}

#credits {background-color:#C2D6D5; color:#000; padding:10px 25px;}
#credits p {text-align:left; font-size:1em; margin:0; padding:0; line-height:1.4em;}
#credits a {color:#000; font-weight:400;}

.fullwidth2 {float:left;width:96.5%; background-color:#F7F6D9; border:8px solid #fff; padding:5px;}
.left {float:left; width:45.5%; background-color:#F7F6D9; border:8px solid #fff; padding:5px;}
.right {float:right; width:45.5%; background-color:#F7F6D9; border:8px solid #fff; padding:5px;}
.subleft {float:left; width:161px; height:260px; margin-right:3px;}
.subright {float:right; width:161px; height:260px;}
.fullwidth {float:left; width:96%; background-color:#B0AF7D; padding:15px 15px 20px; margin-top:30px;}
.fullwidth p {line-height:1.4em;}
.transparent {background:transparent; background-color:#6F9E97; margin-top:10px;}
.grey {color:#60777D;}
.redBold {font-weight:bold; color:#A10830;}
.clear {clear:both; visibility:hidden;}
.small {font-size:0.8em;}
.print a {color:#004736; font-size:0.9em;}
.print img {border:0; padding:0; margin:0 5px 0 0; vertical-align:middle;}

/*tabs*/

pre {text-indent:30px;} 
#tabmenu { color:#A10830; margin:12px 0 0; padding:0; z-index:1; padding-left:0;} 
#tabmenu li {display:inline; overflow:hidden; list-style-type:none;} 
#tabmenu a, a.active {color:#7D7E82; background:transparent url(images/tab.png) no-repeat; font:bold 1.8em Arial, sans-serif; padding:9px 33px 5px; margin:0; text-decoration:none; cursor:pointer;} 
#tabmenu a.active {background:transparent url(images/tab-active.png) no-repeat; color:#A10830;} 
#tabmenu a:hover {background:transparent url(images/tab-active.png) no-repeat; color:#A10830;} 
#tabmenu a.active:hover { background: transparent url(images/tab-active.png) no-repeat; color:#A10830;} 
#tabbedcontent {background:#BCCDDB; padding:35px; z-index:2; margin-top:5px; font-family:Arial,serif; font-size:1.1em; -moz-box-shadow: 6px 6px 5px #A4A696;
-webkit-box-shadow: 6px 6px 5px #A4A696;} 
#tabbedcontent p, #tabs p {line-height:1.2em; font-size:1em;}
#tabbedcontent .price, #tabs .price {color:#003F2F; font-size:2.6em; font-weight:bold; margin:0; letter-spacing:1px; line-height:1em;}
#tabbedcontent .length, #tabs .length {color:#6F9E97; font-size:2.6em; font-weight:bold; letter-spacing:1px;}
#tabbedcontent .lengthSml, #tabs .lengthSml {color:#6F9E97; font-size:1.3em; font-weight:bold; letter-spacing:0;}
#tabbedcontent h3, #tabs h3 {font-family:Arial,serif; font-weight:bold; font-size:1.8em; color:#005C52; margin-left:0;}
#tabbedcontent ul {list-style-type:none; padding:0; margin:0;}
#tabbedcontent ul  li {background-image:url(images/arrow.gif); background-repeat:no-repeat; background-position:0 .5em; padding-left:1.2em;}
#tabbedcontent ul li a {color:#2D7C72; font-size:1.5em; text-decoration:none; font-weight:bold;}

#tabs ul.horizontal {margin-left:0} 
#tabbedcontent ul.horizontal li, #tabs ul.horizontal li {display:inline; background-image:url(images/arrow.gif); background-repeat:no-repeat; background-position:0 .1em; padding-left:1.2em;}
#tabbedcontent ul.horizontal li a, #tabs ul.horizontal li a {margin-right:9px; color:#2D7C72; font-size:1.5em; text-decoration:none; font-weight:bold;}

.usedBoatDetail .left2 {float:left; width:100px; color:#60777F; font-weight:bold; clear:both;}
.usedBoatDetail .right2 {float:right; color:#161314;}

#content .left3 {float:left; width:150px; color:#60777F; font-weight:bold; clear:both;}
#content .right3 {float:right; color:#161314;}

#content h3.priceLrg {margin:0; padding-top:2px;color:#A10830;font-size:2.2em;}

.oldPrice {
    position: relative;
font-size:0.8em;
color:#60777D
}
.oldPrice::after {
    border-bottom: 4px solid #60777D;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 40%;
}

.cols3 {width:31%; float:left; margin:10px 5px;}

#sellform label, #hireform label, #paypal_form label {float:left; width:200px; font-weight:bold;}

.imageVerification {vertical-align:middle;}

.submit {padding:3px 10px; font-weight:bold;}

#social img {margin:0 16px;}

/*datepicker styling*/
.ui-datepicker-header{background-color:lightgrey;color:#666666;border:4px solid gray;border-bottom-width:1px;position:relative}
.ui-datepicker-header a span{cursor:pointer;font-size:12px}
.ui-datepicker-title{text-align:center}
.ui-datepicker-calendar{border-collapse:collapse;border:4px solid gray;border-top-width:1px;text-align:center;background:#D3D3D3;}
.ui-datepicker-calendar a{text-decoration:none;color:white}
.ui-datepicker-calendar thead{background-color:white}
.ui-datepicker-calendar tbody tr{color:white}
.ui-datepicker-calendar td{padding:5px}
.ui-datepicker-prev{display:block;position:absolute;left:0;padding-left:2px;text-align:left}
.ui-datepicker-next{display:block;position:absolute;right:0;padding-right:2px;}
* html .ui-datepicker-next{padding-right:6px}
.ui-datepicker-calendar tbody tr.active, .ui-datepicker-calendar tbody tr.active a{cursor:pointer;color:#000000}
* html iframe{display:none}
.available{background-color:green}
.unavailable{background-color:red}
#main{position: relative;}
.banner-corner{width: 150px;height:150px;position:absolute;top:64px;left:15px;background-size:100%;background-repeat:no-repeat;background-image:url("./images/New&UsedBoatBanner.png");z-index:100000}
.specialOffer{font-size:15px;}