/* 
	Virgin Blue - Master Styles
	Revision number	:	2.0
    Last updated	:	3rd May August 2011
    Last updated by	:	gc 
*/

/* 
	Colors
	Dark Gray	:	#525a64;
	Light Gray	: 	#9e9e9e
	Blue		: 	#015c9c;
*/

@import url(reset.css); 
@import url(hacks.css);

/* @group Global Settings
----------------------------------------------------------------------------------- */
body { 
	font : normal small/140% Arial, Verdana, Helvetica, sans-serif;
	background: url("../images/body_bg_tile.jpg") repeat-x scroll left top #FFFFFF;
	color : #525a64;
}
p.smaller {
  font-size: 80%;
}
div.shortcut {
	position:absolute; 
	top: 0px; 
	left: 0px; 
	height:1px;
	overflow: hidden;
	display:block; 
	text-align:left;
}
h1.logo {
	padding-left: 25px;
	padding-bottom:60px;
}

input.text-input {
	border: 1px solid #bbb;
	color: #000;
	padding: 2px 5px;
}
select {
	border: 1px solid #bbb;
	color : #373d3f;
	font-size: 100%;
	background: #fff;
}
.no-display, .globalhide { display: none; }
.right 	{ text-align: right; }
.center 	{ text-align: center; }
.left 	{ text-align: left; }
.fright 	{ float: right; }
.fleft 	{ float: left; }

ul.arrows a {
	background: url(../images/arrows_right_red_pad_top_bg.gif) no-repeat right top;
	padding-right: 10px;
}
small {
	font-size: 80%;
}
/* @end */
/* @group Global Structure
----------------------------------------------------------------------------------- */
.wrapper {
	padding-right: 20px;
	position: relative;
	width: 975px;
}
#quick-nav {
	position: absolute;
	top: 15px;
	right: 20px;
	z-index: 1;
}
.col-main {
	padding: 50px 0 0 0;
	float: left;
	width: 745px;
	position: relative;
	font-size: 85%;
}

.col-side {
	float: left;
	width: 215px;
	padding: 0 0 0 15px;
	font-size: 85%;
}
.col-side .inner {
	padding : 7px 23px 0 12px;
}
.col-main .col-main {
	padding: 0;
}
.col-main .col-side {
	padding: 0;
}

.col-side .second-img {
   padding-top: 10px;
}
/* @end */
/* @group Global Navigation
----------------------------------------------------------------------------------- */
/* quick nav */
#quick-nav {
	text-align: right;
	font-size: 85%;
}
#quick-nav input.text-input {
	font-size : 95%;
	width : 140px;
}
#quick-nav a 			{ text-decoration : none; color : #FFFFFF; font-weight: bold;  }
#quick-nav a:hover 	{ color : #FFFFFF; }

#quick-nav ul {
	float: right;
	padding-top: 2px;
}
#quick-nav li {
	display: inline;
	background: url(../images/vsep_white.gif) no-repeat right 3px;
	padding: 0 10px 0 10px;
}
#quick-nav li.last 	{ background: none; }

#site-search {
	float: right;
	padding-left: 12px;
	padding-right: 43px;
	position: relative;
}
#site-search .text-input {
	margin-top: 1px;
}
#site-search .image-input {
	position: absolute;
	right: 0;
	top: 1px;
}
#dest-advertisements img {
  margin-right: 10px;
}
/* level 1 navigation */
#navigation {
	position: relative;
	z-index: 2;
	/*padding-bottom: 10px;*/
	/*background: url(../images/nav_bg.gif) no-repeat left bottom;*/
	font-size: 110%;
}
#navigation li {
	float : left;
	/* text-indent : -9999px; */
}
#navigation li.first {
	margin-left: 0px;
}
#navigation li a {
	display: block;
	color: #fff;
	line-height: 20px !important;
	height: 35px;
}

#navigation ul.on {
	display: block;
}

#navigation li.nav-home a 		{ width : 89px;  background : url(../images/nav_sprite.png) no-repeat 0px 0px; }
#navigation li.nav-about a 	{ width : 161px;  background : url(../images/nav_sprite.png) no-repeat -89px -0px; }
#navigation li.nav-earn a 		{ width : 79px;  background : url(../images/nav_sprite.png) no-repeat -250px -0px; }
#navigation li.nav-redeem a 	{ width : 102px;  background : url(../images/nav_sprite.png) no-repeat -329px -0px; }
#navigation li.nav-specials a { width : 102px;  background : url(../images/nav_sprite.png) no-repeat -431px -0px; }
#navigation li.nav-status a	{ width : 90px;  background : url(../images/nav_sprite.png) no-repeat -533px -0px;}
#navigation li.nav-account a	{ width : 122px;  background : url(../images/nav_sprite.png) no-repeat -623px -0px;}

#navigation li.nav-home a:hover,
#navigation li.nav-home.on a,
#navigation li.nav-home a.active { 
	background-position: 0px -36px;
}

#navigation li.nav-about a:hover,
#navigation li.nav-about.on a,
#navigation li.nav-about a.active { 
	background-position: -89px -36px;
}

#navigation li.nav-earn a:hover,
#navigation li.nav-earn.on a,
#navigation li.nav-earn a.active { 
	background-position: -250px -36px;
}

#navigation li.nav-redeem a:hover,
#navigation li.nav-redeem.on a,
#navigation li.nav-redeem a.active { 
	background-position: -329px -36px;
}

#navigation li.nav-specials a:hover,
#navigation li.nav-specials.on a,
#navigation li.nav-specials a.active { 
	background-position: -431px -36px;
}

#navigation li.nav-status a:hover,
#navigation li.nav-status.on a,
#navigation li.nav-status a.active { 
	background-position: -533px -36px;
}

#navigation li.nav-account a:hover,
#navigation li.nav-account.on a,
#navigation li.nav-account a.active { 
	background-position: -623px -36px;
}

#navigation li.nav-velocity.on a:hover {
	background-position : 0 -60px;
}

#navigation li a span { display : none; }

/* level 3 navigation */
#navigation li ul.l2 {
	position: absolute;
	top: 35px;
	width: auto;
	border: 1px solid #cacaca;
	width: 180px;
	display: none;
}
#navigation li ul.l2.on { display: block; }

#navigation li ul.l2 li {
	display : block;
	float : left;
	position : relative;
	width : 180px;
	background : #ebebeb url(../images/h_dash_gray.gif) repeat-x left bottom;
	padding-bottom: 1px;
	margin-left : 0px;
}
#navigation li ul.l2 li a {
	text-decoration : none;
	color: #2e343a;
	width: 156px;
	height: auto;
	padding: 1px 15px 1px 9px;
	background-image : none;
	background-color: #ebebeb;
	font-weight : normal;
	margin : 0;
	font-size : 85% !important;
}
#navigation li ul.l2 li.last {
	background-image : none;
	padding-bottom : 0px;
}
#navigation li ul.l2 li.parent a {
	background : transparent url(../images/nav_arrow.gif) no-repeat;
	background-position: right center;
}
#navigation li ul.l2 li a:hover,
#navigation li ul.l2 li.on a,
#navigation li ul.l2 li a.active,
#navigation li ul.l2 li ul.l3 li a:hover,
#navigation li ul.l2 li ul.l3 li.on a {
	background-color : #fff;
	color : #D6083B;
	background-position: right center;
	cursor : pointer;
}
/* level 4 navigation */
#navigation li ul.l2 li ul.l3 {
	position : absolute;
	top : -1px;
	left : 180px;
	border : 1px solid #cacaca;
	z-index : 2;
	display : none;
}
#navigation li ul.l2 li ul.l3.on {
	display : block;
}

#navigation li ul.l2 li ul.l3 li {
	margin : 0;
	padding : 0px 0px 1px 0px;
	background-image :  url(../images/h_dash_gray.gif);
	background-position : bottom left;
	background-repeat : repeat-x;
}
#navigation li ul.l2 li ul.l3 li.last {
	background-image : none;
}
#navigation li ul.l2 li ul.l3 li a {
	color : #2e343a;
	padding-bottom : 1px;
	background-color : #ebebeb;
	background-image : none;
}
#navigation li ul.l2 li ul.l3 li.last a {
	background-image : none !important;
	padding-bottom : 0px;
}
.sub-right {
	position: absolute;
	right: 160px;
	top: 0;
	background: none !important;
}
/* @end */
/* @group Global Page Banner
----------------------------------------------------------------------------------- */
.page-banner a {
	color: #00549f;
}
/* @end */
/* @group Global Login
----------------------------------------------------------------------------------- */
.login-outer {
	margin-bottom: 10px;
	position: relative;
}
.login-outer .cnr-hack {
	position: absolute;
	top: 2px;
	left: 0;
	display:none;
}
body.home .login-outer {
	float: left;
}
.login {
	font-family: Arial, Helvetica, sans-serif;
	width: 195px;
	height: 197px;
	position: relative;
	background: transparent url(../images/login/login_bg.png) no-repeat left top;
	float: left;
}
.login .login-inner {
	height: 182px;
	padding: 11px 15px 0 15px;
}
.login.active .login-inner {
	height: 187px;
	padding: 10px 15px 0 15px;
}
body.home .login {
	background: transparent url(../images/login/login_home_bg.png) no-repeat left top;
}
.login h2 {
	margin-bottom: 6px;
	color: #D6083B;
	font-weight: bold;
}
.login.mcc h2 {
	line-height: 110%;
}
.login input {
	font-size: 100%;
}
.login input#go {
	padding-bottom: 2px;
}
.login input.text {
	width: 161px;
	border: 1px solid #b9b7b9;
	margin-bottom: 6px;
	padding: 2px 1px;
	color: #606060;
	height: 14px
}
.login strong {
	font-weight: bold;
}
.login ul {
	background: transparent url(../images/login/x_sep_tile_bg.gif) repeat-x left top;
	padding-top: 7px;
}
.login li {
	list-style-type: none;
	line-height: 120%;
	margin-bottom: 4px;
}
.login a {
	text-decoration: none;
	color: #D6083B;
	font-weight: bold;
}
.login a:hover {
	text-decoration: underline;
}
/*
.login .girl {
	background: url(../images/login/girl.gif) no-repeat left bottom;
	width: 74px;
	height: 123px;
	position: absolute; 
	bottom: 0;
	right: -7px;
} */

.login.mcc p {
	margin-bottom: 4px;
}
#customer_pass.blank {
	background: #fff url(../../../../cms/fragments/velocity_frag_header/images/login/password_bg.gif) no-repeat scroll left center;
}
/* logged in */
.login.active {
	background: url(../images/login/login_active_bg.jpg) no-repeat left top;
}
body.home .login.active {
	margin-bottom: 0px;
}
.login.active .login-inner {
	background: url(../images/login/login_active_bot_bg.jpg) no-repeat left bottom;
	position: relative;
}
body.home .login.active .login-inner {
	background: none;
}
body.home .login .panel,
#content-b .login .panel {
	background: url(../images/login/panel_top_bg.gif) no-repeat left top;
	margin-bottom: 4px;
	padding-top: 2px;
	line-height: 130%;
}
body.home .login .panel-inner,
#content-b .login .panel-inner {
	background: url(../images/login/panel_bot_bg.gif) no-repeat left bottom;
	padding: 3px 6px 5px 6px;
}
.login.active ul {
	background: none;
	margin-top: 5px;
	padding-top: 0;
	padding-top: 0;
}
.login.active ul li {
	line-height: 110%;
}
.login .panel dt {
	float: left;
}
.login .panel dd {
	float: right;
	color: #D6083B;
	font-weight: bold;
}
.login .panel dt.status {
	height: 20px;
	width: 110px;
}
.login .panel dd.status {
	height: 20px;
}
.btn-logout {
	position: absolute;
	right: 3px;
	bottom: 4px;
	height: 19px;
	width: 101px;
}
/* @end */
/* @group Global Choc Bar
----------------------------------------------------------------------------------- */
.choc-bar {
	background: url(../images/chocbar/choc_panel_bg.png) no-repeat left top;
	width: 206px;
	height: 208px;
	padding: 12px 0 0 4px;
	margin: 10px 0 6px 0;
}
.choc-bar h2 {
	padding-left: 7px;
	margin-bottom: 6px;
}
.choc-bar ul li {
	display: inline;
}
.choc-bar ul li a {
	display: block;
	width: 90px;
	height: 55px;	
	background-color: transparent;
	background-repeat: no-repeat;
	float: left;
	margin-bottom: 5px;
	margin-right: 5px;
}
.choc-bar ul li a span {
	display: none;
}
.choc-bar li.choc-domestic a { background-image: url(../images/chocbar/btn_choc_sprite.png); background-position: 0 0; }
.choc-bar li.choc-international a { background-image: url(../images/chocbar/btn_choc_sprite.png); background-position: 0 0; }
.choc-bar li.choc-flights a:hover { background-position: -282px -61px; }
.choc-bar li.choc-flights a { background-image: url(../images/chocbar/btn_choc_sprite.png);  background-position: -282px -6px; }
.choc-bar li.choc-cruises a:hover { background-position: -372px -61px; }
.choc-bar li.choc-cruises a { background-image: url(../images/chocbar/btn_choc_sprite.png);  background-position: -372px -6px; }
.choc-bar li.choc-hotels a:hover { background-position: -102px -61px; }
.choc-bar li.choc-hotels a { background-image: url(../images/chocbar/btn_choc_sprite.png);  background-position: -102px -6px; }
.choc-bar li.choc-car a:hover { background-position: -12px -179px; }
.choc-bar li.choc-car a { background-image: url(../images/chocbar/btn_choc_sprite.png);  background-position: -12px -124px; }
.choc-bar li.choc-shopping a:hover { background-position: -12px -61px; }
.choc-bar li.choc-shopping a { background-image: url(../images/chocbar/btn_choc_sprite.png);  background-position: -12px -6px; }
.choc-bar li.choc-holidays a:hover { background-position: -192px -61px; }
.choc-bar li.choc-holidays a { background-image: url(../images/chocbar/btn_choc_sprite.png);  background-position: -192px -6px; }
/* @end */
/* @group Account
----------------------------------------------------------------------------------- */
.account-nav {
	width: 210px;
	background: #fff url(../images/account/nav_bg.gif) no-repeat left top;
	margin-top: 13px;
	margin-bottom: 8px;
}
.account-nav h2 {
	background: transparent url(../images/account/h_dash_bg.gif) repeat-x left bottom;
	width: 163px;
	padding: 13px 15px 13px 13px;
	margin-left: 3px;
	text-align: center;
}
.account-nav ul {
	background: transparent url(../images/account/nav_bot_bg.gif) no-repeat left bottom;
	padding-left: 3px;
	padding-bottom: 7px;
}
.account-nav ul li {
	
}
.account-nav ul li a {
	display: block;
	width: 178px;
	padding-left: 13px;
	background: #fff url(../images/account/nav_btn_bg.gif) repeat-x left top;
	height: 24px;
	padding-top: 4px;
	text-decoration: none;
	color: #00549f;
	font-weight: bold;
}
.account-nav ul li span {
	display: block;
	width: 178px;
	padding-left: 13px;
	background: #fff url(../images/account/nav_btn_bg.gif) repeat-x left top;
	height: 24px;
	padding-top: 4px;
	text-decoration: none;
	color: #D6083B;
	font-weight: bold;
}
.account-nav ul li a:hover {
	color: #fff;
	background-position: left bottom;
}
/* @end */
/* @group Global Points Calc
----------------------------------------------------------------------------------- */
.points-calc {
	background: url(../images/points_calc_bg.gif) no-repeat left top;
	width: 173px;
	height: 82px;
	padding: 9px 11px;
	margin-bottom: 8px;
}
.points-calc h2 {
	margin-bottom: 4px;
}
.points-calc select {
	width: 100%;
	font-size: 100%;
	margin-bottom: 4px;
}
/* @end */
/* @group Side Col Extras
----------------------------------------------------------------------------------- */
.col-side .banner {
	margin-bottom: 5px;
	width: 195px;
	text-align: center;
}
.col-side .logos {
	width: 195px;
	line-height: 140%;
}
.col-side .logos img {
	margin: 3px 3px;
}
/* @end */
/* @group Global Content
----------------------------------------------------------------------------------- */
.content-col {
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
}
.content-col a {
	/*color: #D6083B;*/
	text-decoration: none;
}
.content-col a:hover {
	text-decoration: underline;
}
/* scroll boxes */
div.scroll {
	overflow: auto;
	padding-right: 10px;
}
/* buttons */

/* arrows */
.arrows {
	padding-right: 10px;
	background-position: right 5px;
	background-repeat: no-repeat;
}
.arrows-right a {
	display: block;
	line-height: 120%;
	float: right;
}
/* @end */
/* @group Content Col A
----------------------------------------------------------------------------------- */
#content-a {
	/* color: #373d3f; */
	line-height: 140%;
}
/* @end */
/* @group Global Footer
----------------------------------------------------------------------------------- */
.footer strong {
	font-weight: bold;
}

.footer {
	padding: 33px 0 11px 15px;
	padding-top : 40px;
	background : #fff url(../images/foot_curve.gif) no-repeat bottom right;
	font-size : 85%;
	line-height : 140%;
	color : #9e9e9e;
}
.footer.footer-vb {
	background : #fff url(../images/foot_gradient.gif) no-repeat right top;
	margin-top: 10px;
	padding-top: 13px;
	padding-left: 19px;
	padding-right: 3px;
	width: 951px;
}
.footer.footer-vb img {
	float: right;
	padding-left: 0px;
}
.footer.footer-vb .info {
	float: left;
	padding-top: 2px;
	width:343px;
}

/* logos */
.footer .logos { float:right; }
.footer .logos a { float:left; } 
.footer .logos img { float:left; }
.footer .logos .loyalty { margin-top: 22px; }
.footer .logos .vaustlogo { }
.footer .logos .valogo { }
.footer .logos .pblogo { }
.footer .logos .polylogo { }

#bh-footer.footer {
	margin-bottom: 8px;
}
.footer ul {
	margin-bottom : 5px;
}
.footer .links {
	padding-left : 2px;
}
.footer .links li {
	display : inline;
	background : url(../images/vsep_hlist.gif) no-repeat right center;
	padding : 0 5px;
}
.footer .links li.first {
	padding-left : 0;
}
.footer .links li.last {
	background : none;
}
.footer .links a {
	color: #787878;
	text-decoration: none;
}
.footer .links a:hover {
	text-decoration: underline;
}
.copy {
	font-size: 90%;
	padding-left: 2px;
}
/* @end */
/* hide print logo */
#print-logo {
	display: none;
}

.nav-bottom {
	background : url(../images/homepage_tab_btm.gif) no-repeat left center;
	width:745px;
	height:8px;
	display:block;
	margin:0 !important;
	padding:0 !important;
}

/** new style for benefits accordian menu **/
.benefit-style {
	background: url(../images/sections/bg_cellsdivider_white.gif) no-repeat scroll right 10px;
	border-width: 1px;
	border-spacing: 0px;
	border-color: #e0e0e0;
	border-style: solid;
	border-collapse: collapse;
}

.benefit-style th {
	background-color: #8a8f92;
	color: #FFFFFF;
    text-align: center;
	padding: 10px 0px;
	border-width: 0px;
}


.benefit-style  last  {
  background: none;
}

.levels-heading  {
	background: url(../images/sections/bg_levels_header.gif) no-repeat scroll left top;
	height:31px;
	width: 517px;
}
.levels-heading td{
  padding: 7px 10px 0 15px;
  font-weight: bold;
  cursor: pointer;
}

.button.close_button, .button.more_button {
  float: right;
  width: 36px;
  font-size: 0.95em;
  text-align: left;
  font-weight: normal;
  cursor: pointer;
}

.button .icon  {
  color: #be0f34;
  padding-right: 5px;
  display: inline-block;
  width: 7px;
}

.button.hide_button , .button.show_button{
  float: left;
  background: url(../images/sections/bg_cells_divider.gif) no-repeat right top;	
  padding-left: 3px;
  padding-right: 8px;
  color: #be0f34;
  width: 12px;
  text-align: center;
  cursor: pointer;
}

td.line {
 background: url(../images/sections/bg_cells_divider.gif) no-repeat left 5px;	
  border-bottom: 1px solid #e0e0e0;
  width: 65px;
  text-align: center;
  cursor: pointer;
}


#accordion .line dl {
  padding-left: 35px;
}

#accordion .line dd {
  padding: 5px 0;
}

td.firstBenefits {
 padding: 5px;
 border-bottom: 1px solid #e0e0e0;
  cursor: pointer;
  width: 250px;
}

td.membershipRow {
 padding: 5px;
 border-bottom: 1px solid #e0e0e0;
 cursor: pointer;
  width: 480px;
}

.headings {
 background: url(../images/sections/bg_cells_divider.gif) no-repeat left 5px;	
  width: 50px;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 15px
}

table#accordion {
  border-collapse: collapse;
}

.accordion_heading {
  float: left;
}