/* CSS Document */

* {
padding: 0;
margin: 0;
} 

body { 
  margin: 0px;
  padding:0px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:16px;
  color: #767474;
}
			

.contain 
{
  width:100%; 
  margin: 0px;
  padding-top:5px;
}	
			
.content 
{ 
  padding: 0px; 
  width:950px; 
  margin: 0px auto;
}


.contactbox 
{
  background-color:#F37A21; 
  padding:5px; 
  margin-bottom:10px; 
  color:#FFFFFF; 
  display:block; 
  float:right;
}

.contactbox a 
{
  color: #FFFFFF;
}

h1 {  font-size:18px; }
h2 {  font-size:16px; }
h2.white { color:#ffffff; font-size:14px; padding-top: 4px; padding-bottom:3px; margin-bottom:0px }

li {  font-size:12px; }
	

.blue {color: #247ED9}
.wee {font-size:10px}


h3 a 
{
  color:#008ACA;
  font-size:15px;
  font-weight:bold;
  margin-bottom:0;
  margin-top:0;
  text-decoration: none;
}

h3 a:hover 
{
  text-decoration: underline;
}

.header a    { color: white; text-decoration: none }
.header a:hover     { color: white; text-decoration: underline }
		

.percent75   { color: #3c3c3c; font-size: 75%; line-height: 150%; margin-bottom: 0px }
.percent85     { color: white; font-size: 85%; line-height: 100%;  margin-top: 5px  }
.percent100   { color: #3c3c3c; font-size: 100%; line-height: 160% }
.percent120  { color: #3c3c3c; font-size: 120%; line-height: 150% }
.px10   { color: #646464; font-size: 10px; margin-bottom: 0px }
.px12  { color: #646464; font-size: 12px }
.px14  { color: #646464; font-size: 14px }
.percent85 a    { color: white;}


.footer  
{
  font-size: 11px; 
  min-height: 20px; 
  padding-top:5px;  
  background:#E9E9E9; 
  text-align:center; 
  clear:both; 
  display: block; 
  margin-top: 10px; 
  position:relative; 
  width:100%;
}


.footer a 
{ 
  color:#3C3C3C; 
  margin: 0px 5px;
}


.lofooter  
{
  font-size: 11px;  
  margin: 20px 0px 20px; 
  text-align:center; 
}


.lofooter a 
{ 
  color:#666666; 
  margin: 0px 0px 0px 0px; 
  padding: 2px
}




.col1 
{
  width:225px; 
  float:left; 
  background: #FFFFFF url(../images/searchbox-bottom.gif) bottom left no-repeat; 
}


.col1 h1 
{
  background: #0066cc url(../images/searchbox-top.gif) no-repeat 0px 0px ;
  height: 34px;
  padding: 7px 0px 0px 20px;
  color : #FFFFFF;
  font-size: .85em;  margin: 0px;  
}

.col1 form 
{ 
  float: left; 
  padding-bottom: 10px; 
}



.col2 
{
  width:496px; 
  float:left; 
  margin-left: 16px;
}

.col3 
{
  width:200px; 
  float:right;
}

.colwide 
{
  width:725px; 
  float:left;
}

#accommodationsearch 
{ 
  margin: 0px;  
}
#accommodationsearchinner  
{ 
  padding: 0px 0px 0px 10px; 
}



.formrow 
{ 
  float: left; 
  display: block;
  padding-bottom:5px; 
}

.formrow.dividerbar 
{
  border-top:1px solid #C8D8E1; 
  padding-top:10px; 
  display:block; 
  clear:both; 
  width:200px; 
  margin-top:10px; 
}

.formrow.hotelsearchsubmit 
{ 
  float:right;  
  padding-top:10px;  
  padding-bottom:10px;  
  width: 200px; 
  margin-right: 15px;
}

.formrow strong
{
  color:#008ACA; 
}

label 
{
  display:inline;
  float:left;
  text-align:left;
  padding-top:3px;	
  color:#008ACA; 
  font-weight:bold;
  margin-right: 0px;
}

#slim
{
  border: 1px solid #0066CC;
}

.roomUnit
{
  margin-top:10px;
  border: 1px solid #0066CC;
}

.searchresultsnotused
{
  border-left: 1px solid #0066CC; 
  border-right: 1px solid #0066CC; 
  border-bottom: 1px solid #0066CC; 
}

.resultrow /* Each row in the search results */
{
  border-top : 1px solid #7FA9D2;
}


table.resultrow, table.stripresult {
   border-collapse:collapse;
   border:none;
}

tr.secondtintseven, tr.resultrow
{ background-color: #F2F5F7}

td.rate, td.day, td.stayPay, .accomTotal {
   text-align:center;
   white-space:nowrap;
   padding: 2px 0px;
   }

td.rate, .accomTotal { font-size:.7em; }
td.day  { font-size:.6em; }

td.rate span, td.day span  {
   display: block;
   width:3em;
   margin: 0px auto; 
}

.accomTotal span {
   width: 3em;
   display: block;
   margin: 0px auto;
   font-weight: bold;
   }


td.total { 
font-weight: bold; 
text-align: right; 
margin: 0px; 
padding:0px 5px 0px 0px;
}

td.total  span {float:right; margin: 0px ; display: block; width: 4em}

td.servicehead {
   background-color: #FFFFFF;
   border-bottom-color: #EDEDED;
   border-width: 0px 1px 1px 1px
   }

div.serviceName   { width: 250px; padding-left:5px; white-space:nowrap;}
span.supplierName { font-weight:bold; 
white-space:nowrap;}
a.supplierName    {
   padding: 5px 0px 5px 0px;
   float:left;
   font-size: .7em;
   }

div.extrasContainer { float: right}
.starRating     {float:left; clear:left}
.preferredTick  {float:left;}
.campaign       {float:left; padding: 0px 0px 3px 10px}


.buttoncell a { text-decoration:none}

td.locationCell {text-align : center; border-right: 1px solid #ededed }
.locationName {width:80px; text-align: center; font-size:.6em ; display:block ; margin: 0px auto }

tr.highlight {background-color: #ECF5FF; }
tr.highlight td.servicehead  { background-color: #ECF5FF; }

td.stayPay { background: #B1C8D4  url(../images/free_bg.gif) -15px -17px  }
td.free  {  font-weight:bold;   background:orange url(../images/free_bg.gif) -15px -17px   }
.free span {color: #006AB6 ; background-color: transparent }




/* Primary Colour */
.maintintshadetwo
{
  background-color : #5F8FA8;
}

.maintintshadeone
{
  background-color : #719CB2;
}

.maintintprimary
{
  background-color : #0066CC;
  color: #FFFFFF;
}

.maintintfifty
{
  background-color : #C9D9E2;
}

.maintinttwenty
{
  background-color : #E7EEF2;
}

.maintintseven
{
 	  background-color :#D1DFE6; background-color : #DAE5EB;
}

.secondtintshadetwo
{
  background-color : #002951;
}

.secondtintshadeone
{
  background-color : #003F7C;
}

.secondtintprimary
{
  background-color : #0054A5;
}

.secondtintfifty
{
  background-color : #7FA9D2;
}

.secondtinttwenty
{
  background-color : #CCDDED;
}

.secondtintseven
{
  background-color : #EDF3F9;
}



#brochureheader
{
  border-bottom : 1px solid #AAAAAA; 
  margin : 0;
  padding-bottom : 1.2em;
  margin-bottom : 15px;
}

#mapheader
{
  border-bottom : 1px solid #AAAAAA; 
  margin : 0;
  padding-bottom : 1.2em;
  margin-bottom : 15px;
}

#brochurepager
{
  float : right;
  padding-left : 15px;
  text-align : right;
  width:180px;
}

.arrow  {
   display:none;
  }

#brochurepager p
  {
    margin: 0; 
    text-align: center; 
}

#brochurepager #printpage, #brochurepager #emailpage
  {
    vertical-align : middle;
    margin-right : 3px;
  }

#supplierlogo
{
  float : left;
  padding-right : 10px;
}

#brochuretools ul
{
  margin : -5px 0 15px 0;
  padding : 0;
}

#brochuretools ul li {
    display : inline;
    border-right : 1px solid #cccccc;
    padding-right : 5px;
}

.brochure h3
{ margin-top: 10px;
  margin-bottom : 3px;
  display:inline;
}

.brochure #rightcolumn p,
.brochure #leftcolumn p 
{display:inline}

.brochure #leftcolumn  p.address {display:block}
.brochure #leftcolumn  p.description,
.brochure #leftcolumn .cancellationPolicy p,
.brochure #leftcolumn  .childPolicy p,
.brochure #rightcolumn .inclusions p
{display:block}


.brochure #rightcolumn p
{
overflow:visible;
width: 170px;
}


.receptionhours, .vehicleType, .maxPassengers
 { margin-top: 10px }   

/* Amenities list */
.supplierAmenities {float: left; margin: 10px }

.supplierAmenities h3 { }

.supplierAmenities ul {
   padding-left: 0px; 
   margin-left : 0px; 
   margin-top: 5px
   }

.supplierAmenities  li {
   margin-bottom: 5px;
   margin-left: 15px;
   font-size: 12px;
   }

.thumbnails {
   display: block;
   clear:left; 
   }

.thumbnails img
{
  padding : 10px 10px 0px 0px;
}

#brochurenavigation,   #mapnavigation
{
  padding-left : 10px;
}

#bottombrochurenavigation
{
  padding-left : 10px;
  border-bottom: 1px solid #ccc;
  margin : 15px 0px; 
  display:none;
}

#brochurenavigation ul, #brochurenavigation li,
#bottombrochurenavigation ul, #bottombrochurenavigation li,
#mapnavigation ul, #mapnavigation li
  {
    display : inline;
    list-style-type : none;
    margin : 0px;
    padding : 0px;
  }

  #brochurenavigation a,
  #bottombrochurenavigation a,
  #mapnavigation a
  {
    background : #E8EBF0;
    border : 1px solid #AAAAAA;
    float : left;
    line-height : 1.1em;
    margin-right : 5px;
    padding : 3px 8px;
    color : #000000;
  }

#brochurenavigation a.active,
#bottombrochurenavigation a.active,
#mapnavigation a.active
  {
    background : #FFFFFF;
    text-decoration:none;
    font-weight : bold;
  }

#brochurenavigation a.active, #mapnavigation a.active
  {
    border-bottom : 1px solid #FFFFFF;
  }

#bottombrochurenavigation a.active
  {
    border-top : 1px solid #FFFFFF;
  }


 .infobook {
  float: right;
  padding-top :1em
  }

.brochurebook {
  float: right; 
  padding-top :0;
  text-align:right;
  }


.address
{
  padding: 7px;
}

.staypay
{
  color : #FFFFFF;
  margin : 3px 0 0 0;
  width : 67px;
  text-align : center;
  line-height : 1.3em;
}

.availabilityRQ,
.availabilityOK

{
font-weight :bold
}

.availabilityOK {color: #8BAE0C}
.availabilityRQ {color: #E87B2F}


/* Brochure wait images */
.waitImageReplace {
  float: left;
  background: no-repeat 0 0;
  display: block;
  height: 0 ;
  overflow: hidden;
}

div#infoPanelWait {
  background-image: url(wait6.gif);
  height: 16px;
  width: 16px;
  padding-top: 16px;
  margin: 0 auto;
}

div#roomsPanelWait {
  background-image: url(wait6.gif);
  height: 16px;
  width: 16px;
  padding-top: 16px;
  margin: 0 auto;
}



div#brochureInfo     { width: 52%; float: left }
div#brochurePrices   { width: 48%; float: right }

.roomHeader { width: 100% }
.roomHeader h4 {margin: 0px 0px 0px 0px; color:#FFFFFF; font-size: .8em; padding: 0px 0px 3px 0px; } 
.roomHeader h4 .capacity {float: right; padding-right:3px}
.roomHeader h4 .capacity img {padding-bottom: 2px}
.roomHeader h4 .roomCampaign {float: left;}
.roomHeader .roomName {padding-left : 2px;}

/* pricing */

td.headerWeek  {width:80px ; border-width:1px 1px 1px 0px}
td.headerday   {border-top-width:1px}
td.headerTotal {border-width:1px 0px 1px 0px} 

td.roomWeek {font-size:0.7em; text-align: center; border-width:1px 1px 1px 0px }
td.roomWeekGm { font-size:0.85em; text-align: center; border-width:1px 1px 1px 0px }
td.roomTotal {min-width:90px}
span.roomTotal {width: 80px; text-align : center}
.legend {padding: 10px}
.legend img { padding : 10px 10px 10px 10px; float: left; clear: both}
.legend  p { float: right; clear:right; width: 370px}

.roomActions div.instant, .roomActions div.request {width:70px; float:right; margin-right: 5px}
.roomActions { padding: 3px 0px 3px 3px;  }

.brochure .availability img {vertical-align: top; margin-right: 10px}

.hide {display: none}


span.roomViewInfohide {text-align:left; float: left; margin: 0px 0px 0px 0px;  width: 80px;    display: none ;  } 
span.roomViewInfo {text-align:left; float: left; margin: 0px 0px 0px 0px;  width: 80px;    display: inline ;  } 
a.moreInfo {background: transparent url(../images/roomInfo.png) 0px 0px; display: block; width: 68px; height:18px }
a.hideInfo {background: transparent url(../images/hideInfo.png) 0px 0px; display: block; width: 68px; height:18px }
a.ENmoreInfo {background: transparent url(../images/ENroomInfo.png) 0px 0px; display: block; width: 68px; height:18px }
a.ENhideInfo {background: transparent url(../images/ENhideInfo.png) 0px 0px; display: block; width: 68px; height:18px }
a.JPmoreInfo {background: transparent url(../images/JProomInfo.png) 0px 0px; display: block; width: 68px; height:18px }
a.JPhideInfo {background: transparent url(../images/JPhideInfo.png) 0px 0px; display: block; width: 68px; height:18px }

.roomBookButton {float:right; margin-right:5px}
.roomAddButton  {float:right; margin-right: 15px }

.roomBookButton a:hover, .roomAddButton a:hover { cursor:pointer  }

/*accommodation info */
.headerImage img { width: 475px}

.headerImage { float: left}
.imagelist { float:left; width: 250px; margin-bottom: 10px  ; text-align: left; padding: 0px 0px }


div#map-canvas { width:100%;  height: 320px; font-size: 0.8em }


/* reviews*/

div.reviewHolder {
display:block ; border : 1px #ededed solid; float: left; clear: both; width: 100%; padding:  0px; margin-bottom: 5px; 
}

.reviewText {padding: 0px; margin: 10px 10px 5px}

.reviews p { padding: 5px}
.reviews strong {   }
.creditLine { font-size :.8em; }
.ratingType { clear: left  ; font-size: 1em}


.review ul { margin: 5px; padding: 0px;  }
.reviews h3 { padding-left: 10px}

div.ratings, 
div.reviewDetails ,
div.tips
{float:left; width: 35%}

.reviewDetails p { padding: 0px; margin: 5px 10px 0px}

.ratings ul li {  list-style: none  }

.travellerType ul, 
.typeOfTravel ul,
.mostSuitedTo ul { margin-left: 30px}

div.travellerType,
div.typeOfTravel,
div.mostSuitedTo
{
width:30%; float:left;}

.brochure div.tips { float:left}

.brochure div.reviewImages {float:right; width: 40% ; text-align: right}
.brochure div.reviewImageplaceholder {float:right; clear: right; padding: 5px; margin: 5px 20px 5px 5px;}


/* #searchresultslink */
#searchresultslink { 
	float: right; 
	font-size:0.7em; 
	line-height:1.1em;
	margin-right:5px;
	padding:3px 8px; 
	font-weight: bold
}


.brochure h3.chooseRoom { width: auto; text-indent: -5000px ; float:left} 

div.chooseRoom { margin-bottom: 1px; height: 2.2em;  width: 405px; display: block} 


p#defaultImageCaption, .headerImage p.heroCaption {
	background-color:#000000;
	border:0 none;
	color:#FFFFFF;
	float:left;
	font-size:0.6em;
	margin:0;
	padding:0 5px;
	width:auto;
}

.headerImage p.heroCaption { margin-bottom: 5px; width: 465px}
.defaultImageDiv {clear:both; padding-bottom:0px;}

#infoandphotos p.description {clear: left; padding-right:10px;}

/* non consumer widget info float drop fix */

.brochure #leftcolumn p.description { clear:none; float:right; display:block ; margin-right: 20px}
 
 

 
/*-=-=-=-=-=-=-=-=-=-= roomoptions.css -=-=-=-=-=-=-=-=-=-=*/
/*---------------------------------------------------------------
  >> Room Options <<
  ---------------------------------------------------------------
  room options as used on the brochure page
  -------------------------------------------------------------*/
.roomoption .headertwoarea
{
  padding-left:0px ;
}

.roomoption
  caption
  {
    display : none;
  }

.roomoption
  .roomcontrol
  {
    text-align : center;
    background : transparent;
  }

.roomoption
  .roomcontrol
    img
    {
      margin : 0 0;
    }

.roomoption
  .roomsummary td
  {
    padding-left : 10px;
 
  }

* html .roomoption .roomcontrol { margin-right: -3px; } * html .roomoption .roomsummary { margin-left: 0; }

.roomoption
  .roomsummary table.details
  {
    height : 50px;
    width : auto;
  }

  #rooms h3
  {
    margin-top: 0;
  }

/* Room Options Columns */
.roomcolwrap
{
  padding-top : 5px;
}

.roomleftcol
{
  width : 175px;
  vertical-align : top;
  padding-left : 5px;
}

.roomrightcol
{
  vertical-align : top;
  padding-right : 5px;
  border-right : 1px solid #CCCCCC;
}

div.inclusions
{
  width: 225px;
  padding-right:3px;
}

/* Room Options Table */
table.roomavailablity
{ border-collapse:collapse;
  border-spacing: 0px;
  margin-bottom : 15px;
  margin: 0 0 5px 0px;
  border-left : 1px solid #CCCCCC;
  width:100%;
 
}

table.roomavailablity td
{
  background-color : #fff;
  padding : 5px 1px;
  text-align : center;
  border-bottom : 1px solid #CCCCCC;
  border-right : 1px solid #CCCCCC;
  width:12.4%;
  vertical-align: top;
  text-align:center
}


table.roomavailablity td span img
{
clear:right;
margin: auto;
padding-left:6px;
}


table.roomavailablity td span.avail
{
 margin: 0px ; padding:0px;
 /*display:inline-table-cell;*/
 text-align:center;
 clear:both; width:99%;
 white-space:nowrap;
 font-size:xx-small;
}



table.roomavailablity th
{
  color : #FFFFFF;
  padding : 5px 1px;
  text-align : center;
  border-bottom : 1px solid #CCCCCC;
  border-right : 1px solid #CCCCCC;
}


.unselected
{
  background-color: #EEEEEE;
  vertical-align:middle;
}

/* Title of the Room */
td.roomtitle
{
}

td.roomtitle h2 
{
  background-color: transparent; 
  color: #000000;
}

.roomavailablitykey ul
{ clear: both;
  list-style-type : none;
  text-align : center;
  margin : 0;
  padding : 0;
}

.roomavailablitykey li
{
  display : inline;
  margin-right: 1px;
}

.brochure h1
{
  font-size : 1.2em;
}

.brochure h2
{
  font-size : .8em;
  padding : 3px;
  margin : 15px 0 0 0;
}

.brochure h3
{
  font-size : .8em;
}

.brochure p
{
  font-size : .8em;
  margin : 0 0 15px 0;
}

.brochure label
{
  font-size : .8em;
}

.brochure p label
{
  font-size : .85em;
}

.brochure legend
{
  font-size : .7em;
}

.brochure .note
{
  font-size : .7em;
  margin : 0;
}

.brochure p .note
{
  font-size : .85em;
}

.brochure div.error, p.error
{
  font-size : .7em;
  margin : 0 0 1px 0;
  padding : 3px;

}


#brochurenavigation li,   #mapnavigation li
{
  font-size : .7em;
}

#bottombrochurenavigation li
{
  font-size : .7em;
}

.roomavailablity th, .roomavailablity td
{
  font-size : .7em;
}

.brochure .price
{
  font-size : 1.0em;
}

.mini_win1 {
	clear: none;
	float: right;
	background-image: url(../_includes/header/img/mini_win_head.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width: 200px;
	height: 200px;
	
}
.mini_win2 {
	clear: none;
	float: right;
	background-image: url(../_includes/header/img/mini_win_head.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width: 200px;
	height: 200px;
	margin-top: 7px;
	
}
.mini_con {
	float: none;
	height: 155px;
	width: 188px;
	clear: left;
	padding: 5px;
	font-size: 12px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #0033CC;
	border-right-color: #0033CC;
	border-bottom-color: #0033CC;
	border-left-color: #0033CC;
}
.title {
	font-size: 15px;
	font-weight: bold;
	float: left;
	margin-top: 7px;
	margin-left: 15px;
    margin-bottom: 4px;
	color: #FFFFFF;
	clear: both;
}
#map{
	background: url(../images/aus_map.gif) left no-repeat;
	/*margin-top:0px;*/
	height: 350px;
	margin-top:0px;
	margin-bottom:10px;
}
#mapimg
{
	margin-top: 0px;
        margin-left: 4px;
}
.mini_title {
     height: 20px;
	font-size: 15px;
	font-weight: bold;
	float: left;
	margin-top: 7px;
	margin-left: 15px;
     margin-bottom: 4px;
	color: #FFFFFF;
	clear: both;
}