/*	JUSTINS	*/ 
body {font-family:Arial, Helvetica, sans-serif; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background-image: url(../images/blueline.gif); background-repeat: repeat;	background-position: left top; width:99%; }
#home{background-image:none;width:auto}
.bodycopy {font: 0.7em Arial, Helvetica, sans-serif; color: #000000;background-color:transparent;}
.bodycopybold {/*font-weight: bold;*/}
.bodycopyblue { font: 0.7em Arial, Helvetica, sans-serif; color: #0000FF;background-color:transparent; }

.boxtitle { font: bold 16px Arial, Helvetica, sans-serif; color: #1B4E38;background-color:transparent; }
.titleCase{	font: bold 15px Arial, Helvetica, sans-serif; color: #003366;background-color:transparent; }
.whitetext { font: 0.8em Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none;background-color:transparent; }
.portalheaderwhite {color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 0.9em; text-decoration: none; padding: 0px 0px 0px 10px;background-color:transparent;}

.fixAccessLink{display:none; }
.portaltext {font:10px Arial, Helvetica, Verdana, San-Serif; margin:0px; padding:0px }

img { border: 0px;}

.navholder1 { /*height:81px; padding: 0px 0px 0px 0px;*/ }
.navholder2 { /*width:100%;*/ }
.navholder3 { height:45px; }

/* /////////////////////// Main Navigation Starts //////////////////////// */ 
/* Places main navigation */
#nav { width:100%; background-color: #3399CC; height:20px; position:relative; left:0px; }
#navcontainer1 { width:100%; /*height:19px;*/ /*padding-top:2px;*/ padding:3px 0px }
#navcontainer1 UL {	DISPLAY: inline; LIST-STYLE: none; MARGIN: -40px; }
#navcontainer1 LI {	DISPLAY: inline; LIST-STYLE: none; MARGIN-right: -3px; }
#navcontainer1 A { text-transform:uppercase;font-weight:bold; height:100%; padding: 5px 10px 5px 10px; TEXT-DECORATION: none; border-right:1px solid #ffffff; }
#navcontainer1 { FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px }

#navcontainer1 A { BACKGROUND-COLOR: #3399CC; COLOR: #ffffff }
#navcontainer1 A:hover { BACKGROUND-COLOR: #006699; COLOR: #ffffff }
#navcontainer1 A.oSelected { BACKGROUND-COLOR: #006699; COLOR: #ffffff }

#navcontainer1 A.oSelected:hover { BACKGROUND-COLOR: #006699; COLOR: #ffffff }
/* /////////////////////// Main Navigation Ends //////////////////////// */ 



/* /////////////////////// Second Level Navigation Begins//////////////////////// */ 
/* Top Blue Bar */
#topblue { height:18px; background: #D8E8F8; width:100%; font: normal 10px Arial, Helvetica, sans-serif; color: #000066; }
#secondnav { width:100%; height:18px; text-align: left; padding: 5px 0px 1px 0px; margin: 0px 0px 0px 0px; }
#secondnav UL { display: inline; list-style: none; margin: -1px; }
#secondnav LI { display: inline; list-style: none; margin: -1px; }
#secondnav A { width:100%; height:18px; text-decoration: none; padding: 5px 10px 5px 10px; margin: 0px; border-right:1px solid #ffffff; background-color: #d8e8f8; color: #006699; }
#secondnav { font-family: arial, helvetica, sans-serif; font-size: 11px; }

#secondnav A:hover { background-color: #006699; color: #ffffff; }
#secondnav A.oSelected { background-color: #d8e8f8; color: #ffffff; }

#secondnav A.oSelected:hover { background-color: #d8e8f8; color: #ffffff; }
/* /////////////////////// Second Level Navigation Ends//////////////////////// */ 

#menu a, #menu h2{ font:11px arial,helvetica,sans-serif; text-align:center; display:block;  border-color:#ffffff #ffffff #ffffff #ffffff; margin:0px; padding:0px; height:20px; padding-top:4px; text-align:left; padding-left:4px;}
#menu h2 { border-bottom:0px; }
.menuborder { border:1px solid #000000; border-top:0px; text-align:left;}
#menu h4 {font:11px arial,helvetica,sans-serif; text-align:center; display:block; margin:0px; padding:0px; height:20px; padding-top:4px; text-align:left; padding-left:4px; }
#menu .menuborder li a{text-align: left; font-weight: normal;white-space:normal;width:9.40em;height:auto}
#menu .menuborder ul {width:6.85em;}


/* /////////////////////// Side Links Start //////////////////////// */ 

/**************************************************************************************************
.sidelinks { font: bold 12px Arial, Helvetica, sans-serif; text-decoration: none; color: #003366; }
.sidelinkssub { font: normal 11px Arial, Helvetica, sans-serif; text-decoration: none; color: #003366; }
.tdsideh { height:30px; }

Side Links re-written 14-12-2006	Nigel Francois
***************************************************************************************************/
.sidelinks {
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #003366;background-color:transparent;
}
.sidelinkssub {
	font: normal 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #003366;background-color:transparent;
}
.tdsideh {
	/*height:30px; */
	padding:7px 10px 7px 15px;
}

.tdsideheader {
	padding:7px 10px 7px 8px;
}
/* /////////////////////// Side Links Ends  //////////////////////// */ 


/* top links positioner */
.topbuttons { width:400px; padding: 8px 10px 8px 0px; }
/* top link holder */
#toplinks {
	font: normal 10px Arial, Helvetica, sans-serif; color: #002163; border-width: 1px;
}
/* small links */
.smalllink { font: normal 1em Arial, Helvetica, sans-serif; color: #0000FF; top: 26px; text-decoration: underline;background-color:transparent; }
.smalllinkhelp { font: normal 1em Arial, Helvetica, sans-serif; color: #002163; top: 26px; text-decoration: underline;background-color:transparent; }

/* LOG OUT BUTTON */
.logbut {border: 1px solid #336699;width: 65px;font: normal 0.7em Arial, Helvetica, sans-serif;text-decoration: none;color: #336699;font-weight: bold;	height:22px; padding: 2px 4px 0px 7px; background: #FFCC66; line-height: 19px; margin-right:10px }

/* MAIN BUTTON */
.mainbut {text-transform:uppercase;border: 1px solid #336699;font: normal 0.7em Arial, Helvetica, sans-serif;text-decoration: none;color: #336699;font-weight: bold;	padding: 2px 4px 2px 7px; background: #FFFFFF; line-height: 18px; }

/* page title */
#title {
	font: bold normal 15px Arial, Helvetica, sans-serif;	color: #003366;
}
/* terms and conditions holder box */
#cc {
	font: normal 10px Arial, Helvetica, sans-serif;	text-align: center;	color: #003366;	position:relative; top:0px; left:110px;	width:690px;	padding: 0px;background-color:transparent;
}

#cclogo {
	font: normal 10px Arial, Helvetica, sans-serif; text-align: center; color: #003366; position:relative; top:20px; right:230px; width:60px; left: 15px; padding: 0px;background-color:transparent;
}


/* MAIN CONTENT BOXES */
.header1 h1,.header2 h1,.header3 h1,.header5 h1
{
	margin:0px; line-height: 18px; font-size: 12px; font-weight: bold; color: #1B4E38; padding: 0px 8px 0px 8px;background-color:transparent;
}
.border01 {
	background: #E2EDF8; padding: 8px 10px 10px;
}

.border02 {
	background: #FFFFFF; padding: 8px 10px 10px; border: 2px solid #E2EDF8;
}
.border03 {
	background: #FFFFFF; padding: 0px 10px 10px;
}
h3 {font: bold 0.7em Arial, Helvetica, sans-serif; color: #ffffff; padding:0px 0px 0px 10px; margin:2px 3px 2px 0px;background-color:transparent;}
.toph{
height:81px;
}
.logo
{
	background-color: #FFFFFF;
}

/* ADDED 24/11/05 */
h1 {
	font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color: #003366; padding:5px 0px 0px 0px;background-color:transparent;
}
h2 {
	font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; color: #003366; padding:15px 0px 0px 0px;background-color:transparent;
}


.boxPad {
padding:0px 5px 0px 5px;
}
.pipePad {
padding:0px 5px 0px 5px;
}

#intro { width:100%; padding:3px 0px 3px 0px; position:relative; top:5px;}

.portW1 {width:155px;}
.portW2 {width:10px;}

br
{
	line-height: 10px;
}


/*********************************************************************************************************************
	
	Developer:		Nigel Francois http://www.intro-net.co.uk
	Date:			08-12-06	
	Change 1:		Colour boxes (header & Text) now use style classes instead of HTML bgcolor attributes
	Change 2:		Created a new CTA button (that works in WIN-IE5) - it uses the <UL> tag and is a block element
	Change 3:		Created a Windows & MAC friendly CSS dropdown menu
	
**********************************************************************************************************************/
H1{text-transform:uppercase}

#main-copy br, #main-copy p, #main-copy li{line-height:normal}
#main-copy P, #main-copy li {font: 0.7em Arial, Helvetica, sans-serif}
#main-copy P, #main-copy OL, #main-copy UL {margin:0px 0px 6px 0px;padding:0px}
#main-copy li{margin:0px 0px 0px 12px;line-height:14px; padding-left:0px}
#main-copy UL{list-style:square;}
#main-copy OL li{margin-left:18px;}
#main-copy P A.mainbut {font-size:1.0em;float:left;clear:left;margin-bottom:6px ;padding: 0px 4px 0px 7px;}
#main-copy SUP{position:relative;top:0.2em;}
h1 {padding:0px;margin-top:15px}
#main-copy H1{margin:0px 0px 6px 0px;text-transform:uppercase}
#content-header{height:100px;margin-bottom:20px}
#cc {width:auto;left:0px;margin:0px 165px 0px 125px}
.mainbut {margin-top:2px;}

.noscript-msg P{display:block;font-size:0.8em;color:#cc0000}
noscript{font-family:Arial, Helvetica, sans-serif}

.box-title-hub, .box-title{color:#ffffff;border-bottom:solid 1px #ffffff;font-weight:bold;padding:2px 10px;font-family: Arial, Helvetica, sans-serif;text-decoration: none;text-transform:uppercase;background-color:transparent;}
.box-title-hub{background-color:#FCB85B}
.box-title-hub H2, .box-title H2{font-size:0.7em;color: #FFFFFF;margin:0px;padding:0px;background-color:transparent;}
.box-text, .box-text-hub{padding:7px 10px 10px 10px;font-family: Arial, Helvetica, sans-serif;border-bottom: solid 10px #ffffff}
.box-text_norm {padding:7px 10px 10px 10px;font-family: Arial, Helvetica, sans-serif;background-color:#e7edf0;}
.box-text-hub{background-color:#FEE9CC}

.personal-cards .box-title{background-color:#164B6D}
.personal-cards .box-text{background-color:#EAF2F5}

.merchants .box-title{background-color:#1B4E38}
.merchants .box-text{background-color:#E8EDEB}

.corporations .box-title{background-color:#007CC2}
.corporations .box-text{background-color:#E8EDEB}

.travel .box-title{background-color:#5160A6}
.travel .box-text{background-color:#E7EDF0}

.generic .box-title{background-color:#103349}/*#5D8098*/
.generic .box-text{background-color:#DCE7ED}/*#164B6D*/

#sitemap-content{border-bottom:solid 10px #ffffff;}
.sitemap ul{margin:-10px 0px 10px 0px; list-style-type:none}
.sitemap li{list-style:none;margin:0px 0px 0px 20px}
.sitemap p{margin:0px 0px 10px 0px}
.sitemapBG{background-color:#DCE7ED}
.sitemapBG .box-text{border:none}

.green-credit-card-title{background-color:#8CBDA8 !important;}
.green-credit-card-text{background-color:#E8F2ED !important;}

.gold-credit-card-title{background-color:#D8CFAF !important;}
.gold-credit-card-text{background-color:#F8F5EF !important;}

.spacer-10{width:10px !important; min-width:10px;; max-width:10px; font-size:1px}
.float-left{float:left;display:inline;}

.login-header{float:right;}

.clear-Div{clear:both;font-size:1px;height:1px}

.button-link ul {font: normal 1.21em Arial, Helvetica, sans-serif;font-weight:bold;margin:0em;padding:0em;list-style:none;margin-bottom:22px}
.button-link li{font-weight:bold;display:inline;margin:0em;}
.button-link li A{font-weight:bold;border:1px solid #336699; text-decoration:none;padding-bottom:0.1em;background-color:#FFCC66;color:#00549A;padding:0.2em 0.5em 0.2em 1.2em ;background-image:url(../images/arrow_personal.gif); background-repeat:no-repeat; background-position:0.4em 0.5em}
* html .button-link{margin:0em;}
* html .button-link li{display:inline;margin:0em;width:auto;float:left;}
* html .button-link li A{display:block;background-color:#FFCC66;color:#00549A;font-weight:bold;padding:0.2em 0.5em 0.2em 1.2em  ;background-image:url(../images/arrow_personal.gif); background-repeat:no-repeat; background-position:0.4em 0.5em}
.clear-button{clear:both;font-size:1px}

/* CSS dropdown */
#navbar{font: 0.7em Arial, Helvetica, sans-serif;background-color: #D8E8F8;height:22px;padding-left:10px;}
.navbar-spacer{height:22px}
* html #navbar{height:15px;}
* html .navbar-spacer{height:19px;}
#cssdropdown, #cssdropdown ul {padding: 0;margin: 0;list-style: none;}
#cssdropdown li {float: left;position: relative;}
.mainitems, .mainitemsOver{list-style: none;}
.mainitems a, .mainitemsOver a{text-decoration: none; display:block;padding:4px 12px 4px 12px; color:#003366;white-space:nowrap}
#selected-Area a, .mainitems a:hover, .mainitemsOver a{background-color:#ffffff; color:#003366}
.subuls {display: none;width: 200px;position: absolute;top: 22px;left: -1px;background-color: #ffffff ;padding: 0;margin: 0;border: 1px solid #003366;}
.subuls li{width: 100%;}
.subuls li a{text-decoration: none; display:block; padding:3px 6px 3px 12px;color:#003366;white-space:normal}
.subuls li a:hover, .noscript-Menu a:hover{ background-color:#0c84bb;color:#ffffff;}
* html .subuls li a{width:100%;}
/* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
#cssdropdown li>ul {top: auto;left: auto;}
/* lists nested under hovered list items */
/*#cssdropdown li:hover ul, li.over ul {display: block;}*/


.noscriptBG{background-color: #D8E8F8;margin-left:-10px}
.noscript-Menu{font-size:1.0em;}
.noscript-Menu UL,.noscript-Menu LI{float:left;width:150px;list-style: none;margin:0px;padding:0px}
.noscript-Menu LI{margin:0px;white-space:normal;display:block}
.noscript-Menu a{;display:block;text-decoration:none;padding:2px 10px 2px 10px;white-space:normal;color:#003366;background-color:transparent;}
.noscript-Menu a:hover{background-color:#0c84bb;color:#ffffff;}


#tabsholder{font-size:11px; float:left;margin-top:9px; text-align:left; }
#tab1 {float:left;border: 1px solid #5D8098;}
.tabbut1 {text-decoration: none;color: #5D8098;	font-weight: bold;padding: 3px; vertical-align: middle;}
#tab2 {float:left;margin-left:20px; border: 1px solid #333A4C; }
.tabbut2 { text-decoration: none; color: #333A4C; font-weight: bold; padding:3px; vertical-align: middle;}
#bannerLinks{float:left;margin:-19px 0px 0px 10px;width:540px; background-color:#FFFFFF}
A.bannerlink{font-size:11px;font-family:Verdana, Arial, Helvetica, San-Serif;text-decoration: none;font-weight:normal; text-decoration:none; color:#ffffff; text-transform: uppercase; }	
#portals{float:left;width:770px; margin:30px 0px 0px 0px; height:100px; background-color:#FFFFFF;}
#portals P{font:10px Arial, Helvetica, Verdana, San-Serif;margin:10px 0px 0px 0px }

#globalBar {float:left;margin-top:18px;width:654px;}
#countryName{float:left;font-family:Arial,Helvetica, sans-serif;font-weight:bold;font-size:15px;color: #003366; margin-top:0px;white-space:nowrap}
#topLinksHolder{float:right;margin-top:3px}
#homePage{width:770px}
#homePageNavHolder{float:left;width:654px;}
#homePageBannerBox{float:left;width:760px; margin:18px 0px 0px 10px; height: 248px; background-color:#C2CFD7;}
#homePageBanner{float:left;margin:10px 0px 0px 10px}
#homePageBannerRight{background-color:#FFFFFF;float:left;width:200px;height:227px;margin:10px 0px 0px 0px;}
#homePageBannerWhite{background-color:#FFFFFF;float:left;width:200px;height:227px;margin:10px 0px 0px 0px;}
#banner-link-1{float:left;text-align: center; width:180px;padding:3px 0px; background: #697988; border-top: 0px; text-transform: uppercase;}
#banner-link-2,#banner-link-3{float:left;margin-left:1px;float:left;text-align: center; width:179px;normal;padding:3px 0px; background: #697988; border-top: 0px; text-transform: uppercase;}
/* portal box width amended from 166px to 127px - mar 8 2007  original margins: 0px 15px 0px 10px; */
/* 12 march 07 - the width of Portal is set here, but also as inline styles in home.html due to varying button lengths, they otherwise break the layout */
.portalBox{width:127px;float:left;margin:0px 15px 0px 10px; height:100px}
.portalBox .mainbut{background-image:url(../images/dark_arrow.gif); background-repeat:no-repeat; background-position:10px 6px}
.portalBox .mainbut .boxPad {padding:0px 5px 0px 15px;}
#portals .divider{float:left;background-color:#336699;width:1px; font-size:1px;height:100px}
#homePageFooter{float:left;width:770px;margin:25px 0px}
#homePageFooter #cc{margin:0px 50px 0px 50px}
.homePageBannerWhitePadding{padding:10px;}
.homePageBannerWhitePadding FORM{font-size:11px;font-family: Arial, Helvetica, sans-serif;font-weight:bold; }

.smalllinkhelp {font-size:10px;font-family: Arial, Helvetica, sans-serif; color: #002163; text-decoration: underline; }
.smalllink1 { font: normal 10px Arial, Helvetica, sans-serif; color: #999999; right: auto; top: 26px; text-decoration: underline; }
.smalllink2 { font: normal 10px Arial, Helvetica, sans-serif; color: #000000; right: auto; top: 26px; text-decoration: underline; }



FORM{display:inline}
#homePageBannerWhite SELECT{
	display: block;
	font-size: 12px;
}
#homePageBannerWhite input {width:175px;}
#homePageBannerWhite select {margin:5px 0px ;width:179px}
#homePageBannerWhite P{margin:5px 0px}


.divider {
	font-size:10px;
	color: #999999;
}

/**************/ 
/*** HEADER ***/
/**************/
div#ui {background:url(../images/bg-ui.gif) repeat-x 0 0; margin:0; padding:0;}
div#ui-header {margin:0; padding:0}
div#ui-header h1 {position:absolute; top:0; left:0; margin:0; padding:0}
div#ui-header h1 {width:116px; height:81px; display:block; background:white url(../images/img_bluebox.gif) no-repeat}
div#ui-header h1 a {display:block; padding-top:81px; overflow:hidden; position:relative; top:0;	left:0; width:116px;	height:0px; text-decoration:none}
* html div#ui-header h1 a {display:block; padding-top:81px; overflow:hidden; position:relative; top:0;	left:0; width:116px;	height:81px; text-decoration:none}

div#ui-header header {margin:0; padding:0}
div#header-nav {height:18px; width:100%; margin:0; padding:0; min-width:770px; background-color:#408ADA;}
div#header-nav ul {margin:0 0 0 116px; list-style:none; padding:0}
div#header-nav ul li {display:inline; float:left}
div#header-nav ul li a {float:left; font:bold 11px Arial, Helvetica, sans-serif; display:block; height:18px; line-height:18px; margin:0; padding:0 5px; color:white; border-right:1px solid white; text-decoration:none}
div#header-nav ul li a:hover, div#header-nav ul li a.active, 
div#header-nav ul li a:hover, div#header-nav ul li a.active, 
div#header-nav ul li a:hover, div#header-nav ul li a.active, 
div#header-nav ul li a:hover, div#header-nav ul li a.active, 
div#header-nav ul li a:hover, div#header-nav ul li a.active{background:#069}
div#wrapper {height:100px; width:auto}

div#header-title {
	font-size: 0.70em;
	x-background: white;
	background: lime;
	display: block;
	width: 100%;
	float: left;
	height: 15px;
	margin: 10px 0;
	padding: 0;
	min-width: 770px;
}

div#header-title h2 {
	margin: 0;
	padding: 0;
	width: 300px;
	height: 17px;
	position: absolute;
	top: 30px;
	left: 115px;
	color: #036;
	font: normal 1.6em Arial,Helvetica,sans-serif;
	background-color: turquoise;
}

div#header-title ul {list-style:none; float:right; height:30px; margin:0 10px 0 0; padding:0!important; padding:3px 0 0 0; width:auto}
div#header-title ul li {display:inline; color:#036; font:400 .8em Arial,Helvetica,sans-serif}
div#header-title ul li img {position:relative; top:6px; right:0; margin:0; padding:0}
div#header-title ul li a:link, div#header-title ul li a:hover, div#header-title ul li a:visited {color:#036; font:normal 1em Arial,Helvetica,sans-serif; text-decoration:underline}
div#header-title ul {margin:0 5px 0 0;float:right;}
div#header-title span#button-login {display:inline; width:auto; float:right; margin:0; padding:0;position:relative;top:-15px;} 
div#header-title span#button-login a {font-size:1.3em;text-decoration:none; color:#369; font-weight:bold ;display:block; width:auto; border:1px solid #036; background:#fbcf65 url(../images/arrow-blue.gif) no-repeat 10px center; padding:0 5px 0 20px;}

a.button {white-space:nowrap;float:left;text-decoration:none; font-weight:bold; color:#369; border:1px solid #369; padding:2px 5px 2px 20px!important; margin:0px; width:auto; height:auto; background:white url(../images/bt-arrow.gif) no-repeat 10px 5px; text-decoration:none!important;font-size:0.7em}
* html a.button {0 0 6px 9px;} /*	IE 5-6 adjustment	*/