﻿/* Author: Outback Discovery */

/*	--- IMPORT RESET CSS TO REMOVE ALL DEFAulT STYLING FROM BROWSER --- */
/*@import url("Reset.css"); */


/*	---------- LAYOUT STYLES ---------- */
body {
	margin: 0px 0px 0px 0px;
	text-align: center;
	min-width: 900px;
	height: 100%;
	background-color: #FFFFFF;
}

#wrapper { /* this centers the content */
	margin: 0 auto;
	width: 900px;
	height: 100%;
	text-align: left;
    z-index: -1;
	text-align: left;
}


#topheader {
	width: 100%;
	height: 70px;
}

#header {
	width: 100%;
	height: 35px;
	background-color: #00377b;
}

#container {
	width: 100%;
	background-color: #db5c1e;
	text-align:left;
	position: relative;
	z-index: 0;
}

#container-padding {
	/* because IE adds the padding value to the width and height of the element, 
	its easier to add a second element inside of the main container to specify the padding amount.
	this way it doesnt affect the container width and height. */
	padding: 0px 0px 0px 0px;
}

#footer {
	clear: both;
	position: relative;
	top: 0px;
	text-align: right;
	min-height:100px;
	background-color: #df6c34;
}

#footer-padding {
	padding: 10px;
}





/*	---------- HEADER STYLES ---------- */
#HeadQuickSearch
{
	float: right;
	position: relative;
	top: 4px;
	right: 10px;
}

#headerlogo 
{
	position:relative;
	float: left;
	top: 5px;
}




/*	---------- ELEMENT STYLES ---------- */
h1 {
	font-family: Trebuchet MS;
	font-size: 16px;
	margin: 0;
}

h2 {
	font-family: Trebuchet MS;
	font-size: 14px;
	margin: 0;
}

h3 
{
	font-family: Verdana;
	font-size: 11px;
	margin: 0;
}

p {
	font-size: 11px;
	font-family: Verdana;
	margin:0px;
}

i {
	font-size: 11px;
	font-family: Verdana;
	margin:0px;
	display:block;
}


/*	---------- IE 5.5 & 6 PNG fix ---------- */
	img { behavior: url(/iepngfix/iepngfix.htc); } 




/***** MEEENNNUUUUU ******/
/* ----- Required --------*/

div.vert_menu
{
  position: absolute;
  visibility: hidden;
  display: none;
  z-index: 6;
}

div.horz_menu a { display: block; float: left; }
div.vert_menu a { display: block; float: none; }


/* ----- Sample 1 ------ */

div.sample1 div.vert_menu { border-bottom: 1px solid black; }

div.sample1 div.horz_menu { float: right; background: #00377b; }

div.sample1 div.horz_menu a
{
	width: 105px;
	background: #00377b;
	text-decoration: none;
	display: block;
	font-family:Verdana;
	font-size: 11px;
	color: #F7F7F7;
}

div.sample1 div.vert_menu a
{
	width: 200px;
	background: #00377b;
	text-decoration: none;
	display: block;
	font-family:Verdana;
	font-size: 10px;
	color: #F7F7F7;
    padding: 5px 3px 5px 10px;
    border-bottom: solid 1px #3e6da6;
}

div.sample1 div.horz_menu a:hover,
div.sample1 div.horz_menu a.active
{
	background: #00377b; 
}

div.sample1 div.vert_menu a:hover,
div.sample1 div.vert_menu a.active 
{
	background: #114a8f; 
}


/*	---------- HOME PAGE STYLES ---------- */
#homeback
{
	background-image: url("/Images/HomeBack1011.jpg");
	background-repeat: no-repeat;
	background-position: top;
	width: 550px;
	height: 450px;
	position: relative;
    z-index: 2;
	top: 0px;
	left: 90px;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
}

#homebottomstripe
{
	background-image: url("/Images/SemiTransparant.png");
	background-repeat:repeat;
	width: 100%;
	height: 99px;
	position:absolute;
    z-index: 3;
    bottom: 0px;
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
    behavior: url(/iepngfix/iepngfix.htc); /*add this in so png works as background */
}

#homesun
{
	background-image: url("/Images/sun.png");
	background-repeat:no-repeat;
	width: 158px;
	height: 152px;
	position:absolute;
    z-index: 3;
    bottom: 35px;
    right: 180px;
    behavior: url(/iepngfix/iepngfix.htc); /*add this in so png works as background */
}

#GetAwayVideo
{
	height:89px;
	width:187px;
	position:absolute;
    z-index: 3;
    top: 15px;
    right: 40px;
}

#homeDownload
{
	width: 158px;
	height: 152px;
	position:absolute;
    z-index: 3;
    bottom: 0px;
    right: 150px;
}


#homepolaroid1
{
	position:absolute;
    z-index: 5;
    bottom: 180px;
    right: 268px;
}

#homepolaroid1 a img:hover
{
	width: 131px;
	height: 131px;
}

#homepolaroid2
{
	position:absolute;
    bottom: 180px;
    right: 151px;
    z-index: 4;
}

#homepolaroid2 a img:hover
{
	width: 131px;
	height: 131px;
}

#homepolaroid3
{
	position:absolute;
    z-index: 3;
    bottom: 180px;
    right: 38px;
}

#homepolaroid3 a img:hover
{
	width: 131px;
	height: 131px;
}

#homepolaroidArrow
{
	visibility: hidden;
	position:absolute;
    z-index: 3;
    bottom: 210px;
    right: 15px;
}


/* ----------- Normal Page styles  --------------- */

#Normalcontainer {
	width: 100%;
	background-color: #db5c1e;
	text-align:left;
	float: left;
	position: relative;
    z-index: 0;
}

#Normalcontent
{
	position: relative;
	left: 75px;
	width: 780px;
    z-index: 1;
}

#NormalTransStripe
{
	background-image: url("/Images/NormalSemiTransparant.png");
	background-repeat:repeat;
	width: 100%;
	height: 50px;
	position:absolute;
    z-index: 2;
    top:180px;
    left:0px;
	border-top: solid 1px #F7F7F7;
    behavior: url(/iepngfix/iepngfix.htc); /*add this in so png works as background */
}

#Normalcontent img.DestMap
{
	float: right;
}

#Normalfooter {
	clear: both;
	position: relative;
	top: 0px;
	text-align: right;
	height:100px;
	background-color: #df6c34;
}

.NormalText
{
	color: #dc5c1f;
}

.NormalTextBlue
{
	color: #00377b;
}

.White
{
	color: #FFFFFF;
}

a.NormalLink
{
	color: #fdc300;
	text-decoration: underline;
	font-family: Arial;
	font-size: 11px;
}

a.NormalLink:hover
{
	color: #cecfd0;
}

/* ---------- Generic Destination Styles --------- */
.DestItin
{
	padding-bottom: 10px;
	border-bottom: solid 1px #f2b910; 
	margin-bottom: 10px;
}

.RightSideText, .ListText
{
	font-size: 10px;
	font-family: Verdana;
	color: #FFFFFF;
}

.RightSideHeader
{
	font-size: 12px;
	font-family: Verdana;
	font-weight:bold;
	color: #FFFFFF;
}

ul.listSun
{
	padding: 0;
	margin: 0;
}

ul.listSun li
{
	background-image: url("/Images/SmallSun.png");
	background-repeat:no-repeat;
	background-position: left top;
    behavior: url(/iepngfix/iepngfix.htc); /*add this in so png works as background */
	list-style-type: none;
	padding-left: 20px;
	font-family: Verdana;
	font-size: 10px;
	color: #FFFFFF;
	top: 0;
	display: block;
	padding-bottom: 7px;
}

ul.listSun li a
{
	font-family: Verdana;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}

ul.listSun li a:hover
{
	text-decoration: underline;
}


#TextArea
{
	float: left;
	background-color: #FFFFFF;
	width: 520px;
	height: 100%;
}

#RightArea
{
	float: right;
	width: 260px;
	clear: right; /** need this for ie6 **/
}

#RightArea-padding
{
	margin: 0;
	padding: 60px 10px 20px 15px;
}


#TextArea-padding
{
	margin: 0;
	padding: 5px 20px 20px 20px;
	clear:both;
}



#Gallery
{
	float: left;
	border-left:  solid 1px #F7F7F7;
}

#Banner
{
	float: left;
	display:  block;
	border-left:  solid 1px #F7F7F7;
	border-right:  solid 1px #F7F7F7;
}

.PageHead
{
	color: #113c62;
	text-transform:uppercase;
}

.FormText
{
	color: #333333;
	font-size: 11px;
	font-family: Verdana;	
}

p.PSpace
{
	margin-bottom: 13px;
}

ul.NormalList
{
	margin-top: 0;
	padding-top: 0;
	font-family: Verdana;
	font-size: 11px;
	color: #333333;
}

.underlined
{
	text-decoration: underline;
}


/* ----------- NT styles  --------------- */

#NTcontainer {
	width: 100%;
	background-color: #B22E19;
	text-align:left;
	float: left;
	position: relative;
    z-index: 0;
}

#NTdestcontent
{
	position: relative;
	left: 75px;
	width: 780px;
    z-index: 1;
}

#NTTransStripe
{
	background-image: url("/Images/NTSemiTransparant.png");
	background-repeat:repeat;
	width: 100%;
	height: 50px;
	position:absolute;
    z-index: 2;
    top:180px;
    left:0px;
	border-top: solid 1px #F7F7F7;
    behavior: url(/iepngfix/iepngfix.htc); /*add this in so png works as background */
}

#NTdestcontent img.DestMap
{
	float: right;
}


#NTfooter {
	clear: both;
	position: relative;
	top: 0px;
	text-align: right;
	height:100px;
	background-color: #c13923;
}

.NTDestText
{
	color: #b53f00;
}


/* ----------- WA styles  --------------- */

#WAcontainer {
	width: 100%;
	background-color: #B8551E;
	text-align:left;
	float: left;
	position: relative;
    z-index: 0;
}

#WAdestcontent
{
	position: relative;
	left: 75px;
	width: 780px;
    z-index: 1;
}

#WATransStripe
{
	background-image: url("/Images/WASemiTransparant.png");
	background-repeat:repeat;
	width: 100%;
	height: 50px;
	position:absolute;
    z-index: 2;
    top:180px;
    left:0px;
	border-top: solid 1px #F7F7F7;
    behavior: url(/iepngfix/iepngfix.htc); /*add this in so png works as background */
}

#WAdestcontent img.DestMap
{
	float: right;
}

#WAfooter {
	clear: both;
	position: relative;
	top: 0px;
	text-align: right;
	height:100px;
	background-color: #c35e26;
}

.WADestText
{
	color: #e16716;
}


/* ----------- QLD styles  --------------- */

#QLDcontainer {
	width: 100%;
	background-color: #BB8434;
	text-align:left;
	float: left;
	position: relative;
    z-index: 0;
}

#QLDdestcontent
{
	position: relative;
	left: 75px;
	width: 780px;
    z-index: 1;
}

#QLDTransStripe
{
	background-image: url("/Images/QLDSemiTransparant.png");
	background-repeat:repeat;
	width: 100%;
	height: 50px;
	position:absolute;
    z-index: 2;
    top:180px;
    left:0px;
	border-top: solid 1px #F7F7F7;
    behavior: url(/iepngfix/iepngfix.htc); /*add this in so png works as background */
}

#QLDdestcontent img.DestMap
{
	float: right;
}

#QLDfooter {
	clear: both;
	position: relative;
	top: 0px;
	text-align: right;
	height:100px;
	background-color: #c68d39;
}

.QLDDestText
{
	color: #788837;
}


/* ----------- SA styles  --------------- */

#SAcontainer {
	width: 100%;
	background-color: #387A9E;
	text-align:left;
	float: left;
	position: relative;
    z-index: 0;
}

#SAdestcontent
{
	position: relative;
	left: 75px;
	width: 780px;
    z-index: 1;
}

#SATransStripe
{
	background-image: url("/Images/SASemiTransparant.png");
	background-repeat:repeat;
	width: 100%;
	height: 50px;
	position:absolute;
    z-index: 2;
    top:180px;
    left:0px;
	border-top: solid 1px #F7F7F7;
    behavior: url(/iepngfix/iepngfix.htc); /*add this in so png works as background */
}

#SAdestcontent img.DestMap
{
	float: right;
}

#SAfooter {
	clear: both;
	position: relative;
	top: 0px;
	text-align: right;
	height:100px;
	background-color: #4288ae;
}

.SADestText
{
	color: #387a9e;
}


/* ----------- TAS styles  --------------- */

#TAScontainer {
	width: 100%;
	background-color: #788837;
	text-align:left;
	float: left;
	position: relative;
    z-index: 0;
}

#TASdestcontent
{
	position: relative;
	left: 75px;
	width: 780px;
    z-index: 1;
}

#TASTransStripe
{
	background-image: url("/Images/TASSemiTransparant.png");
	background-repeat:repeat;
	width: 100%;
	height: 50px;
	position:absolute;
    z-index: 2;
    top:180px;
    left:0px;
	border-top: solid 1px #F7F7F7;
    behavior: url(/iepngfix/iepngfix.htc); /*add this in so png works as background */
}

#TASdestcontent img.DestMap
{
	float: right;
}

#TASfooter {
	clear: both;
	position: relative;
	top: 0px;
	text-align: right;
	height:100px;
	background-color: #8a9d3b;
}

.TASDestText
{
	color: #788837;
}


/* ----------- NSW styles  --------------- */

#NSWcontainer {
	width: 100%;
	background-color: #387A9E;
	text-align:left;
	float: left;
	position: relative;
    z-index: 0;
}

#NSWdestcontent
{
	position: relative;
	left: 75px;
	width: 780px;
    z-index: 1;
}

#NSWTransStripe
{
	background-image: url("/Images/SASemiTransparant.png");
	background-repeat:repeat;
	width: 100%;
	height: 50px;
	position:absolute;
    z-index: 2;
    top:180px;
    left:0px;
	border-top: solid 1px #F7F7F7;
    behavior: url(/iepngfix/iepngfix.htc); /*add this in so png works as background */
}

#NSWdestcontent img.DestMap
{
	float: right;
}

#NSWfooter {
	clear: both;
	position: relative;
	top: 0px;
	text-align: right;
	height:100px;
	background-color: #4288ae;
}

.NSWDestText
{
	color: #387a9e;
}


/* ----------- TheKimberleyTopEnd styles  --------------- */

#TheKimberleyTopEndcontainer {
	width: 100%;
	background-color: #B8551E;
	text-align:left;
	float: left;
	position: relative;
    z-index: 0;
}

#TheKimberleyTopEnddestcontent
{
	position: relative;
	left: 75px;
	width: 780px;
    z-index: 1;
}

#TheKimberleyTopEndTransStripe
{
	background-image: url("/Images/TheKimberleyTopEndSemiTransparant.png");
	background-repeat:repeat;
	width: 100%;
	height: 50px;
	position:absolute;
    z-index: 2;
    top:180px;
    left:0px;
	border-top: solid 1px #F7F7F7;
    behavior: url(/iepngfix/iepngfix.htc); /*add this in so png works as background */
}

#TheKimberleyTopEnddestcontent img.DestMap
{
	float: right;
}

#TheKimberleyTopEndfooter {
	clear: both;
	position: relative;
	top: 0px;
	text-align: right;
	height:100px;
	background-color: #c35e26;
}

.TheKimberleyTopEndDestText
{
	color: #e16716;
}


/* ----------- OutbackQueenslandCornerCountry styles  --------------- */

#OutbackQueenslandCornerCountrycontainer {
	width: 100%;
	background-color: #B22E19;
	text-align:left;
	float: left;
	position: relative;
    z-index: 0;
}

#OutbackQueenslandCornerCountrydestcontent
{
	position: relative;
	left: 75px;
	width: 780px;
    z-index: 1;
}

#OutbackQueenslandCornerCountryTransStripe
{
	background-image: url("/Images/OutbackQueenslandCornerCountrySemiTransparant.png");
	background-repeat:repeat;
	width: 100%;
	height: 50px;
	position:absolute;
    z-index: 2;
    top:180px;
    left:0px;
	border-top: solid 1px #F7F7F7;
    behavior: url(/iepngfix/iepngfix.htc); /*add this in so png works as background */
}

#OutbackQueenslandCornerCountrydestcontent img.DestMap
{
	float: right;
}


#OutbackQueenslandCornerCountryfooter {
	clear: both;
	position: relative;
	top: 0px;
	text-align: right;
	height:100px;
	background-color: #c13923;
}

.OutbackQueenslandCornerCountryDestText
{
	color: #b53f00;
}


/* ----------- CoastToCoast styles  --------------- */

#CoastToCoastcontainer {
	width: 100%;
	background-color: #387A9E;
	text-align:left;
	float: left;
	position: relative;
    z-index: 0;
}

#CoastToCoastdestcontent
{
	position: relative;
	left: 75px;
	width: 780px;
    z-index: 1;
}

#CoastToCoastTransStripe
{
	background-image: url("/Images/SASemiTransparant.png");
	background-repeat:repeat;
	width: 100%;
	height: 50px;
	position:absolute;
    z-index: 2;
    top:180px;
    left:0px;
	border-top: solid 1px #F7F7F7;
    behavior: url(/iepngfix/iepngfix.htc); /*add this in so png works as background */
}

#CoastToCoastdestcontent img.DestMap
{
	float: right;
}

#CoastToCoastfooter {
	clear: both;
	position: relative;
	top: 0px;
	text-align: right;
	height:100px;
	background-color: #4288ae;
}

.CoastToCoastDestText
{
	color: #387a9e;
}


/* ----------- RedCentreBeyond styles  --------------- */

#RedCentreBeyondcontainer {
	width: 100%;
	background-color: #387A9E;
	text-align:left;
	float: left;
	position: relative;
    z-index: 0;
}

#RedCentreBeyonddestcontent
{
	position: relative;
	left: 75px;
	width: 780px;
    z-index: 1;
}

#RedCentreBeyondTransStripe
{
	background-image: url("/Images/RedCentreBeyondSemiTransparant.png");
	background-repeat:repeat;
	width: 100%;
	height: 50px;
	position:absolute;
    z-index: 2;
    top:180px;
    left:0px;
	border-top: solid 1px #F7F7F7;
    behavior: url(/iepngfix/iepngfix.htc); /*add this in so png works as background */
}

#RedCentreBeyonddestcontent img.DestMap
{
	float: right;
}

#RedCentreBeyondfooter {
	clear: both;
	position: relative;
	top: 0px;
	text-align: right;
	height:100px;
	background-color: #4288ae;
}

.RedCentreBeyondDestText
{
	color: #387a9e;
}



/* ---------- FAQ Styles --------- */

ul.FAQ
{
	padding: 0;
	margin: 0;
}

ul.FAQ li
{
	background-image: url("/Images/info.gif");
	background-repeat:no-repeat;
	background-position:left top;
    behavior: url(/iepngfix/iepngfix.htc); /*add this in so png works as background */
	list-style-type: none;
	font-family: Verdana;
	font-size: 10px;
	padding-left: 20px;
	padding-bottom: 15px;
	padding-top: 0;
	margin: 0;
	top: 0;
	display: block;
}

/* ---------- ACCOMMODATION Styles --------- */
ul.listAccomm
{
	padding: 0;
	margin-bottom: 30px;
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 0px
}

ul.listAccomm li
{
	list-style-type: none;
	font-family: Verdana;
	font-size: 10px;
	color: #333333;
	margin-bottom: 10px;
}

ul.listAccomm li.listAccommHead
{
	border-bottom: solid 1px #f2b910; 
	margin-bottom: 4px;
	height: 16px;
}

/* ---------- ADDITIONAL ACTIVITIES Styles --------- */
ul.listActivities
{
	padding: 0;
	margin-bottom: 30px;
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 0px
}

ul.listActivities li
{
	list-style-type: none;
	font-family: Verdana;
	font-size: 10px;
	color: #333333;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: solid 1px #f2b910;
}

/* ---------- PRE POST ACCOMMODATION Styles --------- */
ul.PrePostList
{
	padding: 0;
	margin-bottom: 30px;
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 0px
}

ul.PrePostList li
{
	list-style-type: none;
	font-family: Verdana;
	font-size: 10px;
	color: #333333;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: solid 1px #f2b910;
}

.BodyText
{
	font-family: Verdana;
	font-size: 11px;
	color: #31374F;
}

.BodyTextWhite
{
	font-family: Verdana;
	font-size: 11px;
	color: White;
}

/* ---------------------
   SPECIAL OFFERS STYLES  
   --------------------- */

#SpecialOfferItem
{
	width: 465px;
	min-height:100px;
	border-bottom: solid 1px #cecbbc;
	margin-bottom:20px;
	margin-right:15px;
	position:relative;
	display:block;
}

#SpecialOffersImageBox
{
	width: 125px;
	float:left;
}

#SpecialOffersInfoBox
{
	float:left;
	width:auto;
}

.SpecialOffersSpacerSmall
{
	padding-top:1px;
}

.SpecialOffersMainHeading
{
	font-family: Trebuchet MS;
	font-size: 14px;
	margin: 0;
	color: #dc5c1f;
	font-weight:bold;
}

.SpecialOffersSubHeading1
{
	font-family: Trebuchet MS;
	font-size: 14px;
	margin: 0;
	color: #dc5c1f;
	font-weight:bold;
}

.SpecialOffersSubHeading2
{
	font-family: Verdana;
	font-size: 11px;
	color: #00377b;
	margin: 0;
	font-weight:bold;
}

.SpecialOffersBodyText
{
	font-family: Verdana;
	font-size: 10px;
	color: #31374F;
}

.SpecialOffersFlyerDownloadBox
{
	margin-top:7px;
	margin-bottom:7px;
	font-family: Verdana;
	font-size: 10px;
	color: #31374F;
}

.SpecialOffersFlyerDownload
{
	padding-top:1px;
	padding-bottom:1px;
}

.SpecialOffersDateTimeBox
{
	margin-top:7px;
	margin-bottom:7px;
	font-family: Verdana;
	font-size: 10px;
	color: #31374F;
}

.SpecialOffersDateTime
{
	padding-top:1px;
	padding-bottom:1px;
}

ul.Specials
{
	padding: 0;
	margin: 0;
}

ul.Specials li
{
	list-style-type: none;
	font-family: Verdana;
	font-size: 10px;
	padding: 0px 0px 15px 0px;
}

#KerriAnneSunLogo
{
	background-image:url("http://www.outbackdiscovery.com/Images/sunKerriAnneSmall.png");
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
	width:105px;
	height:100px;
	top:-10px;
	right:0px;
    behavior: url(/iepngfix/iepngfix.htc); /*add this in so png works as background */
}

.Page-Alert-Wrapper
{
    background-color:#f4f6f8;
    border:Solid 1px #00377b;
    margin-top:5px;
    width:100%;
    height:63px;
    display:block;
    text-align:center;
}

.Page-Alert-Padding
{
    padding:3px;
	font-size: 11px;
	font-family: Verdana;
}

.Page-Alert-Wrapper a, .Page-Alert-Wrapper img
{
    border:none;
}