html { background: #b2b3b5; }
body { margin-top:0px; margin-bottom:10px; background: #b2b3b5; color:#666; text-align:center; height:100%; }

.SiteWidth { width: 1002px; background-color:#fff; }
#Content { width:972px; margin:0px auto; text-align:left; padding:10px; height:100%; color: #333; font-family:Verdana, "Times New Roman", Times, serif; font-size: 11px; font-weight: normal; line-height:1.8em; }
.fl {float: left; }
.fr {float: right; }
img { border:0px;}
.Head {font-size:1.2em; color:#70295e; font-weight:bold;}

/*Top Navigation*/
#TopNav { padding:0px; margin:0px; background-color:#d9dadc; color: #000000; text-align:center;}
	#TopNav ul { text-align:center; padding:0px; margin:0px; height:38px; }
	#TopNav li { float:left; padding: 9px 0px; list-style:none; text-align:center; width:125px; }
	#TopNav li a, #TopNav li a:visited { color:#000; text-decoration:none; font-size:1.1em; font-family:verdana, arial, sans-serif; cursor:pointer; }
	#TopNav li a:hover { color:#70295e; text-decoration:underline;}

/* Content Breadcrumbs */

#BreadCrumbs {color: #000;}
a.breadcrumbs:link, a.breadcrumbs:visited {	color: #000;text-decoration: none;}
a.breadcrumbs:active, a.breadcrumbs:hover { color: #000; text-decoration: underline; }
.breadcrumbs_Current { color: #000; }
a.breadcrumbs_Current:link, a.breadcrumbs_Current:visited { color: #000; text-decoration: none; font-weight: bold; }
a.breadcrumbs_Current:active, a.breadcrumbs_Current:hover { color: #000; text-decoration: underline; }
/*

.LoginUser {color: #cadc78;}
a.LoginUser:link, a.LoginUser:visited, a.LoginUser:active, a.LoginUser:hover { color: #cadc78; }
*/

/* Destinations links */

.destinationButtons { text-align:center; width:250px; float:left; }
.destination-col-content {display: block; width: 230px; height: 60px; line-height: 1.1em; font-size: 1em; margin-bottom: 1em; }
.destination-col-content span { display: block;padding: 5px 15px 5px 90px; text-align: left; }
a.destination-col-content:link, a.destination-col-content:visited, a.destination-col-content:active, a.destination-col-content:focus { text-decoration: none; color: black; }
.destination-col-content img {border: 0 none;display: block;}
.destination-col-content form img{display: inline;}


 /********* My Account Tab Bread Crumbs  ********************************/     
#TandCTab, #DestTab{ PADDING-RIGHT: 15px;PADDING-LEFT: 0px; WIDTH: 715px; COLOR: #000; HEIGHT:34px;TEXT-ALIGN: left;margin-top:2px;}
#TandCTab A, #DestTab A {COLOR: #ffffff}

#DestTab .selected_breadcrumb, #DestTab .selected_breadcrumb2, #DestTab .selected_breadcrumb3
{     
    COLOR: #d82323;   
    PADDING-TOP: 5px; 
    BACKGROUND-REPEAT: no-repeat; 
    HEIGHT: 33px;     
    TEXT-ALIGN: center;
    z-index:100;
    position:absolute;
}
#DestTab .selected_breadcrumb 
{     
    BACKGROUND-IMAGE: url(/portals/1/images/tabs/tab1_on.gif);                 
    WIDTH: 75px;
}
#DestTab .selected_breadcrumb2
{     
    BACKGROUND-IMAGE: url(/portals/1/images/tabs/tab2_on.gif);                 
    WIDTH: 110px;
}
#DestTab .selected_breadcrumb3 
{     
    BACKGROUND-IMAGE: url(/portals/1/images/tabs/tab3_on.gif);                 
    WIDTH: 185px;
}

#DestTab #Tab1 {cursor: pointer; left: 0px;}
#DestTab #Tab2 {cursor: pointer; left: 78px;}
#DestTab #Tab3 {cursor: pointer; left: 156px;}
#DestTab #Tab4 {cursor: pointer; left: 234px;}
#DestTab #Tab5 {cursor: pointer; left: 347px;}
#DestTab #Tab6 {cursor: pointer; left: 535px;}
#DestTab #Tab7 {cursor: pointer; left: 613px;}

#DestTab .nonselected_breadcrumb, #DestTab .nonselected_breadcrumb2, #DestTab .nonselected_breadcrumb3 
{     
    PADDING-TOP: 5px; 
    BACKGROUND-REPEAT: no-repeat; 
    HEIGHT: 33px;     
    TEXT-ALIGN: center;
    position:absolute;
} 
#DestTab .nonselected_breadcrumb 
{     
    BACKGROUND-IMAGE: url(/portals/1/images/tabs/tab1_off.gif);          
    WIDTH: 75px;
} 
#DestTab .nonselected_breadcrumb2 
{     
    BACKGROUND-IMAGE: url(/portals/1/images/tabs/tab2_off.gif);          
    WIDTH: 110px;
} 
#DestTab .nonselected_breadcrumb3 
{     
    BACKGROUND-IMAGE: url(/portals/1/images/tabs/tab3_off.gif);          
    WIDTH: 185px;
} 

#TandCTab .selected_breadcrumb, #TandCTab .selected_breadcrumb2, #TandCTab .selected_breadcrumb3
{     
    COLOR: #d82323;   
    PADDING-TOP: 5px; 
    BACKGROUND-REPEAT: no-repeat; 
    HEIGHT: 30px;     
    TEXT-ALIGN: center;
    
    z-index:100;
    position:absolute;

}
#TandCTab .selected_breadcrumb 
{     
    BACKGROUND-IMAGE: url(/portals/1/images/tctabs.gif);                 
    WIDTH: 105px;
}
#TandCTab .selected_breadcrumb2
{     
    BACKGROUND-IMAGE: url(/portals/1/images/tctabs2.gif);                 
    WIDTH: 155px;
}
#TandCTab .selected_breadcrumb3 
{     
    BACKGROUND-IMAGE: url(/portals/1/images/tctabs3.gif);                 
    WIDTH: 195px;
}

#TandCTab .nonselected_breadcrumb, #TandCTab .nonselected_breadcrumb2, #TandCTab .nonselected_breadcrumb3 
{     
    PADDING-TOP: 5px; 
    BACKGROUND-REPEAT: no-repeat; 
    HEIGHT: 30px;     
    TEXT-ALIGN: center;
    
    position:absolute;
} 
#TandCTab .nonselected_breadcrumb 
{     
    BACKGROUND-IMAGE: url(/portals/1/images/tctabs_off.gif);          
    WIDTH: 105px;
} 
#TandCTab .nonselected_breadcrumb2 
{     
    BACKGROUND-IMAGE: url(/portals/1/images/tctabs_off2.gif);          
    WIDTH: 155px;
} 
#TandCTab .nonselected_breadcrumb3 
{     
    BACKGROUND-IMAGE: url(/portals/1/images/tctabs_off3.gif);          
    WIDTH: 195px;
    
} 
#DestTab .AccountTabs { font-size:1.1em; font-family:Arial; height:32px; left:0px;width:730px;} 

#TandCTab .AccountTabs { font-size:1.1em; font-family:Arial; height:32px; left:0px;width:730px;} 

#AllDestinations {border: 1px solid rgb(204, 204, 204); background-color:#f5f5f5; z-index: 0; position: relative; top: -2px; width: 728px;}
#AllDestinations #Dest1{display:block;}
#AllDestinations #Dest2{display:block;}
#AllDestinations #Dest3{display:block;}
#AllDestinations #Dest4{display:block;}
#AllDestinations #Dest5{display:block;}


.sa-airport-grey-bar {
font-size: 1.2em;
width: 722px;
padding: 3px 3px 3px 10px;
background-color: #d5bbc6;
margin-bottom: 2px;
color: #000000;
font-weight: bold;
margin-top:7px;
}

.sa-airport-grey-bar a,  .sa-airport-grey-bar a:visited, .sa-airport-grey-bar a:focus, .sa-airport-grey-bar a:active, .sa-airport-grey-bar a:link{
color:#FFF;
font-size:0.8em;
text-decoration:underline;
}

.sa-airport-grey-bar a:hover {
text-decoration:none;
}

/*-------- padding --------*/

.pad1
{
	padding: 1px;
}

.pad2
{
	padding: 2px;
}



.pad3
{
	padding: 3px;
}

.pad4
{
	padding: 4px;
}

.pad5
{
	padding: 5px;
}

.pad6
{
	padding: 6px;
}

.pad7
{
	padding: 7px;
}

.pad8
{
	padding: 8px;
}

.pad9
{
	padding: 9px;
}

.pad10
{
	padding: 10px;
}

.padleft35
{
  padding-left: 35px;
}

.padtop10
{
  padding-top: 10px;
}

.pad5-bot
{
	padding: 5px 5px 0px 5px;
}

.pad1top10
{
padding: 10px 3px 5px 9px;
	height:360px;
	
}

/*-------- Margins ----------*/

.margintop2px
{
	margin-top: 2px;
}

.margintop4px
{
	margin-top: 4px;
}

.margintop8px
{
	margin-top: 8px;
}

.margintop10px
{
	margin-top: 10px;
}

.margintop12px
{
	margin-top:0px;
}


.margintop13px
{
	margin-top: 13px;
}

.margintop15px
{
	margin-top: 15px;
}

.margintop20px
{
	margin-top: 20px;
}

.margintop30px
{
	margin-top: 30px;
}



.marginleft2px
{
	margin-left: 2px;
}

.marginleft14px
{
	margin-left: 10px;
}

.marginbottom4px
{
	margin-bottom: 4px;
}

.marginbottom8px
{
  margin-bottom:8px;
}

.marginbottom10px
{
  margin-bottom:10px;
}
.marginbottom12px
{
	margin-bottom:12px;
}
.marginbottom15px
{
  margin-bottom:15px;
}

/* REL button styles*/
.bookingbutton .text
{
	height: 28px;
	background-repeat: repeat-x;
	
}

.redleftbtn
{
	background: url(/portals/0/images/Red_BTN_LEFT.png);
	background-position: center;
	width: 12px;
	height: 28px;
}

.redcenterbtn
{
	background-image: url(/portals/0/images/Red_BTN_Centre.png);
	background-repeat: repeat-x;
	background-position: center;
	height: 28px;
	color: #fff;
	font-weight:bold;
}

.redrightbtn
{
	background-image: url(/portals/0/images/Red_BTN_RIGHT.png);
	background-position: center;
	width: 12px;
	height: 28px;
}
/* End of REL button styles*/