@charset "utf-8";
/* CSS Document */


#page { margin-top: 0px; padding: 0px }
	
div#header { position:relative;
	height:80px; margin-top:5px; z-index:1
	 }
		
* html  a.logo {position:absolute}		
		
#content {width:510px; margin: 10px 0px 0px 0px; padding: 0px; float: right}	

* html #content {width:500px; margin: 10px 0px 0px 0px; padding: 0px; float: right; }	
div#servicetypes {
	background:none;
	margin:0 12px 0 310px;
	position:relative;
	top:13px;
	width:592px; 
	z-index:999;
	/*kokoda*/
	width: 100%;
	margin: 0px 0px 0px 0px;
	}

#servicetypes ul { margin: 1px 13px 0px 0px; float: right; padding: 12px 0px 0px; background:transparent  float: right;}

.mainpanel {width: 300px; margin:0px 0px 10px;  }
.mainpanel fieldset {  border: none;  padding-bottom: 0px; background:#5286CC url(../../uploads/index/mainpanel-bottom.gif) no-repeat scroll bottom left;}
.mainpanel h1 { text-indent: -10000px ; overflow:hidden ; background: #ffffff url(../../uploads/index/find-accommodation.gif) no-repeat 0px 0px  ; height: 22px }
.mainpanel label {color:#D6E0EF ; font-weight: bold }

.formrow {margin-top: 7px;  }

.country {margin-top:0px;}
.country label {display: none !important} 

select.searchlocation {height:3em; line-height:1em }

#accommodationsearch {width:260px; padding:0px 0px 0px 10px;  margin: 0px}
#accommodationsearchinner {position:relative; width: 260px; padding:0px; min-height:245px;  }

#hotellocation {position:relative; }
#hotelname input{width:218px }
#hotellocation select {width: 220px }

.accomcheckout {float: left; width: 100%}

#hotelor {
    position:relative;
    font-size: .9em; 
	padding-top:16px  ; 
     }

#hotelor p {
      background-color:#1B44AB;
	  color:#D6E0E8;
      padding:2px 5px; margin:0px
     }
	 
#nightsor p { color: #D6E0EF }

#hotelchildren, .hotelpeople {
float:left;
}
.hotelpeople {width:200px}

#hotelchildrenages {clear: left}

.hotelsearchsubmit {
clear:right; float:right; margin-top: 20px
}
#hotelsearchsubmit {padding-bottom: 10px; }



p.seointro {margin: 0px 0px 10px; font-size:.7em;  float:right }


div.seo { position:relative;  width: 200px; z-index:1000; float:right; margin: 0px; padding:0; }
.seo h1 { margin: 10px 10px 30px; text-align:left; padding: 0px  }
.seo p  { color:#fff; margin: 0px ; padding: 0px 10px}

.seo p a:visited { color:#fff}


#rightcol
{
  width : 180px;
  float : right;
  padding:0px ;
  margin:10px 0px 0px 10px ;
}

#leftcol
{
  width : 300px;
  float : left;
  padding:0px 0px 0px 0px;
  margin:10px 0px 0px 0px;
}

/* pillowpoints */
#ppLoginContainer {
    float: right;
    display: block;
    border:1px solid #7FC6EC;
    padding: 0px 8px 0px 10px;
    width: 158px;
    font-size:.85em;
    margin:0px 0px 15px 0px;
}

p.memberName { float: none; width: auto }
input.ppLogin {float: left }
p.ppPassword {width: 100%}


div#ppLoginContainer.member label {display: block; padding-top: 3px; font-size:1em  }

* html #ppLoginContainer  {margin:0px 0px 0px 0px; padding: 0px 0px 0px 5px }
.joinnow { margin:0px 0px 0px; height:36px;display: block; background:#fff url(uploads/specials/pillowpoints-join-now.gif) no-repeat;text-indent: -1000px; overflow:hidden; border:1px solid #7FC6EC;
	border-width: 0px 1px 1px 1px; width:178px}

#agentlogin {color:#FFFFFF; background-color: orange; color:blue; font-size:.8em; text-align:center; border:2px solid white }

.section {width:180px; background:#FFFFFF url(images/specialhat.png) no-repeat left top; float: left; margin: 0px 15px}
.section h4 {background:transparent url(images/specialhat_right.png) no-repeat right top;}
.sectioncontent {width:178px; height: 40px}
#sitecontact { font-size:0.85em;
               font-weight:normal;
               padding:10px 0px 0px 0px;
			   margin: 0px auto }
															
#centrepanels { margin: 10px 0px 0px 10px}													

		

.switcher {background: #ffffff; border:1px solid #B9DDF1; margin-bottom:10px; display:block; width: 178px; position:relative}
#nin img, #slh img, #nswh img { margin: 0px auto ; padding: 0px; display:block;}										
a#nin, a#slh, a#nswh, a#gah { display: block; clear: both; border-bottom: 1px #ededed solid; background: #fff;  text-align:center; margin: 0px 0px 0px 0px ; padding: 4px 0px 5px}	
a#nin {margin-bottom:0px; border-bottom:none }
a#nin:hover, a#slh:hover, a#nswh:hover, a#gah:hover { }				

.minispecials a {color:#FFFFFF ; font-size:.85em;}
.minispecials a:hover {color: orange}
#footer {width: 100% ; clear:both}
#footer ul {width:auto}



/*index tiles*/
 a.littledeal p, 
 a.littledeal { text-decoration:none ; color:#133AA6}

 a.littledeal p:hover {}
 a.littledeal:hover { background:#E7EEF8; }
 
 a.littledeal { display:block; clear:left; border-bottom: 0px solid #DBECF3 ; float:left; width: 100% ; margin-bottom: 5px; padding-bottom:0px}  
 
 a.littledeal.feature { display: block; float:right; width: 180px; border:none; background: #769FD8; margin-top: -15px; color: #ffffff !important; margin-bottom: 0px }
 
 
 
 a.leftdeal:hover { background:#769FD8  }

 .centralpanel { background: #F9FCFE url(../../uploads/index/centrepanel-bg-bottom.gif) no-repeat bottom left; margin-bottom:10px   } 
 
 .littledeal img {border: 1px solid #B5CBEA}
 
 *  html .indextile a { margin-left: 5px !important}
 
 .hero {  background:#00579C url(../../uploads/specials/hero.jpg) no-repeat scroll right top; margin:0px 0px 0px  0px; padding:0px ; height: 275px }
 
 * html #centrepanels { margin: 10px 0px 0px 0px; float: right}	
 
.valid-date{
    display: none;
    margin-left: 78px;
}

.propertyofthemonth-valid-date {
display:none;
}

 a.littledeal:hover .valid-date{
 display:block;
 }	
 
 a.littledeal.feature:hover .propertyofthemonth-valid-date {
 display:block;
 }