body
{
margin:5px;
padding:0;
color:#000;
background-color:#394A62;
font-family:verdana, arial, sans-serif;
}
#container
{
margin:0px auto;
width:757px;
background-color:white;
background-image:url(images/sidebar-bg.gif);
background-repeat:repeat-y;
border:2px solid white;
}
p {
font-size:12px;
color:#333333;
line-height:1.2;
margin: 5px 0px;
}
p.small {
font-size:11px;
color:#333333;
line-height:1.2;
margin: 5px 0px;
}
h1, h2, h3, h4, h5 {
padding:0;
margin:0;
}
a {
text-decoration:underline;
color:#81240A;
font-size:12px;
font-weight:normal;
}
a:hover {
text-decoration:underline;
color:#561E10;
font-size:12px;
font-weight:normal;
}
ul {
margin:0;
padding:0;
}
hr {
clear: both;
visibility: hidden;
}
/******************************************************
	banner
******************************************************/
#banner{
height:100px;
background-color:#999999;
}
#banner #optimiser {
display:none;
}
#banner #banner_home {
background:url(images/home-banner.jpg) no-repeat;
}
#backLink {
width:757px;
height:100px;
margin:0px;
}
/******************************************************
	topnav
******************************************************/
#topnav {
width:757px;
height:20px;
}
#bluebox {
width:165px;
height:20px;
background-color:#394A62;
float:left;
border-top: 2px solid white;
border-bottom: 2px solid white;
}
#bluebox ul {
padding:0px;
margin:0px;
white-space:nowrap;
}
#bluebox ul li {
display:inline;
}
#bluebox a {
text-decoration:none;
color:#ffffff;
font-size:10px;
font-weight:bold;
padding-left:6px;
}
#bluebox #a_down {
color:#E85D00;
}
#bluebox a:hover {
color:#E85D00;
}
#greenbox {
width:590px;
height:20px;
background-color:#7CC620;
float:right;
border-top: 2px solid white;
border-bottom: 2px solid white;
}
#greenbox ul {
padding:0px;
margin:0px;
white-space:nowrap;
}
#greenbox ul li {
display:inline;
}
#greenbox a {
text-decoration:none;
color:black;
font-size:10px;
font-weight:bold;
padding-left:15px;
}
#greenbox #a_down {
color:#E85D00;
}
#greenbox a:hover {
color:#E85D00;
}
/******************************************************
	nav
******************************************************/
#nav {
	float: left;
	width: 165px;
	margin-left: 0px;
	padding-top: 5px;
}
#linkList {
font-size:11px;
margin:5px;
width:150px;
}
#linkList h3 {
color:#000000;
font-size:11px;
text-transform: uppercase;
font-weight: bold;
margin-bottom:10px;
}
#linkList h4 {
color:#333333;
font-size:10px;
text-transform: uppercase;
font-weight: bold;
padding-top:8px;
margin-top:7px;
border-top: 1px dashed #728AAB;
}
#linkList p {
width:130px;
margin: 0px 0px 0px 15px;
padding:0px;
}
#linkList ul {
padding:0px;
list-style:none;
margin-left:0px;
}
#linkList li {
padding:1px 0px 2px 0px;
font-size:10px;
}
#linkList a {
text-decoration:underline;
color:#81240A;
font-size:11px;
font-weight:normal;
}
#linkList a:hover {
text-decoration:underline;
color:#561E10;
font-size:11px;
font-weight:normal;
}
/******************************************************
	content
******************************************************/
#content {
	margin: 5px 5px 5px 175px;
	padding-top: 5px;
	vertical-align: top;
	font-size:12px;
}
#content h1 {
font-size:14px;
color:#3D6110;
margin-top: 10px;
}
#content h2 {
font-size:12px;
color:#394A62;
margin-top: 20px;
}
#content h4 {
font-size:12px;
color:#629D1A;
margin-top:10px;
}
.instruction {
font-size:12px;
color:#666666;
font-style:italic;
}
/******************************************************
	footer
******************************************************/
#footer {
clear:both;
text-align:right;
padding:20px 10px 5px 10px;
font-size:10px;
font-weight:normal;
color:#666666;
}

#footer a:link, #footer a:active, #footer a:visited {
color:#666666;
text-decoration:none;
font-size:10px;
}

#footer a:hover {
color:#919AA4;
font-size:10px;
}
/******************************************************
	forms
******************************************************/
p.instruction {
font-weight:bold;
font-size:11px;
font-style:italic;
color:#333333;
margin-top:12px;
}
.medselect {
width: 200px;
}
.searchButton {
margin-top:12px;
}
/******************************************************
	browse page
******************************************************/
table.browse {
padding:0px;
margin-top: 20px;
width: 99%;
}
.brTitle {
font-weight:bold;
font-size:12px;
color:#394A62;
}
.brHeader {
font-weight:bold;
font-size:10px;
color:#999999;
border-bottom:1px solid #B5B5B5;
padding-top:3px;
padding-bottom:2px;
}
.brHeader2 {
font-weight:bold;
font-size:10px;
color:#999999;
}
.brLink {
font-size:10px;
border-bottom:1px solid #E0E0E0;
width:146px;
padding-top:3px;
padding-bottom:3px;
padding-right:3px;
}
.brSuburb {
font-size:10px;
border-bottom:1px solid #E0E0E0;
width:100px;
}
.brRating {
font-size:10px;
border-bottom:1px solid #E0E0E0;
width:58px;
}
.brNights {
font-size:10px;
border-bottom:1px solid #E0E0E0;
width:35px;
}
tr.viewHover:hover {
	background-color: #F5F5F5;
}
/******************************************************
	attraction page
******************************************************/
.atTitle {
font-weight:bold;
font-size:12px;
color:#394A62;
border-bottom:1px solid #394A62;
margin-top:13px;
}
.atHeader {
font-weight:bold;
font-size:10px;
color:#999999;
padding-top:1px;
padding-bottom:2px;
}
#atBox {
width:568px;
padding:3px 3px 3px 0px;
}
#atBox img {
float:right;
margin-left:10px;
}
.brName {
font-size:10px;
border-bottom:1px solid #E0E0E0;
width:200px;
}
.brPrice {
font-size:10px;
border-bottom:1px solid #E0E0E0;
width:60px;
}
.brSpecial {
font-size:10px;
border-bottom:1px solid #E0E0E0;
width:60px;
}
.brComment {
font-size:10px;
border-bottom:1px solid #E0E0E0;

}
/******************************************************
	contact page
******************************************************/
.address {
margin-top:10px;
margin-bottom:10px;
}
p.address {
line-height:0.9
}
.phone {
margin-top:15px;
margin-bottom:10px;
}
p.phone {
line-height:0.9
}
/******************************************************
	boxes
******************************************************/
#offerBox {
width:280px;
border:1px solid #BAC0C9;
background-color:#F7F7F7;
float:left;
}
#attractionBox {
width:280px;
border:1px solid #BAC0C9;
background-color:#F7F7F7;
float:right;
}
#offerBoxTop {
height:20px;
background-color:#BAC0C9;
padding:2px 3px 0px 3px;
}
#offerBoxTop h4{
font-weight:bold;
color:#333333;
font-size:11px;
margin-top:2px;
}
#offerBoxBottom {
background-color:#F7F7F7;
padding:3px 3px;
}
#offerBoxBottom a{
display:block;
}
#offerBoxBottom p{
font-size:11px;
line-height:1.3;
}
#floater {
float:right;
margin:15px 70px 0px 0px;
padding:10px;
border:0px dotted #666666;
width: 200px;
}
#floater h3{
font-size:12px;
margin-top:0px;
margin-bottom:2px;
color:#3F6510;
}
#floater h5{
font-size:11px;
font-weight:bold;
margin-top:6px;
margin-bottom:2px;
color:#333333;
}
#floater h5.first{
font-size:11px;
margin-top:3px;
margin-bottom:2px;
}
#floater p{
font-size:11px;
margin-top:2px;
}
/******************************************************
	detail page
******************************************************/
#linkFloat {
float:right;
margin-top:9px;
text-align:right;
margin-right:17px;
}
#linkFloat a {
display:block;
line-height:1.5;
}
#imageRight {
position:relative;
margin-left:410px;
text-align:left;
width:160px;
}
#imageRight img {
display:block;
padding-bottom:12px;
}

.attraction {
margin-top:10px;
margin-bottom: 10px;
}
.attraction img {
float:left;
display:block;
padding-bottom:12px;

}
.attraction-text {
float:right;
width:400px;
}
.attraction-text h3, .attraction-text h3 a, .attraction-text h3 a:hover{
font-size:12px;
}
.attraction-text p.price{
font-size:11px;
margin: 3px 0;
}
.attraction-text p.special{
font-size:11px;
margin: 3px 0;
font-weight:bold;
color:#406611;
}
.attraction-text span.special-details{
font-size:11px;
font-weight:normal;
color:#333333;
}
.attraction-text p.description{
font-size:12px;
}
.attraction-text p.short-description{
font-size:11px;

}

#leftDetail {
float:left;
width: 400px;
}
#venue {
width:390px;
float:left;
padding:5px;
}
#venue h3 {
font-size:12px;
font-weight:bold;
color:#394A62;
}
#venue ul{
font-size:11px;
margin-left:15px;
padding:10px;
}
#apartment {
width:390px;
text-align:left;
padding:5px;
}
#apartment h3 {
font-size:12px;
font-weight:bold;
color:#394A62;
}
#apartment ul{
font-size:11px;
margin-left:15px;
padding:10px;
}
.accomDetail {
font-size:12px;
font-weight:bold;
color:#394A62;
}
h3.accomDetail {
clear:both;
font-size:12px;
font-weight:bold;
color:#394A62;
padding-top:8px;
}
#lowDetailLinks {
clear:both;
padding-top:6px;
}
#specialprice {
border: 1px solid #cccccc;
padding: 10px;
}
#intro, p.intro {
width: 250px;
}

#intro ul {
margin-left: 20px;
}
#intro li {
font-size:12px;
color:#333333;
line-height:1.3;
}
.buttons {
	float:right;
	margin-top:25px;
	margin-right:20px;
}
.buttons img {
	display:block;
	border:none;
}
.bottom-button {
	margin-top:8px;
}
p.biglink {
	font-size:14px;
}
div.availability{
	background-image:url(images/online-bookings.gif);
	background-repeat:no-repeat;
	background-position:top;
	height:100px;
}
div.availability p{
	padding-left:6px;
	padding-top:60px;
}