/* general-rules */

#openday { position: absolute; top: 195px; left: 27px; }

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	position: relative;
	z-index: 1;
}
hr {
	display: none;
}
caption {
	display: none;
}
img {
	border: none;
}
table, td { empty-cells: show; }


/* ids */

#wrapper {
	background: url(images/thornley-main1.jpg);
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 780px;
	position: relative;
}


#top1 {
	background: #2EF url(images/thornley-top1.jpg) no-repeat;
	height: 118px;
	margin: 0;
	padding: 0;
}
#top2 {
	background: #300 url(images/thornley-top2.jpg) no-repeat;
	height: 118px;
	margin: 0;
	padding: 0;
}
#top3 {

	background: #aaa url(images/thornley-top3.jpg) no-repeat;
	height: 106px;
	margin: 0;
	padding: 0;
}
#top1 h1, #top2 h1, #top3 h1 {
	font-size: 100%;
	letter-spacing: 3px;
	color: #fff;
	position: relative;
	z-index: -1;
	margin: 0;
	padding: 0;
	cursor: default;
}
#top1 ul, #top2 ul, #top3 ul {
	font-size: 60%;
	margin: -50px 0px 0px;
	padding: 0px;
	position: relative;
	z-index: -2;
}
#top1 ul li, #top2 ul li, #top3 ul li {
	display: inline;
	margin: 0;
	padding: 0 10px;
}
#top1 ul li a, #top2 ul li a, #top3 ul li a {
	color: #fff;
	cursor: default;
}
#top1 div#back, #top1 div#back2, #top2 div#back, #top2 div#back2 {
	margin: 84px 0px -9px 11px;
}
#top1 div#back, #top1 div#back2, #top2 div#back, #top2 div#back2 {
	padding: 0px;
	font-size: 60%;
	color: #036;
	/* hide iemac \*/
	margin: 102px 0px 0px 11px;
	/* end hide */
	font-weight: bold;
	text-align: left;
}
#top1 div#back a, #top2 div#back a { 
	display: block;
	padding: 8px 0 8px 14px;
	border: solid 1px #fff;
	width: 107px;
	background: #360;
}
#top1 div#back a:visited, #top1 div#back a:link, #top1 div#back a:active,
#top1 div#back2 a:visited, #top1 div#back2 a:link, #top1 div#back2 a:active,
#top2 div#back a:visited, #top2 div#back a:link, #top2 div#back a:active,
#top2 div#back2 a:visited, #top2 div#back2 a:link, #top2 div#back2 a:active {
	color: #fff;
	text-decoration: none;
}
#top1 div#back a:hover, #top1 div#back2 a:hover, 
#top2 div#back a:hover, #top2 div#back2 a:hover {
	color: #FF0;
	background: #295300;
}
#top1 div#back2 a, #top2 div#back2 a {
	display: block;
	padding: 8px 0 8px 6px;
	border: solid 1px #fff;
	width: 54px;
	background: #360;
}





#left {
	float: left;
	width: 366px;
	margin: 0 0 0 6px;
	padding: 0;
}
#left object {
	margin: 0 1px 0 0;
	padding: 0;
	float: left;
}
/* fixes stupid ie padding thing */
* html #left p {
	width: 338px;
	padding-right: 0;
	padding-left: 0;
}
/* iemac hide \*/
* html #left {
	display: inline;
	margin-right: -3px;
	margin-left: 12px;
}
/* iemac hide fin */
/* fix ie margin prob */
html>body #left {
	float: left;
	margin: 0 0 0 12px;
	clear: left;
}
#left p {
	margin: 15px 0;
	padding: 0 11px;
	font-size: 70%;
	text-align: left;
	line-height: 1.5em;
}
#left img {
	display: block;
	clear: left;
	margin: 0;
	padding: 0;
}
#left object.last {
	clear: right;
}

#leftpark {
	width: 262px;
	float: left;
}
#left div#beach-rpt {
	background: url(images/beachbig.jpg) no-repeat 0px -110px;
	width: 365px;
	height: 235px;
	clear: left;
	margin-bottom: 1px;
}
#left div#dinlle-rpt {
	background: url(images/snowdon-lake.jpg) no-repeat 0px -90px;
	width: 365px;
	height: 235px;
	clear: left;
	margin-bottom: 1px;
}
#left div#maenan-rpt {
	background: url(images/llandudno.jpg) no-repeat 0px -85px;
	width: 365px;
	height: 235px;
	clear: left;
	margin-bottom: 1px;
}
#left div#ocean-rpt {
	background: url(images/trees.jpg) no-repeat 0px -75px;
	width: 365px;
	height: 252px;
	clear: left;
	margin-bottom: 1px;
}
#left div#pastures-rpt {
	background: url(images/sandybeach.jpg) no-repeat 0px 0px;
	width: 365px;
	height: 240px;
	clear: left;
	margin-bottom: 1px;
}
#left div#lakeside-rpt {
	background: url(images/poppys.jpg) no-repeat 0px -100px;
	width: 365px;
	height: 235px;
	clear: left;
	margin-bottom: 1px;
}
#left div#craiglwyd-rpt {
	background: url(images/conwy-boats.jpg) no-repeat 0px -50px;
	width: 365px;
	height: 235px;
	clear: left;
	margin-bottom: 1px;
}
/* iemac hide \*/
#fourpics {
	border-bottom: 2px solid #fff;
	height: 310px;
}
/* end hide */




#right {
	margin: 0 0 0 372px;
	padding: 0;
}
#right a:link, #right a:visited, #right a:active, #spread a:link, 
#spread a:visited, #spread a:active {
	font-weight: bold;
	color: #F60;
	text-decoration: none;
}
#right a:hover, #spread a:hover {
	color: #369;
}
#spread a { font-size: 80%; }
html>body #right {
	margin-left: 376px;
}
/* iemac hide \*/
* html #right {
	height: 1%;
	margin-left: 369px;
}
/* iemac hide fin */
#right h2 {
	background: url(images/welcome.jpg) no-repeat;
	height: 55px;
	width: 380px;
	margin: 0;
	padding: 0;
	text-align: left;
}
#right h2 span {
	display: block;
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
	height: 0;
	z-index: -3;
}
html>body #right h2, html>body #right h2.about, html>body #right h2.parks, 
html>body #right h2.owners, html>body #right h2.contact, html>body #right h2.sales {
	margin-left: 12px;
}
#right h2.parks {
	background: url(images/theparks.jpg) no-repeat;
}
#right h2.owners {
	background: url(images/owners-club.jpg) no-repeat;
}
#right h2.contact {
	background: url(images/contact.jpg) no-repeat;
}
#right h2.about {
	background: url(images/aboutus.jpg) no-repeat;
}
#right h2.sales {
	background: url(images/caravan-sales.jpg) no-repeat;
}
#right h3, #spread h3 {
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #339900;
	font-weight: normal;
	font-size: 110%;
	letter-spacing: 2px;
	margin: 12px 0 10px;
	padding: 0 20px 0 4px;
	width: 360px;
}
#spread h3 { width: auto; padding: 9px 20px 12px 18px; }
#right p {
	margin: 0;
	padding: 9px 20px 15px 12px;
	font-size: 70%;
	text-align: left;
	line-height: 1.5em;
}
#right p.offer {font-size: 70%;
	color: #ff0000;
	font-weight: bold;
	}
#right p.form { background: url(images/form-icon.gif) no-repeat 0 44%;
padding: 0; margin: 0 38px 10px 38px;
font-size: 80%; text-align: center; }
* html #right p.aftermap { clear: left; }
html>body #right p.aftermap {
	clear: none;
}
#right p.intro {
	font-size: 80%;
}
/* ie mac hide \*/
* html #right table {
	float: left;
}
/* ie mac hide fin */

/* fix alt parks page */
#right table.main2 {

}
html>body #right table.main2 {
	margin-top: 0px;
	margin-bottom: 1px;
}
#right table.main {
	padding-left: 1px;
}
#right img.thumbs {
	float: right;
	border: 1px solid #ccc;
	margin: 15px 18px 30px 0px;
	padding: 0;
}
#leftpark p {
	padding-right: 14px;
	margin: 0;
}
html>body #right h3 {
	padding-left: 12px;
}
#right ul {
	font-size: 70%;
	list-style: none;
	text-align: left;
	margin: 0;
	padding: 0 0 20px 12px;
}
* html #right ul li { line-height: 1.3em; }
/* hide iemac \*/
#right div#parklinks {
	clear: none;
	margin: 0;
	padding: 0;
}
* html #right div#parklinks {
	clear: both;
}
html>body #right div#parklinks {
	clear: none;
	float: left;
	margin: 0 0 0 8px;
	padding: 0;
}
#parklinks ul {
	margin: 0;
	padding: 0;
}
#parklinks ul li {
	float: left;
	list-style: none;
	margin: 0 0 0 7px;
	padding: 0;
	height: 40px;
}
#parklinks ul li a {
	background: url(images/bird-icon2.gif) no-repeat 0px 0px;
	text-decoration: none;
	padding: 9px 0 9px 32px;
	display: block;
	float: left;
	font-weight: bold;
	margin: 0;
}
#parklinks ul li a:link, #parklinks ul li a:visited, #parklinks ul li a:active {
	color: #F60;
}
#parklinks ul li a.grey {
	background: url(images/bird-icon.gif) no-repeat 0px 0px;
}
#parklinks ul li a:hover {
	background: url(images/bird-icon2.gif) no-repeat 0px -30px;
	color: #33C;
}
html>body #parklinks ul {
	padding-left: 14px;
}
#right div#parklinks ul {
	padding-left: 9px;
}
/* end */


#spread {
	background: #fff;
	border: 1px solid #ddd;
	margin: 0 12px 2px 12px;
	padding: 0 0 18px 0;
clear: both;
}
#spread table {
	width: 720px;
	border: 2px groove #ccc;
}
html>body #spread table { margin-left: 17px; }



#bottom1 {
	background: #106 url(images/thornley-bottom1.jpg) no-repeat;
	clear: both;
	height: 164px;
	width: 780px;
}
#bottom2 {
	background: #300 url(images/thornley-bottom2.jpg) no-repeat;
	clear: both;
	height: 164px;
	width: 780px;
}
#bottom3 {
	background: #FFF url(images/thornley-bottom3.jpg) no-repeat;
	clear: both;
	height: 83px;
	width: 780px;
}
#bottom3 a {
	display: none;
	background: url(images/enter.jpg) no-repeat 0 0;
	margin: 0 23px 0 0;
	height: 46px;
	width: 119px;
	padding: 0;
	float: right;
}
.dash {
	background: url(images/dash.gif) no-repeat 50% 0px;
	height: 15px;
}
#spread table td.top2 { font-size: 60%; }
#spread table td.topright {
	font-size: 60%;
	font-weight: bold;
	color: #36C;
	text-align: center;
	border-bottom: 2px solid #ccc;
}
#spread table td.topright2 {
	font-size: 70%;
	font-weight: bold;
	color: #36C;
	text-align: center;
	border-bottom: 2px solid #ccc;
}
#spread table td.headings {
	font-size: 70%;
	font-weight: bold;
	color: #600;
	text-align: center;
	border-bottom: 2px solid #ccc;
	border-right: 2px solid #ccc;
}
#spread table td.type {
	font-size: 70%;
	color: #666;
	text-align: center;
	border-bottom: 1px solid #ccc;
	border-right: 2px solid #ccc;
}
#spread table td.numbers {
	font-size: 70%;
	color: #333;
	text-align: center;
	border-bottom: 1px solid #ccc;
	border-right: 2px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
}
#spread table td.type-bot {
	font-size: 70%;
	color: #666;
	text-align: center;
	border-right: 2px solid #ccc;
}
#spread table td.numbers-bot {
	font-size: 70%;
	color: #333;
	text-align: center;
	border-right: 2px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
}
.saleslogos { width: 200px; }
#spread table td.headings2 {
	font-size: 60%;
	font-weight: bold;
	color: #600;
	text-align: center;
	border-bottom: 2px solid #ccc;
	border-right: 2px solid #ccc;
}
#spread table td.dates {
	font-size: 70%;
	text-align: center;
	border-bottom: 2px solid #ccc;
	border-right: 1px solid #ccc;
}
#spread table td.dates-end {
	font-size: 70%;
	text-align: center;
	border-bottom: 2px solid #ccc;
	border-right: 2px solid #ccc;
}
#spread table td.prices {
	font-size: 70%;
	color: #333;
	text-align: center;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
}
#spread table td.prices-r {
	font-size: 70%;
	color: #333;
	text-align: center;
	border-bottom: 1px solid #ccc;
	border-right: 2px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
}
#spread table td.prices-bot {
	font-size: 70%;
	color: #333;
	text-align: center;
	border-right: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
}
#spread table td.prices-bot-r {
	font-size: 70%;
	color: #333;
	text-align: center;
	border-right: 2px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
}
#spread table td.prices-end {
	font-size: 70%;
	color: #333;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	border-bottom: 1px solid #ccc;
}
#spread table td.prices-end-bot {
	font-size: 70%;
	color: #333;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
}




#spread table td.top, 
#spread table td.park1,
#spread table td.manu1,
#spread table td.mod1,
#spread table td.sold1,
#spread table td.dim1,
#spread table td.berth1,
#spread table td.year1 {
	font-size: 60%;
	color: #36C;
	text-align: center;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	padding-top: 3px;
	padding-bottom: 3px;
}
#spread table td.sold1 { border-right: none; }

#spread table td.park1 { width: 200px; }
#spread table td.manu1 { width: 100px; }
#spread table td.mod1 { width: 100px; }
#spread table td.sold1 { width: 60px; }

#spread table table td.park2 { width: 200px; }
#spread table table td.manu2 { width: 100px; }
#spread table table td.mod2 { width: 100px; }
#spread table table td.sold2 { width: 60px; }
#spread table td.dim2 { width: 85px; }
#spread table td.berth2 { width: 85px; }
#spread table td.year2 { width: 85px; }

#spread table table.data {
font-size: 70%;
width: auto; padding: 0px; margin: 0; border: 0; }
#spread table table td 
{ 
padding: 5px 0;
border-bottom: 1px solid #ccc; text-align: center; }
#spread table td.content 
{ padding: 0; margin: 0; text-align: left; vertical-align: top; }




#right img.voucher {
	margin-top: 6px;
	margin-bottom: 6px;

}
#left img.strip {
	border-bottom: 1px solid #fff;
}
#verybottom {
	background: #fff;
}
#verybottom p {
	font-size: 60%;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 8px;
	text-align: left;
	color: #ccc;
}
#verybottom p a, #verybottom p a:link, #verybottom p a:visited, #verybottom p a:active {
	color: #ddd;
	text-decoration: none;
}
#verybottom p a:hover {
	color: #ccc;
}
#splash {
	background: #fff;
	width: 756px;
}
html>body #splash {
	margin: 0px auto;
}
#verybottom p a#skip, #verybottom p a#skip:link, #verybottom p a#skip:visited, #verybottom p a#skip:active {
	color: #390;
	text-decoration: none;
}
#beachlogo, #dinllelogo, #craiglwydlogo, 
#maenanlogo, #oceanlogo, #lakesidelogo, #pastureslogo {
	background: url(images/beach-logo.jpg) no-repeat;
	margin: 0;
	padding: 0;
	height: 64px;
	width: 383px;
}
html>body #beachlogo, html>body #dinllelogo, html>body #craiglwydlogo, 
html>body #maenanlogo, html>body #oceanlogo, html>body #lakesidelogo, html>body #pastureslogo { margin-left: 3px; }
#dinllelogo { background: url(images/dinlle-logo.jpg) no-repeat; }
#craiglwydlogo { background: url(images/craiglwyd-logo.jpg) no-repeat; }
#maenanlogo { background: url(images/maenan-logo.jpg) no-repeat; }
#oceanlogo { background: url(images/ocean-logo.jpg) no-repeat; }
#lakesidelogo { background: url(images/lakeside-logo.jpg) no-repeat; }
#pastureslogo { background: url(images/greenpastures-logo.jpg) no-repeat; }
#beachlogo h2, #dinllelogo h2, #craiglwydlogo h2, 
#maenanlogo h2, #oceanlogo h2, #lakesidelogo h2, #pastureslogo h2  {
	display: none;
}
#parklinks ul li.sales {
	margin-left: 14px;
}
#spread p {
	font-size: 70%;
	text-align: left;
	margin: 15px 0px;
	padding: 0px 18px;
	color: #999;
}
#spread p.right {

	text-align: right;
}
#spread p.middle, #right p.middle {

	text-align: center;
}
#spread table td.price {
	font-size: 70%;
	font-weight: bold;
	color: #900;
	text-align: center;
	border-right: 2px solid #CCC;
	padding-top: 8px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ccc;
}
#spread table td.price-r {
	font-size: 70%;
	font-weight: bold;
	color: #900;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #ccc;
}
#spread table td.descript {
	font-size: 70%;
	color: #333;
	text-align: center;
	border-right: 2px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	padding: 4px;
	width: 100px;
}
#spread table td.descript-corner {

	font-size: 70%;
	color: #333;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 4px;
	width: 100px;
}
input, textarea {
clear: right; width: 365px;
border: solid 1px #ccc; background: white;
}
* html input, textarea {
width: 362px;
}
#right form p { padding-top: 0; }
input.one, input.two, input.three, input.four, input.five, input.six, input.seven, input.eight, input.nine, input.ten { width: auto;
margin-left: 25px; border: none; }
input.two { margin-left: 10px; }
input.three { margin-left: 17px; }
input.four {margin-left: 34px; }
input.five {margin-left: 137px; }
input.six {margin-left: 143px; }
input.seven {margin-left: 1px; }
input.eight {margin-left: 22px; }
input.nine {margin-left: 182px; }
input.ten{margin-left: 1px; }
input.button { width: auto; margin: 0 auto; text-align: center;
display: block; border: outset; cursor: pointer; }
#right h2.holidays {

	background: url(images/holidays.jpg) no-repeat;
}
#right h2.hire {


	background: url(images/hire-prices.jpg) no-repeat;
}

