/* $Id: index.css,v 1.43 2012/02/08 11:12:43 adam.l Exp $ */

div#container {
	width: 980px;
	padding: 0px;
}

#navContainer {
	float: left;
	width: 295px;
}

#mainContainer {
	float: left;
	margin: 0px;
	width: 685px;
	margin-right:-100px;
}

/* News Panel */
div#news {
    background-color: #F8EAE7;
    border: 2px solid #BC3200;
    margin: 13px 0 0 10px;
    overflow: hidden;
    padding: 8px 12px;
    width: 644px;
    -webkit-border-radius: 6px 6px 6px 6px;
       -moz-border-radius: 6px 6px 6px 6px;
            border-radius: 6px 6px 6px 6px;
}

div#news strong	{
    color: #000000;
    display: block;
    float: left;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1em;
    margin: 0;
    padding: 0 12px 6px 0;
    width: 116px;
}
div#news ul {
    float: left;
    padding: 0;
    width: 440px;
}
div#news li { margin: 0 0 6px 0; padding: 0 0 0 15px; background: transparent url('../images/pageElements/backgrounds/LatestNews-Triangle.gif') no-repeat 0 0; line-height: 1.2em;}
div#news a {
	color: #000;
	font-size: 0.9em;
    text-decoration: underline;
}
div#news a:hover {text-decoration: underline;}

/* BACKEND-72 Notices edited in web admin */
#notices {display:none; float: left; margin: 0px; background-color: #f0f0f0;}
div.notice {float: left; min-height: 200px; width: 500px; border: width: 300px; margin: 0px;}
div.notice h1 {font-size: 16px; padding: 0px 0px 5px 0px; text-align: left;}
div.notice h1 p {font-size: 16px; margin: 0px; text-align: left;}
div.notice p {font-size: 13px; float:left; clear: left; margin: 0px 0px 15px 0px; text-align: left;}

#news.newsCntr ul {margin: 0px;}
#news.newsCntr h3 {display: inline; font-size: 16px; display: inline; font-weight: bold; float: left; width: 170px; background-image: none;}
#news.newsCntr ul {float: right;}
#news.newsCntr li {float: left; list-style: none; clear: left; width: 400px;}
#news.newsCntr li a p {margin-bottom: 0px; margin-top: 0px; text-decoration: none;}
#news.newsCntr li a {text-decoration: underline; float: left; }
#news.newsCntr li a:hover {text-decoration: none; }


/* News Panel END */


/* Promo Panel */
#saleExtendedBanner {
	margin: 30px 0 -25px 10px;
	height: 0;
	padding: 30px 0 0 0;
	overflow: hidden;
	background: transparent url('../images/pageElements/backgrounds/SaleExtended-Bnr.jpg') no-repeat 0 0;
}

#offerFeatures {
	background: #484848;
	height: 238px;
	overflow: hidden;
	margin: 13px 0px 10px 10px;
	position: relative;
	width:672px;
}
#offerFeatures ul.ui-tabs-nav {
	height: 26px;
	position: absolute;
	left: 0;
	bottom: 18px;
	padding: 0;
	width: 100%;
}
#offerFeatures ul.ui-tabs-nav li {
	font-size: 0.8em;
	font-weight: bold;
	float: left;
	line-height: 26px;
	text-align: center;
	text-transform: uppercase;
	width: 134px;
}

#offerFeatures ul.ui-tabs-nav li a {
	border-left: 1px solid #666;
	border-right: 1px solid #333;
	color: #fff;
	height: 26px;
	padding: 0;
	background-image:none;
	background-color:#000;
}

#offerFeatures ul.ui-tabs-nav li#first a { border-left: 0; }
#offerFeatures ul.ui-tabs-nav li#last { width: 136px; }
#offerFeatures ul.ui-tabs-nav li#last a { border-right: 0; }

#offerFeatures ul.ui-tabs-nav li.ui-state-active a,
#offerFeatures ul.ui-tabs-nav li a:hover {
	border-left: 1px solid #2091af;
	color: #FFFFFF;
	background-image:none;
	background-color:#2091af;
}

#offerFeatures ul.ui-tabs-nav li.ui-state-active a {
	cursor: default;
}

#offerFeatures ul.ui-tabs-nav li.ui-state-active {
	background: url(../images/pageElements/featureBox/arrow.png) no-repeat center 0;
}

/* Three Tabs */
#offerFeatures ul.ui-tabs-nav.threeTabs li { width: 224px; }
#offerFeatures ul.ui-tabs-nav.threeTabs li#last { width: 224px; }

/* Four Tabs */
#offerFeatures ul.ui-tabs-nav.fourTabs li { width: 168px; }
#offerFeatures ul.ui-tabs-nav.fourTabs li#last { width: 168px; }

/* Five Tabs */
#offerFeatures ul.ui-tabs-nav.fiveTabs li { width: 134px; }
#offerFeatures ul.ui-tabs-nav.fiveTabs li#last { width: 134px; }


.offerFeaturesHeader {background-image:url("/themes/austrv/images/pageElements/backgrounds/home-banner-top.jpg"); min-height:62px; }
.offerFeaturesHeader .title {color:#FFFFFF; display:block; float:left; font-size:1.4em; line-height:1.6; padding-left:240px; width:290px; }
.offerFeaturesHeader .btn {float:right; display:block; width:115px; height:29px; margin:17px 12px 0px 0px; }
.offerFeaturesHeader .btn a {display:block; width:115px; height:29px; background-image:url("/themes/austrv/images/pageElements/buttons/find-out-more.gif"); }


/* Airfares Of The Week
-----------------------------------------------------------------------------*/
#airfaresOfTheWeek {
	background: transparent url("../images/pageElements/featureBox/blackalpha.png") repeat 0 0;
	height: 154px;
	width: 240px;
	padding: 10px 10px 10px 10px;
	position: absolute;
	right: 0;
	top: 10px;
}
#airfaresOfTheWeek #list {
	height: 125px;
	overflow: hidden;
}

#airfaresOfTheWeek a {
	background: url("../images/pageElements/buttons/indexDealsoffersBtn.png") no-repeat 0 0;
	display: block;
	height: 27px;
	width: 141px;
	text-indent: -999px;
	margin: 0 0 0 42px;
}
#airfaresOfTheWeek a:hover { background-position: 0 -27px; }
#airfaresOfTheWeek a:active { background-position: 0 -27px; }
#airfaresOfTheWeek table {
	margin: 0 0 12px 0;
}
#airfaresOfTheWeek table tr td {
	background: transparent;
	color: #fff;
	font-size: 0.9em;
												padding: 0;
											}
#airfaresOfTheWeek table tr td.name { text-transform: uppercase; }
#airfaresOfTheWeek table tr td.price { font-weight: bold; }

/* Offer of The week
-----------------------------------------------------------------------------*/
/* Uses the same code as the Special Offer Main Index */
#offerOfTheWeek div.centralColumn		{
	padding: 0;
	width: 685px;
}
#offerOfTheWeek 						{height: 300px;}
#offerOfTheWeek ul						{
	color:#FFFFFF;
	float:right;
	margin-top:10px;
	width:272px;
}
#offerOfTheWeek div.rightBox			{
	float:left;
	width: 405px;
}
#offerOfTheWeek div	h2					{color:#7DDCF8; height:24px; font-size: 28px; font-weight:normal; margin-bottom: 0px; padding-top:0px; }
#offerOfTheWeek li.offerOfTheWeekHead	{font-size: 22px; height:30px; font-weight: bold; padding-bottom:0;}
#offerOfTheWeek li.offerDate			{height:18px; font-size: 12px;}
#offerOfTheWeek li.offerDesc			{height:18px; font-size: 12px;}
#offerOfTheWeek li.offerDepartFrom		{height:12px; font-size: 12px;}
#offerOfTheWeek li.offerNights			{font-size: 16px; font-weight:bold;}
#offerOfTheWeek li.offerNights .price	{ height: 45px; color:#7DDCF8; font-size: 1.5em; font-weight:bold;}

#offerOfTheWeek li.offerLink a 			{background: transparent url(../images/pageElements/buttons/indexDealsoffersBtn.png) no-repeat -154px 0px;
											display:block;
											height:0;
											padding-top:27px;
											width:188px;
											overflow: hidden;}
#offerOfTheWeek li.offerLink a			{ background-position: -141px 0px; }
#offerOfTheWeek li.offerLink a:hover	{background-position: -141px -27px;}
#offerOfTheWeek li.offerLink a:active	{background-position: -141px -27px;}

.offerOfTheWeekBox .rightBox .interstitial-link img {
	width: 405px;
	height: 238px;

}

/* EOF Offer of the Week */

/*
	#offerTheWeek						{ height: 300px; overflow: hidden;}

	#offerTheWeek div					{ float:right; width: 369px; padding: 20px; height: 260px;}
*/

/* Promo Panel END */

#homeTopContent {
	margin:0px 0px 10px 10px;
	overflow:hidden;
}

/* Welcome Panel */
#welcome {
	background: #EAF4F6 url(../images/pageElements/backgrounds/Why-Book-BoxTop.gif) no-repeat top left;
	float: left;
	width: 362px;
	overflow:hidden;
}
#welcome #welcomeInner {
	overflow: hidden;
	padding: 5px 10px 10px 10px;
	min-height:220px;
}
#welcome h1 {
	color: #08376F;
	font-weight: normal;
	line-height: 30px;
	margin: 0 0 10px 0;
}
#welcome a {color:#33B1D5; font-size:11px; }
#welcome a:hover {color: #C65C36; }
#welcome a#whybookfooter {background-image:url(../images/pageElements/buttons/WhyBook-Footer.gif); background-position:bottom; display:block; color:#fff; padding:2px 8px 4px 8px; font-size:0.9em; min-height:24px; clear:both; }

#welcome h2 {
	color: #08376F;
	margin: 0;
}

#welcome #welcomeInner #left,
#welcome #welcomeInner #middle,
#welcome #welcomeInner #right {
	float: left;
}

#welcome #welcomeInner #left h2 a,
#welcome #welcomeInner #middle h2 a,
#welcome #welcomeInner #right h2 a {
	color: #08376F;
}

#welcome #welcomeInner #left,
#welcome #welcomeInner #middle {
	margin: 0 10px 0 0;
}
#welcome #welcomeInner ul {
	float: left;
}
#welcome #welcomeInner ul li {
	line-height: 18px;
}
#welcome #welcomeInner #left ul#ozColOne { width: 60px; }
#welcome #welcomeInner #left ul#ozColTwo { width: 72px; }
#welcome #welcomeInner #right ul { width: 95px; }
/* Welcome Panel END */

/* Flight Deals Panel */
#flightDeals {
	float:left;
	padding:0px;
	margin:0px;
	margin-left:10px;
	margin-bottom:-17px;
}

#flightDealsSub {
	background: url(../images/pageElements/backgrounds/FlightDeals-Header.jpg) no-repeat top left;
	width: 300px;
	padding-top:52px;
}

#flightDealsInner {
	min-height:182px;
	overflow:hidden;
	background-color:#EBFAFF;
	width:300px;
}

#flightDeals ul {
	width: 300px;
	overflow:hidden;
}

#flightDeals ul li {
	border-bottom: 1px solid #CBF0FF;
	padding: 1px 10px 1px 10px;
	overflow:hidden;
}
#flightDeals ul li .dest {
	display: block;
	float: left;
	width: 140px;
}
#flightDeals ul li .class {
	display: block;
	float: left;
	width: 65px;
}
#flightDeals ul li .price {
	font-weight: bold;
	width: 85px;
}
#flightDeals ul li#last { border: 0; }

#flightDeals a#flightdealfoot {display:block; background-image:url(../images/pageElements/backgrounds/FlightDeals-Footer.jpg); background-repat:no-repeat; background-position:bottom; color:#fff; text-align:right; padding:2px 8px 4px 8px; min-height:24px; clear:both; }
/* Flight Deals Panel END */

/* Holiday Types And Offers */
#holidayTypesAndOffers {
	background: #2D94D6 url(../images/pageElements/backgrounds/indexHolTypesHeader.gif) 0px 0px no-repeat;
	clear: both;
	padding: 15px 0 0 0;
	margin: 0px 0px 0px 10px;
	position: relative;
	width: 672px;
	height: 290px;
}

#holidayTypesAndOffers h2 {
	color: #fff;
	font-weight: normal;
}

#holidayTypesAndOffers h2#holTypes {
	margin: 0 0 0 10px;
}

#holidayTypesAndOffers h2#holOffers {
	position: absolute;
	top: 15px;
	right: 75px;
}

#holidayTypesAndOffers ul {
	display: block;
	position: absolute;
}

#holidayTypesAndOffers ul#holTypesList {
	top: 55px;
}

#holidayTypesAndOffers ul#holTypesList li {
	height: 44px;
	margin: 0;
	width: 362px;
}

#holidayTypesAndOffers ul#holTypesList li a {
	background-color: #0E3B57;
	color: #fff;
	display: block;
	font-weight: bold;
	height: 39px;
	line-height: 40px;
	padding: 0 0 0 14px;
}

#holidayTypesAndOffers ul#holTypesList li#rw a { background: #0E3B57 url(../images/pageElements/backgrounds/indexHTroundtheworldPic.jpg) top right no-repeat; }
#holidayTypesAndOffers ul#holTypesList li#so a { background: #0E3B57 url(../images/pageElements/backgrounds/indexHTstopOverPic.jpg) top right no-repeat; }
#holidayTypesAndOffers ul#holTypesList li#th a { background: #0E3B57 url(../images/pageElements/backgrounds/indexHTtouringPic.jpg) top right no-repeat; }
#holidayTypesAndOffers ul#holTypesList li#fd a { background: #0E3B57 url(../images/pageElements/backgrounds/indexHTflydrivePic.jpg) top right no-repeat; }
#holidayTypesAndOffers ul#holTypesList li#mc a { background: #0E3B57 url(../images/pageElements/backgrounds/indexHTmulticentrePic.jpg) top right no-repeat; }


#holidayTypesAndOffers ul#holTypesList li:hover a,
#holidayTypesAndOffers ul#holTypesList li:hover#rw a,
#holidayTypesAndOffers ul#holTypesList li:hover#so a,
#holidayTypesAndOffers ul#holTypesList li:hover#th a,
#holidayTypesAndOffers ul#holTypesList li:hover#fd a,
#holidayTypesAndOffers ul#holTypesList li:hover#mc a {
	background-color: #7EC8F6;
	color: #0E3B57;
}
#holidayTypesAndOffers ul#holTypesList li.twoLine a { line-height: 20px; }


#holidayTypesAndOffers ul#holOffersList {
	top: 55px;
	right: 0px;
}

#holidayTypesAndOffers ul#holOffersList li {
	height: 44px;
	margin: 0;
	width: 304px;
	position: relative;
}
#holidayTypesAndOffers ul#holOffersList li.link { background: none; }

#holidayTypesAndOffers ul#holOffersList li span {
	background-color: #7EC8F6;
	color: #000;
	display: block;
	font-weight: bold;
	height: 39px;
	line-height: 40px;
	padding: 0 0 0 14px;
}

#holidayTypesAndOffers ul#holOffersList li.alt { background-position: -44px right; }
#holidayTypesAndOffers ul#holOffersList li.alt span { background-color: #B7E3FE; }

#holidayTypesAndOffers ul#holOffersList li strong {
	color: #000;
	display: block;
	position: absolute;
	width: 80px;
	right: 0;
	top: 9px;
}

#holidayTypesAndOffers #viewHolidayOffersBtn {
	color: #fff;
	position: absolute;
	top: 0px;
	right: 10px;
}

#holidayTypesAndOffers #holidayTypesAndOffersFooter {
	position: absolute;
	bottom: 0;
	left: 0;
}

/* Holiday Types And Offers END */

/* Call to Actions */

#callFree {
	background: transparent url(../images/pageElements/backgrounds/call-free.jpg) top left no-repeat;
	height: 92px;
	width: 298px;
	margin: 0px 0px 10px 0px;
	position: relative;
}

#callFree span {
	color: #c23000;
	display: block;
	font-weight: bold;
	position: absolute;
	bottom: 3px;
	left: 80px;
	top: 46px;
	line-height: 36px;
	font-size:28px;
	letter-spacing: -1px;
}

#callFree p {
	margin-left: 80px;
	padding-top: 7px;
	font-size: 1.1em;
	line-height: 1.3em;
}

#callFree p strong {
	font-size: 1.1em;
	font-weight: normal;
}

#registerEmailTop { background: transparent url(../images/pageElements/backgrounds/SignUpBoxTop.jpg) top left no-repeat; width: 672px; height: 10px; font-size: 0; }
#registerEmail { background: transparent url(../images/pageElements/backgrounds/SignUpBoxBground.jpg) bottom left no-repeat; height: 108px; width: 642x; padding: 5px 15px; margin: 0px 0px 10px 0px; position: relative; }
#registerEmail p { padding: 0 0 5px; font-size: 15px; width: 390px; line-height: 18px; }
#registerEmail p span { font-weight: bold; }
#registerEmail form { position: absolute; top: 50px; left: 15px; width: 390px; }
#registerEmail form input.email { width: 303px; }
#registerEmail form input.register { background: url("../images/pageElements/buttons/btnSignUp.jpg") no-repeat scroll 0 0 transparent; width: 62px; }
#registerEmail form input.register:hover { background-position: -62px 0; }
#registerEmail ul {	position: absolute; top: 85px; left: 15px; }
#registerEmail li { border-right: 1px solid #33B1D5; float: left; height: 12px; margin: 0 10px 0 0; line-height: 12px; padding: 0 10px 0 0; }
#registerEmail li.last { border: 0; }
#registerEmail li a,
#registerEmail li a:hover { font-size: 13px; color: #bf3d00 }

#requestBrochure {
	background: transparent url(../images/brochure/2010/AT-Request-Brochure-Box.jpg) top left no-repeat;
	height: 150px;
	width: 298px;
	margin: 0px 0px 10px 0px;
	position: relative;
}

#requestBrochure #freeBrochureBtn {
	position: absolute;
	bottom: 11px;
	right: 6px;
	width:105px;
	height:27px;
	background-image:url(../images/pageElements/buttons/free-brochure-btn.gif);
}
#requestBrochure #freeBrochureBtn:hover {
	background-position:0px -27px;
}


#cathayPacific {
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 116px;
	width: 298px;
	background: url("../images/pageElements/backgrounds/cathay_banner.jpg") no-repeat scroll 0 0 transparent
}

#rugbyWorldCup {
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 136px;
	width: 326px;
	background: url("../images/pageElements/backgrounds/WldCupHomeBtn.jpg") no-repeat scroll 0 0 transparent;
	margin: 20px 4px 10px 10px;
	float: left;
}

#photoCompetition {
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 146px;
	width: 326px;
	background: url("../images/pageElements/backgrounds/photoCompetitionBtn.jpg") no-repeat scroll 0 0 transparent;
	margin: 10px 0 10px 10px;
	float: left;
}

#travelAwards {
	display: block;
	height: 90px;
	overflow: hidden;
	width: 295px;
	background: url("../images/pageElements/backgrounds/VoteAustravel_BGround.jpg") no-repeat scroll 0 0 transparent;
	margin: 10px 0;
}

#travelAwards p {
	width: 200px;
	margin: 10px 8px;
	font-family: Arial;
	font-size: 1em;
	font-weight: bold;
	color: #000;
	line-height: 1.2em;
}

#travelAwards #travelAwardsBtn {
	position: absolute;
	width: 77px;
	height: 27px;
	background: url(../images/pageElements/buttons/btnVoteNow.gif) no-repeat scroll 0 0 transparent;
	margin-left: 10px;
}

#travelAwards #travelAwardsBtn:hover {
	background-position: 0 -27px
}

#travelAwards #travelAwardsBtn:active {
	background-position: 0 -54px
}

/* Call to Actions END */

#callToAction div.email li				{
											display:inline;
											padding: 0 23px 0 0;
										}
#callToAction div.email li.last			{border-right:none;}

/* Request Brochure */
#callToAction div.brochure 				{background:#EAF9FE url('../images/pageElements/brochures/requestBrochure.png') no-repeat 180px 40px;}
#callToAction div.brochure h3 			{font-size:2em;}

#callToAction div.exUk					{margin-right:0px;background:url('../images/homeAway/homeAway.jpg')}
/* Trip Avisor */
#callToAction div.tripAdvisor p.tripAdvisor				{background:transparent url('../images/logos/tripAdvisor.png') no-repeat 0 0;
															height: 0;
															overflow: hidden;
															padding-top: 48px;
														}
#callToAction div.tripAdvisor a.moreBtn {float:right;margin-top:-20px;}


/* Best Price Guarantee
-----------------------------------------------------------------------------*/

div.bestPrice { background: url('../images/priceGuarantee/best-price-guarantee.jpg') no-repeat top left; width: 255px; height: 185px; padding: 70px 20px 0 20px; font-family: Arial, Helvetica, Sans-Serif; font-size: 0.85em; margin-bottom: 5px; }
div.bestPrice p { margin-bottom: 0; color: #252525; }
div.bestPrice span { color: #898989; float: right; text-align: right; font-size: 0.75em; clear: both; width: 100%; }
div.bestPrice ul.large { margin: 5px 0 0;  float: left; width: 125px; margin-right: 15px; }
div.bestPrice ul.small { margin: 5px 0 0; float: left; width: 105px; }
div.bestPrice ul li { font-weight: bold; color: #252525; line-height: 1.1em; height: 30px; background: transparent url('../images/priceGuarantee/tick-icon.png') no-repeat top left; padding: 3px 0 0 25px }

/* Photo Competition Button (REQ 2609)
-----------------------------------------------------------------------------*/

#homeTopContent .photoCompetition { background: url('../images/pageElements/backgrounds/PhotoCompBnr.jpg') no-repeat 0 0; width: 672px; height: 127px; margin: 0 0 10px; overflow: hidden; zoom: 1; }
#homeTopContent .photoCompetition .enterBtn { padding: 85px 0 0 570px }
#homeTopContent .photoCompetition .enterBtn a { background: url('../images/pageElements/buttons/btnEnterNow.jpg') no-repeat 0 0; width: 89px; height: 0; padding-top: 29px; overflow: hidden; zoom: 1; display: block; }
#homeTopContent .photoCompetition .enterBtn a:hover { background-position: 0 -29px; }
