/* 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 style */
		body 	{ clear: both; line-height: 1; vertical-align: top; background: #b8b7c6; color: #fff;
			padding: 0; margin: 0 auto; text-align: left; }	
	    ol, ul 	{ list-style: none; }
	    blockquote, q { quotes: none; font-style:italic;}
	    hr { color:#666256;background-color:#666256; 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; }

/* 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%; }
	    
	/* 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; } 
	    img             { border:0px;display:block;padding: 0 3px 0 0; }    		
	    .spacer 		{ display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

/* Headings –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 
	/* General headings */		
	    p, h1, h2, h3, h4, h5, h6, h8 { color: #fff; font-weight: 100; }
	    h1 	{ font-size: 1.7em; color: #fff; margin: 0px; padding: 25px 0 0 30px; font-weight: 500;float:left}
	    h2 	{ font-size: 1.3em; margin: 0.8em 0 0.5em 0;}
	    h3 	{ font-size: 1.2em; margin: 0.7em 0 0.3em 0;}
	    h4 	{ font-size: 1.4em; margin: 0.7em 0 0 0;}
	    h5 	{ font-size: 1.3em; margin: 0.7em 0 0 0;}
	    h6 	{ font-size: 1.2em; margin: 0.7em 0 0 0;}
	    h8 	{ font-size: 1.1em; margin: 0.7em 0 0 0;}
	    p 	{ font-size: 0.8em; margin: 0.2em 0 0.7em 0; line-height:1.1em;}
	    br 	{ font-size: 0.5em; margin: 0.7em 0 0 0;}

/* Header –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
	/* Header section style */ 
		#header { 
		background: #030222 url(../../images/engine.jpg) top center no-repeat;
		height: 94px;
		position: relative;
		}
/* Navigation Links Buttons –––––––––––––––––––––––––––––––––––––––––––––––––*/ 
	/* Main Navigation - Horizontal style #190c07*/
		#mainNav { 
		background-color: #454369;	
		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;
		}
		#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: #797893;
		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;
		}
/*Content --------------------------------------------------------*/
	/* All Content */
	    #contentWrapper 
	    {
	    background: #030222 url(../../images/enginebg.jpg) top center repeat-y;
		clear: 		both;
		margin: 		0px auto 0px; 
		padding: 	0px 5px 0px 5px;		
		text-align: left; 
		width: 		975px; 
	    }
	/* General link styles  */
	    #contentWrapper a:link, #contentWrapper a:visited { 
	    color:		#fff; 
	    text-decoration: none;
	    }
	    #contentWrapper a:hover { 
	    color:		#fff; 
	    text-decoration: none; 
	    }
	/* Left Column */
	    #leftWrap 
	    {
	    color:#fff;
	    background-color:#030222;
	    margin: 0px auto 0px; 
	    padding: 10px 20px 10px 20px;	
	    float:left;	
	    text-align: left; 
	    width:740px; 
	    }    	
    /* Right Column */
	    #rightWrap 
	    {
	    color:#fff;
	    background-color:Transparent;
	    margin: 0px 0px 0px 0px; 
	    padding: 10px 0 0 0;	
	    float:right;
	    width:195px;	
	    }
    /* Single Column */
	    #singleWrap 
	    {
	    margin: 0px auto 0px; 
	    padding: 10px 20px 10px 20px;	
	    float:left;	
	    text-align: left; 
	    width:935px; 
	    }
	    
	/* Error Page*/
	    #errorPageMessage
	    {
        border-style:solid;
        border-width:1px;
        background-color:#797893;
        text-align:center;
        font-family:Arial;
        vertical-align:middle;
        width:650px;
        margin:70px auto auto auto;
        }    	
	/* BUTTONS  */       
        .btn /* single line  */
        {
        color:#fff;
        background: #030222 url(../../images/button.jpg) top center no-repeat;
        height:auto;
        display: block; 
        padding: 10px 20px;
        margin: 0 0 0 20px;
        float: right; 
        font-weight:bold;
        vertical-align:middle;
        font-size: 13px;
        line-height:18px;
        text-decoration: none; 
        text-align:center;
        cursor: pointer; 
        -moz-border-radius: 0.5em;
	    -webkit-border-radius: 0.5em;
        }
       .btnl /* single line  */
        {
        color:#fff;
        background: #030222 url(../../images/button.jpg) top center no-repeat;
        height:auto;
        display: block; 
        padding:10px 20px;
        float: left; 
        font-weight:bold;
        vertical-align:middle;
        font-size: 13px;
        line-height:18px;
        text-decoration: none; 
        text-align:center;
        cursor: pointer; 
        -moz-border-radius: 0.5em;
	    -webkit-border-radius: 0.5em;
        }
        .dlbtn /* double line  */
        {
        color:#fff;
        background: #030222 url(../../images/button.jpg) top center no-repeat;
        height:auto;
        display: block; 
        padding: 8px 10px;
        margin: 15px 0 15px 10px;
        float: right; 
        font-weight:bold;
        vertical-align:middle;
        font-size: 17px;
        line-height:18px;
        text-decoration: none; 
        text-align:center;
        cursor: pointer; 
        -moz-border-radius: 0.5em;
	    -webkit-border-radius: 0.5em;
        }
       .dlbtnl /* double line  */
        {
        color:#fff;
        background: #030222 url(../../images/button.jpg) top center no-repeat;
        height:auto;
        display: block; 
        padding: 0 20px 10px 20px;
        float: left; 
        font-weight:bold;
        vertical-align:middle;
        font-size: 13px;
        line-height:18px;
        text-decoration: none; 
        text-align:center;
        cursor: pointer; 
        -moz-border-radius: 0.5em;
	    -webkit-border-radius: 0.5em;
        }
        .next 
        {
        color:#fff;
        background: #030222 url(../../images/button.jpg) top center no-repeat;
        display: block; 
        padding: 10px 10px;
        width: 140px;
        margin:0 0 10px 0; 
        float: right; 
        font-weight:bold;
        font-size: 13px;
        text-decoration: none; 
        text-align:center;
        cursor: pointer; 
        -moz-border-radius: 0.5em;
	    -webkit-border-radius: 0.5em;
        }
        .prev 
        {
        color:#fff;
        background: #030222 url(../../images/button.jpg) top center no-repeat;
        display: block; 
        padding: 10px 10px;
        width: 140px;
        margin:0 0 10px 0; 
        float: left; 
        font-weight:bold;
        font-size: 13px;
        text-decoration: none; 
        text-align:center;
        cursor: pointer; 
        -moz-border-radius: 0.5em;
	    -webkit-border-radius: 0.5em;
        }

/* Footer –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  
    /* Footer Wrapper  */
	    #footerWrap {
	    clear: 		both; 
	    width: 		100%; 
	    text-align: center;
	    }
    /* Footer */
	    #footer {
	    background-color: #454369;	
	    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:		#fff; 
	    text-decoration: none;
	    }
	    #footer p a:hover { 
	    color:		#fff; 
	    text-decoration: none; 
	    }

/********************************************************************/
/* USED FOR HOTEL DISPLAY IN BOOKING - HOTEL PAGE                   */
/********************************************************************/
    /* Hotel Map Wrap */		
        .hotelMap {
	    width: 420px;
	    color:#fff;
	    background: #1e1c4b url(../../images/grad1.jpg) top left no-repeat; 
	    padding: 8px;
	    border: 1px solid #797893;
	    position: relative;
	    vertical-align:top;	    
	    float:left;
	    }
        .hotelMap img {
        border: 3px solid #1e1c4b;
	    background-color: #1e1c4b;
	    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;
	    }
	    .suburb{ font-size:0.8EM;}
	/* Static Rates Styles */
	    .static
	    {
	    width:100%;
	    padding:0;
	    margin:0;	
	    font-size:0.8em;
	    }
	    .static td
	    {
	    color:#fff;
	    background-color:#8f8ea9;
	    border:solid 1px #fff;
	    padding:3px;
	    margin:0;
	    }
	    .static th
	    {
	    color:#fff;
	    background-color:#666256;
	    border:solid 1px #fff;
	    padding:3px;
	    margin:0;
	    }
    /* Image popups  */
	    #sideImages {
        width:150px;
	    padding: 0 0 0 20px;
        }	
	    #sideImages img { border: 3px solid #797893;margin: 0 0 20px 0;padding:0;}	
	    #sideImages img.close {margin:0;padding:0;}

        .viewer { display:none; }
        .viewer img {
        border: 3px solid #797893; 
        }
        .view {
        position:fixed;
        display:block;
        top: 20%;
        left: 35%;
        }
        .thumbnail{ width:150px;margin:0;padding:0;}
        .features { font-size: 	12px;  margin: 	0px 0px 20px 0px; }
        .features td { border: solid 1px #B7AC94; padding: 1em; width: 33%; }
        /* Static Rates */
        .staticRates
        {
        width:100%;
        padding: 0;
        margin:20px 0 0 0;
        text-align:center;
        border-collapse:collapse;
        color:#fff; 
        background-color:#8f8ea9;
        }
        .staticRates th {
        font:normal 9pt Arial, sans-serif;                   
        color:#fff;
        background-color:#454369; 
        text-align:left;
        font-weight:bold;
        margin:0; 
        padding:5px 3px 3px 5px;
        border:1px #040323 solid;
        }            
        .staticRates 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 #040323 solid;
        } 
        .address
        {
            margin:2px;
            padding:2px;
            line-height:0.8EM;
        }
        /* No Booking Fee */
        .percentageholder {
        background-color:#7d7b95;
        color:#fff;
        border:1px solid #fff;
        width:300px;
        height:auto;
        font-weight:bold;
        text-align: center; 
	    padding: 5px;
	    }
	   .hotelLink {
	    color:#fff;
        background: #030222 url(../../images/button.jpg) top center no-repeat;
        display: block; 
        padding: 10px 20px;
        margin:20px 25px 0 0; 
        float: right; 
        font-weight:bold;
        font-size: 13px;
        text-decoration: none; 
        text-align:center;
        cursor: pointer; 
        -moz-border-radius: 0.5em;
	    -webkit-border-radius: 0.5em; 
	    }		


/********************************************************************/
/* USED FOR AVAILABILITY IN BOOKING - RATES DISPLAY PAGE            */
/********************************************************************/
    /* Date Selector    */
        .txtStart{ width: 80px;}
    /* Currency Change  */
	    div#currencyChange { float: right;display:inline;}
	    #currencyChange p {width: 400px;}
        #currencyChange img { float:right;margin:2px 0 0 8px;}
        .bookroom {
	        float:left;
	        width:600px;
	        text-align:center;
	        font-size:18px;
	        color:#ffff00;
	        font-weight:bold;
        }
        
        #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:#8f8ea9;
        }
    /* Heading weekday */
        #week th {
        font:normal 9pt Arial, sans-serif;                   
        color:#fff;
        background-color:#454369; 
        text-align:left;
        font-weight:bold;
        margin:0; 
        padding:5px 3px 3px 5px;
        border:1px #040323 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 #040323 solid;
        }            
    /* Weekday Inactive Room */
        #week .False td { color:#AAA; }
        #week td.wend { background-color:#a9a9bf; width: 43px; }
        #week th.wend { background-color:#a9a9bf; 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:#0b0a32;}
        #week td.soldwend { background-color:#0b0a32; color:#fff !important; width:43px; }
    /* Easy Tooltip */      
        .easytooltip {
        margin:0 10px 1em 0;
        width:400px;
        height: 110px;
        padding:8px;
        color:#fff;
        background: #1e1c4b 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;
        }
        .description th {                
        color:#fff;
        background-color:#454369; 
        text-align:left;
        font-weight:bold;
        width:22%;
        margin:0; 
        padding:15px;
        border:1px #040222 solid;        
        }
        .description td {                
        color:#fff;
        background-color:#797893;
        margin:0;
        padding:15px;
        border:1px #030222 solid;    
        }
        .longStay
        {
            clear:both;
            text-align:center;
        }
        .noRooms
        {
            color:#fff;
            background-color:Transparent;
            width: 100%;
            clear:both;
            text-align:center;
            font-size: 1.6EM;
            margin: 100px 0 200px 0;
        }
        
/********************************************************************/
/* USED FOR BOOKING PAGE - CHOOSE DATES PAGE                        */
/********************************************************************/

.loaderImage
{
    color:#454369;
    text-align:center;
    font-size:medium;
    font-weight:bolder;
    font-family:Arial;        
}

img.imageDisplay
{
    display:block;
    margin-left:auto;
    margin-right:auto;
    }

.progress
{
    text-align:center;
    color: #fff;
    background-color:Transparent;
}
.progress table
{
    margin: 10px auto auto 235px;
    width: 50%;
    color:#fff;
    background-color: #8f8ea9;
}
.progress td
{
    border:solid 1px #fff;  
    padding: 2px;
}
.active
{
    font-weight:bold;
    color: #fff;
    background-color: #040222;
}
.roomselector 
{
    width:100%;
    color:#fff;
    background-color:#797893;
    font-size:0.9em;
    margin-bottom:25px;
}
.roomselector td 
{
    border: solid 1px #030222;
    padding:1px;
}
.roomselector h5
{
    color:Red;
}
.room
{
    background-color:#eee;
    text-align:left;
}
.wend
{
    color:#fff;
    text-align:center;
    border: solid 1px #030222;
    background-color:#4f4d73;
}
.wday
{
    color:#fff;
    text-align:center;
    border: solid 1px #797893;
}
.sold
{
    color:#fff;
    text-align:center;
    border: solid 1px #030222;
    background-color:#afaec2;
}
.config
{
    text-align:center;
}
.dropdown
{
    float:left; 
    width: 45%;
    margin-left: 5%;
}
.dropdown td
{ 
    color:#fff;
    background-color:Transparent;    
    padding: 5px;
}
.bedding
{
    float:left;
    width: 45%;
    margin: 0 0 30px 0;
}
.bedding td
{
    color:#fff;
    background-color:Transparent;    
    padding: 5px;
}
#bedhead
{
    float:left;
    font-weight:bold;
}
.bed
{
    float:left;
}
#intdeposit
{
    float:right;
    text-align:right;
    font-weight:bold;
    margin: 0 0 5px 38px;
}
#intbalance
{
    float:right;
    text-align:right;
    margin: 0 0 5px 30px;
}
#inttotal
{
    float:right;
    text-align:right;
    font-weight:bold;
    margin: 0 0 8px 30px;
}
.deposit
{
    text-align:right;
}
.balance
{
    text-align:right;
}
.total
{
    text-align:right;
    border-top:  1px solid #fff;
}
#autotal
{
    float:right;
}


/********************************************************************/
/* USED FOR STEP TWO IN BOOKING - CONFIRM                           */
/********************************************************************/
.invoice
{
    font-size: 12px;
    width:100%;
    margin:10px 0 30px 0;
}
.invoice th
{
	color: #fff;
	background-color: #454369;
	border:  1px solid #fff;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
	padding: 3px 3px 3px 6px;
}

.invoice td
{
    color: #fff;
    background-color: #8f8ea9;
    border:  1px solid #fff;
    padding:4px;
}
.booking
{
    color:#fff;
    background-color:Transparent;
    margin: 15px 0 0 0;
}
.confirmtotal
{
    float:right;
    width: 45%;
    margin: 0 0 30px 0;
}
.confirmtotal td
{
    color:#fff;
    background-color:Transparent;    
    padding: 5px;
}
.inclusion
{
    width:50%;
    text-align:left;
}
.subtotal
{
    text-align:right;
}
.date
{
    width:15%;
    text-align:left;
}
.departure
{
    background-color:#f5f6f6;
    text-align:left;
    font-style:italic;
}
.remove
{
    border: 0px;
    padding: 0 10px 0 0;
}
.spacer
{
    height: 20px;
    background-color:#f5f6f6;
}
.bold
{
    vertical-align:top;
}
.refund
{
    color: Red;
}
/********************************************************************/
/* USED FOR STEP THREE IN BOOKING - GUEST DETAILS                   */
/********************************************************************/
.guest
{
    font-size: 0.9em;
    width:100%;
    margin:25px 0 30px 0;
    color: #fff;
    text-align: left;
    background-color:Transparent;
}
.guest th
{
    padding: 3px 3px 3px 6px;
    text-align:left; 
}
.guest td
{
    color:#fff;
    background-color:Transparent;
    padding:4px;
    vertical-align:top;
}
.title
{
    width:29%;
    font-weight:bold;
    text-align: right;  
}
.short
{
    width: 150px;
}
.summary
{
    background-color:#7d7b95;
    color:#fff;
    border:1px solid #8d8d8d;
    font-weight:normal;
    text-align: center; 
    padding: 25px;
}
.summary td
{
    padding: 5px;
}
.summarybtn
{
    width:80px;
    height: 80px;
    background: #d8d6ce url(../../images/summary.gif);
    float:right;
    margin: 0 50px 0 0;
}
input.error
{
    border: 1px solid red;
}
/********************************************************************/
/* USED FOR STEP FOUR IN BOOKING - PAYMENT DETAILS                  */
/********************************************************************/
.blocker
{
    width:300px;
    height: 60px;
    color:#000;
    padding: 30px;
    background-color:#fff;
    font-size: large;
    font-weight: bold;
    text-align:center;
}

/********************************************************************/
/* USED FOR STEP FIVE IN BOOKING - CONFIRMATION/SUCCESS             */
/********************************************************************/
@media print 
{
.progress{display:none;}
ul#mainNav {display:none;}
.hotelLink {display:none;}

.successholder
{
    color:#000;
    background-color:#fff;
    width:90%;
    padding:0 5% 0 5%;
}
.success
{
    font-size: 12px;
    width:100%;
    margin:0 0 30px 0;
}
.success th
{
	color: #000;
	background-color: #ccc;
	border:  1px solid #000;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
	padding: 3px 3px 3px 6px;
}

.success td
{
    color: #000;
    background-color: #fff;
    border:  1px solid #000;
    padding:4px;
}
.successBooking
{
    font-size: 12px;
    width:100%;
    margin:0;
}
.successBooking th
{
	color: #000;
	background-color: #ccc;
	border:  1px solid #000;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
	padding: 3px 3px 3px 6px;
}

.successBooking td
{
    color: #000;
    background-color: #fff;
    border:  1px solid #000;
    padding:4px;
}
  }

@media screen {
.successholder
{
    color:#fff;
    background-color:Transparent;
    width:90%;
    padding:0 5% 0 5%;
}
.success
{
    font-size: 12px;
    width:100%;
    margin:0 0 30px 0;
}
.success th
{
	color: #fff;
	background-color: #454369;
	border:  1px solid #fff;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
	padding: 3px 3px 3px 6px;
}

.success td
{
    color: #fff;
    background-color: #8f8ea9;
    border:  1px solid #fff;
    padding:4px;
}
.successBooking
{
    font-size: 12px;
    width:100%;
    margin:0;
}
.successBooking th
{
	color: #fff;
	background-color: #454369;
	border:  1px solid #fff;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
	padding: 3px 3px 3px 6px;
}

.successBooking td
{
    color: #fff;
    background-color: #8f8ea9;
    border:  1px solid #fff;
    padding:4px;
}
}