/* Mylor Yacht Habour CSS Document - MASTER */

body { background-image:url(/images/bg.gif); background-position:top right; margin:0; color:#6D6F70; font-family:Arial, Helvetica, sans-serif; font-size: 62.5%; }
div.container { background-color:#FFF; width:769px; margin:30px auto 0 auto; padding-bottom:37px; }
div.padding { padding:7px 7px 0 7px; }


p#logo { float:right; width:77px; height:132px; margin:0 0 3px 0; }
p#logo a { display:block; width:77px; padding:132px 0 0 0; background-image:url(/images/logo.gif); overflow: hidden; height: 0px !important; height /**/:132px; }

/*h1 { clear:left; margin:0; font-size:1.8em; width:660px; background-repeat:no-repeat; padding:47px 0 0 0; overflow: hidden; height: 0px !important; height /**//*:47px; }*/





h1 { clear:left; margin:0; font-size:2.5em; font-weight:lighter; width:660px; color:#0090B7; }
#heading p { margin:0; font-size:2.5em; width:660px; font-weight:lighter; color:#064759; }
#heading { clear:left; padding-top:66px; }
/* heading with search bit
#heading { clear:left; }
*/

div#heading h1#hd15 { padding:47px 0 0 0; overflow: hidden; height: 0px !important; height /**/:47px; background-image:url(/images/hd/the-gallery.gif); background-repeat:no-repeat; }
div#heading p#shd15 { display:none; }

form#quicksearch { float:left; width:660px; height:66px; margin:0; padding:0; }
form#quicksearch input { margin:0; }

/* heading with search bit
#searchbutton { width: 21px;  padding: 10px 0 0 3px; height:10px; margin: 0; border: 0; background: transparent url(/images/go.gif) no-repeat top right; overflow: hidden; vertical-align: middle; cursor: pointer; (/*) hand-shaped cursor (*//*) cursor: hand; (/*) IE 5.x (*//*) }
form>#searchbutton { (/*) For non-IE browsers(*//*) height: 0px !important; height (/**//*):10px; }*/


/* old (29/08/08) - amended versions below
ul.menu { list-style:none; margin:0; padding:0; clear:both; }
ul.menu li { margin:0 1px 0 0; padding:0; float:left; width:225px; display:inline; }
ul.menu li a { text-decoration:none; background-color:#C5D5DA; color:#285A68; font-size:1em; display:block; width:100%; height:100%; margin:0 -8px; padding:4px 8px 161px 8px; background-repeat:no-repeat; background-position:bottom left; }
ul.menu li a#menu1 { background-image:url(/images/menu-harbour.jpg); }
ul.menu li a#menu2 { background-image:url(/images/menu-boatyard.jpg); }
ul.menu li a#menu3 { background-image:url(/images/menu-marine.jpg); }
ul.menu li a:hover, ul.menu li a.active { background-position:right bottom; }
ul.menu li strong { display:block; padding:0px 8px; font-weight:normal; }

ul.menu li.homeport { width:76px; margin:0; }
ul.menu li.homeport strong { background-image:url(/images/homeport-banner.jpg); background-repeat:no-repeat; background-position:bottom; }
ul.menu li.homeport a {background-color: transparent; background-image:url(/images/homeport-bg.gif); background-repeat:no-repeat; background-position:top; }
ul.menu li.homeport a:hover {background-position:top;}
*/


ul.menu-new { list-style:none; margin:0; padding:0; clear:both; }
ul.menu-new li { margin:0 1px 0 0; padding:0; float:left; width:225px; display:inline; }
ul.menu-new li.big a { text-decoration:none; background-color:#C5D5DA; color:#285A68; font-size:1em; display:block; width:100%; height:100%; margin:0 -8px; padding:4px 8px 161px 8px; background-repeat:no-repeat; background-position:bottom left; }
ul.menu-new li a#menu1 { background-image:url(/images/menu-harbour.jpg); }
ul.menu-new li a#menu2 { background-image:url(/images/menu-boatyard.jpg); }
ul.menu-new li a#menu3 { background-image:url(/images/menu-marine.jpg); }
ul.menu-new li.big a:hover, ul.menu-new li a.active { background-position:right bottom; }
ul.menu-new li.big strong { display:block; padding:0 8px; font-weight:normal; }

ul.menu-new li.homeport { width:76px; margin:0; background:url(/images/homeport-banner-new.jpg) bottom no-repeat #C5D5DA; }
ul.menu-new li.homeport strong a { font-weight:normal; font-size:1em; padding:4px 8px 4px 8px; display:block; color:#285A68; }
	.subopt { list-style:none; margin:0; padding:0; height:157px; }
		ul.menu-new li ul.subopt li { margin:0; width:auto; }
		.subopt li.button { padding-top:100px; }
		.subopt li.register { padding:2px 4px; }
			.subopt li.register a { color:#FFF; text-decoration:underline; }

div.homeportsignreg { width:76px; height:157px; margin:0; padding:0; background:url(/images/homeport-banner-new.jpg) bottom no-repeat #C5D5DA; float:left; }
div.homeportsignreg a.new { display:block; color:#FFF; text-decoration:underline; padding:2px 4px; font-size:1em; }
div.homeportsignreg a.new:hover { color:#FFF; text-decoration:underline; padding:2px 4px; font-size:1em; }
div.homeportsignreg img { padding-top:122px; padding-bottom:5px; }



div.colx3 { width:226px; margin:0; float:left; display:inline; padding-top:7px; }
div.colx3#first {  width:220px; margin: 0 6px 0 7px; }
div.colx3#first p { margin:0 0 1.4em 4px; }
div.colx3#first ul.submenu { width:220px; margin:0 0 3px 0; }
div.colx3#first ul.submenu li {  padding:2px 10px 2px 18px; }
div.colx3#first ul.submenu li a { margin:-2px -10px -2px -18px; padding:2px 10px 2px 18px; background-position:0.5em 0.5em; }
div.colx3 p { font-size:1.1em; line-height:1.4em; margin:0 6px 1.4em 4px; }



* html ul.submenu li { float: left; }
* html ul.submenu li a { height: 1%; }
ul.submenu { margin:0 6px 3px 4px; padding:0; width:216px; list-style:none; border-top-width: 1px; border-top-style: solid; border-top-color: #C5D5DA; }
ul.submenu li { font-size:1.1em; margin:0; padding:2px 14px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #C5D5DA; }
ul.submenu li a { text-decoration:none; color:#018DC0; display:block; width:100%; height:100%; margin:-2px -14px; padding:2px 14px; background-image:url(/images/arrow-blue.gif); background-repeat:no-repeat; background-position:0.1em 0.5em; }
ul.submenu li a.home { background-image:url(/images/arrow-blue-back.gif) !important; }
ul.submenu li a:hover, ul.submenu li a.active { background-color:#F0F6F9; }

div.ads { margin:3px 0; background-color:#E0F2F6; }
div.ads p { margin:0; padding:6px; background-color:#E0F2F6; color:#285A68; }
div.ads a { display:block; color:#018DC0; padding:0 0 0 14px; background-image:url(/images/arrow-blue.gif); background-repeat:no-repeat; background-position:0.1em 0.5em; }


div.content img { border:none; }
div.content { margin:0 0 0 4px; float:left; display:inline; width:442px; color:#285A68; padding-top:7px; }
div.content p { margin:0 0 1.4em 0; font-size:1.1em; line-height:1.4em; }
div.content h3 { margin:0.7em 0 0.7em 0; font-size:1.3em; }
div.content h4 { font-size:1.1em; color:#018DC0; }
div.content ul { list-style:none; margin:0.7em 0; padding:0; }
div.content li { font-size:1.1em; line-height:1.4em; padding:0 0 0 14px; margin:0; background-image:url(/images/dash-blue.gif); background-repeat:no-repeat; background-position:0.1em 0.5em; }
div.content li li { font-size:1em; }
div.content li a.arrowlink { margin-left:-14px; padding-left:14px; display:block; background-image:url(/images/arrow-blue.gif); background-repeat:no-repeat; background-position:0.1em 0.5em; }
p a.arrowlink { padding-left:14px; display:block; background-image:url(/images/arrow-blue.gif); background-repeat:no-repeat; background-position:0.1em 0.5em; }

a { color:#018DC0; text-decoration:none; }
a:hover { color:#018DC0; text-decoration:underline; }
a.back {float:right;}

div.content h4.order-service a {display:block; padding-right:110px; padding-top:3px; padding-bottom:3px; background-image:url(/images/b-order-service.gif); background-position:right top; background-repeat:no-repeat; }
div.content h4.order-specials a {display:block; padding-right:110px; padding-top:3px; padding-bottom:3px; background-image:url(/images/b-order-specials.gif); background-position:right top; background-repeat:no-repeat; }
div.content h4.contact-us a {display:block; padding-right:110px; padding-top:3px; padding-bottom:3px; background-image:url(/images/b-contact.gif); background-position:right top; background-repeat:no-repeat; }

div.biglist, div.smalllist, div.textlist { margin:3px 0 0 0; padding:3px 0 0 0; border-top-width: 1px; border-top-style: solid; border-top-color: #C5D5DA; }
div.smallliston { margin:3px 0 0 0; padding:3px 0 0 0; border-top-width: 1px; border-top-style: solid; border-top-color: #C5D5DA; background-color:#F0F6F9; }
div.biglist h4 { padding:0; margin:0; width:170px; }
div.smalllist h4,div.smallliston h4 { padding:0; margin:0;  width:295px; }
div.textlist h4 { padding:0; margin:0; }
div.biglist h4 a, div.smalllist h4 a, div.textlist h4 a { text-decoration:none; color:#018DC0; }
div.biglist p { font-size:1.1em; padding:0; margin:0; width:200px; }
div.smalllist p, div.smallliston p { font-size:1.1em; padding:0; margin:0; width:325px; }
div.textlist p { margin:0 0 0.7em 0; }
div.biglist p a, div.smalllist p a, div.smallliston p a, div.textlist p a  {display:block; color:#018DC0; padding:0 0 0 14px; background-image:url(/images/arrow-blue.gif); background-repeat:no-repeat; background-position:0.1em 0.5em;}
div.biglist p a img, div.smalllist p a img, div.smallliston p a img, div.textlist p a img  {margin-left:-14px; background-image:none; border:none;}
div.biglist img, div.smalllist img, div.smallliston img { float:right; }

ul.listcol2 { width:220px; margin:0 9px 0 0; float:left; }
ul.listcol2 li { float:left; width:205px; }
div.col2 { width:200px; margin:0 9px 0 0; float:left; }

iframe.servicewindow { width:442px; height:300px; border-top-width: 1px; border-top-style: solid; border-top-color: #C5D5DA; }

div.content div.ad { color:#FFF; padding:5px; background:url(/images/box-grad2.gif) repeat-x top #006A8D; }
div.content div.ad p { margin:0.2em 0; width:83%; }
div.content div.ad a { color:#FFF; }
div.content div.ad p.order-services { margin:0 0 6px 0; padding:14px 0 0 0; overflow:hidden; height: 0px !important; height /**/:14px; background-image:url(/images/ads/order-services-online.gif); background-repeat:no-repeat; }
div.content div.ad p.homeport-email { margin:0 0 6px 0; padding:18px 0 0 0; overflow:hidden; height: 0px !important; height /**/:18px; background-image:url(/images/ads/homeport-email.gif); background-repeat:no-repeat; }
div.content div.ad p.webcams { margin:0 0 6px 0; padding:18px 0 0 0; overflow:hidden; height: 0px !important; height /**/:18px; background-image:url(/images/ads/homeport-webcams.gif); background-repeat:no-repeat; }
div.content div.ad p.new-boatyard { margin:0 0 6px 0; padding:14px 0 0 0; overflow:hidden; height: 0px !important; height /**/:14px; background-image:url(/images/ads/new-boatyard.gif); background-repeat:no-repeat; }
img.ad-but { float:right; margin-top:-22px; padding-top:5px; }

div.content form#contact { margin:0; background-color:#C5D5DA; background-image:url(/images/box-grad.gif); background-repeat:repeat-x; padding:8px; border: 1px solid #C5D5DA;}
div.content form#contact h3 { margin:0 0 4px 0; font-size:1.1em; padding:3px 0; font-size:1.1em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999; }
div.content form#contact h4 { color:#285A68; margin:4px 0; padding:3px 0; font-size:1.1em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999; }
div.content form#contact p.label { padding:2px 0; margin:2px 0; width:150px; float:left; clear:left; }
div.content form#contact input {}


div.featureBox { color:#FFF; padding:0px; background-color:#006A8D; background-image:url(/images/box-grad2.gif); background-repeat:repeat-x; background-position:top; }
div.featureBox h3 {margin:0px; padding:2px 5px; }
div.featureBox h4 {margin:0px; padding:2px 5px; font-weight:bold; font-size:1.1em; }
div.featureBox a {color:#FFF; }
div.featureBox ul {padding:0px 6px; margin:0; list-style:none;}
div.featureBox li { line-height:1.4em; padding:0 0 0 14px; margin:0; background-image:url(/images/dash-blue.gif); background-repeat:no-repeat; background-position:0.1em 0.5em; }
div.colx3 div.featureBox p, div.colx3#first div.featureBox p { margin:0; padding:2px 5px; }
div.featureBox p.featureButton { padding:7px 0 7px 6px; margin:0;}


fieldset { border: 1px solid #EBF1F2; padding:0.5em 0.5em 1em 0.5em; margin:7px 0 0 0; }
legend { color:#285A68; font-size:1.1em; font-weight:bold; }


div#footer { background-color:#FFF; width:769px; margin:7px auto 37px auto; padding:5px 0 12px 0; }
div#footer ul { float:left; list-style:none; margin:0; padding:0 0 0 7px; }
div#footer ul li { display:inline; }
div#footer ul li a { margin:7px 0 0 0; display:block; padding:0px 5px; color:#848484; text-decoration:none; float:left; border-right-width: 1px; border-right-style: solid; border-right-color: #848484; }
a.tel-email { float:right; padding:5px 12px 0 0; color:#848484; text-decoration:none; }
p#copyright { float:left; padding:0 0 0 12px; margin:0; color:#848484;}
a.credit { float:right; padding:0 12px 0 0; margin:0; color:#848484; text-decoration:none; }



/*Homeport logout
--------------------------------------------------------------------------*/
.logout { position:absolute; top:0; left:0; width:100%; }
.logout form { width:767px; margin:0 auto; padding:3px 0; background-color:#ebf0f2; border:1px solid #c5d5da; }
.logout p { width:500px; margin:6px; padding:0; float:left; font-size:11px; }
.logout input { float:right; margin:0 6px; padding:0; }


/*Clear fix
--------------------------------------------------------------------------*/
.clearfix { display:inline-table; zoom:1; /* Hides from IE-mac \*/ height:1%; display:block; /* End hide from IE-mac */ }
html>body .clearfix { height:auto; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }