/* Last Amended PW - 4th June 2009 */

	/* Browser Resetting */
	*{
		padding:0;
		margin:0;
	}

	/* ------------------------------ Setup CSS ----------------------------------------------- */

	body {
	font-family:Verdana,'Trebuchet MS', Helvetica, Tahoma, Geneva, Arial, 'MS Sans Serif', Sans-serif;
	text-align:left;
	font-size:75%;
	color:#182c28;
	background-color: #88acc6;
	background-attachment: fixed;
	background-image: url(../image/bgpic3.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	}

	/* All Links */

	a:link, a:visited {
	color:#FFF;
	background-color:transparent;
	text-decoration:none;
	}

	a:link {
		font-weight:700;
	}

	a:visited {
		font-weight:500;
	}

	a:hover, a:active {
	color:#0F0F15;
	background-color:transparent;
	text-decoration:none;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#FFF;
	}

	/* Images */

	/*img {
		float:right;
		border:2px solid #2c544d;
	}*/

	/* Headings */

	h1, h3, h4 {
	background-color:transparent;
	font-weight:700;
	}

	h1 {
	font-size:3em;
	margin-top: 0px;
	padding-top: 0px;
	color: #FFF;
	font-weight: normal;
	margin-bottom: 3px;
	}

	h2 {
	color:#282B39;
	background-color:transparent;
	font-size:1.5em;
	margin-left: 3px;
	font-weight: normal;
	margin-top: -5px;
	font-style: normal;
	}

	h2.span {font-type:italic;
	}

	h3 {
	font-size:1.1em;
	color: #5C6183;
	margin-bottom: 10px;
	}

	h4 {
		font-size:130%;
		color:#666;
		background-color:transparent;
	}

	h5 {
		padding-left:10px;
		margin-top:10px;
		font-size:100%;
	}

		/* ------------------------------ w= Width of Page CSS ----------------------------------------------- */

	div#w {
	width:900px;
	margin-left: auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #C2C5D3;
	clear: left;
	margin-top: 40px;
	color: #000;
	padding-left: 10px;
	background-repeat: repeat;
	padding-bottom: 15px;
	background-color: #7E82A3;
	margin-right: auto;
	}

	/* wlg  Large Width for Maps --- */
	div#wlg {
		width: 905px;
	}

	div#w, div#wlg {
	padding-top:5px;
	}

	/* ------------------------------ Standard Box CSS ----------------------------------------------- */
 /* b= Standard Box n2= Second Level Nav Box #f=Footer Box #l=Links Box #t=Top Title Box */
 
/*linkb1/linkb2= 3 boxes accross top */
	div.linkb1 {
	height: 270px;
	width: 270px;
	float: left;
	margin-top: 10px;
	margin-bottom: 15px;
	margin-right: 10px;
	}
	div.linkb1 img {
	height: 250px;
	width: 250px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
	background-color: #FFF;
	margin-left: 20px;
	}
	div.linkb2 {
	height: 150px;
	width: 808px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 2px solid #B7B7B7;
	clear: left;
	margin-top: 30px;
	color: #333;
	background-color: #FFF;
	}
	
	div.b {
	width: 865px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #c6c8d7;
	margin-top: 10px;
	color: #000;
	background-color: #FFF;
	}
	.results {
	width: 880px;
	}
	.company img {
	float: right;
	}
	
	div.n2, div#l, div#t {
	width: 886px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	clear: left;
	margin-top: 20px;
	color: #000;
	background-color: #FFF;
	}
	
	
	div.b p {
	margin-top: 3px;
	margin-bottom: 5px;
	}

	/* Left Green Heading in Title Bar */
	div.b h2, div.n2 h2, div#l h2 {
	color:#ffffff; /* Dark Blueish Green */
	font-size:120%;
	font-weight:700;
	height:20px;
	margin-bottom:10px;
	background-color:#7e82a3;
	background-repeat:repeat-x;
	padding: 10px;
	margin-left: 0px;
	margin-top: 0px;
	}

	/* Right Green Heading in Title Bar */

	div.b span {
	display:block;
	margin-top:-16px;
	text-align:right;
	color:#DDE2BC;
	background-color:transparent;
	}

	/* Standard Text in Box */

	div.b {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: 1em;
	}
	div.b a {
	color: #2F3142;
	}
	div.b a:active {
	text-decoration: underline;
	}
	div.b a:hover, div.b a:focus {
	text-decoration: underline;
	}
	/* Text Box with puffin Bg image*/	
	div.bbp {
		background-color:#ffffff;
		margin-bottom:10px;
		border:5px solid #cddcda;
		padding-top:10px;
		padding-right:10px;
		padding-bottom:10px;
		padding-left:10px;
		background-image:url(http://www.wales-photos.co.uk/images/puffin.jpg) ;
		background-position:bottom right;
		background-repeat:no-repeat;
	}

	div.bbp h2 {
		color:#ffffff; /* Dark Blueish Green */
		font-size:120%;
		font-weight:700;
		height:20px;
		margin-bottom:10px;
		margin-right:190px;
		background-color:#567e77;
		background-repeat:repeat-x;
		padding-top:10px;
		padding-right:10px;
		padding-bottom:10px;
		padding-left:10px;
	}

	/* Cottage photo */

	.results img {
	height:9.4em;
	width:14.8em;
	margin-top:0;
	margin-right:20px;
	margin-bottom:30px;
	margin-left:0px;
	border-top-color: #6f7a35;
	border-right-color: #6f7a35;
	border-bottom-color: #6f7a35;
	border-left-color: #6f7a35;
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	float: left;
	}

	/* Continues box background to bottom of text in ie6 */
	div.b h3 {
		clear:right;
	}

	/*-------Booking form debit card box with images-------------*/

	div.bbooking {
		background-color:#ffffee;
		border:1px solid #F00;
		text-align:center;
		padding:10px;
		margin-bottom:10px;
	}

	div.bbooking img {
		display:inline-block;
		border-top-width:0px;
		border-right-width:0px;
		border-bottom-width:0px;
		border-left-width:0px;
		border-top-style:none;
		border-right-style:none;
		border-bottom-style:none;
		border-left-style:none;
		margin-left:10px;
		height:34px;
		width:50px;
	}

	/* ------------------------------ lc & rc = Left & Right Columns in boxes CSS ------------------------------------------------ */

	/* Left Column */
	#lc {
		float:left;
		width:160px;
		vertical-align:top;
	}

	/* Right Column */

	#rc {
		float:right;
		vertical-align:top;
		width:80%;
		margin-top:0;
	}

	/* Lists */

	div#rc ul {
		margin-top:8px;
		margin-right:10px;
		margin-bottom:25px;
		margin-left:20px;
	}

	div#rc li {
		float:none;
		font-size:1.2em;
		margin-top:1px;
		margin-right:0;
		margin-bottom:1px;
		margin-left:10px;
	}

	div#lc img {
		margin-bottom:20px;
		height:112px;
		width:150px;
		margin-left:0;
		float:left;
		border:solid silver 3px;
	}

	div#rc img.cam {
		margin-bottom:0;
		height:15px;
		width:15px;
		border:none;
	}
		

	div#rc p {
		display:inline;
		font-size:70%;
		color:maroon;
		background-color:transparent;
	}

	/* ------------------------------ t= Title Box CSS ------------------------------------------------ */
	/* Title box Layout */

	div#t {
		margin-top:8px;
		height:90px;
		min-height:90px;
		background-color:#ffffff;
		background-image:url(http://www.wales-photos.co.uk/images/09/logo.gif) ;
		background-repeat:no-repeat;
		background-position:670px 5px;
		width:870px;
	}

	/* Title box C & C Heading */

	div#t p {
		display:block;
		font-family:"Times New Roman", Times, Georgia, "Palatino Linotype", Palatino, "MS Serif", "New York", Serif;
		font-style:normal;
		font-size:300%;
		font-weight:normal;
		color:#567e77;
		background-color:transparent;
		margin-right:0;
		margin-bottom:5px;
		margin-left:8%;
		margin-top:1px;
	}

	/* Title box Large heading */

	div#t h1 {
		margin-right:0;
		margin-bottom:0;
		margin-left:8%;
	}

	/* Title box Small heading */

	div#t h2 {
		margin:2px 0 0 8%;
		width:70%;
	}

	/* ------------------------------ ts= Text Size Change CSS ------------------------------------------------ */

	div#ts {
		position:absolute;
		top:65px;
		width:21px;
		margin-left:22px;
	}

	div#ts img {
		border:none;
	}

	.displaylarge {
		display:block;
	}

	.displaysmall {
		display:none;
	}

	/* ------------------------------ m= Area Map CSS ------------------------------------------------ */

	div#m {
		position:absolute;
		top:100px;
		width:31px;
		margin-left:18px;
	}

	div#m img {
		border:solid 1px #2c544d;
	}

	/* ------------------------------ s= Scroller CSS ----------------------------------------------- */

	#s {
	overflow:hidden;
	padding:0;
	display:block;
	margin-top:1%;
	margin-bottom:1%;
	margin-left:auto;
	margin-right:auto;
	width:97%;
	height:150px;
	border:1px solid #333333;
	}

	/* ------------------------------ n2= Second Level Navigation CSS --------------------------------- */

	div.n2 {
	font-size:80%;
	margin-top: 5px;
	}

	div.n2#large {
	font-size:120%;
	color:#ffdb6c;
	font-style: italic;
	}

	div.n2 h2 {
		text-align:left;
		margin-bottom:0;
		padding-top:12px;
		padding-bottom:12px;
	}

	div.n2 a:link, div.n2 a:visited {
	color:#FFF;
	background-color:transparent;
	font-size:1em;
	}

	div.n2 a:hover, div.n2 a:active {
	color:#000;
	background-color:transparent;
	border-bottom:1px solid white;
	}

	div.n2 span {
		padding-right:30px;
		margin-top:-17px;
		display:block;
	}
	
	div.n2broch {
		text-align:right;
		width:130px;
		float:right;
		margin-top:-14px;
	}

	/* ------------------------------ l= Links Box CSS ----------------------------------------------- */

	div#l {
		padding-right:10px;
		padding-left:10px;
		padding-bottom:10px;
	}

	div#l img {
		float:left;
		padding-right:67px;
		padding-bottom:5px;
		border:none;
	}

	div#l img#cg {
		padding-right:0;
		margin-right:0;
	}

	div#l img#na {
		margin-left:25px;
	}

	div#l br {
		clear:both;
	}

		/* ------------------------------ Invisibity Links Bar & Scroller Bar ----------------------------------------------- */

	.invisible {
		display:none
	}

	#invisible {
		display:none
	}
	
	/* ------------------------------ f= Footer Box CSS ----------------------------------------------- */

	/* Footer Layout */

	div#f {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #c6c8d7;
	color: #CCC;
	text-align:center;
	padding:0.8%;
	margin-left: auto;
	width: 890px;
	margin-top: 5px;
	margin-bottom: 15px;
	margin-right: auto;
	background-color: #575A7B;
	}

	div#f img {
		border:none;
	}

	div#f img#vw {
		float:left;
		margin-right:8px;
	}

	div#f img#ic {
		float:left;
	}

	div#f img#css {
		margin-right:8px;
	 	}

	/* Footer Text */

	div#f p {
		font-size:80%;
		font-weight:700;
		padding-top:8px;
	}

	/* ------------------------------ Bookmarks & Snail Trial CSS ----------------------------------------------- */

	#st, #bm {
		position:absolute;
		top:5px;
		font-weight:700;
		font-size:85%;
		width:900px;
	}

	#bm {
		margin-left:700px;
		width:300px;
	}

	#st {
		width:300px;
		color:#333;
	}

	div#st a, div#st a:visited, div#st a:hover, div#st a:active, div#bm a, div#bm a:visited, div#bm a:hover, div#bm a:active {
		font-size:75%;
	}

	/* Special Fonts - Small */	

	/* ------------------------------ n= Navigation Bar CSS ----------------------------------------------- */

	/* -- Nav Bar Credits:CSSpplay - http://www.cssplay.co.uk/menus/pro_eight -- */

	div#header {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	}
	
	div#n {
	position:absolute;
	top:13px;
	margin-right: auto;
	margin-left: auto;
	width: 900px;
	}

	div#n ul {
	width:100%;
	list-style:none;
	height:23px;
	position:relative;
	padding-top:0;
	padding-right:0;
	padding-bottom:0;
	padding-left:5px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: -5px;
	}

	div#n li {
		float:left;
	}

	div#n li a {
	width:100%;
	line-height:23px;
	color:#fff;
	font-weight:700;
	font-size:100%;
	text-align:center;
	text-decoration:none;
	background-color:#464962;
	padding-right:25px;
	padding-left:25px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-bottom-style:none;
	margin-right:3px;
	padding-top:8px;
	padding-bottom:8px;
	}

	div#n li a:hover {
	color:#333;
	background-color:#c6c8d7;
	}

	/* ------------------------------ Forms CSS ----------------------------------------------- */

	/*Form Left */

	.fl {
		float:left;
		width:77%;
		margin-top:8px;
		margin-left:0px;
		vertical-align:top;
	}
	.fl img {
	float: left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}

	/* Font Size Large for Tel No */

	#fs250 {
		font-size:250%;
		font-weight:500;
		color:#567e77;
		background-color:transparent;
		margin:15px 0 15px 25px;
		text-align:left;
		font-style:normal;
	}

	/* Font Size Standard */

	div.fl p {
		font-size:120%;
		padding-left:25px;
	}

	form div {
		padding-top:10px;
		padding-left:25px;
	}

	form div label {
		float:left;
		width:300px;
		font-size:120%;
		font-weight:500;
	}
	
	#Comments {
		margin-top:10px;
		width:400px;
	}

	#time {
		text-align:left;
		font-size:90%;
		font-style:italic;
		color:maroon;
		background-color:transparent;
		margin:0 0 20px 25px;
	}

	form div input, form div textarea {
		background-color:#f7f7f7;
		border:2px solid silver;
		padding:3px;
	}

	form div input:focus {
		border:solid 2px #000000;
		background-color:#ffffff;
	}

	/* textarea.highlight */

	textarea:focus {
		border:solid 2px #000000;
		background-color:#ffffff;
	}

	/*Form Small Text */

	.smtxt {
	font-size:.8em;
	text-align:left;
	font-style:italic;
	margin-left: -20px;
	}

	#button {
		margin-bottom:20px;
		margin-top:10px;
		color:#ffffff;
		background-color:#2c544d;
	}

	div span.maroon {
		display:inline;
		color:maroon;
		background-color:transparent;
		font-weight:900;
		text-align:left;
		margin-right:5px;
	}
	div span.maroon2 {
	color: #6189c0;
	font-weight: bold;
	text-align: left;
	margin-left: 150px;
	}

	
	/*Form Right */

	#fr {
		float:right;
		width:150px;
		margin-top:8px;
		margin-right:5px;
		vertical-align:top;
		
	}

	/*Form Picture */

	#fr img {
		border:3px solid #CCC;
		margin:10px 5px 0 0;
		width:145px;
		height:200px;
	}

	/* ------------------------------ Geographic Location Page CSS ------------------------------------------- */

	div#lcol,div#rcol {
		vertical-align:top;
	}

	div#lcol {
		float:left;
		width:45%;
	}

	div#rcol {
		float:right;
		width:45%;
		margin-right:12px;
	}

	div#rcol h1, div#lcol h1 {
		padding-top:15px;
		padding-right:0;
		padding-bottom:0px;
		padding-left:11px;
		color:#333;
	}

	div#rcol span.desc, div#lcol span.desc {
		text-align:left;
		color:#595959;
		font-style:italic;
		font-weight:500;
		font-size:90%;
		margin-top:15px;
		width:300px;
	}

	div#rcol a.map, div#lcol a.map {
	display:inline;
	font-size:90%;
	margin-left:10px;
	color:#333;
	font-style:italic;
	}

	div#rcol h3, div#lcol h3 {
		color:#333;
		background-color:#d9e6e3;
		font-size:120%;
		font-weight:700;
		padding-top:5px;
		padding-right:0;
		padding-bottom:5px;
		padding-left:10px;
		margin-left:12px;
	}

	div#rcol img, div#lcol img {
		height:22px;
		width:18px;
		border:none;
		padding:0;
		margin-right:0;
		margin-bottom:0;
	}

	div#rcol li, div#lcol li {
		font-size:110%;
		line-height:1.4;
		margin-bottom:3px;
		margin-left:20px;
		width:300px;
	}

	div#rcol a.desc, div#lcol a.desc {
		font-style:italic;
		font-weight:500;
		font-size:90%;
		width:400px;
	}

	div#rcol a, div#lcol a {
		font-weight:700;
	}

/* ------------------------------  Additional Added by Jon - controls images in footer ----------------------------------------------- */
	.fjb {
		float:left;
		text-align:center;
		font-size:0.75em;
		list-style-type:none;
		display:block;
		width:90px;
		margin-top:0px;
		margin-left:30px;
		margin-right:20px;
		padding-top:0px;
		padding-right:0px;
		padding-left:0px;
	}

	div.b ul {
		margin-top:10px;
		margin-right:0px;
		margin-bottom:10px;
		margin-left:20px;
}
	div.b li {
		line-height:2em;
		width:600px;
	}
	
	.pl {
		float:left;
		width:250px;
	}

	.clearer {
		clear:both;
	}
/* -------------------------------Search page---------------------------------- */

	.submitit {
	padding-top:3px;
	padding-right:1px;
	padding-bottom:3px;
	padding-left:1px;
	margin-top:0px;
	background-color:#d0dfdd;
	color:#333;
	cursor:pointer;
	font-weight:bold;
	border:2px solid #999;
	margin-bottom:10px;
	}
	
	.submitit a {
	background-color:#c6c8d7;
	color:#000;
	text-decoration:none;
	}
	
	.submitit a:hover {
		background-color:#fff;
		color:#333;
		text-decoration:none;
	}

	div.sb2l {
		float:left;
		width:410px;
	}
	
	div.sb2l h3 {
		background-image:url(http://www.wales-photos.co.uk/images/catalogueicon.gif) ;
		background-repeat:no-repeat;
		background-position:right center;
	}

	div.sb2r {
		float:right;
		width:410px;
	}

	div.sb2r h3 {
		background-image:url(http://www.wales-photos.co.uk/images/walesicon.gif) ;
		background-repeat:no-repeat;
		background-position:right center;
	}

	div.sb3l {
		float:left;
		width:410px;
	}

	div.sb3l h3 {
		background-image:url(http://www.wales-photos.co.uk/images/cottagesizeicon.gif) ;
		background-repeat:no-repeat;
		background-position:right center;
	}

	div.sb3r {
		float:right;
		width:410px;
	}
	
	div.sb3r h3 {
		background-image:url(http://www.wales-photos.co.uk/images/differenticon.gif) ;
		background-repeat:no-repeat;
		background-position:right center;
	}

	.month {
		background-color:#F2F2F2;
		border:2px solid #CCC;
		padding-top:3px;
		padding-bottom:3px;
	}

	.sleeps {
		background-color:#F2F2F2;
		border:2px solid #CCC;
		padding-top:3px;
		padding-bottom:3px;
	}

	.propref {
		background-color:#F2F2F2;
		border:2px solid #CCC;
		padding-top:3px;
		padding-bottom:3px;
		width:75px;
	}

	.cts {
		padding:10px;
	}

	.b2 {
		background-color:#ffffff;
		margin-bottom:10px;
		border:5px solid #cddcda;
		padding-right:10px;
		padding-bottom:10px;
		padding-left:10px;
		list-style-type:disc;
		line-height:1.5em;
		padding-top:10px;
	}
	
	.b2 h2 {
		color:#ffffff;
		font-size:120%;
		font-weight:700;
		margin-bottom:10px;
		background-color:#567e77;
		background-image:url(http://www.wales-photos.co.uk/images/calendaricon.gif) ;
		background-repeat:no-repeat;
		padding-right:10px;
		padding-left:10px;
		padding-top:15px;
		padding-bottom:15px;
		background-position:right center;
	}

	.b2 ul {
		margin-left:25px;
		padding-top:10px;
		padding-bottom:15px;
	}
	
	.b2 h3 {
		color:#333;
		background-color:#d9e6e3;
		font-size:120%;
		font-weight:700;
		margin-bottom:10px;
		padding-left:10px;
		padding-top:17px;
		padding-bottom:17px;
	}

	.smh3 {
		font-size:.7em;
	}

	.mnth {
		font-size:1.2em;
		border-top-style:none;
		border-right-style:none;
		border-bottom-style:none;
		border-left-style:none;
		font-weight:bold;
		text-align:center;
	}
	
	.wl {
		font-style:italic;
		font-weight:normal;
		font-size:90%;
	}

/*------------- Gallery Box (gb) Photo Gallery Control -------------------*/

	div.gb {
		background-color:#ffffff;
		margin-bottom:10px;
		border:5px solid #cddcda;
		padding-top:10px;
		padding-right:10px;
		padding-bottom:10px;
		padding-left:10px;
	}

/*Text Pages (gtb=Gallery Text Box) - to control text for image galleries, small left and right pics horizontal and vertical*/

	div.gtb {
	margin-right:auto;
	margin-left:auto;
	margin-top:15px;
	width: 840px;
	}

div.gb h2 {
		color:#333;
		background-color:#d9e6e3;
		font-size:120%;
		font-weight:700;
		padding-top:10px;
		padding-right:0;
		padding-bottom:10px;
		margin-bottom:10px;
		padding-left:10px;
		width:800px;
		margin-right:auto;
		margin-left:auto;
	}

	div.gb img {
		border-top-style:none;
		border-right-style:none;
		border-bottom-style:none;
		border-left-style:none;
		margin:0px;
		padding:0px;
	}

	div.gb ul {
		margin-left:25px;
	}

	div.gb li {
		line-height:1.6em;
	}

/* Large Horizontal Photo - with text=tlg, without text=lg */

	div.lg, div.tlg {
		width:800px;
		margin-right:auto;
		margin-left:auto;
		}

	div.lg {
		padding:10px;
		margin-top:10px;
		margin-bottom:15px;
		border:1px solid #999;
		height:536px;
	}

	div.tlg {
		margin-bottom:20px;
	}



	div.thl, div.thr { /* Search pages columns */
		width:400px;
		margin-bottom:15px;
	}
	
	div.thl { /* Search pages left column */
		float:left;
		
	}
	
	div.thr { /* Search pages right column */
		float:right;
		
	}
	
		div.thl h3, div.thr h3 { /* Search pages Heading */
		color:#333;
		background-color:#c6c8d7;
		padding-top:5px;
		padding-bottom:5px;
		margin-top:10px;
		padding-left:5px;
		margin-bottom:10px;
	}
	div.thl h3 { /* Search pages Heading Left*/
		padding-left:5px;
	}
	
	div.thr h3 {/* Search pages Heading Right*/
		padding-left:5px;
	}

/* Copyright text */
	div.cr {
		clear:both;
		width:780px;
		margin-right:auto;
		margin-left:auto;
		margin-bottom:15px;
		font-size:0.9em;
		margin-top:15px;
		padding:5px;
		border:1px solid #CCC;
	}

/* Standard Horizontal Pictures 400 X 266 - no need of controlling box --- */
	div.ptl img, div.ptr img {
		padding:5px;
		width:350px;
		height:266px;
		border:1px solid #999;
		display:block;
		margin-bottom:20px;
	}

	div.ptl { /* Picture Left with Text */
		float:left;
		margin-right:20px;
	}

	div.ptr { /* Picture Right with Text */
		float:right;
		margin-left:20px;
	}

/* Vertical Photos - No Text - Controls Standard (266px X 400px) vertical pictures */

/* Controlling Photo Box Vertical (pbv) */
	div.pbv {
		width:600px;
		margin-right:auto;
		margin-left:auto;
	}
	
	div.pvl, div.pvr {
		padding:5px;
		width:266px;
		border:1px solid #999;
		display:block;
		margin-bottom:20px;
	}

	div.pvl {
		float:left;
		margin-right:20px;
	}

	div.pvr {
		float:right;
		margin-left:20px;
	}


/* Photo Right & Photo Left (pr & pl) - controls standard (400px 266px) horizontal pictures on image only pages*/
	div.pl, div.pr {
		display:block;
		border:1px solid #999;
		padding:5px;
		width:400px;
		margin-top:0px;
		margin-bottom:0px;
	}
	div.pl {
		float:left;
		margin-right:0px;
		margin-left:15px;
	}

	div.pr {
		float:right;
		margin-right:15px;
		margin-left:0px;
	}

/* controls large vertical pictures and text*/

	div.bpvlg {
		width:810px;
		margin-right:auto;
		margin-left:auto;
	}

	div.bpvlg p {
		
		margin-bottom:15px;
	}
/* Large Vertical Picture adjacent to text */

	div.lgvl, div.lgvr {
		padding:10px;
		border:1px solid #999;
		display:block;
		height:616px;
		width:400px;
	}

	div.lgvl {
		float:left;
		margin-right:15px;
	}

	div.lgvr {
		float:right;
		margin-left:15px;
	}

/*----------------------------------MAPS-------------------------------*/

div#tlg {
	width: 875px;
	margin-top:8px;
	margin-bottom:20px;
	height: 90px;
	min-height:90px;
	background-color: #FFFFFF;
	background-image: url(http://www.wales-photos.co.uk/images/09/logo.gif);
	background-repeat: no-repeat;
	background-position: 675px 5px;
	padding: 10px;
	border: 5px solid #CDDCDA;
}
div#tlg p {
	display:block;
	font-family:"Times New Roman", Times, Georgia, "Palatino Linotype", Palatino, "MS Serif", "New York", Serif;
	font-style:normal;
	font-size:300%;
	font-weight:normal;
	color:#567E77;
	background-color:transparent;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 8%;
	margin-top: 1px;
		}

	/* Title box Large heading */

	div#tlg h1 {
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 8%;
		}

	/* Title box Small heading */

	div#tlg h2 {
		margin:2px 0 0 8%;
		width:70%;
		}
div.blg {
	width: 655px;
	float: right;
	background-color:#FFFFFF;
	margin-bottom:10px;
	border: 5px solid #CDDCDA;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
div#map {
		width: 655px;
		height: 500px;
		padding:5px;
		margin-left:auto;
		margin-right:auto;
		}
div.blg h2 li {
	list-style-type: none;
	display: inline;
	font-weight: normal;
}
div.blg h2 img {
	height: 20px;
	width: 15px;
	float: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 3px;
}
div#side_bar {
	font-size: 0.9em;
	line-height: 0.9em;
}
div#side_bar a {
	font-weight: normal;
	text-decoration: none;
}
	----------------------------------
	div.imagepiece {
	
    width: 310px;
    margin-left:0;
}
div.imagepiece div.images {
	width: 315px;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0px;
	margin-top: -10px;
	}  
* html div.imagepiece div.images {
	width: 306px;
	}
div.imagepiece img {
	float: right;
	display:block;
	border: 1px solid #c6c8d7;
	cursor: pointer;
	width: 98px;
	margin-top: 3px;
	margin-bottom: 0;
	padding: 1px;
	clear: none;
	margin-right: 0px;
	margin-left: 3px;
	background-image: url(http://wales-photos.co.uk/photos/sorry.jpg);
	}
* html div.imagepiece img {
	width: 98px;
	border: 1px solid #2c544d;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
	}
div.imagepiece img.mainPhoto {
	cursor: auto;
	width: 308px;
	height: 200px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-top: -1px;
	}
* html div.imagepiece img.mainPhoto {
	width: 302px;
	height: 190px;
	}
.leftdetails {
	float: left;
	padding-top: 0px;
	font-size: 0.9em;
	line-height: 1.25em;
	clear: none;
	width: 500px;
	margin-left: 15px;
}
* html .leftdetails {
	margin-top: 0px;
}
div.leftdetails h2 {
	background-color: #464962;
	color: #FFF;
	margin-top: 10px;
	margin-left: -10px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
}

.rightdetails {
	float: right;
	width: 320px;
	margin-top: 10px;
	clear: none;
	margin-right: 5px;
}
.rightdetails2 {
	float: right;
	width: 340px;
	margin-top: 30px;
	clear: none;
	height: 200px;
	margin-right: 10px;
}

.belowimages {
	clear: right;
	float: right;
	width: 320px;
	margin-right: 7px;
}
.belowimages ol {
	margin-left: 20px;
}
* html .belowimages ol {
	list-style-type: none;
}
* html .belowimages {
	margin-right: -145px;
}
.booked {
	color: #000;
}
div#top_of_list {
	width: 600px;
	float: left;

}
/*--------------------------results control-------------------------*/

.shortlist {
			color:maroon;
			font-size:120%;
			font-weight:700;
			margin-left:10px;
			}
			
.shortlist1 {
			color:maroon;
			font-size:120%;
			font-weight:700;
			margin-left:0;
			}
	 
button {
	background-color: #c6c8d7;
	font-weight: 700;
	color:#333;
	font-size:104.8%;
	cursor: pointer;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #CCC;
	margin-top: 2%;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
	
* html button {
	margin-right: 3px;
	margin-left: 3px;
}

.results {
}
.results a {
	padding-right: 3px;
	padding-left: 3px;
	
	color: #80504A;
}
.results a:active {
}
.results a:hover {
}
.results a:focus {
}
.results a:visited {
}


/*---------------calendar box----------------*/
div#calendar {
	clear:both;
	padding-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	width:480px;
	margin-right: -10px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 10px;
	background-color: #FFF;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border: 1px solid #7e82a3;
}
div#calendarleft {
	float: left;
	width: 80px;
	margin-top: 3px;
	color: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #7e82a3;
	border: 1px solid #666;
	padding-top: 10px;
	padding-right: 9px;
	padding-bottom: 11px;
	padding-left: 9px;
	font-size: 0.8em;
}
div#calendarright {
	float: right;
	width: 358px;
	margin-left: 20px;
	margin-top: -5px;
}


/*---------------Shortlist---------------------*/
.shortlist1 {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin: 0px;
	background-color: #c6c8d7;
	color: #FFF;
	text-decoration: none;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #CCC;
}
/*-----------------Booknow Availability----------*/
.booknow {
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	background-color: #FFF;
	border: 1px solid #7e82a3;
	float: right;
	width: 290px;
	clear: right;
	padding: 10px;
	margin-right: 5px;
	margin-top: 15px;
	margin-bottom: 15px;
}
/*--------------------Dates box----------------*/
.dresultsbox {
	width: 288px;
	background-color: #a58f95;
	text-align: center;
	border: 1px solid #333;
	color: #FFF;
	margin-bottom: 8px;
	padding: 5px;
}
.bgt {
	font-size: 1.1em;
	font-weight: bold;
}
div.tick {
	float: left;
	width: 30px;
	background-color: #dcd3d6;
	padding-top: 1px;
	padding-bottom: 2px;
	margin-top: 5px;
	padding-right: 3px;
	display: inline;
	clear: left;
}
div.week {
	float: left;
	width: 79px;
	background-color: #dcd3d6;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 5px;
	text-align: left;
	padding-left: 5px;
	margin-left: 2px;
	color: #000;
	display: inline;
}
div.month {
	float: left;
	width: 79px;
	background-color: #dcd3d6;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 2px;
	margin-top: 5px;
	text-align: left;
	padding-left: 5px;
	color: #000;
	display: inline;
}
div.cost {
	float: left;
	width: 76px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #dcd3d6;
	margin-top: 5px;
	color: #000;
	margin-left: 2px;
	text-align: left;
	padding-left: 5px;
	display: inline;
}
.note {
	clear: left;
	margin-top: 5px;
	padding-top: 5px;
	text-align: left;
	padding-left: 5px;
	padding-bottom: 5px;
	background-color: #cedeef;
	border-top-width: 5px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #a58f95;
	border-right-color: #a58f95;
	border-bottom-color: #a58f95;
	border-left-color: #a58f95;
	color: #000;
}
div#months img{
	padding-right: 15px;
	float: left;
	height: 20px;
	width: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
div#months {
	border: 1px solid #CCC;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	width: 300px;
	margin-left: 3px;
	background-color: #F0F0F0;
	margin-bottom: 15px;
}

.booknow2 {
	background-color:#A58F95;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #CCC;
	color: #FFF;
	text-decoration: none;
	margin-right: 60px;
	margin-bottom: 10px;
	font-size: 1.2em;
	float: right;
	margin-top: -25px;
}
div.empty {
	height: 20px;
	width: 100%;
	background-color: #B8D6EE;
}
.mainPhoto2 {
	margin-top: -140px;
}
/*----------------------Booking form--------------*/
div.b.booking ul {
	line-height: 1.2em;
	margin-top: 0px;
	width: 800px;
	margin-left: 0px;
	}
	div.b.booking li {
	margin-bottom: 3px;
	line-height: 1.2em;
	width: 800px;
	}
div#notice {
	border: 1px solid #666;
	background-color: #FFC;
	margin-bottom: 10px;
	width: 815px;
	font-size: .9em;
	}
div.b.booking fieldset {
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border: 1px solid #6189c0;
	margin-bottom: 5px;
	width: 840px;
	padding-bottom: 10px;
	background-color: #FFF;
	}
	div.b.booking fieldset#contform {
	width: 670px;
	margin-left: 10px;
	padding-top: 10px;
	}
#tel {
	color: #6189c0;
}
/*------------------Info Pages-----------------*/
.info {
	float: left;
	width: 545px!important;
	}
.article {
}
.article img {
	padding: 5px;
	border: 1px solid #999;
	margin-bottom: 15px;
	text-align: center;
}
.article #bigimg {
	text-align: center;
}
	div.info .n2, {
	width: 535px!important;
	background-color: #464962!important;
	margin-bottom: 10px;
	font-size: 1.1em;
	color: #FFF;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	}
	.article .n2 {
	width: 855px!important;
	background-color: #464962!important;
	margin-bottom: 10px;
	font-size: 1.1em;
	color: #FFF;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	}
	
	div.info .n2 a, .article .n2 a {
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #7e82a3;
	border-right-color: #7e82a3;
	border-bottom-color: #7e82a3;
	border-left-color: #7e82a3;
	
		}
	div.info .n2 a:hover, div.article .n2 a:hover {
	background-color: #c6c8d7;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	}
	.info h1, .company h1, .article h1 {
	background-color: #7e82a3;
	padding: 10px;
	font-size: 1.6em;
	margin-bottom: 10px;
	}
	.info h2, .company h2, .article h2 {
	background-color: #c6c8d7!important;
	color: #333!important;
	padding-top: 5px!important;
	padding-bottom: 5px!important;
	}
	.info h3 {
	padding-left: 10px;
	}
	.info ol {
	margin-left: 36px;
	}
	.info ul {
	margin-left: 30px!important;
	}
	.info ul li {
	padding-left: 6px;
	}
	.info p {
	line-height: 1.4em;
	}
	div#rightcol {
	float: right;
	width: 313px;
	margin-right: 10px;
}
div.featuredhp {
	width:300px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #c6c8d7;
	padding-bottom: 0px;
	padding-left: 10px;
	border: 1px solid #FFF;
	margin-top: 10px;
	}
	div.featuredhp2 {
	width:300px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #c6c8d7;
	margin-top: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border: 1px solid #FFF;
	color: #FFF;
	}
	div.featuredhp2 p {
	margin-bottom: 5px;
	font-size: 0.9em;
	}

	div.featuredhp h3, .featuredhp2 h3 {
	color:#FFF;
	font-size:120%;
	font-weight:700;
	padding-right:0;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #C9DEED;
	border-right-color: #C9DEED;
	border-bottom-color: #C9DEED;
	border-left-color: #C9DEED;
	margin-left: -10px;
	padding-bottom: 4px;
	padding-left: 10px;
	background-color: #464962;
	padding-top: 5px;
	margin-bottom: 10px;
	}
	/*div.featuredhp2 h3{
	color:#333;
	font-size:120%;
	font-weight:700;
	padding-right:0;
	}*/

	div.featuredhp img {
	height:100px;
	width:138px;
	border:1px solid #FFF;
	padding:0;
	margin-right:10px;
	margin-bottom:10px;
	margin-top: 0;
	margin-left: 0;
	float: left;
	}
	div.featuredhp2 img {
	height:150px;
	width:286px;
	border:1px solid #FFF;
	padding:0;
	margin-right:10px;
	margin-bottom:10px;
	margin-top: 0;
	margin-left: 1px;
	float: left;
	}
	div.featuredhp p {
	width: 288px;
	margin-bottom: 10px;
	font-size: .9em;
	}
	div.featuredhp h4 {
	font-size: 1em;
	color: #333;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #333;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #333;
	width: 96%;
	padding-bottom: 3px;
	margin-bottom: 5px;
	}
	div.b.company img {
	padding: 5px;
	margin-left: 20px;
	border: 1px solid #CCC;
	}
.reserveavl {
	clear: left;
	float: left;
	width: 400px;
	text-align: left;
}
.reserveavl ul{
	padding-left: 15px;
}



/* ----------------- CSS for Availability - Avl_Search.php - Controlled by avl_search.tpl  - added by Paul 15th June 2010 --------- */

	.availleftcol {
		width:48%;
		float:left;
		}

	.availrightcol {
		width:48%;
		float: right;
		margin: 15px 5px 5px 20px;
		vertical-align:top;
		}

	.availtable {
		float:left;
		width:400px;
		margin-top:10px;
		border:1px solid gray;
		background-color:#d9e6e3; /* Light Blue */
		padding:3px;
		}

	.availtr {
		background-color:#ffff99; /* Cream */
		}

	.availtd {
		padding:7px;
		text-align:center;
		}

	.availdecide {
		float:left;
		clear:both;
		padding-left:10px;
		width:400px;
		text-align:left;
		}

	/* 17/6/2010 fee: made padding same as availtd - so only the colour changes */
	.availbooked {
		padding:7px;
		color:grey;
		/*padding: 0 5px 5px 0*/
		}

	.euroimg {
		float:left;
		width:20px!important;
		height:20px!important;
		margin:3px!important;
		border-style:none;
		}

	.eurolink { 
		border-style:none;
		}

	span.availbooknow {
		width:170px;
		margin-left:80px;
		color:maroon;
		text-align:left;
		font-size:150%;
		}

	.availcom {
		padding:5px;
		}