body { background-color: #92d2f7; background: url(/assets/images/bg.jpg) top center no-repeat; margin: 18px 0 0; font-family: Arial; color: #454545; }

.clearer { clear: both; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }

h1 { color: #147ac6; font-size: 30px; margin: 0 0 10px 0; }

.left { float: left; }
.right { float: right; padding: 0 1px 0 0; }
.break { margin: 0 0 9px 0; }
.align-left {float: left; margin-right: 1em;}
.align-center {display: block; margin-left: auto; margin-right: auto;}
.align-right {float: right; margin-left: 1em;}
#requestform input[type=submit] { border: none; display: block; margin: 10px 0 0 0px; background: url(/assets/images/green-button.png); width: 104px; height: 33px; line-height: 33px; color: #000; font-size: 12px; font-weight: bold; text-decoration: none; text-align: center; }

.wrapper { width: 960px; margin: 0 auto; }
#maincontent { min-height: 300px; }

/* HEADER */
#header { }
#header .logo { margin: 0 0 0 9px; }
#header .right { float: right; margin: 11px 0 0; position: relative; }
#header .partnerweb { position: absolute; top: 49px; right: 0px; }

/* TOP NAVIGATION */
#topnavigation { background: url(/assets/images/nav-bg.png); width: 960px; height: 61px; margin: 12px 0 10px; position: relative; z-index: 1000; }
#topnavigation ul li { float: left; margin: 0 8px; line-height: 56px; }
#topnavigation ul li a { padding: 0 8px; text-decoration: none; color: #083a6b; font-size: 14px; height: 56px; display: block; float: left; }
#topnavigation ul a.selected { color: #fff; background: url(/assets/images/nav-selected.png); }
#topnavigation input { border: 0px; background: none; padding: 7px 5px 5px 10px; width: 180px; color: #4c4c4c; font-size: 12px; }
#topnavigation .search { background: url(/assets/images/search-bg.png); height: 27px; width: 218px; position: absolute; right: 0; margin: 15px 10px 0 0; }

/* SUB NAVIGATION */
.subnavigation { border-left: 1px solid #cad5d7; border-right: 1px solid #cad5d7; border-bottom: 1px solid #cad5d7; width: 214px; margin: 0; }
.subnavigation ul { background-color: #fff; }
.subnavigation ul li a { display: block; border-top: 1px solid #cad5d7; font-size: 12px; background: url(/assets/images/subnav-item-bg.png) no-repeat; height: 26px; margin: 0; padding: 10px 0 0 35px; text-decoration: none; color: #5e5e5e; font-weight: bold; }
.subnavigation ul li ul { margin: 10px 0; }
.subnavigation ul li li a { font-weight: normal; padding: 0 0 0 30px; margin: 0px 0 0 30px; border: 0; background: url(/assets/images/subnav-item-arrow.png) no-repeat; font-family: arial; font-size: 12px; text-decoration: none; color: #5e5e5e; }
.subnavigation ul li a.selected { color: #147ac6; }
.subnavigation ul li li a.selected { color: #2dbaf5; }

/* BREAD CRUMB */
.breadcrumb { background: url(/assets/images/crumb-bg.png); height: 14px; margin: 0 1px 10px 0; padding: 8px; }
.breadcrumb a { text-decoration: none; color: #454545; margin: 0 0px 0 10px; border-right: 1px solid #454545; padding: 0 10px 0 0; }
.breadcrumb a.last { border-right: none; color: #2dbaf5; }

/* CONTENT */
.content { width: 500px; margin: 0 0 0 20px; }
.content p { margin: 0 0 17px 0; line-height: 18px; }

/* BOOKING FORM START PAGE */
#bookingform { width: 297px; height: 292px; position: absolute; z-index: 60000; top: -18px; left: 663px; }
#bookingform iframe { margin: 70px 0 0 30px; }

/* START PAGE SCROLLER */
.scrollerbottom { padding: 5px 20px; color: #fff; background: url(/assets/images/banner-bottom-bg.png); position: absolute; z-index: 40000; width: 960px; height: 61px; top: 241px; left: 0px; }
.scrollerbottom span { font-size: 11px; }
.scrollerbottom h2 { font-size: 20px; }
.scrollerbottom h2 a { color: #fff; }

/* BOX */
.box { width: 246px; }
.box .top { background: url(/assets/images/box-top.png); height: 21px; color: #fff; font-size: 17px; padding: 10px; }
.box .boxcontent { background: url(/assets/images/box-bg.png); min-height: 282px; }
.box .boxcontent p { font-size: 11px; color: #6f6f6f; padding: 15px; }
.box .boxcontent em { display: block; font-weight: bold; }
.box .boxcontent .readmoregray { background: url(/assets/images/readmore-bg1.png); text-decoration: none; color: #545454; width: 122px; height: 29px; display: block; line-height: 29px; text-align: center; float: right; clear: both; margin: 0 10px 0 0; }
.box .bottom { float: left; }
.box .boxitem { float: left; font-size: 14px; background: url(/assets/images/box-item-bg.png); width: 204px; height: 29px; display: block; margin: 0 0 0 1px; padding: 8px 0 0 40px; }
.box a.boxitem { color: #454545; text-decoration: none; }
.box .boxitem img { float: right; margin: -5px 5px 0 0; }

/* MEDIUM BOX */
.mediumbox { width: 234px; margin: 0 8px 0px 0; }
.mediumbox.last { margin: 0 0 0px 0 !important; }
.mediumbox .top { background: url(/assets/images/box-top-medium.png); height: 21px; color: #fff; font-size: 17px; padding: 10px; }
.mediumbox .boxcontent { background: url(/assets/images/box-bg-medium.png); min-height: 228px; font-size: 12px; color: #6f6f6f; padding: 12px; }
.mediumbox .boxcontent a { text-decoration: none; color: #454545; }
.mediumbox .boxcontent p { margin: 5px 0; line-height: 18px; }
.mediumbox .boxcontent .readmoregray { background: url(/assets/images/readmore-bg1.png); text-decoration: none; color: #545454; width: 122px; height: 29px; display: block; line-height: 29px; text-align: center; float: right; clear: both; margin: 0 10px 0 0; }
.mediumbox .bottom { float: left; }

/* SMALL BOX */
.boxsmall { width: 225px; margin: 0 0 0 12px; }
.boxsmall.last1 { margin: 0 0 0 10px !important; }
.boxsmall .top { background: url(/assets/images/box-top-small.png); height: 10px; }
.boxsmall .boxcontent { background: url(/assets/images/box-bg-small.png); padding: 0 11px; }
.boxsmall .boxcontent p { font-size: 12px; color: #6f6f6f; line-height: 18px; margin: 5px 0 8px; border-bottom: 1px solid #e5e5e5; padding: 0 0 7px 0; }
.boxsmall .boxcontent a { text-decoration: none; }
.boxsmall .boxcontent img { float: left; }
.boxsmall .boxcontent .readmoreblue { background: url(/assets/images/readmore-bg2.png); text-decoration: none; color: #fff; width: 90px; height: 26px; display: block; line-height: 26px; text-align: center; float: right; clear: both; margin: 0 10px 0 0; }
.boxsmall .bottom { float: left; }
.boxsmall .linkbg { clear: both; background: url(/assets/images/box-link-bg.png); display: block; width: 190px; height: 47px; color: #fff; font-size: 14px; line-height: 35px; padding: 0 0 0 13px; }

/* IMAGE SPOT */
.imagespot { float: left; margin: 0 11px 0 0; }
.imagespot.last { margin: 0; }

/* TEXT IMAGE SPOT */
.textimagespot { float: left; margin: 0 11px 0 0; cursor: pointer; }
.textimagespot a { color: #454545; }
.textimagespot.last { margin: 0; }
a.textimagespotlink { color: #000; text-decoration: none; }

/* BOAT GEAR SPOT */
.gearbox { width: 734px; }
.gearbox .top { background: url(/assets/images/gearbox-top.png); height: 21px; color: #fff; font-size: 17px; padding: 10px; }
.gearbox .boxcontent { background: url(/assets/images/gearbox-bg.png); min-height: 282px; }
.gearbox .boxcontent p { font-size: 12px; color: #6f6f6f; padding: 15px; }
.gearbox .bottom { float: left; }

/* BOOKING BOX */
.bookingbox { width: 214px; margin: 0 8px 0px 0; }
.bookingbox .top { background: url(/assets/images/box-top-booking.png); height: 21px; color: #fff; font-size: 17px; padding: 10px; }
.bookingbox .boxcontent { background: url(/assets/images/box-bg-booking.png); min-height: 228px; font-size: 12px; color: #6f6f6f; padding: 12px 4px; }
.bookingbox .bottom { float: left; }

/* BLOG SPOT */
.blogspot { background: url(/assets/images/blog.png); width: 234px; height: 93px; text-align: right; padding: 20px 20px 20px; display: block; color: #000; text-decoration: none; }
.blogspot h4 { font-size: 15px; margin: 0 0 5px 0; font-weight: bold; }
.blogspot p { width: 170px; float: right; }

/* IMAGES BOX */
.imagesbox { margin: 0 11px 0 0; }
.imagesbox .top { background: url(/assets/images/spot-bg.png); width: 244px; height: 190px; padding: 12px 15px; margin: 0 0 10px 0; }
.imagesbox .top h3 { font-size: 19px; color: #00a5e8; margin: 0 0 10px 0; }
.imagesbox .top h3 a { color: #00a5e8; text-decoration: none; }
.imagesbox .top .button { float: right; margin: 5px 0 0 0; }
.imagesbox .top img { margin: 0 0 10px 0; }
.imagesbox .top p { font-size: 12px; color: #000; line-height: 18px; }
.imagesbox .top a { text-decoration: none; }

/* NEWSLETTER */
.newsletter { background: url(/assets/images/newsletter-bg.png); width: 700px; height: 51px; margin: 0 0 11px 14px; }
.newsletter h4 { color: #7f7f7f; font-size: 21px; float: left; margin: 12px 0 0 40px; }
.newsletter div { background: url(/assets/images/newsletter-input-bg.png); float: left; height: 29px; margin: 12px 0 0 12px; width: 238px; }
.newsletter input { width: 200px; background: none; border: 0; padding: 7px 5px 5px 10px; color: #989898; font-size: 12px; }
.newsletter a { float: left; margin: 10px 0 0 7px; background: url(/assets/images/green-button.png); width: 104px; height: 33px; line-height: 33px; color: #000; font-size: 12px; font-weight: bold; text-decoration: none; text-align: center; }
.newsletter span { float: left; height: 29px; margin: 17px 0 0 12px; width: 238px; }

/* MAP ON START PAGE */
.map { margin: 0px 0 11px 14px; }

/* LOGOS */
#logos { background: url(/assets/images/logos-bg.png); height: 112px; width: 960px; }
#logos ul li { float: left; margin: 0 40px; }
#logos ul li a { }

/* BOAT CATEGORIES */
#boats { width: 720px; padding: 10px; }
#boats .category { background: url(/assets/images/boat-cat-bg.png) no-repeat; float: left; padding: 8px 10px; margin: 0; }
#boats .category h2 { font-weight: bold; color: #004990; font-size: 12px; margin: 0 0 12px 10px; }
#boats .category h2 a { font-weight: bold; color: #004990; font-size: 12px; text-decoration: none; }

/* BOAT NAVIGATION */
#boatnavigation { border-bottom: 1px solid #cad5d7; width: 216px; margin: 0 0 10px; }
#boatnavigation .top { background: url(/assets/images/boat-nav-top.png); height: 21px; color: #fff; font-size: 17px; padding: 10px; }
#boatnavigation ul { background-color: #fff; }
#boatnavigation li { border-left: 1px solid #cad5d7; border-right: 1px solid #cad5d7; }
#boatnavigation ul li h2 { cursor: pointer; display: block; border-top: 1px solid #cad5d7; font-size: 12px; background: url(/assets/images/subnav-item-bg.png) no-repeat; height: 26px; margin: 0; padding: 10px 0 0 35px; text-decoration: none; color: #5e5e5e; font-weight: bold; }
#boatnavigation ul li a { display: block; font-size: 12px; text-decoration: none; color: #5e5e5e; font-weight: bold; }
#boatnavigation ul li ul { margin: 10px 0; }
#boatnavigation ul li li a { font-weight: normal; padding: 0 0 0 30px; margin: 0px 0 0 30px; border: 0; background: url(/assets/images/subnav-item-arrow.png) no-repeat; font-family: arial; font-size: 12px; text-decoration: none; color: #5e5e5e; }
#boatnavigation ul li a.selected { color: #147ac6; }
#boatnavigation ul li li a.selected { color: #2dbaf5; }
#boatnavigation div.pane { display: none; color: #5e5e5e; font-size: 12px; padding: 10px; }
#boatnavigation div.pane img { margin: 5px 0; }
#boatnavigation div.pane a { background: none; border: 0; padding: 0; margin: 0; }
#boatnavigation div.pane ul { margin: 0; }
#boatnavigation div.pane li { border: 0; padding: 0; margin: 0; }
#boatnavigation div.pane li a { display: block; font-weight: normal; padding: 0 0 0 30px; line-height: 20px; margin: 0px 0 0 0px; border: 0; background: url(/assets/images/subnav-item-arrow.png) no-repeat; font-family: arial; font-size: 12px; text-decoration: none; color: #5e5e5e; }

/* BOAT DETAILS */
#boatdetails { float: right; margin: 0 0 10px 9px; }
#boatdetails #imagecontainer { background: url(/assets/images/boat-detail-bg.png); width: 734px; height: 480px; position: relative; }
#boatdetails h1 { float: right; margin: 15px; }
#boatdetails .mainimage { text-align: center; clear: both; }
#boatdetails .images { margin: 25px 0 0 12px; position: absolute; top: 365px; }
#boatdetails .images div { }
#boattable { margin: 10px 0 0 0; }
#boattable td { padding: 0 0 0 15px; color: #6f6f6f; }
#boatinfo { border: 1px solid #cad5d7; margin: 0 0 10px 0; }
#boatinfo h3 { padding: 0 15px; font-size: 21px; color: #004990; background: url(/assets/images/yacht-id-bg.png); height: 58px; line-height: 58px; width: 702px; }
#boatinfo h3 span { color: #2dbaf5; }
#boatinfo .boatcontent { padding: 15px; width: 703px; }
#boatinfo .boatcontent p { margin: 0 0 18px; }

/* SAILING AREAS */
#sailingareas { background: url(/assets/images/area-items-bg.png); width: 916px; height: 83px; margin: 9px 0 10px 0; padding: 13px 22px; position: relative; }
.sailingareassmall { background: url(/assets/images/area-items-bg.png); width: 692px; height: 83px; margin: 9px 0 10px 0; padding: 13px 22px 13px 20px; position: relative; }
.sailingareasstart { background: url(/assets/images/area-items-bg.png); width: 655px; height: 83px; margin: 9px 0 10px 15px; padding: 13px 22px 13px 20px; position: relative; }
.sailingareacontent { width: 734px; }

/* FOOTER */
#footer { background-color: #0d4c9b; padding: 30px 0; }
#footer ul { float: left; margin: 0 0px 0 0; border-right: 1px solid #1267bf; padding: 0 25px 0; min-height: 200px; }
#footer ul ul { padding: 0 30px 0 17px; }
#footer ul.first { padding: 0 30px 0 0; }
#footer ul.last { border: none; padding-right: 0; }
#footer ul li { font-size: 16px; color: #10beff; font-weight: bold; line-height: 25px; }
#footer ul li label { font-size: 12px; color: #fff; float: left; width: 100px; font-weight: normal; }
#footer ul li textarea { height: 70px; font-size: 12px; }
#footer ul li input { font-size: 12px; float: left; }
#footer ul li img { margin: 0 5px 0 0; }
#footer ul li p { color: #fff; font-size: 12px; font-weight: normal; margin: 0 0 0 17px; }
#footer ul li p a { margin: 0; }
#footer ul li a { font-size: 12px; color: #fff; font-weight: normal; text-decoration: none; margin: 0 0 0 17px; }

/* BOTTOM FOOTER */
.bottomfooter { color: #fff; font-size: 11px; }
.bottomfooter img { float: right; margin: -10px 0 0; }

/* SEARCHRESULT */
#searchresult li a { text-decoration: none; color: #454545; }

/* BLOGS */
#blogoverview { margin: 20px 0 0; }
#blogoverview li { margin: 0 0 20px 0; }
#blogoverview img { float: left; margin: 0 10px 0 0; }
#blogoverview h2 { font-size: 18px; }
#blogoverview h2 a { color: #454545; }

#blog { }
#blog li { margin: 0 0 30px 0; }
#blog li h2 { font-size: 18px; }
#blog li a { color: #454545; }
.byline { color: #999; }
.blogcontent { line-height: 18px; margin: 10px 0 0 0; }
.blogcontent p { margin: 0 0 18px; }
.tags a { color: #454545; }
#commentlist li { margin: 0 0 10px 0; }
#commentlist li a { color: #454545; text-decoration: none; }
#archivelist li { margin: 0 0 1px 0; }
#archivelist li a { color: #454545; text-decoration: none; }

#commentform { margin: 20px 0 0 0; }
#commentform h2 { font-size: 22px; color: #454545; margin: 0 0 5px 0; }
#comments li { margin: 0 0 15px 0; }
#comments li span { color: #454545; font-weight: bold; }
.addcomment { margin: 20px 0 0; }
.addcomment legend { font-size: 22px; }
.addcomment p { margin: 2px 0 10px 0; }
.addcomment label { float: left; width: 150px; }

/* EVENTS */
.events { width: 700px; margin: 0 0 0 20px; }
.events p { margin: 0 0 18px; line-height: 18px; }
#eventlist { margin: 30px 0 0; }
#eventlist li { margin: 0 0 20px 0; }
#eventlist li h2 { font-size: 18px; }
#eventlist li h3 { margin: 3px 0 5px; }
#eventlist li a { display: block; }

/* RSS */
#rss img { float: left; }
#rss a { text-decoration: none; margin: 8px 0 0 5px; display: block; float: left; color: #454545; }

/* Contact form */
.contactform ul { border: 0px !important; }
.contactform ul li { clear: left; }

/* NEWS ARCHIVE */
.newsarchive { }
.newsarchive h2 a { font-size: 16px; color: #454545; }
.newsarchive h3 { font-size: 12px; color: #454545; }

/* LOGIN BOX */
.login { border-bottom: 1px solid #cad5d7; width: 216px; margin: 20px 0 10px; }
.login .top { background: url(/assets/images/boat-nav-top.png); height: 21px; color: #fff; font-size: 17px; padding: 10px; }
.login .logincontent { background-color: #fff; border: 1px solid #cad5d7; padding: 10px; }
.login .logincontent h3 { font-weight: bold; margin: 0 0 10px 0; font-size: 15px; }
.login input[type=text] { margin: 0 0 4px 0; }
.login input[type=submit] { width: 100px; }

/* BOOKING */
.leftcol {width: 246px; float: left; margin-bottom:20px;}

#yachtsearch { margin-bottom:20px;width: 246px;}
#yachtsearch .formbox { background: #f1fbff; border: 1px solid #cad5d7; padding: 10px; border-top-width: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#yachtsearch .formbox .field, .wizardbox .field { margin: 5px 0; }
#yachtsearch .formbox .field .info, .wizardbox .field .info { display: none; }
#yachtsearch .formbox .field.error label, .wizardbox .field.error label { color: #f00; }
#yachtsearch .formbox .field label, .wizardbox .field label { display: block; }
#yachtsearch .formbox .field input, .wizardbox .field input { width: 196px; }
#yachtsearch .formbox .field select, .wizardbox .field select { width: 200px; }

#bookingwizard { width: 690px; float: left; margin: 0 10px 20px 10px; }
.wizardbox { border: 1px solid #cad5d7; padding: 10px 5px; border-top-width: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; overflow: auto; }
.wizardbox .buttons { margin: 20px 0; }
.wizardbox .yacht { border: 1px solid #cad5d7; border-radius: 5px; background: #fff url(/assets/yacht-bg.png) repeat-x top left; padding: 5px; margin: 10px 0; overflow: auto; }
.wizardbox .yacht .image { float: left; border: 1px solid #cad5d7; border-radius: 5px; margin-right:20px; position:relative;}
.wizardbox .yacht .image img { border: 5px solid #fff; border-radius: 5px; }
.wizardbox .yacht .image .more-pics { text-decoration:none; color:#fff; }
.wizardbox .yacht .image .more-pics span { display:block; position:absolute; top:5px;left:5px; background: url(/assets/transparent-50.png) repeat top left; width:140px; padding:5px 0; text-align:center;}

.wizardbox .yacht .image.right { float: right; }
.wizardbox .yacht .text { float: left; width: 490px; }
.wizardbox .yacht .text.left { float: left; }
.wizardbox .yacht h2 { font-size: 18px; }
.wizardbox .yacht h3 { font-size: 14px; clear: both; margin-top:5px;}
.wizardbox .yacht .price { color: #2e7ac2;  }
.wizardbox .yacht .price .old { color: #454545;  }
.wizardbox .yacht .price .discount { color: #f00; text-decoration: underline;  }
.wizardbox .yacht p { font-size: 12px; color: #999; margin:5px 0; }
.wizardbox .yacht .extras { margin: 20px 0; }

.wizardbox .yacht .extra { margin-top:10px; }
.wizardbox .yacht .extra label {  font-size: 14px; }

#chat { width: 176px; float: right;  background: #f1fbff; border: 1px solid #cad5d7;  padding: 10px 5px; border-radius: 5px;}
#chat h3 { font-size: 16px; }
#chat p { margin-top: 1ex; }

ul.tabs { overflow: auto; border-bottom: 1px solid #cad5d7; font-size: 14px; }
ul.tabs li { background: url(/assets/tab-inactive-right.png) no-repeat top right; display: block; float: left; height: 32px; padding-right: 4px; margin-right: 1px; color: #000; }
ul.tabs li span { background: url(/assets/tab-inactive-left.png) no-repeat top left; display: block; height: 24px; padding: 8px 8px 0 12px; }
ul.tabs li.selected { background-image: url(/assets/tab-active-right.png); color: #fff; }
ul.tabs li.selected span { background-image: url(/assets/tab-active-left.png); }

.bigbutton { display: block; background: url(/assets/button-big-orange.png); width: 200px; height: 42px; margin-top: 20px; }
.bigbutton a { display: block; width: 180px; height: 32px; font-size: 18px; color: #fff !important; padding: 10px 10px 0 10px; }
.smallbutton { background: url(/assets/button-small-blue-right.png) no-repeat top right; display: block; float: left; height: 26px; padding-right: 4px; margin-right: 10px; }
.smallbutton a { background: url(/assets/button-small-blue-left.png) no-repeat top left; display: block; height: 22px; padding: 4px 8px 0 12px; font-size: 14px; color: #fff; text-decoration: none; }
.smallbutton.green { background-image: url(/assets/button-small-green-right.png); }
.smallbutton.green a { background-image: url(/assets/button-small-green-left.png); }


body.boat { background: #c5e5f7 url(/assets/images/boat-bg.png) top left repeat-x; margin: 20px; font-family: Arial; color: #454545; }
body.boat h1 { color: #147ac6; font-size: 30px; margin: 0 0 10px 0; }
body.boat h2 { color: #147ac6; font-size: 24px; margin: 0 0 10px 0; }
body.boat p { margin-bottom:1em; }
body.boat table { margin-bottom:1em;}
body.boat th, td { padding:3px 10px 3px 0;}
body.boat th { font-weight:bold;}