/* RESET CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family:Geneva, Arial, Helvetica, sans-serif;vertical-align:baseline;cursor:default;}
html, body {height:100%;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: #e9e8e4;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* General Layour */
div#container{	width:760px;margin:0 auto;height:auto !important height:100%;min-height:100%;background:white;}
div#headerspace{	width:100%;height:280px;margin:0 auto -280px auto;background:#e9e8e4;position:relative;}
div#header{ width:100%;height:280px;margin:0 auto -280px auto;background:#e9e8e4;position:relative;}
div.headerhold{	width:732px;margin:0 auto;}
div#headbg{ height:272px; width:760px;margin:0 auto;background:url(../images/headerrightbg.gif) no-repeat 489px 6px;}
div#headertop{ width:443px; height:264px; position:absolute;}

div#headlogo{ height:57px; width:257px; padding:6px 0 0 18px;background:#e9e8e4;}
div#headmenu{ margin-top:6px; height:40px;}
div#headpromo{  height:80px;}
div#headfeature{ height:60px; width:469px;}

div#push{	width:760px;height:100%;margin:0 auto;padding:280px 0 80px 0;} /* push must equal header & footer height */
div#main{	width:732px;padding:14px 14px 0px 14px;margin:0 auto -18px auto; position:relative; z-index:5;}
div#footer{	width:100%;height:80px;margin:-80px 0 0 0;background:#545454;}
div#footerhold{	width:760px; height:30px;margin:0 auto;background:white;}
div#leftcolumn{width:183px;margin:0;padding:0 8px 0 0;float:left;border-right:solid 1px #ededed;}
div#rightcolumn{width:540px;margin:0 0 0 -1px;border-left:solid 1px #ededed;float:left;}
.left{float:left;}
.right{float:right;}
.leftp{float:left;margin-left:0 !important;}
.rightp{float:right;margin-right:0 !important;}
div.cb{ clear:both; height:0; width:100%; line-height:0; max-height:0; min-height:0; padding:0; margin:0;}

/* General Font Style */
a{ text-decoration:none;cursor:pointer;color:#545454;}
a:hover{ text-decoration:underline;}

/* Left Column */
h3{height:40px;line-height:40px; color:white; font-weight:bold; font-size:11px;padding:0 10px 0 8px;background:#0096ff;}
h3 img{margin:12px 8px; float:left;}
ul.leftmenu{margin-bottom:8px;}
ul.leftmenu li{margin:-1px 8px 1px 8px;border-top:solid 1px #ededed;line-height:11px; white-space:nowrap;}
ul.leftmenu li a{height:25px;line-height:25px;padding:0 0 0 32px;font-weight:bold; font-size:11px;display:block;background:url(../images/arrows.gif) no-repeat 18px 11px;}

/* Box Style */
div.titlebox{ width:494px;margin:0 0 8px 8px;padding:12px 18px;border:solid 1px #d9d9d9;float:left;background:url(../images/bulletwhite.gif) no-repeat 16px 12px; display:inline;}
div.titlebox h1{ font-weight:bold; float:left; color:#545454; padding:0 0 0 18px; font-size:14px;}
div.titlebox span{ font-weight:normal; font-size:11px; line-height:14px; vertical-align:bottom;}
div.titlebox span a{ font-weight:bold;color:#2b5e8f; text-decoration:underline;}
div.titlebox span a:hover{ text-decoration:none;}

h2{ display:block; padding:8px 0 4px 0px; font-weight:bold; font-size:12px;color:#545454; line-height: }
.bluegrad{ background:url(../images/bluegrad.gif) repeat-x;}
.greengrad{background:url(../images/greengrad.gif) repeat-x;}
.redgrad{ background:url(../images/redgrad.gif) repeat-x;}
.yellowgrad{background:url(../images/yellowgrad.gif) repeat-x;}

a.pic{width:210px; height:128px; margin:4px 28px 20px 28px;background:url(../images/defaulticon.gif);border:solid 4px #f0f0f0; cursor: -moz-zoom-in;}
a.map{width:486px; height:780px; margin:4px 28px 20px 28px;background:url(../images/defaulticon.gif);border:solid 4px #f0f0f0; cursor: -moz-zoom-in;}

div.plainbox{ width:494px;margin:0 0 8px 8px;padding:12px 18px;border:solid 1px #d9d9d9;float:left; display:inline;}
div.plainbox .info{width:474px;padding:10px;margin-top:8px;background:#f0f0f0;float:left;}
div.plainbox h2{ display:block; margin:0 0 7px 0; font-weight:bold; font-size:15px; line-height:1.3em;color:#545454; }
div.plainbox p{ font-size:13px; line-height:18px; margin:6px 0 10px 0; color:#404040; text-align:justify;}

div.infobox{ width:494px;margin:0 0 8px 8px;padding:12px 18px;border:solid 1px #d9d9d9;float:left; display:inline;}
div.infobox .iimg{width:160px; height:140px;background:url(../images/defaultinfoicon.gif);border:solid 4px #f0f0f0; float:left;}
div.infobox .info{width:474px;padding:10px;margin-top:8px;background:#f0f0f0;float:left;}
div.infobox a.linkheading{ margin:10px 0 20px 0; padding:8px 0 10px 30px; font-weight:bold; font-size:12px;color:#2b5e8f; background:url(../images/bulletwhite.gif) no-repeat 8px 8px;}


div.suggestbox{ width:494px;margin:0 0 8px 8px;padding:12px 18px;border:solid 1px #d9d9d9;float:left; display:inline;}
div.suggestbox .iimg{width:120px; height:200px;float:left; margin-right:10px;background:url(../images/defaultinfoicon.gif);border:solid 4px #f0f0f0; cursor:pointer;}
div.suggestbox .info{width:336px;padding:10px;margin-top:8px;background:#f0f0f0;float:left;}
div.suggestbox .blurb{ height:25px;width:210px;text-align:center;line-height:25px; font-size:11px; color:#757575; font-weight:bold;float:left;}
div.suggestbox .description{ height:154px;}
div.suggestbox p{ overflow:auto;font-size:13px; line-height:18px; margin:6px 0 8px 0; color:#404040; text-align:justify;}

div.boatbox{ width:224px;margin:0 0 8px 8px;padding:12px 18px;border:solid 1px #d9d9d9;float:left; display:inline;}
a.vessel{ display:block;margin:-8px 0 0 0; padding:8px 0 10px 30px; font-weight:bold; font-size:12px;color:#2b5e8f; background:url(../images/bulletwhite.gif) no-repeat 8px 7px;}
div.boatbox .iimg{width:216px; height:120px;background:url(../images/defaultboati.gif);border:solid 4px #f0f0f0; cursor:pointer;}
div.boatinfo{width:204px;padding:10px;margin-top:8px;background:#f0f0f0;float:left; }
div.boatbox .price{height:25px;width:100px;text-align:center;line-height:25px; color:#757575; font-weight:bold;float:left;}
div.boatbox .price span{font-size:9px;color:#757575;}
a.details{height:25px;text-align:center;line-height:25px; color:white; font-weight:bold; font-size:12px;margin:0 0 0 10px;padding:0 20px;float:left;background:#545454; cursor:pointer;}
a.detailslight{height:25px;text-align:center;line-height:25px; border:solid 1px #545454; color:#545454; font-weight:bold; font-size:12px;margin:0 0 0 10px;padding:0 20px;float:left; cursor:pointer;}


div.boat{ width:494px;margin:0 0 8px 8px;padding:12px 18px;border:solid 1px #d9d9d9;float:left; display:inline;}
div.boat .iimg{width:216px; height:120px;background:url(../images/defaultboati.gif);border:solid 4px #f0f0f0; cursor:pointer;float:left;}
div.boat .sinfo{width:270px; height:75px; margin:0 0 8px 0; float:left; float:left; overflow:hidden;}
div.boat .pricing{width:242px; margin:0 0 0 8px;padding:10px;background:#f0f0f0;float:left;}
div.boat .pricing a.details{float:right;margin-right:10px;}
div.boat .price{height:25px;margin:0 0 0 4px; padding:0 4px;line-height:13px; color:#757575; font-weight:bold;float:left; text-align:right;}
div.boat .price span{font-size:9px;color:#757575;}
div.boat .survey{width:486px; height:248px; background:url(../images/defaultboati.gif);border:solid 4px #f0f0f0; cursor:pointer;float:left;}
div.boat p{ font-size:13px; line-height:18px; margin:4px 4px 10px 12px; color:#404040; text-align:left;  }
div.boat a.book{height:25px;text-align:center;line-height:25px; color:white; font-weight:bold; font-size:12px;margin:0 10px 0 10px;padding:0 20px;float:right;background:#545454; cursor:pointer;}
div.boat .filmstrip{width:490px; margin-top:8px; padding:2px; background:#f0f0f0;float:left;}
div.boat .filmstrip .timg{width:92px; height:60px; border:solid 3px #f0f0f0;background:url(../images/defaultboatmini.gif); cursor:pointer; float:left;}
div.boat .info{width:474px;padding:10px;margin-top:8px;background:#f0f0f0;float:left;}




/* Footer Style */
div#footer p{width:720px;margin:7px auto;font-size:12px;text-align:right;}
p.submenu,p.submenu a{color:#909090;  }
p.submenu a{margin:0 10px;}
p.copyright{padding-right: 20px;color:white; }

/* Table Style */
table.boat{ margin-bottom:8px; margin-top:8px;font-size:11px;color:#545454; border-left:solid 1px #f0f0f0;}
table.boat td{ width:100px; height:18px;line-height:18px;border:solid 1px #f0f0f0;border-top:0;border-left:0;text-align:center;font-weight:bold; background:#f9f9f9;}
table.boat tr.boats td{ border-color:white;border-bottom:0px !important;}
table.boat tr.boats a{ height:25px; line-height:25px;background:#545454;color:white; font-weight:bold; display:block;}
table.boat tr.book td{ border-color:white;border-bottom:0px !important;}
table.boat tr.book a{ height:25px; line-height:25px;background:#545454;color:white; font-weight:bold; display:block;}
table.boat td.ttitle{ width:; text-align:left !important; padding:0 0 0 10px; background:white !important;}
table.boat td.ttitle i{ font-weight:normal;}
table.boat td.tablestart{border-top:solid 1px #f0f0f0 !important;}
table.boat td.blankcell{border-right:0;background:white !important;}
table.boat td.middlecell{border-top:0; border-bottom:0;background:white !important;width:8px;}
table.boat td.tsubheading{ width:;border-left:solid 1px #f0f0f0 !important; background:#f0f0f0 !important; text-align:left !important;padding:0 0 0 10px; text-transform:uppercase;color:#909090;}
table.boat td.yes{ background-image:url(../images/tick.gif); background-repeat:no-repeat; background-position:center;}
table.boat td.no{ background-image:url(../images/nil.gif); background-repeat:no-repeat; background-position:center;}
table.boat div.boatlayout{ width:214px;text-align:center; line-height:126px; padding:8px 0;}

table.compare{ margin-bottom:8px;font-size:11px;color:#545454;}
table.compare td{ height:18px;line-height:18px;border:solid 1px #d9d9d9;border-top:0;border-left:0;text-align:center;font-weight:bold; vertical-align:middle;}
table.compare tr.boats td{ border-color:white;border-bottom:0px !important;}
table.compare tr.boats a{ height:25px; line-height:25px;background:#545454;color:white; font-weight:bold; display:block;}
table.compare tr.book td{ border-color:white;border-bottom:0px !important;}
table.compare tr.book a{ height:25px; line-height:25px;background:#545454;color:white; font-weight:bold; display:block;}
table.compare td.ttitle{ text-align:left !important; padding:0 0 0 10px; border-left:solid 1px #d9d9d9 !important; background:white !important;}
table.compare td.ttitle i{ font-weight:normal;}
table.compare td.tablestart{border-top:solid 1px #d9d9d9 !important;}
table.compare td.blankcell{border-right:0;background:white !important;}
table.compare td.tsubheading{border-left:solid 1px #d9d9d9 !important; background:#d9d9d9 !important; text-align:left !important;padding:0 0 0 10px; text-transform:uppercase;color:#909090;}
table.compare td.yes{ background-image:url(../images/tick.gif); background-repeat:no-repeat; background-position:center;}
table.compare td.no{ background-image:url(../images/nil.gif); background-repeat:no-repeat; background-position:center;}

table#booking td{padding:6px;}
table#booking input{ width:140px;}
table#booking input#address{ width:250px;}
table#booking select#experience{ width:256px;}
table#booking textarea { width:476px;margin-top:6px;}
table#booking input#bookingsubmit { width:180px;}
table#booking div#daterange td{padding:0 !important;}
table#booking h2 {margin:0;padding:0;}
div#alert{background:#f0f0f0;color:#545454;}
div#alert b{padding:0 18px 6px 18px; margin-top:10px;}
div#alert ul{padding:0 18px 10px 18px;}


/* FACEBOX */
#facebox .b {
  background:url(/images/facebox/b.png);
}

#facebox .tl {
  background:url(/images/facebox/tl.png);
}

#facebox .tr {
  background:url(/images/facebox/tr.png);
}

#facebox .bl {
  background:url(/images/facebox/bl.png);
}

#facebox .br {
  background:url(/images/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #fff;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

img.close_image { cursor:pointer;}

/*Forms defaults - change as needed*/
.niceforms input, .niceforms textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
	border:0px;
	line-height:normal;
}

label {
	color:#999;
	cursor:pointer;
	padding-left:2px;
	line-height:16px;
}
label.chosen {color:#333;}

/*Transparent items*/
.outtaHere {
	position:absolute;
	left:-6000px;
}

/*Radio buttons*/
.radioArea, .radioAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:15px;
	height:14px;
	font-size:0;
	cursor:pointer;
}
.radioArea {background:url(/images/niceforms/radio.gif) no-repeat left top;}
.radioAreaChecked {background:url(/images/niceforms/radio.gif) no-repeat left bottom;}

/*Checkboxes*/
.checkboxArea, .checkboxAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:13px;
	height:13px;
	font-size:0;
	padding:0;
	margin:0;
	cursor:pointer;
}
.checkboxArea {background:url(/images/niceforms/checkbox.gif) no-repeat left top;}
.checkboxAreaChecked {background:url(/images/niceforms/checkbox.gif) no-repeat left bottom;}
.focused {border:1px dotted #ddd;}

/*Text inputs*/
.textinput, .textinputHovered {
	height:15px;
	background:url(/images/niceforms/input_bg.gif) repeat-x left top;
	border:none;
	padding:4px 0;
	vertical-align:middle;
}
.textinputHovered {background-position:left bottom;}
.inputCorner {
	padding-bottom:0;
	vertical-align:middle;
}

/*Text areas*/
.txtarea .tr, .txtarea .tr_xon {background:url(/images/niceforms/txtarea_tr.gif) no-repeat top right;}
.txtarea .tr_xon {background:url(/images/niceforms/txtarea_tr_xon.gif) no-repeat top right;}
.txtarea img.txt_corner {
	width:5px;
	height:5px;
	display:block;
}
.txtarea .br, .txtarea .br_xon {background:url(/images/niceforms/txtarea_br.gif) no-repeat top right;}
.txtarea .br_xon {background:url(/images/niceforms/txtarea_br_xon.gif) no-repeat top right;}
.txtarea .cntr {background:url(/images/niceforms/txtarea_cntr.gif) repeat-y right top;}
.txtarea .cntr_xon {background:url(/images/niceforms/txtarea_cntr_xon.gif) repeat-y right top;}
.txtarea .cntr_l, .txtarea .cntr_l_xon {
	width:5px;
	background:url(/images/niceforms/txtarea_l.gif) repeat-y left top;
	float:left;
}
.txtarea .cntr_l_xon {background:url(/images/niceforms/txtarea_l_xon.gif) repeat-y left top;}
.txtarea textarea {
	border:0;
	background:none;
	padding:0;
	margin:5px;
}

/*Selects*/
.selectArea {

	height:21px;
	background:url(/images/niceforms/select_bg.gif) repeat-x left top;
}
.selectArea .left {
	width:8px;
	height:21px;
	float:left;
	background:url(/images/niceforms/select_left.gif) no-repeat left top;
}
.selectArea .right {
	width:21px;
	height:21px;
	float:right;
	background:url(/images/niceforms/select_right.gif) no-repeat left top;
}
.selectArea .right a {
	display:block;
	width:21px;
	height:21px;
	position:absolute;
}
.selectArea .right i {display:none;}
.selectArea .center {
	width:160px;
	color:#FFF;
	padding-top:3px;
	overflow:hidden;
	white-space:nowrap;
	border:0px;
	vertical-align:middle;
	background:transparent;
}

/*Selects drop-down*/

.fake_list
{
	background:#6f7074;
	padding:2px;
	z-index:1000;
	list-style-type:none;
	font-size:11px;
	margin:0px;
	position:absolute;
	float:left;
	overflow:auto;
}

ul.fake_list li
{
	color:#F2F2F2;
	padding:0px 2px 0px 10px;
	border:1px solid #6f7074;
	margin:0px;
	clear:none;
}
.fake_list li.selected
{
	color:#FFF;
	background:#5F6062;
	border-color:#cfd0d6;
}

/*Button*/
/*.niceforms .buttonSubmit, .niceforms .buttonSubmitHovered {
	width:auto;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px;
	background:url(/images/niceforms/button_bg.gif) repeat-x left top;
	cursor:pointer;
	border:none;
}
.niceforms .buttonSubmitHovered {background-position:left bottom;}
.niceforms .buttonImg {vertical-align:bottom;}*/

/*Date Picker*/
div.datepicker {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 482px !important;
	height: 170px !important;
	position: absolute;
	cursor: default;
	top: 6px;
	left: 0;
	display: none;
}
.datepickerContainer {
	background: #121212;
	position: absolute;
        padding:10px 22px;
	top: 10px;
	left: 10px;
}
.datepickerBorderT {
	position: absolute;
	left: 10px;
	top: 0;
	right: 10px;
	height: 10px;
	background: url(/images/datepicker/datepicker_t.png);
}
.datepickerBorderB {
	position: absolute;
	left: 10px;
	bottom: 0;
	right: 10px;
	height: 10px;
	background: url(/images/datepicker/datepicker_b.png);
}
.datepickerBorderL {
	position: absolute;
	left: 0;
	bottom: 10px;
	top: 10px;
	width: 10px;
	background: url(/images/datepicker/datepicker_l.png);
}
.datepickerBorderR {
	position: absolute;
	right: 0;
	bottom: 10px;
	top: 10px;
	width: 10px;
	background: url(/images/datepicker/datepicker_r.png);
}
.datepickerBorderTL {
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background: url(/images/datepicker/datepicker_tl.png);
}
.datepickerBorderTR {
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 10px;
	background: url(/images/datepicker/datepicker_tr.png);
}
.datepickerBorderBL {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background: url(/images/datepicker/datepicker_bl.png);
}
.datepickerBorderBR {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 10px;
	height: 10px;
	background: url(/images/datepicker/datepicker_br.png);
}
.datepickerHidden {
	display: none;
}
div.datepicker table {
	border-collapse:collapse;
}
div.datepicker a {
	color: #eee;
	text-decoration: none;
	cursor: default;
	outline: none;
}
div.datepicker table td {
	text-align: right;
	padding: 0;
	margin: 0;
}
div.datepicker th {
	text-align: center;
	color: #999;
	font-weight: normal;
}
div.datepicker tbody th {
	text-align: left;
}
div.datepicker tbody a {
	display: block;
}
.datepickerDays a {
	width: 20px;
	line-height: 16px;
	height: 16px;
	padding-right: 4px;
}
.datepickerYears a,
.datepickerMonths a{
	width: 44px;
	line-height: 36px;
	height: 36px;
	text-align: center;
}
td.datepickerNotInMonth a {
	color: #666;
}
tbody.datepickerDays td.datepickerSelected{
	background: #136A9F;
}
tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {
	background: #17384d;
}
tbody.datepickerYears td.datepickerSelected,
tbody.datepickerMonths td.datepickerSelected{
	background: #17384d;
}
div.datepicker a:hover,
div.datepicker a:hover {
	color: #88c5eb;
}
div.datepicker td.datepickerNotInMonth a:hover {
	color: #999;
}
div.datepicker tbody th {
	text-align: left;
}
.datepickerSpace div {
	width: 36px;
}
.datepickerGoNext a,
.datepickerGoPrev a,
.datepickerMonth a {
	text-align: center;
	height: 20px;
	line-height: 20px;
}
.datepickerGoNext a {
	float: right;
	width: 20px;
}
.datepickerGoPrev a {
	float: left;
	width: 20px;
}
table.datepickerViewDays tbody.datepickerMonths,
table.datepickerViewDays tbody.datepickerYears {
	display: none;
}
table.datepickerViewMonths tbody.datepickerDays,
table.datepickerViewMonths tbody.datepickerYears,
table.datepickerViewMonths tr.datepickerDoW {
	display: none;
}
table.datepickerViewYears tbody.datepickerDays,
table.datepickerViewYears tbody.datepickerMonths,
table.datepickerViewYears tr.datepickerDoW {
	display: none;
}
td.datepickerDisabled a,
td.datepickerDisabled.datepickerNotInMonth a{
	color: #333;
}
td.datepickerDisabled a:hover {
	color: #333;
}
td.datepickerSpecial a {
	background: #700;
}
td.datepickerSpecial.datepickerSelected a {
	background: #a00;
}

/* MISC */

.number{margin-right:10px;}