/* Trelowarren CSS Document - MASTER */

@import url("section-colours.css");


/* CSS Document */
html, body { margin:0; min-height: 100%; height: auto !important; height: 100%; }
img { border:none; }
body { font-size:62.5%; background:#091008; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; }
#bgcontainer { overflow:hidden; width:100%; position:absolute; top: 0px; left: 0px; z-index:1; }
#container { width:960px; position:relative; margin:0 auto; z-index:2; }


/*Navigation
--------------------------------------------------------------------------*/
					
#nav { width:740px; position:absolute; left:24px; top:92px; font-family:Georgia, "Times New Roman", Times, serif; list-style:none; margin:0; padding:0; font-weight:bold; font-size:1.3em; z-index:90; }
	#nav li { margin:0; padding:0 27px 0 0; float:left; position:relative; }
		#nav a { color:#fff; display:block; text-decoration:none; padding:0 0 2px 0; }
		#nav .yellow a { border-bottom:solid 3px #e7b200; }
		#nav .green a, #nav .green .end { border-bottom:solid 3px #87b344; }
		#nav .blue a, #nav .blue .end { border-bottom:solid 3px #78b6b3; }
		#nav .orange a, #nav .orange .end { border-bottom:solid 3px #da5f33; }
		#nav .pink a, #nav .pink .end { border-bottom:solid 3px #ed6b77; }
		#nav .purple a, #nav .purple .end { border-bottom:solid 3px #a60054; }
			.subnav { position:absolute; list-style:none; margin:0; padding:0; width:230px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:0.9em; }
			 	#nav .subnav li { margin:0; padding:0; float:none; background:url(/images/dark-green.png) repeat;  }
					#nav .subnav a { border-bottom:1px solid #000f02; padding:4px 10px; }



/*Overview pages
--------------------------------------------------------------------------*/
.overview { margin:0 10px 0 0; padding:14px; background:url(/images/dark-green-726.png); }
	.overview h1 { margin:0 0 0.5em 0; font-size:2.6em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; }
	.overview p { color:#FFF; font-size:1.2em; margin:0 0 10px 0; padding:0; }
	.overview blockquote { margin:0; padding:0; }
	.overview blockquote p { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.6em; line-height:1.3em; margin:0 0 8px 0; padding:0; }
	.overview blockquote cite { font-size:1.2em; font-style:normal; color:#FFF; }




/*Right menu (about section)
--------------------------------------------------------------------------*/
.right-menu { padding:10px 12px; margin:0 0 16px 0; }
	.right-menu h2 { color:#416708; font-size:2.2em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; margin:0; padding:9px 0; border-bottom:1px solid #648d26; }
	.right-menu ul { margin:0; padding:0; }
	.right-menu li { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.5em; font-weight:bold; padding:9px 33px 9px 0; list-style:none; width:163px; background:url(/images/arrow-white-greener.gif) no-repeat center right; }
		.right-menu li a { color:#FFF; text-decoration:none; }
		.right-menu li a:hover { color:#416708; }
				



/*Main/content column
--------------------------------------------------------------------------*/
.home-page h1 { width:100%; margin:0; padding:128px 0 0 0; overflow:hidden; height:0 !important; height /**/:128px; background:url(/images/logo.png) no-repeat top left; }

.maincol { width:740px; float:left; padding:10px 0 0 0; }


		.left { float:left; }
		.right { float:right; }


.page { margin:0 10px 0 0; padding:14px 14px 44px 14px; background:url(/images/blobs.gif) no-repeat 410px 385px #f8f5ec; }
	.page h1 { margin:0 0 0.6em 0; font-size:3em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; }
	.page h2 { margin:0 0 0.5em 0; padding:0.25em 0 0 0; font-size:1.8em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; }
	.page h3 { margin:0; color:#219792; font-size:1.4em; font-family:Georgia, "Times New Roman", Times, serif; }
	.page p { color:#363636; font-size:1.1em; padding:0; margin:0.5em 0 1.5em 0; }
	.page .abstract { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.5em; }
		.page a { text-decoration:underline; }
		.page a:hover { color:#333; }
	.page img { float:left; clear:left; margin:0 12px 12px 0; }
	.page blockquote { margin:0; padding:0; }
	.page blockquote p { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.6em; line-height:1.3em; margin:0 0 8px 0; padding:0; font-style:italic; font-weight:normal; }
	.page blockquote cite { font-size:1.2em; font-style:normal; font-weight:bold; }
	
	
		.firstcol { width:465px; float:left; }
		.secondcol { width:219px; float:right; padding-top:45px; }
			.secondcol form { width:219px; margin:0 0 20px 0; padding:0; background:#d4cabf; position:relative; }
				.page .secondcol form h3 { font-family:Georgia, "Times New Roman", Times, serif; margin:0; background:#a12631; padding:7px; color:#FFF; font-size:1.4em; }
				.page .secondcol form p { padding:7px; font-size:1.1em; margin:0; color:#363636; }
				.secondcol form .emailaddress { color:#a12631; margin:0 7px 7px 7px; font-size:1.1em; padding:0; border:1px solid #a12631; width:176px; height:18px; }
				.secondcol form .go { border:1px solid #a12631; position:absolute; right:7px; bottom:7px; }
			
			.secondcol img { float:none; margin:0 0 6px 0; }


/*News
--------------------------------------------------------------------------*/

p.download-our-newsletter { margin:0; }
.download-our-newsletter a { display:block; background:url(/images/b-view-newsletter.jpg) no-repeat top left; margin:0 0 30px 0; width:200px; padding:23px 0 0 0; overflow:hidden; height:0 !important; height /**/:23px; }

.contact-details p { margin:0 0 10px 0; font-size:1.4em; font-family:Georgia, "Times New Roman", Times, serif; }

.latest-news { margin:0; padding:0; }
	.latest-news li { list-style:none; font-size:1.2em; color:#363636; padding:16px 0; }
	.latest-news li em { font-style:normal; }
	.latest-news li h2 { margin:0 0 10px 0; padding:0; font-size:1.4em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; }
	.latest-news li a { text-decoration:underline; display:block; font-weight:normal; }
	.latest-news li a:hover { color:#363636; }
	
.archive ul { list-style:none; margin:0 0 20px 0; padding:0; }
	.archive li { margin:0; padding:0; color:#333333; font-style:oblique; }
	.archive a { font-style:normal; }


.late-availability { margin:0; padding:0; }
	.late-availability li { list-style:none; color:#4d4d4f; padding:8px 0 12px 0; font-size:1.1em; }
	.late-availability li h3 { margin:0 0 10px 0; font-size:1.4em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; }
	.late-availability li strong { display:block; }
	.late-availability li em { display:block; font-style:normal; margin:0 0 10px 0; }
	.late-availability li a { text-decoration:underline; display:block; }
	.late-availability li a:hover { color:#363636; }

.contact-form { margin:30px 0 0 0; padding:0; }
	.contact-form p { margin:0 0 16px 0; }
	.contact-form label { display:block; font-size:1.1em; margin:0 0 5px 0; }
	.contact-form .formbox { border:1px solid #7f9db9; background:#FFF; width:250px; }
	.contact-form .formtextbox { border:1px solid #7f9db9; background:#FFF; width:420px; }

.check-availability a { display:block; background:url(/images/check-availability.jpg) no-repeat top left; margin:0 0 20px 0; width:193px; padding:23px 0 0 0; overflow:hidden; height:0 !important; height /**/:23px; }

.timeshare-ad { width:173px; margin:0 0 16px 0; background:url(/images/timeshare-bg.jpg) no-repeat top right #78b6b3; padding:10px; }
	.page .timeshare-ad h2 { font-family:Georgia, "Times New Roman", Times, serif; color:#FFF; font-size:1.8em; line-height:1.1em; font-weight:normal; padding-bottom:0; margin-bottom:0; border:none; }
	.timeshare-ad a { font-size:1.1em; font-weight:normal; padding:6px 33px 6px 0; list-style:none; width:140px; background:url(/images/arrow-white-lightgreen.gif) no-repeat center right; color:#344044; text-decoration:none; display:block; }
	.timeshare-ad a:hover { color:#FFF; }


.show { margin:0 0 16px 0; background:#000; width:726px; }

.feature { width:232px; float:left; padding:0 0 16px 0; margin:0 16px 0 0; background:url(/images/dark-green.png) repeat; }
	.feature h2 { font-size:1.4em; color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; width:218px; margin:0; padding:7px; }
	.green h2 { background:#87b344; }
	.blue h2 { background:#56b6b2; }
	.orange h2 { background:#da5f33; }
	.green a { color:#87b344; }
	.blue a { color:#56b6b2; }
	.orange a { color:#da5f33; }
	.feature p { padding:8px 8px 0 8px; font-size:1.1em; margin:0; }
	.feature a { font-weight:bold; }
.end { margin-right:0;}

/*Map*/
.map-list { width:170px; float:left; margin:0; padding:0; }
.map-list ul { list-style:none; margin:5px 0 0 0; padding:0; }
.map-list li { margin:0 0 10px 0; padding:2px 0 10px 26px; background-repeat:no-repeat; background-position:left top;color:#363636; font-weight:bold; }
.map-list li ul li { font-weight:normal; padding:0; margin:0 0 2px 0; }
li#a { background-image: url(/images/icon-a.gif); }
li#b { background-image: url(/images/icon-b.gif); }
li#c { background-image: url(/images/icon-c.gif); }
li#d { background-image: url(/images/icon-d.gif); }
li#e { background-image: url(/images/icon-e.gif); }
li#f { background-image: url(/images/icon-f.gif); }
li#g { background-image: url(/images/icon-g.gif); }
li#h { background-image: url(/images/icon-h.gif); }
li#i { background-image: url(/images/icon-i.gif); }
li#tennis { background-image: url(/images/icon-tennis.gif); }
li#parking { background-image: url(/images/icon-parking.gif); }



/*Browse properties
--------------------------------------------------------------------------*/
.selectionMask { border-top:1px solid #219792; position:relative; overflow:hidden; padding:10px 0; }
	.selection { width:6000px; }
		.slide { width:740px; float:left; position:relative; }
			.intro p { margin:0.5em 0 0.8em 0; }
			.intro .description ul { padding:0 0 60px 0; }
			.intro .description li { margin:0; padding:0 0 6px 0; width:212px; float:left; font-size:1.1em; }
			.intro .description li a { text-decoration:none; }
			.intro .clickScroll { position:absolute; left:265px; bottom:0px; }
			/*.clickScroll { position:absolute; left:504px; top:70px; }*/
			.thumb { list-style:none; padding:0; margin:0; }
			.thumb li { padding:0 7px 0 0; margin:0; float:left; }
			.scrollRight { position:absolute; /*top:70px;*/ bottom:0px; left:650px; }
			.scrollLeft { position:absolute; /*top:70px;*/ bottom:0px; left:0; }
			.mainImage { float:left; padding:0 16px 0 90px; }
			.intro .mainImage { float:left; padding:0px; }
			.description { float:left; width:280px; }
			.intro .description { float:right; width:425px; margin:0 50px 0 0; }
				.description ul { list-style:none; margin:0; padding:0; }
					.description li { margin:0; padding:0 15px 0 0; float:left; }
						.description a { color:#219792; }


/*Cottage details
--------------------------------------------------------------------------*/
.specification h2 { border-bottom:1px dotted #219792; padding-bottom:0.5em; margin-bottom:0.5em; } 
.specification ul{ list-style:none; margin:0; padding:0; }
	.specification li { margin:0; padding:0 0 0.5em 0; color:#219792;}
	
div#datearea { height:253px; width:464px; background-color:#FFF; overflow: auto; margin:0.5em 0; }
	div#datearea table { border-top: 1px solid #CCCCCC;	border-left: 1px solid #CCCCCC; }
		div#datearea table td { border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; color:#B2B2B2; padding:4px; width: 62px; }
		div#datearea table th { width: 100px; font-weight: normal; color: #000; text-align: left; padding: 0 10px; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }
			div#datearea table td a { display: block; width: 100%; height: 33px; margin: -4px; padding: 4px; text-decoration: none; background-color: #E2E0DD; color: #000; cursor:pointer; }
				div#datearea table td a:hover { background-color:#00a2a9; }

p.register {width:110px; float:left; margin:0; padding:2px 0;}
div#dtselected { float:left; width:320px; color:#000; }

	form#timeshare table { border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; }
	form#timeshare h4 { color:#000; font-size: 11px; font-weight: bold; margin-bottom:8px; }
	form#timeshare table td { border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; color:#000; padding:4px 4px 4px 10px; width:30%; }
	form#timeshare table td.endcol { width:1%; border-left:none;}
	form#timeshare table th { width:30%; font-weight: normal; color: #000; text-align: left; padding: 0 10px; border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }
	form#timeshare p#servicecharge { color:#000;}
	
	p.or-call-us { margin:1em 0; color:#219792; font-size:1.6em; font-family:Georgia, "Times New Roman", Times, serif; }



.resale { background-color:#FFF; padding:5px; margin-bottom:10px; position:relative; }
		.resale p { margin:0 3px 0 0;}
		.resale p.register{ width:220px; float:left;}
		.resale p.register-interest{ width:116px; float:right;}
		.resale p.thankyou { clear:left; padding:1em 0 1em 5px; font-weight:bold; color:#219792; font-size:1.4em; font-family:Georgia, "Times New Roman", Times, serif;}
		.resale p.error { clear:left; padding:0 0 0 5px; font-weight:bold; color:#FF0000;}
		.resale input {margin:3px 0;}
		.resale input.submit { position:absolute; right:5px; bottom:0px;}
		.resale img {float: right; }
			.details { float:left; padding-left:5px; width:400px; }
			.details h2 { margin-top:0px; }
			.details h2 a { text-decoration:none; color:#219792; }
			.details p { margin:0; }
			.details ul { margin:0; padding:0; list-style:none; }
			.details li { margin:0; padding:0 0 0 10px; background-image:url(/images/bullet.gif); background-position:left center; background-repeat:no-repeat; }
		.resale form { margin:0; padding:0; clear:left; }
			table { border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; margin:5px 0; clear:both; }
				table td { border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; color:#000; padding:4px 4px 4px 10px; }
				table td.endcol { width:1%; border-left:none;}
				table th { width:30%; font-weight: normal; color: #000; text-align: left; padding: 0 10px; border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }

form.options { margin:0 0 2em 0; padding:0; }
	form.options label { display:block; }



/*Polariod
--------------------------------------------------------------------------*/
#polar { width:729px; height:262px; overflow:hidden; position:relative; padding-top:16px; clear:both; }
	#polar ul { list-style:none; margin:0; padding:0; position:relative; }
		#polar li { margin:0; padding:0; width:243px; top:0; left:0; }



/*Right column
--------------------------------------------------------------------------*/
.rightcol { width:220px; float:left; padding:10px 0 45px 0; }
	
	.search { background:#78b6b3; padding:12px; margin:0 0 16px 0; }
		.search h2 { font-size:1.5em; font-family:Georgia, "Times New Roman", Times, serif; margin:0; border-bottom:1px solid #fff; }
		.search p { font-size:1.1em; margin:0.5em 0; }
		.search form {padding:0; margin:0; }
		.search select { width:100%; margin:2px 0; }
		.search input { margin:5px 0; }
		.search em { color:#00504d; font-style:normal; font-weight:bold; font-size:1.3em; font-family:Georgia, "Times New Roman", Times, serif; }
		
	
	.cottage-offer { margin:0 0 16px 0; background:url(/images/ads/special-offer-bg.gif) no-repeat bottom right #b9b113; padding:10px; font-size:1.1em; color:#344044; }
		.cottage-offer h2 { font-family:Georgia, "Times New Roman", Times, serif; color:#FFF; font-size:2.4em; line-height:1.1em; font-weight:normal; padding:0 0 7px 0; border-bottom:1px solid #FFF; margin:0 0 4px 0; }
		.cottage-offer a { font-weight:bold; padding:6px 33px 6px 0; list-style:none; width:163px; background:url(/images/arrow-white-green.gif) no-repeat center right; color:#FFF; text-decoration:underline; display:block; }
		.cottage-offer a:hover { color:#423f07; }

	.ads { list-style:none; margin:0; padding:0; }
		.ads li { margin:0 0 16px 0; padding:0; }
	
	.footer { position:relative; }
	
	.newsletter { width:220px; margin:0; padding:0; background:url(/images/dark-green.png) repeat; position:absolute; bottom:0; left:740px; }
		.newsletter h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.4em; margin:0; padding:7px; background:#a60054; }
		.newsletter p { padding:7px; font-size:1.1em; margin:0; }
		.newsletter .emailaddress { margin:0 7px 7px 7px; font-size:1.1em; padding:0; width:181px; height:18px; border:1px solid #a60054; color:#a60054; }
		.newsletter .go { position:absolute; right:7px; bottom:7px; border:1px solid #a60054; }
	
	.map { margin:0 0 16px 0; }
	.map h2 { color:#fff; font-family:Georgia, "Times New Roman", Times, serif; margin:0; font-size:1.4em; background:#78b6b3; padding:7px; }
	.map h2 a { color:#fff; text-decoration:none; }


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