/* Flight Centre SA - v1.0 Default Style sheet - */

/* MAIN LAYOUT WIDTHS - START */
.MW {width:770px} /* Main Width - main table or div width for page */
.LN {width:175px} /* Left Nav - sets 1x1 pixel width */
/* MAIN LAYOUT WIDTHS - END */

/* TEXT - START */
body {
	font-family:verdana, arial;
	font-size: 11px;
	color: #000000;
	margin-top:0px;
	margin-left:8px;
	
	
	scrollbar-3dlight-color: white;
	scrollbar-arrow-color: #959595;
	scrollbar-base-color: white;
	scrollbar-darkshadow-color: white;
	scrollbar-face-color: #E2E2E2;
	scrollbar-highlight-color: #959595;
	scrollbar-shadow-color: #959595;
	scrollbar-track-color: #F1F1F1;
}
center {
background-color:#FFFFFF;
width:800px;
margin-left:17%;
margin-right:15%
}
td, font {
	font-family:verdana, arial;
	font-size: 11px;
	color: #000000;
}

.title1 {font-size: 13px;}
.title2 {font-size: 15px;}
.title3 {font-size: 17px;}
.title_small {font-size:10;}
.small {font-size: 7.5pt;} /* 10.5px looked ok  */
.small2 {font-size:6.35pt} 
/* TEXT - END */

/* LINKS - START -  */

/* default links,  colour = black. hover= brand orange  */
a {color: #000000; text-decoration:none;}
a:hover	{color: #EA0303; text-decoration: underline;} /* main brand colour */

/* colour = brand orange. hover= black  */
a.link1 {color: #EA0303; text-decoration: underline;}
a.link1:hover {color: #000000; text-decoration: underline;}

/* colour = black. hover= black  */
a.link2 {color: #000000; text-decoration:none;}
a.link2:hover {color: #000000; text-decoration: underline;}

/* colour = white. hover= black underlined  */
a.link3 {color: #FFFFFF; text-decoration: underline;}
a.link3:hover {color: #000000; text-decoration: underline;}

/* colour = white. hover= white   */
a.link4 {color: #FFFFFF; text-decoration:none;}
a.link4:hover {color: #FFFFFF; text-decoration: underline;}

.linkdec {text-decoration: underline;}
/* LINKS - END -  */

/* MIsC STYLES - START */
.line {width:100%;} /*  used with 1px_breaker image to stretch across  */
.bdr1 {border: 1px solid #EA0303;} /* brand colour */
.bdr1_no_bot {border: 1px solid #EA0303; border-bottom: none;} /* kev note: not in use right now */
.bdr2 {border: 1px solid #E6E6E6;} /* same grey as cc2 */
.bdr3 {border: 1px solid #B4B4B4;} /* same grey as cc4 */
.bdr3_2 {border: 2px solid #B4B4B4;} /* same grey as cc4 */
.bdr4 {border: 1px solid #000000;} /* black */
.bdr5 {solid #000000;} /* black no border */
.imgbdr1 {border: 1px solid #FFFFFF;} /* brand colour  padding: 4px 4px 4px 4px;  */
.hand { cursor: pointer; cursor: hand; } /* hand pointer thingy */
.pg_on {font-weight:bold} /* white header link highlighter NEEDS JSP WORK */
.bg_rep_x { background-repeat: repeat-x }  /* Repeat background in the X axis */
.bg_rep_y { background-repeat: repeat-y }  /* Repeat background in the Y axis */
.bg_rep_no{ background-repeat: no-repeat }  /* Don't repeat background image */

.caps{text-transform:capitalize;} /* all words begin with caps */
.upcase{text-transform:uppercase;} /* convert to upper case */
.toptwisty {width: 725px;
			height: 30px;
			left: 10px;
			position: relative;
			top: -20px;
			background-image: url('/images/promo/nyc/img_spiral_single.gif');
			background-repeat: repeat-x;
}
/* MIsC STYLES - END */

/* BACKGROUND COLOUR PALLET  - START */
 
/*
Note:
CC = Core Colour

There should always be a corresponding background and foreground
colours, ie must be a ccX and a ccX_bg with the same hex colour value 
*/

/* .page_bg {background-color:#FFFFFF}  /*page background */
.page_bg{
background: #BF020F url(/images/layout/bg_gradient.png) top left repeat-x;

}

.black_bg {background-color:#000000}
.white_bg {background-color:#FFFFFF}
.note_bg {background-color:#CC0000}

.cc1_bg {background-color:#EA0303} /* main brand colour */ 
.cc2_bg {background-color:#E6E6E6} /* light grey */
.cc2_1_bg {background-color:#D6D6D6} /* darker grey */
.cc3_bg {background-color:#EBEBEB} /* background mid-grey */
.cc4_bg {background-color:#B4B4B4} /* border grey */
.cc5_bg {background-color:#848684} /* title grey */
.cc6_bg {background-color:#00447C} /* fcuk blue */
.cc7_bg {background-color:#FFFFFF} /* white */
.cc8_bg {background-color:#FFFFFF} /* Red */

/* BACKGROUND COLOUR PALLET  - END */

/* FOREGROUND COLOUR PALLET - START */
.page {color:#FFFFFF}	/* page background */
.black {color:#000000}
.white {color:#FFFFFF}
.note	{color:#CC0000} /* highlight red */

.cc1 {color:#EA0303} /* main brand colour */
.cc2 {color:#E6E6E6} /* light grey */
.cc3 {color:#EBEBEB} /* background mid-grey */
.cc4 {color:#B4B4B4} /* border grey */
.cc5 {color:#848684} /* title grey */
.cc6 {color:#00447C} /* fcuk blue */
.cc7 {color:#FFFFFF} /* white */
.cc8 {color:#FF0000} /* Red  */

/* FOREGROUND COLOUR PALLET - END */

/* peter's styles */

.ttl_grey
{
	background-image: url(/images/layout/grey/bg_header.gif);
	font-weight: bold;
	color:#848684; /* cc5 colour */
	height:21px;
}

blockquote
{
  margin-right: 0em;
  margin-bottom: 2em;
  margin-left: 1em;
}

.bak2top {
      font-family: Verdana;
      font-size: 12px;
	  font-weight:bold;   
	  background-color: #FFFFFF;
      border: 1px solid;
	  border-color:#999999;
      padding: 2px;
   }
/********************
	TopNav
********************/
#topNav {
	height: 57px;
	margin: 1px;
	/*background: url(/images/nav/top_nav_bg.gif) repeat 0 0; */
}

#topNav ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#topNav li {
	float: left;
	height: 36px;
	position: relative;
	font-size: 11px;
}

.topNavElement {
	float: left;
	position: relative;
	font-size: 11px;
	display:block;
	height: 36px;
}

.topNavElementOver
{
	float: none;
	background-position: 0 -36px;
	background-repeat:no-repeat;
	display:block;
	height: 36px;
	filter: alpha(opacity=0); 
    -moz-opacity: 0.0; 
    opacity: 0.0;
    position:relative;
}

#topNav li#nav1, #topNav li#nav1 a#nav1Over  {
	width: 100px;
	background-image: url(/images/nav/topnav_home.png);
}

#topNav li#nav2, #topNav li#nav2 a#nav2Over  {
	width: 101px;
	background-image: url(/images/nav/topnav_flights.png);
	WHITE-SPACE: nowrap
		
}

#topNav li#nav3, #topNav li#nav3 a#nav3Over  {
	width: 105px;
	background-image: url(/images/nav/topnav_packages.png);	
}

#topNav li#nav4, #topNav li#nav4 a#nav4Over  {
	width: 137px;
	background-image: url(/images/nav/topnav_bookings.png);
	WHITE-SPACE: nowrap	
}

#topNav li#nav5, #topNav li#nav5 a#nav5Over   {
	width: 99px;
	background-image: url(/images/nav/topnav_extras.png);
}

#topNav li#nav6, #topNav li#nav6 a#nav6Over   {
	width: 97px;
	background-image: url(/images/nav/topnav_contacts.png);
	WHITE-SPACE: nowrap
}

#topNav li#nav7, #topNav li#nav7 a#nav7Over   {
	width: 133px;
	background-image: url(/images/nav/topnav_news.png);
	WHITE-SPACE: nowrap
}

#topNav li#nav8, #topNav li#nav8 a#nav8Over   {
	width: 133px;
	background-image: url(/images/nav/topnav_lpp.png);
}

#topNav li#nav9, #topNav li#nav9 a#nav9Over   {
	width: 93px;
	background-image: url(/images/nav/topnav_contactus.png);
}

#topNav li#nav10, #topNav li#nav10 a#nav10Over   {
	width: 193px;
	background-image: url(/images/nav/button-lowest-airfare-guarantee.png);
	background-repeat: no-repeat;
}

#topNav li {
	display: block;
	height: 36px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-decoration: none;
}

#topNav a.selected, #topNav li.selected {
	background-position: 0 -36px;
	cursor: default;
}

#topNav span {
	display: block;
	height: 0;
	width: 0;
	overflow: hidden;
}
#topNav ul ul {
	position: absolute;
	top: 36px;
	left: -1px;
	width: 700px;
	display: none;
}


#topNav li#nav1 ul { 
	width: 772px;
}

#topNav li#nav2 ul { 
	width: 772px;
	
}

#topNav li#nav3 ul { 
	width: 752px;
	left: -200px;
	padding-left: 0px;
}

#topNav li#nav4 ul { 
	width: 572px;
}

#topNav li#nav5 ul { 
	width: 700px;
	left: -240px;
	padding-left: 0px;
}

#topNav li#nav6 ul { 
	width: 700px;
	left: -280px;px;
	padding-left: 0px;
}

#topNav li#nav7 ul { 
	width: 472px;
    left: -180px;px;
	padding-left: 0px;
}

#topNav li#nav8 ul { 
	width: 780px;
	left: -487px;
	padding-left: 0px;
}

#topNav li#nav9 ul { 
	width: 947px;
	left: -660px;
	padding-left: 0px;
}

#topNav li#nav10 ul { 
	width: 180px;
	left: 0px;
	padding-left: 0px;
}

#topNav li ul li a :hover
{
	text-decoration: underline;
}



/* turns the parent rollover on */
#topNav :hover > a {
	text-decoration:none;
}

#topNav li#nav1 li,
#topNav li#nav2 li,
#topNav li#nav3 li,
#topNav li#nav4 li,
#topNav li#nav5 li,
#topNav li#nav6 li,
#topNav li#nav7 li,
#topNav li#nav8 li,
#topNav li#nav9 li,
#topNav li#nav10 li{
	float: left;
	height: 16px;

	padding: 4px 0 0 11px;
}

#topNav li#nav1 li a,
#topNav li#nav2 li a,
#topNav li#nav3 li a,
#topNav li#nav4 li a,
#topNav li#nav5 li a,
#topNav li#nav6 li a,
#topNav li#nav7 li a,
#topNav li#nav8 li a,
#topNav li#nav9 li a,
#topNav li#nav10 li a {
	background: none;
	height: 14px;
	padding-top: 1px;
}

#topNav li li a {
	color: #333;
	padding-right: 11px;
	border-right: 1px solid #333;
}

#topNav li li:hover {
	background: #ddd;
}

#topNav li li a:hover {
	text-decoration: underline;
}

#topNav li li.end a {
	border-right: none;
}

/* ----------------------------- */

#containerM {
	background:url(/images/container_tile_bg.gif) repeat-y 0 0;
	clear:both;
	margin: auto;
	padding: 0 4px 0 4px;
	text-align: left;
	
}



ul#megamenu {
	border:1px solid #FFF;
	font-family:Arial, Helvetica, sans-serif;	
	font-size:9pt;
	text-align:left;
	float:left;
	width:771px;
	position:relative;
	margin:0 0 0 0;
	padding-left:0px;
	z-index:100;
	
}

ul#megamenu a {
  font-family:Arial, Helvetica, sans-serif;	
}

ul#megamenu li.topnav {
	display:block;
	float:left;
	height:30px;
	position:relative;
}

ul#megamenu li.topnav a.toplink {
	display:block;
	cursor:pointer;
	height:30px;
	font-weight:bold;
	line-height:30px;
	text-align:left;
}

ul#megamenu li.topnav a.toplink span {
	display:none;
}

ul#megamenu li.topnav a.toplink, ul#megamenu li.topnav a.toplink:hover {
	background-position:0 -36px;
}

ul#megamenu li.topnav.closed a.toplink:focus {
	background-position:0 -36px;
}

ul#megamenu li.topnav.closed a.toplink {
	background-position:0 0;
}

ul#megamenu li#topnav-1 a.toplink {/*Home*/
	background-image:url(/images/nav/topnav_home.png);
	width:79px;	
}

ul#megamenu li#topnav-2 a.toplink {/*Flights*/
	background-image:url(/images/nav/topnav_flights.png);
	width:86px;
	WHITE-SPACE: nowrap;	
}

ul#megamenu li#topnav-3 a.toplink {/*Packages*/
	background-image:url(/images/nav/topnav_holidays.png);
	width:141px;	
}

ul#megamenu li#topnav-4 a.toplink {/*Booking*/
	background-image:url(/images/nav/topnav_book.png);
	width:136px;
	WHITE-SPACE: nowrap;	
}

ul#megamenu li#topnav-5 a.toplink {	/*Extras*/
	background-image:url(/images/nav/topnav_extras.png);
	width:99px;	
}

ul#megamenu li#topnav-6 a.toplink {/*Contacts*/
	background-image:url(/images/nav/topnav_contacts.png);
	width:97px;
	WHITE-SPACE: nowrap;

}

ul#megamenu li#topnav-7 a.toplink {/*News and updates*/
	background-image:url(/images/nav/topnav_news.png);
	width:130px;
	WHITE-SPACE: nowrap;

}

ul#megamenu li#topnav-8 a.toplink {/*Travel Extras*/
	background-image:url(/images/megamenu/mega-travel-extras.png);
	width:107px;
}

ul#megamenu li#topnav-9 a.toplink {/*Contact Us*/
	background-image:url(/images/megamenu/mega-contact.png);
	width:93px;
}

ul#megamenu li#topnav-10 a.toplink {/*Abouts us*/
	background-image:url(/images/megamenu/mega-about.png);
	width:81px;
}
/*
	Sub Nav Layout 
*/
ul#megamenu div.subnav-ctn {
	background-color:#fff;
	background-image:url(/images/megamenu/mega-subnav-bg.gif); 
	background-repeat:repeat-x; 
	background-position:0px 1px; 
	border:2px solid #c9c9c9;
	float:left;
	left:0px;
	position:absolute;
	top:31px;
	z-index:1000;
}

ul#megamenu li.closed div.subnav-ctn {
	position:absolute;
	top:-9999px;
}

ul#megamenu div.sub-bg {
	border:1px solid #fff; 
	float:left;
	padding-top:15px;
} 

ul#megamenu .menu-arrow {
	background-image:url(/images/megamenu/menu-arrow-2.gif); 
	background-repeat:no-repeat; 
	left:23px; 
	height:7px;
	position:absolute; 
	top:-3px; 
	width:14px;
}

ul#megamenu #subnav-1 {
	width:195px;
}

ul#megamenu #subnav-2 {
	width:180px;
	
}

ul#megamenu #subnav-2 .menu-arrow {
	
}

ul#megamenu #subnav-3 {
	width:486px;
}

ul#megamenu #subnav-3 .menu-arrow {
	left:384px;
}

ul#megamenu #subnav-4 {
	width:180px;
	
}

ul#megamenu #subnav-4 .menu-arrow {
	
}

ul#megamenu #subnav-5 {
	width:370px;
	margin-left:-163px;
}
ul#megamenu #subnav-5 .menu-arrow {
	left:184px;
}

ul#megamenu #subnav-6 {
	width:220px;
	
}

ul#megamenu #subnav-6 .menu-arrow {
	
}

ul#megamenu #subnav-7 {
	width:180px;
	
}

ul#megamenu #subnav-7 .menu-arrow {
	
}

ul#megamenu #subnav-8 {
	margin-left:-205px;
	width:482px;
}

ul#megamenu #subnav-8 .menu-arrow {
	left:246px;
}

ul#megamenu #subnav-9 {
	margin-left:-157px;
	width:327px;
}

ul#megamenu #subnav-9 .menu-arrow {
	left:194px;
}

ul#megamenu #subnav-10 {
	margin-left:-250px;
	width:327px;
}

ul#megamenu #subnav-10 .menu-arrow {
	left:282px;
}


/*
	Sub nav Styles
*/
ul#megamenu ul.sub-menu {
	float:left;
	margin-left:0px;
	padding-left:15px;
}

ul#megamenu ul li {
	float:left;
	width:155px;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

ul#megamenu ul li a {
	display:block;
	font-weight:bold;
}

ul#megamenu ul li a {
	color:#EE0000;
	float:left;
	margin-bottom:3px;
	text-decoration:none;
	width:140px;
}

ul#megamenu ul li a:hover {
	color:#333333;
	text-decoration:underline;
}

ul#megamenu ul li a.lag-text {
	width:155px;
}

/*
	Sub Sub nav Styles
*/

ul#megamenu ul ul {
	float:left;
	margin: 0;
	padding:0;
}

ul#megamenu ul ul li {
	background-image:url(/images/megamenu/dotted-line.gif);
	background-repeat:repeat-x;
	background-position:0px 21px;
	clear:both;
	height:22px;
	margin-bottom:0px;	
	width:140px;
}

ul#megamenu ul ul li a {
	color:#606060;
	font-size:11px;
	font-weight:normal;
	height:21px;
	line-height:21px;
	margin-bottom:0px;
}

ul#megamenu ul ul li a:hover {
	background-color:#EAEAEA;
	text-decoration:none;
}

ul#megamenu a.experts-btn {
	background-image:url(/images/megamenu/megamenu-expert-btn.gif);
	display:block;
	height:22px;
	line-height:21px;
}

ul#megamenu .sub-padding {
	padding-bottom:15px;
}

ul#megamenu li.second-row {
	margin-top:25px;
}

ul#megamenu li.experts-btn {
	padding-bottom:10px;
	padding-top:10px;
}

ul#megamenu li.experts-btn.newline {
	clear:both;
}

ul#megamenu li.experts-btn a {
	background-image:url(/images/megamenu/mega-menu-button-grey.gif);
	background-repeat:no-repeat;
	color:#fff;
	display:block;
	font-size:11px;	
	font-weight:normal;
	line-height:21px;
	height:22px;
	padding-left:10px;
}

ul#megamenu li.experts-btn a:hover {
	background-color:#fff;
	background-image:url(/images/megamenu/mega-menu-button-red.gif);
	color:#fff;
	text-decoration:none;
}