body{margin:0px; background-image:url(/images/bg_04.jpg); background-attachment:fixed; background-repeat:repeat-x; background-color: #C2A98B; }

#contain{margin-left:auto; margin-right:auto; width:860px; min-height:1050px; overflow:hidden; background-color:#fff;}

#header{float:left; width:860px; height:88px; background-image:url(/images/header.gif);}

/* below is to contain the flash area - dropdown and verticle menus */
#top-block{float:left; width:860px; height:266px; vertical-align:top;}

#flasharea{float:left; width:618px; height:222px; background-image:url(/images/noflash.jpg);}

#vmenuarea{float:right; width:241px; height:266px; vertical-align:top;}
#vmenuarea img {vertical-align: bottom; }

/* a div with unique name for each of the main buttons now needed */
#button-home{float:left; width:241px; height:33px; background-image:url(/images/button-homepage.jpg); font-family:Arial, Helvetica, sans-serif; color:#fff; text-align:center; font-weight:bold; font-size:17px; padding-top:12px;}
#button-home a {text-decoration:none; color:#fff;}
#button-home a:hover {text-decoration:none; color:#ccc;}

#button-gower{float:left; width:241px; height:32px; background-image:url(/images/button-gower.jpg); font-family:Arial, Helvetica, sans-serif; color:#fff; text-align:center; font-weight:bold; font-size:17px; padding-top:12px;}
#button-gower a {text-decoration:none; color:#fff;}
#button-gower a:hover {text-decoration:none; color:#ccc;}

#button-mumbles{float:left; width:241px; height:32px; background-image:url(/images/button-mumbles.jpg);font-family:Arial, Helvetica, sans-serif; color:#fff; text-align:center; font-weight:bold; font-size:17px; padding-top:12px;}
#button-mumbles a {text-decoration:none; color:#fff;}
#button-mumbles a:hover {text-decoration:none; color:#bd731e;}


#button-marina{float:left; width:241px; height:32px; background-image:url(/images/button-marinabay.jpg);font-family:Arial, Helvetica, sans-serif; color:#fff; text-align:center; font-weight:bold; font-size:17px; padding-top:12px;}
#button-marina a {text-decoration:none; color:#fff;}
#button-marina a:hover {text-decoration:none; color:#ccc;}

#button-swwales{float:left; width:241px; height:32px; background-image:url(/images/button-sw-wales.jpg);font-family:Arial, Helvetica, sans-serif; color:#fff; text-align:center; font-weight:bold; font-size:17px; padding-top:12px;}
#button-swwales a {text-decoration:none; color:#fff;}
#button-swwales a:hover {text-decoration:none; color:#ccc;}

#button-abroad{float:left; width:241px; height:32px; background-image:url(/images/button-abroad.jpg);font-family:Arial, Helvetica, sans-serif; color:#fff; text-align:center; font-weight:bold; font-size:17px; padding-top:12px;}
#button-abroad a {text-decoration:none; color:#fff;}
#button-abroad a:hover {text-decoration:none; color:#ccc;}

/* end of v menu block items */

#hmenu{float:left; width:618px; height:44px; background-image:url(/images/hmenu.jpg); padding-top:0px;}

/* end of top block */

#latestproperties{float:left; width:618px; height:24px; background-image:url(/images/latest-bar.gif); font-family:Arial, Helvetica, sans-serif; color:#9fd7e8; text-align:center; font-weight:bold; font-size:15px; padding-top:9px;}
#latestproperties a {text-align:center; text-decoration:none; color:#9fd7e8;}
#latestproperties a:hover {text-align:center; text-decoration:none; color:#fff;}

/* content areas (two columns) */

#contentleft{float:left; width:593px; margin-left:15px; vertical-align:top; margin-top:20px; min-height:500px; overflow:hidden;}
#contentright{float:right; width:180px; margin-right:30px; vertical-align:top; margin-top:20px; overflow:hidden;}
#contentright1{float:right; width:180px; margin-right:30px; vertical-align:top; margin-top:20px; overflow:hidden;}
#contentright2{float:right; width:180px; margin-right:30px; vertical-align:top; margin-top:20px; overflow:hidden;}
#contentright img {margin-top: 5px;}

#footer{float:left; width:830px; height:100px; margin-left:15px; margin-top:15px; margin-bottom:15px;font-family:Arial, Helvetica, sans-serif; 
font-size:10px; color:#666666;
text-align:center;}

#footer a:link {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666666;text-align:center;}
#footer a:active {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666666;text-align:center;}
#footer a:visited {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666666;text-align:center;}
#footer a:hover {font-family:Arial, Helvetica, sans-serif; font-size:10px; color: #333333;text-align:center;}

h1,h1 a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	font-weight:bold;
	margin-top:1px;
	text-decoration: none;
}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#990000;
	font-weight:bold;
	margin-top: 5px;
	text-align:left;
}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	font-weight:bold;
	margin-top: 5px;
}

.h1centre {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#333333; font-weight:bold; text-align:center;}
.h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#003D7E;}
.h2centre {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#003D7E; text-align:center;}
.h2centre a:link {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#003D7E; text-align:center;}
.h2centre a:active {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#003D7E; text-align:center;}
.h2centre a:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#003D7E; text-align:center;}
.h2centre a:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #0099CC; text-align:center;}

.default-text, p, dd, dl, dt, ol li, ul li, td { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; text-align:justify;}
.default-text a:link, p a:link { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; text-align:justify;}
.default-text a:active, p a:active { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; text-align:justify;}
.default-text a:visited, p a:visited { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; text-align:justify;}
.default-text a:hover, p a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #000000; text-align:justify;}

.latest-additions{font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#FFFFFF; text-align:center; font-weight:bold; padding:3px; text-decoration:none;}
.latest-additions a:link {font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#FFFFFF; text-align:center; font-weight:bold; padding:1px;text-decoration:none;}
.latest-additions a:active {font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#FFFFFF; text-align:center; font-weight:bold; padding:3px;text-decoration:none;}
.latest-additions a:visited {font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#FFFFFF; text-align:center; font-weight:bold; padding:3px;text-decoration:none;}
.latest-additions a:hover {font-family:Arial, Helvetica, sans-serif; font-size:17px; color: #999999; text-align:center; font-weight:bold; padding:3px;text-decoration:none;}
.small-white-text{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; vertical-align:top; text-decoration:none;}
.small-white-text a:link {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; vertical-align:top;text-decoration:none;}
.small-white-text a:active {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; vertical-align:top;text-decoration:none;}
.small-white-text a:visited {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; vertical-align:top;text-decoration:none;}
.small-white-text a:hover {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#dddddd; vertical-align:top;text-decoration:none;}

.small-black-text{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000; vertical-align:top; text-decoration:none;}

.style27 {font-family: Arial, Helvetica, sans-serif}
.style29 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.style30 {font-size: 12px}
.style31 {color: #0F9398}
.style32 {color: #194479}
.style34 {color: #00ADEF; text-align:center; font-size:12px;}
.style38 {color: #F99839}
.style42 {	font-size: 16px;
	font-weight: bold;
}
.style41 {font-weight: bold}
.style39 {color: #5C88A1}
.style40 {color: #003D7E}
.style43 {color: #F89828}

/* set the styles for the 3 columns relating to area found on most pages */

.trio-text-heading { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color: #990000; text-align:left; font-weight:bold;}
.trio-text-para { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #990000; text-align:left; vertical-align:top;}

.trio-text-para a:link { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #990000; text-align: left; vertical-align:top;}
.trio-text-para a:active { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #990000; text-align: left; vertical-align:top;}
.trio-text-para a:visited { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #990000; text-align: left; vertical-align:top;}
.trio-text-para a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #CC9966; text-align: left; vertical-align:top;}

.special-offers{background-image:url(special-offers.gif); width:180px; height:54px; vertical-align: bottom;
font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000066; font-weight:bold; text-align:center; text-decoration:none;}
.special-offers a:link{width:180px; height:54px; vertical-align:bottom;font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000066; font-weight:bold; text-align:center; text-decoration:none;}
.special-offers a:active {width:180px; height:54px; vertical-align:bottom; ;font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000066; font-weight:bold; text-align:center; text-decoration:none;}
.special-offers a:visited {width:180px; height:54px; vertical-align:bottom; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000066; font-weight:bold; text-align:center; text-decoration:none;}
.special-offers a:hover{width:180px; height:54px; vertical-align:bottom; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #006699; font-weight:bold; text-align:center; text-decoration:none;}

.motorhomehire{width:180px; height:180px; vertical-align: bottom;
font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #ffffff; font-weight:bold; text-align:center; text-decoration:none;}
.whitelink a:link {font-family:Arial, Helvetica, sans-serif; font-size:16px; color: #ffffff; font-weight:bold; text-align:center; text-decoration:none;}
.whitelink a:active {font-family:Arial, Helvetica, sans-serif; font-size:16px; color: #ffffff; font-weight:bold; text-align:center; text-decoration:none;}
.whitelink a:visited {font-family:Arial, Helvetica, sans-serif; font-size:16px; color: #ffffff; font-weight:bold; text-align:center; text-decoration:none;}
.whitelink a:hover {font-family:Arial, Helvetica, sans-serif; font-size:16px; color: #cccccc; font-weight:bold; text-align:center; text-decoration:none;}

.float-left{float:left; padding-right:5px;}

.vtop{vertical-align:top;}
.ablueback{
	background:#c8dae8;
	text-align: left;
}

.menubar, .menubar ul { list-style: none; }
.menubar, .menubar * { padding: 0; margin: 0; }

.menubar li { width: 154px; float: left; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size:13px; font-weight: bold; }
.menubar li a { display: block; line-height: 44px; color: #FFF; text-decoration: none; }

.menubar li ul { display: none; text-align: left; }
.menubar li:hover ul { display: block; position: relative; z-index: 10000; }
.menubar li ul li a { padding: 5px; line-height: 20px; background-color: #b40339; text-align: left; }
.menubar li ul li a:hover { background-color: #333; }


/* tabs extra css */

.rightbox {
	background-color: #F5EBD1;
	width: 100%;
	margin-bottom: 10px;
}

.rightbox div {
	padding: 2px 5px 5px 5px;
}

.rightbox h2 {
	font-style: italic;
}

.rightbox p, .rightbox dt, .rightbox dd {
	text-align: left;
	font-size: 13px;
}

.rightbox dl {
	width: 100%;
}

.rightbox dt {
	float: left;
	padding: 4px;
}

.rightbox dd {
	margin: 0;
	padding: 4px;
	text-align: right;
}

.rightbox dd select, .rightbox dd input {
	padding: 2px;
	font-size: 10px;
}

.rightbox p {
	text-align: center;
}

select#propref {
	width: 100%;
}

img.ui-datepicker-trigger {
	cursor: pointer;
	position: relative;
	top: 3px;
}

input#fromdate {
	display: inline;
}

#spDiv2 {
	position: absolute;
	top: 0px;
	left: 3000px;
	z-index: 10;
}

.center {
	text-align: center;
}

ol li {
	padding: 5px;
}