/* =0 Reset –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
    
	/* Universal - reset browser default styles */
		html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, 
		cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 
		dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
				{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
		body 	{ line-height: 1; }
		ol, ul 	{ list-style: none; }
		blockquote, q { quotes: none; font-style:italic;}
		hr { color:#0a2249;background-color:#0a2249; height:2px; border:0; }
		
	/* Define focus styles! */
		:focus 	{ outline: 0; }
		
	/* Highlight inserts somehow! */
		ins 	{ text-decoration: none; }
		del 	{ text-decoration: line-through; }
		
	/* Tables still need 'cellspacing="0"' in the markup */
		table 	{ border-collapse: collapse; border-spacing: 0; }


/* =1 Global –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
	
	/* General style applied to HTML */
		html 	{ text-align: left; padding: 0; margin: 0; border: 0; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; width: 100%; }
	
	/* Body style */
		body 	{ clear: both; line-height: 1; vertical-align: top; background: #a2adbe; color: #fff;
			padding: 0; margin: 0 auto; text-align: left; }		
		
	/* Preset global styles */
		.right 			{ float: right; } 
		.left 			{ float: left; } 
		.align-left 	{ text-align: left; } 
		.align-right 	{ text-align: right; } 
		.align-center 	{ text-align:center; } 
		.justify 		{ text-align:justify; } 
		
		.hide 			{ display: none; } 
		.clear 			{ clear: both; } 
		.bold 			{ font-weight:bold; } 
		.italic 		{ font-style:italic; } 
		 
		img.centered 	{ display: block; margin-left: auto; margin-right: auto; } 
		img.alignleft 	{ float: left;  margin: 4px 10px 4px 0px; } 
		img.alignright 	{ float: right; margin: 4px 0px 4px 10px; } 
		
		.spacer 		{ display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 


/* =2 Headings –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  

	/* General headings */
		h1 		{ font-size: 1.7em; color: #fff; margin: 0px; padding: 25px 0 0 30px; font-weight: 500;}
		h2, h3, h4, h5, h6, h8 { color: #fff; font-weight: 500; }
			h2 	{ font-size: 1.0em; margin: 10px 0 10px 0px; }
			h3 	{ font-size: 1.1em; margin: 0 0 0.5em 0; }
			h4 	{ font-size: 0.9em; margin: 0 0 0.5em 0; }
			h5 	{ font-size: 0.8em; margin: 0 0 0.5em 0; }
			h6 	{ font-size: 0.7em; margin: 0 0 0.5em 0; }
			h8 	{ font-size: 0.9em; margin: -10px 0 0 0; font-weight: 600;}


/* =3 Header –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 

	/* Header section style */
		#header { 
		background: url(../images/bg-top.jpg) top center no-repeat;
		height: 412px;
		position: relative;
		}
		#headerrates { 
		background: url(https://www.gaycairnsaccommodation.com/images/bg-topmarketing.jpg) top center no-repeat;
		height: 412px;
		position: relative;
		}		

/* =4 Navigation –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 

	/* Main Navigation - Horizontal style */
		#mainNav { 
		background-color: #1c3762;	
		border-bottom: 1px solid #fff;
		margin:  		0px 0px 0px 0px;
		padding: 		0px 0px 0px 0px; 
		width:   		975px; 
		height: 			30px;
		}
		#mainNav li { 
		display: 		inline; 
		float: 			left; 
		font-size: 		0.7em; 
		margin: 		0px 0px 0px 0px;
		width:			12.5%;
		text-align: 		center;
		}
		#mainNav li a {
		border-right:   1px solid #fff;
		display: 	    block;
		padding: 		8px 15px 0px 15px; 
		height: 		22px;
		}
		#mainNav li a:link, #mainNav li a:visited { 
		text-decoration: none;
		color:			#fff;	
		}
		#mainNav li a:hover { 
		background-color: #a2adbe;
		color:			#fff;
		text-decoration: none;
		}
		/* Active element */
		#mainNav li.active a:link, 
		#mainNav li.active a:visited, 
		#mainNav li.active a:hover { 
		color:			#fff;
		text-decoration: none;
		}
		

/* =5 Main Content Elements –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 

	/* General paragraph style */
		p { 
		color: 		#fff;
		background-color: transparent;
		font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
		font-size: 	12px;
		line-height: 1.2em;  
		margin: 	0px 0px 0px 0px;
		padding: 	0em 0px 1.3em 0px; 
		}
		
		blockquote { 
		font-style:	italic; 
		quotes: 	none;
		}			
			
	/* General list styles  */
		#content ul { 
		list-style-type: disc; 
		}
		#content ol { 
		list-style-type: decimal; 
		}
		#content ul, #content ol { 
		color: 		#fff;
		font-family: Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;
		font-size: 	0.8em;
		line-height: 1.3em;  
		margin: 	0px 0px 0px 20px;
		padding: 	0em 0px 1.5em 0px; 
		}	
			
	/* General link styles  */
		#content a:link, #content a:visited { 
		color:		#fff; 
		text-decoration: none;
		}
		#content a:hover { 
		color:		#fff; 
		text-decoration: none; 
		}	
		
/* =6 Main Content –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 
		
	/* Content wrapper */
		#contentWrapper { 
		background: #0a214a url(../images/bg.jpg) top center repeat-y;
		clear: 		both;
		margin: 		0px auto 0px; 
		padding: 	0px 5px 0px 5px;		
		text-align: left; 
		width: 		975px; 
		}
	/* Rates wrapper */
		#ratesWrapper { 
		background: #0a214a url(https://www.gaycairnsaccommodation.com/images/bgmarketing.jpg) top center repeat-y;
		clear: 		both;
		margin: 		0px auto 0px; 
		padding: 	0px 5px 0px 5px;		
		text-align: left; 
		width: 		975px; 
		}
	/* Content */
		#content {
		float: 		left;  
		margin:  	0px 0px 0px 0px;	
		padding: 	0px 0px 0px 0px;
		width: 		975px;
		}
	
	/* Rates Content Wrap --------------------- */	
	    #ratesContentWrap {	
		float: 		left; 
		margin:  	0px 0px 0px 20px;
		padding: 	0px 0px 0px 0px;
		width: 		930px;
		} 
		.ratesWrap {
		float: left;
		width: 745px;
		padding: 10px 0 0 10px;
		margin-bottom: 20px;
		position: relative;
		}
		
		.ratesWrapText {
		float: right;
		width: 480px
		}
		.ratesWrapText .moreLink {
		display: block;
		}
		.ratesWrapText a{
		float: right;
		}		
	
	/* Main Content Wrap --------------------- */
		#mainContentWrap {	
		float: 		left; 
		margin:  	0px 0px 0px 20px;
		padding: 	0px 0px 0px 0px;
		width: 		630px;
		background-color: #0a214a;
		}

		.hotelWrap {
		float: left;
		width: 600px;
		background: #1c3762 url(../images/grad1.jpg) top left no-repeat;
		padding: 10px 20px 0 10px;
		margin-bottom: 20px;
		border-bottom: 1px solid #2b4774;
		border-right: 1px solid #2b4774;
		border-top: 1px solid #3f5b89;
		border-left: 1px solid #3f5b89;
		position: relative;
		cursor: pointer;
		}
		.hotelWrap img {
	    	border: 2px solid #1c3762;    	
    		background-color: #1c3762;
    		display:block;
		float: left;
		}
		.hotelWrap .icons {
		position: absolute;
		top: 3px;
		right: 0;
		}
		.hotelWrap .icons img{
		margin-right: 3px;
		border: none;
		}
		.hotelWrap h3{
		text-align:left;
		}
		.hotelMain {
		float: left;
		width: 600px;
		padding: 10px 20px 0 10px;
		margin-bottom: 20px;
		position: relative;
		}
		.hotelMain h3{
		text-align:left;
		}
		
		.hotelWrapText {
		float: right;
		width: 480px;
		}
		.hotelWrapText p{ clear:both;margin:0 0 10px 0; }
		.hotelWrapText a{
		float:left;
		font-size: 16px;
		font-weight:bold;
		text-decoration:none;
		}
		.starRating { clear:both;float:right;margin: -20px -10px 0 0;}
        .moreLink {float:left;margin: -10px 0 0 0;}
		
	/* Hotel Map Wrap --------------------- */		
	    .hotelMap {
	    width: 420px;
	    color:#fff;
	    background: #1c3762 url(../images/grad1.jpg) top left no-repeat; 
	    padding: 8px;
	    border: 1px solid #3f2d26;
	    position: relative;
	    vertical-align:top;	    
	    float:left;
		}
	.hotelMap img {
        border: 3px solid #1c3762;
	    background-color: #1c3762;
	    padding:0;
	    margin-right: 10px;
	    float: left;
		}
    .hotelMap span 
	    {
	    font-size:medium;
	    font-weight: bold;
	    }
    .hotelMap p 
        {
        margin:0;
        padding:2px;
        line-height: 0.9EM;
	    }
						
	/* Side Content Wrap --------------------- */
	    #sideRates {
		float: 		right;
		margin:  	-30px 0px 0px 0px;
		padding: 	0px 0px 0px 0px;
		width: 		172px; 
		text-align: right;
		position: relative;
		}		
		#sideContent {
		float: 		right;
		margin:  	-30px 0px 0px 0px;
		padding: 	0px 0px 0px 0px;
		width: 		300px; 
		} 
		#sideContent #sideText {
		padding: 0 0 10px 0;
		background-color: #345b92;
		}
		#sideContent #sideText h4 {
		background-color: #254471;
		padding: 15px 20px 15px;
		border-top: 1px solid #fff;
		}
		#sideContent #sideText p {
		padding: 10px 20px 10px;
		}
		#sideContent #sideText ul {
		padding: 1px 20px 1px 25px;
		}
		
		#sideMap {
		padding: 0; 
		margin: 0;
		}
		#sideMap p {
		padding: 0; 
		margin: 0;
		}
		#sideMap h4{
		padding: 5px 20px 5px;
		}
		
		a#mapLink {
		width: 300px;
		height: 163px;
		display: block;
		padding: 0; 
		margin: 0;
		}
		a#mapLink:link, a#mapLink:visited {
		background: url(../images/map1.jpg) top left no-repeat;
		}
		a#mapLink:hover {
		background: url(../images/map1.jpg) bottom left no-repeat;
		}
		
		#cityMap {
		padding: 0; 
		margin: 0;
		}
		#cityMap p {
		padding: 0; 
		margin: 0;
		}
		#cityMap h4{
		padding: 5px 20px 5px;
		}
		
		a#sydneyLink {
		width: 300px;
		height: 163px;
		display: block;
		padding: 0; 
		margin: 0;
		}
		a#sydneyLink:link, a#sydneyLink:visited {
		background: url(../images/map2.jpg) top left no-repeat;
		}
		a#sydneyLink:hover {
		background: url(../images/map2.jpg) bottom left no-repeat;
		}
		
/* =7 Extras –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 

	/* Image styles  */
		
	/* Fader style - used for jQuery Innerfade  */
	#fader {
		margin-top: 43px;
		z-index: 0;
		}

    	/* Image popups  */
	#sideImages
        {
        width:152px;
    	display:block;
		float: right;
        }	
    #sideImages img
        {
	    border: 3px solid #1c3762;
    	border-right: 3px;
    	margin: 10px 0 10px 0;
    	background-color: #1c3762;
    	display:block;
		float: left;
        }
	.slide
        {
        width:152px;
        display:block;
        border: 4px solid #1c3762;
        }	
        .images
        {
            float:right;
        }
        .viewer
        {
            display:inline;
            vertical-align:top;
        }
        .viewer img
        {
            border: 4px solid #1c3762;
            float:left;
        }
        .view
        {
            position:fixed;
            display:block;
            visibility:visible;
            top: 20%;
            left: 35%;
        }
        .thumbnail
        {
            width:150px;
        }
        .features 
        {
		    font-size: 	12px;
		    margin: 	0px 0px 20px 0px;
        }
        .features td
        {
            border: solid 1px #B7AC94;
		    padding: 	1em; 
		    width: 33%;
        }
        .images
        {
            display:block;
            border:none;
        }

/* =8 Forms –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 

	/* Form elements  */
	
	#formWrap {
	position: absolute;
	top: 88px;
	right: 0;
	z-index: 0;
	width: 256px;
	}
	#formWrap p { 
	margin: 0;
	padding: 0; 
	}
	#formWrap p label { 
	margin: 0;
	padding: 0;
	font-size: 1.5em; color: #000; 
	}
	#formWrap p input {
	margin: 9px 0 23px;
	width: 200px;
	border: none;
	}
	#formWrap p input#txtArrival {
	background: url(../images/calendar.jpg) center right no-repeat;
	width: 204px;
	}
	#formWrap p select {
	margin: 9px 0 23px;
	width: 206px;
	border: none;
	}
	#formWrap input#submit 
	{
	margin-left: 65px;
	width: 150px;
	z-index:0;
	}
	.left

	/* =9 Footer –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  

	/* Footer Wrapper  */
		#footerWrap {
		clear: 		both; 
		width: 		100%; 
		text-align: center;
		}
	/* Footer */
		#footer {
		background-color: #1c3762;	
		border-top: 1px solid #fff;
		clear:		both; 
		width: 		935px; 
		margin: 	0px auto;
		text-align: left; 
		padding: 20px 20px 10px;
		}
		#footer p { 
		color:		#fff; 
		font-size: 	0.7em; 
		line-height: 1.5em;
		}
		#footer p a:link, #footer p a:visited { 
		color:		#d3ccbd; 
		text-decoration: none;
		}
		#footer p a:hover { 
		color:		#fff; 
		text-decoration: none; 
		}
/********************************************************************/
/* USED FOR AVAILABILITY IN BOOKING - RATES DISPLAY PAGE            */
/********************************************************************/
    /* Date Selector    */
        .txtStart{ width: 80px;}
    /* Currency Change  */
	    #currencyChange { float: right;}
        #currencyChange img { float:right;padding:2px 0 0 8px;}

        #holder { padding:0; margin:0 auto; text-align:center; }
        #week {
        width:100%;
        padding: 0;
        margin:20px 0 0 0;
        text-align:center;
        border-collapse:collapse;
        color:#fff; 
        background-color:#787469;
        }
    /* Heading weekday */
        #week th {
        font:normal 9pt Arial, sans-serif;                   
        color:#fff;
        background-color:#666256; 
        text-align:left;
        font-weight:bold;
        margin:0; 
        padding:5px 3px 3px 5px;
        border:1px #040222 solid;
        }            
    /* Table weekday */
        #week td {
        font:normal 9pt Arial, sans-serif;
        color:#fff;
        background-color:transparent;
        text-align:center;
        vertical-align:middle;
        margin:0;
        padding:5px 3px 3px 3px;
        border:1px #000 solid;
        }            
    /* Weekday Inactive Room */
        #week .False td { color:#AAA; }
        #week td.wend { background-color:#545043; width: 43px; }
        #week th.wend { background-color:#545043; width: 43px; }            
        #week th.week { letter-spacing:.2em; }
        #week td.room { text-align:left;text-indent:5px; }
        #week th.week { vertical-align:middle; }
        #week th.day,  table#week td.cost,  table#week td.sold { width:43px; }
    /* Sold */            
        #week td.sold { color:#fff!important; background-color:#1a0d07;}
        #week td.soldwend { background-color:#1a0d07; color:#fff !important; width:43px; }
    /* Easy Tooltip */      
        .easytooltip {
        margin:0 10px 1em 0;
        width:400px;
        height: 110px;
        padding:8px;
        color:#fff;
        background: #281710 url(../images/grad1.jpg) top left no-repeat;
        border:1px solid #e1e1e1;
        }
        .easytooltip h3 {
        margin:0;
        font:13px Arial, Sans-Serif;
        text-transform:uppercase;
        }
        .easytooltip p{ margin:0 0 10px 0; }
        .easytooltip img {
        background:#fff;
        padding:1px;
        border:1px solid #e1e1e1;
        float:left;
        margin-right:10px;
        }
    /* Room Descriptions  */
        .description {
        width:100%;
        padding:5px;
        font-size: 0.9em;
        margin:0;
        border-collapse:collapse;
        color:#fff; 
        background-color:#787469;
        }
        .description th {                
        color:#fff;
        background-color:#666256; 
        text-align:left;
        font-weight:bold;
        width:22%;
        margin:0; 
        padding:15px;
        border:1px #040222 solid;        
        }
        .description td {                
        color:#fff;
        background-color:transparent;
        margin:0;
        padding:15px;
        border:1px #0a214a solid;    
        }
        .longStay
        {
            clear:both;
            text-align:center;
        }
        .noRooms
        {
            width: 100%;
            clear:both;
            text-align:center;
            font-size: 1.6EM;
            margin: 100px 0 200px 0;
        }
		
#NYEStarRatingSpan
{
    text-align:center; 
    margin-right:145px; 
    margin-top:-30px;
    }