/* Mylor Harbourside Holidays CSS Document - MASTER */


body { margin:0 0 70px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:62.5%; background:url(/images/bg.gif) top left; }

img { border:none; }

.container { width:760px; margin:0 auto; background:#FFF; padding:27px 0 0 0; }

.arrow-link { padding:0 0 0 12px; background:url(/images/arrow-link.gif) no-repeat 1px 5px; }



/*Top navigation
----------------------------------------------------------------------------------------------------------------------------------------------------*/
.main-navi { width:100%; height:27px; background:#00555c; position:absolute; top:0; left:0; }
	.main-navi ul { width:760px; margin:0 auto; padding:0; position:relative; }
	.main-navi li { list-style:none; float:left; }
	.main-navi li a { padding:27px 0 0 0; overflow:hidden; height:0 !important; height /**/:27px; display:block; background-position:0 0; background-repeat:no-repeat; }
	.main-navi li a:hover, .main-navi li a.active { background-position:0 -27px; }
		.main-navi li a.nav-home { width:71px; background-image:url(/images/nav-home.gif); }
		.main-navi li a.nav-cottages { width:128px; background-image:url(/images/nav-cottages.gif); }
		.main-navi li a.nav-location { width:130px; background-image:url(/images/nav-location.gif); }
		.main-navi li a.nav-harbour { width:126px; background-image:url(/images/nav-harbour.gif); }
		.main-navi li a.nav-events { width:77px; background-image:url(/images/nav-events.gif); }
		.main-navi li a.nav-contact { width:93px; background-image:url(/images/nav-contact.gif); }
		.main-navi li a.nav-book { width:111px; background-image:url(/images/nav-book.gif); position:absolute; top:0; right:0; }
	


/*Header
----------------------------------------------------------------------------------------------------------------------------------------------------*/
.header { position:relative; }
	.header p { margin:0; position:absolute; overflow:hidden; }
		.logo { top:15px; right:17px; width:78px; padding:133px 0 0 0; height:0 !important; height /**/:133px; background:url(/images/logo.gif) no-repeat top left; z-index:5; }
		.harbourside-holidays { top:31px; left:17px; width:406px; padding:60px 0 0 0; height:0 !important; height /**/:60px; background:url(/images/harbourside-holidays.gif) no-repeat top left; z-index:10; }

/*Banner size*/
.home-page { height:340px; }
.text-page { height:272px; background-color:#00799c; background-position:bottom left; background-repeat:no-repeat; margin:0 0 30px 0; }
.cottage-page { height:422px; background-color:#00799c; margin:0 0 30px 0; }
	.cottage-page #show { position:absolute; top:117px; }

/*Banner background images*/
.bg-the-cottages { background-image:url(/images/banners/bg003.jpg); }/*cottage interior*/
.bg-the-location { background-image:url(/images/banners/bg001.jpg); }/*food/mussels*/
.bg-the-harbour { background-image:url(/images/banners/bg004.jpg); }/*aerial*/
.bg-events { background-image:url(/images/banners/bg005.jpg); }/*boats*/
.bg-contact { background-image:url(/images/banners/bg002.jpg); }/*sailing*/
.bg001, .bg-terms-conditions { background-image:url(/images/banners/bg002.jpg); }/*sailing*/



/*Main content column
----------------------------------------------------------------------------------------------------------------------------------------------------*/
.main-col { width:434px; padding:0 30px 0 17px; margin:0 0 20px 0; float:left; }
	/*.main-col h1 { padding:39px 0 0 0; height:0 !important; height \/**\/:39px; overflow:hidden; margin:0 0 20px 0; }*/
	.main-col h1 { font-size:2.2em; color:#009eca; margin:0 0 0.7em 0; padding:0; font-weight:normal; }
	.main-col h2 { font-size:1.6em; color:#003b40; margin:0.3em 0 0.2em 0; padding:0; font-weight:normal; }
	.main-col p { font-size:1.1em; line-height:1.4em; color:#000; margin:0 0 1.6em 0; padding:0; }
	.main-col .cottage-sleeps { font-size:1em; margin-top:-0.7em; margin-left:1px; }
	.main-col a { color:#009ecb; text-decoration:underline; }
	.main-col a:hover { color:#000; }
	.main-col ul { margin:0 0 1.6em 20px; padding:0; }
	.main-col li { font-size:1.1em; line-height:1.4em; color:#000; list-style:outside; }
			.main-col .cottage-icons { float:right; margin:3px 0 0 0; }
			.main-col .cottage-icons li { float:right; margin:0 0 0 4px; list-style:none; }
				.main-col .arrow-return-link { text-decoration:none; font-size:1em; margin:0 0 1em 0; }
				.main-col .arrow-return-link a { padding:0 0 0 12px; background:url(/images/arrow-return-link.gif) no-repeat 1px 5px; color:#1c3e5e; text-decoration:none; }
				.main-col .arrow-return-link a:hover { color:#009eca; }

.main-col blockquote { overflow:hidden; margin:22px 0 0 0; width:400px; }
	.main-col blockquote.quote-temp { padding:117px 0 0 0; height:0 !important; height /**/:117px; background:url(/images/quote-temp.gif) no-repeat top left;; }

/*H1 image replacements*/
/*
.h1-eating-lifestyle { background:url(/images/h1/eating-lifestyle.gif) no-repeat top left; width:206px; }
.h1-kingsmoor-cottage { background:url(/images/h1/kingsmoor-cottage.gif) no-repeat top left; width:270px; }
.h1-contact-us { background:url(/images/h1/contact-us.gif) no-repeat top left; width:243px; }
*/

/*Contact form*/
.contact-form { margin:0 0 3em 0; padding:10px 0 0 0; }
	.contact-form p { margin:0 0 0.6em 0; padding:0; }
	.contact-form label { display:block; margin:0 0 0.3em 0; color:#003b40; }
	.contact-form .formbox { border:1px solid #009eca; background:#FFF; width:250px; }
	.contact-form .formtextbox { border:1px solid #009eca; background:#FFF; width:400px; }
	.contact-form .submit-but { margin:10px 0 0 0; }
	
	
/*Floor plans*/
/*.main-col .floor-plans { margin:0; padding:1.6em 0 0 0; }
.main-col .floor-plans li { float:left; list-style:none; width:200px; }
.main-col .floor-plans li em { display:block; padding:0 0 0 50px; }*/
.main-col .floor-plans { width:250px; padding-left:20px; }
.main-col .floor-plans strong { float:left; clear:left; color:#009eca; padding:0 0 0 85px; }


.main-col-wide { width:696px; padding:0 30px 0 17px; margin:0 0 20px 0; float:left; }

/*Right content column
----------------------------------------------------------------------------------------------------------------------------------------------------*/
.right-col { width:262px; padding:0 17px 40px 0; float:left; }
	.right-col p { margin:0 0 1em 2px; padding:0; color:#000; font-size:1.1em; line-height:1.4em; }
	.right-col p.section-header { width:262px; padding:18px 0 0 0; height:0 !important; height /**/:18px; overflow:hidden; margin:0 0 8px 0; }
	.right-col a { color:#009ecb; text-decoration:underline; }
	.right-col a:hover { color:#000; text-decoration:underline; }
		.right-col ul { margin:0 0 25px 2px; padding:0; }
		.right-col li { list-style:none; font-size:1.1em; line-height:1.9em; color:#000; }
		.right-col li a { color:#009ecb; text-decoration:none; }
		.right-col li a.sub-active { color:#000; }
		.right-col li a:hover { color:#000; text-decoration:none; }
			.right-col img { float:right; margin:6px 0 0 0; }

/*Find out prices*/
.prices { width:238px; background:#00799c; padding:12px; margin:0 0 20px 0; }		
	.prices p { margin:0; padding:0; font-size:1em; color:#FFF; float:left; }
	.prices p.find-out-prices { background:url(/images/find-out-prices.gif) no-repeat top left; width:185px; padding:14px 0 0 0; height:0 !important; height /**/:14px; overflow:hidden; margin:0 0 8px 0; }
		.prices div { clear:left; float:both; width:238px; position:relative; height:25px; }
		.prices div a { margin:0; padding:0; position:absolute; right:0; top:0; float:right; }
		.prices div p { padding:8px 77px 0 0; }

/*Section header image replacements*/
.the-location { background:url(/images/the-location.gif) no-repeat top left; }
.the-cottages { background:url(/images/the-cottages.gif) no-repeat top left; }
.select-a-cottage { background:url(/images/select-a-cottage.gif) no-repeat top left; }
.events { background:url(/images/events.gif) no-repeat top left; }
.the-harbour { background:url(/images/the-harbour.gif) no-repeat top left; }
.cottage-features { background:url(/images/cottage-features.gif) no-repeat top left; }
.on-your-doorstep { background:url(/images/on-your-doorstep.gif) no-repeat top left; }
.contact-us { background:url(/images/contact-us.gif) no-repeat top left; }
.where-we-are { background:url(/images/where-we-are.gif) no-repeat top left; }

/*Misc*/
.submenu-sleeps {
	color: #009ecb;
}

/*Email signup
----------------------------------------------------------------------------------------------------------------------------------------------------*/
.email-signup { clear:both; width:736px; background:#00799c; height:22px; padding:7px 7px 7px 17px; position:relative; }
	.email-signup form { margin:0; padding:0; }
	.email-signup form p { float:left; background:url(/images/dont-forget.gif) no-repeat top left; width:384px; padding:13px 0 0 0; height:0 !important; height /**/:13px; overflow:hidden; margin:5px 0 0 0; }
		.email-signup form .signup-formbox { position:absolute; top:7px; right:61px; width:216px; height:18px; padding:2px 0 0 2px; border:1px solid #000; display:inline; }
		.email-signup form .signup-but { position:absolute; top:7px; right:7px; }



/*Footer
----------------------------------------------------------------------------------------------------------------------------------------------------*/
.footer { width:760px; margin:0 auto; padding:12px 0 0 0; }
	.footer p { float:right; margin:0; background:url(/images/footer.gif) no-repeat top left; width:264px; padding:16px 0 0 0; height:0 !important; height /**/:16px; overflow:hidden; }
	.footer ul { margin:0; padding:0; }
	.footer li { list-style:none; float:left; font-size:1em; color:#82b0b6; padding:0 12px 0 11px; background:url(/images/footer-divide.gif) no-repeat right center; }
	.footer li.first-footer { padding:0 12px 0 0; }
	.footer li.last-footer { padding:0 0 0 11px; background:none; }
	.footer li.copyright { padding:0 12px 0 0; background:none; clear:both; }
	.footer li a { color:#82b0b6; text-decoration:none; }
	.footer li a:hover { text-decoration:underline; }



/*Prices table (smoothbox)
----------------------------------------------------------------------------------------------------------------------------------------------------*/
.prices-table { background:#FFF; padding:10px; }
	.prices-table h1 { font-size:1.4em; color:#00799c; margin:0 0 0.8em 0; padding:0; font-weight:normal; }
		.prices-table h1 strong { font-size:1.4em; }
	.prices-table p { font-size:1em; color:#000; margin:1.2em 0; padding:0; }
	.prices-table table { width:100%; border-top:1px solid #009eca; border-right:1px solid #009eca; }
	.prices-table th { background:#00799c; padding:5px; color:#FFF; text-align:left; vertical-align:top; font-size:1em; font-weight:normal; border-left:1px solid #009eca; border-bottom:1px solid #009eca; }
	.prices-table td { padding:5px; text-align:left; vertical-align:top; color:#000; font-size:1em; border-left:1px solid #009eca; border-bottom:1px solid #009eca; }



/*HOME PAGE STYLES
----------------------------------------------------------------------------------------------------------------------------------------------------*/
.home-harbourside-holidays { top:31px; left:17px; width:406px; padding:60px 0 0 0; height:0 !important; height /**/:60px; background:url(/images/harbourside-holidays.png) no-repeat top left; z-index:200; }

.middle-strip { float:left; clear:both; width:100%; background:url(/images/water.gif) no-repeat top right; }
	.middle-strip h1 { background:url(/images/h1/luxury-holiday-cottages.gif) no-repeat top left; width:421px; padding:43px 0 0 0; height:0 !important; height /**/:43px; overflow:hidden; margin:0 0 14px 0; }
	.middle-strip p { font-size:1.1em; line-height:1.4em; color:#FFF; margin:0 0 0.7em 1px; padding:0; }

.middle-strip-left { float:left; width:453px; padding:16px 12px 22px 17px; background:url(/images/middle-left-bg.gif) repeat-x top left #008d96; }
	.middle-strip-left a { display:block; font-size:1.1em; color:#FFF; padding:0 0 0 15px; margin:0 0 0 1px; background:url(/images/arrow-home.gif) no-repeat left center; text-decoration:underline; }
	.middle-strip-left a:hover { color:#000; }

.middle-strip-right { float:left; width:252px; padding:16px 12px 22px 14px; }
	.middle-strip-right p.home-prices { width:194px; padding:15px 0 0 0; height:0 !important; height /**/:15px; background:url(/images/home-prices.gif) no-repeat top left; overflow:hidden; margin:0 0 6px 0; }
	.middle-strip-right p.home-select-cottage { width:165px; padding:15px 0 0 0; height:0 !important; height /**/:15px; background:url(/images/home-select-cottage.gif) no-repeat top left; overflow:hidden; margin:0 0 6px 0; }
	.middle-strip-right a { float:right; margin:12px 0 0 10px; }
	.middle-strip-right form { position:relative; margin:0; padding:6px 0 0 0; width:252px; }
	.middle-strip-right form .home-view-select { position:absolute; top:28px; left:0; width:175px; }
	.middle-strip-right form .home-view-but { position:absolute; top:28px; right:0; }

.main-col div { margin:14px 0 0 97px; }
	.main-col div p { color:#003b40; margin:0 0 0.7em 0; }
	.main-col div a { font-size:1.1em; color:#003b40; padding:0 0 0 15px; background:url(/images/arrow-link-home.gif) no-repeat left center; }
	.main-col div a:hover { color:#008d96; }
	.main-col div img { margin:0 0 0 -97px; float:left; }

.right-col h3 { margin:20px 0 14px 0; width:228px; padding:77px 0 0 0; height:0 !important; height /**/:77px; background:url(/images/be-the-first.gif) no-repeat top left; overflow:hidden; }
	.right-col div { position:relative; }
		.right-col form { margin:0; padding:0; width:262px; }
		.right-col form p { margin:0 70px 1em 0; }
		.right-col form .home-signup-formbox { float:left; clear:both; width:202px; height:18px; padding:2px 0 0 2px; border:1px solid #000; }
		.right-col form .home-signup-but { float:right; }



/*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; }