/*
-------------------------------------------------------------------------------------------
Cascading StyleSheet for: RBS Black (default.css)
Author:   Alex Sandrey
Created:  29/09/06
Updated:  

History:
	
------------------------------------------------------------------------------------------- */

/* General Structure styles */
body
{
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
#popUpWindow
{
	padding:10px;
}
div#globalWrapper
{
	min-width:760px;
	max-width:1000px;
	text-align:left;
}
#popUpWindow div#globalWrapper
{
	min-width:540px;
	max-width:760px;
}
div#header,
div#footer
{
	float:left;
	width:100%;
}
div#body
{
	width:100%;
	padding-bottom:20px;
	float:left;
}
hr,
#popUpWindow .navigationHeader,
#popUpWindow #accessNavigation,
#popUpWindow #columnLeft,
#popUpWindow #columnRight,
#popUpWindow #footer,
#popUpWindow #JsClose
			{	display:none;	}

/* Access navigation */
.accessNavigation
{
	padding:0;
	margin:0;
}
.accessNavigation li
{
	position:absolute;
	left:-300em;
	top:-300em;
	width:2px;
	height:2px;
}
.accessNavigation li a
{
	color:#fff;
	background-color:#000;
	white-space:nowrap;
	padding:2px 10px;
	border:1px solid #fff;
}
.accessNavigation li a:active,
.accessNavigation li a:focus
{
	position:absolute;
	left:316em;
	top:302.5em;
}
/* Left column controls */
div#columnLeft
{
	float:left;
	width:190px;
}
.columnControlRightAndMain div#columnLeft,
.columnControlMain div#columnLeft				{	display:none;			}

/* Main column Controls */
.columnControlMain div#columnMain				{	margin:0 0 0 20px;		}
.columnControlLeftRightMain div#columnMain		{	margin:0 255px 0 190px;	}
.columnControlLeftBlankRightMain div#columnMain,
.columnControlLeftAndMain div#columnMain		{	margin:0 10px 0 190px;	}
.columnControlLeftBlankRightMain div#columnMain	{	width:535px;			}
.columnControlRightAndMain div#columnMain		{	margin:0 320px 0 20px;	}
.columnControlRightAndMain
{
	background:url("../../images/fade02_bg.gif") top right repeat-y;
	float:left;
	padding-bottom:10px;
}
.rightContentBackground01
{	background:url("../../images/fade03_bg.gif") top right repeat-y; float:left;	}

.row
{
	float:left;
	width:100%;
	z-index:100;
	position:relative;
}
.columnContent									{	float:left;				}
.columnCountOne .columnContent					{	width:100%;				}
.columnCountTwo .columnContent					{	width:100%;			}
.columnCountTwo .columnContentLeft				{	width:100.0%; float:left;			}
/*.columnCountTwo .columnContentRight					{	width:25.0%; float:right;			}*/

/* Right column Controls */
div#columnRight
{
	float:right;
	width:255px;
}

.columnControlRightAndMain div#columnRight
{
	width:290px;
}
.columnControlLeftMain div#columnRight,
.columnControlLeftAndMain div#columnRight,
.columnControlLeftBlankRightMain div#columnRight,
.columnControlMain div#columnRight				{	display:none;			}

/* Header styling */

#navigationHeader
{
	background:#000;
	float:left;
	width:100%;
}
#navigationHeader ul
{
	padding:0 0 0 20px;
	margin:0;
}
#navigationHeader ul li
{
	padding:6px 20px 6px 6px;
	margin:0;
	list-style:none;
	float:left;
	font-size:61%;
	background:url("../../images/arrow_style01.gif") left no-repeat;
}

#navigationHeader ul li a
{
	color:#fff;
	text-decoration:none;
	white-space:nowrap;
}
#navigationHeader ul li a:hover,
#navigationHeader ul li a:active,
#navigationHeader ul li a:focus
{
	text-decoration:underline;
}

#navigationHeader ul li#pbLogon
{
	float:right;
	background:#fff url("../../images/logon_bg.gif") left repeat-x;
	padding:0 0 0 20px;
	letter-spacing:normal;
}
#navigationHeader ul li#pbLogon a
{
	color:#000;
	background:url("../../images/arrow_style02.gif") left no-repeat;
	padding:6px 20px 6px 6px;
	height:1%;
	float:left;
}
#brandHeader
{
	float:left;
	width:100%;
	border-top:solid 1px #515151;
	background:#000 url("../../images/black01_bg.gif") left repeat-x;
}
#brandHeader #brandStrapline
{
	margin:23px 0 0 20px; /* changed margin-top from 20px to 23px to centre the strapline vertically in the bar */
	width:190px;
	height:19px;
	overflow:hidden;
	position:relative;
}
#brandHeader #brandStrapline span
{
	position:absolute;
	left:0;
	top:0;
	width:190px;
	height:19px;
	background:url("../../images/strapline.gif") left top no-repeat;
}
#brandHeader #brandStrapline p
{
	padding:0;
	margin:0;
	color:#999;
	font-size:111%;
	font-weight:bold;
}
#brandHeader #brandStrapline p span
{
	color:#fff;
	font-weight:normal;
	padding-left:4px;
	position:static;
	top:inherit;
	left:inherit;
	background:none;
}
#brandLogo
{
	float:right;
	height:70px;
	width:127px;
	background:url("../../images/logo_bg.gif") left no-repeat;
}
#brandLogo img
{
	display:none;
}

/* Left hand contet styles*/
#sectionNavigation
{
	padding:27px 30px 0 17px;
	margin:0;
}
#sectionNavigation li
{
	padding:0 0 12px 11px;
	margin:0;
	list-style:none;
	background:#989898 url("../../images/nav_bg01.gif") left top no-repeat;
	font-size:74%;
	line-height:130%;
}
#sectionNavigation li a
{
	background-color:#fff;
	color:#515151;
	text-decoration:none;
}
#sectionNavigation li a:hover
{
	text-decoration:underline;
}
#sectionNavigation li a:active,
#sectionNavigation li a:focus
{
	background-color:#ccc;
	color:#000;
}
#sectionNavigation li.selected
{
	background-color:#000;
}
#sectionNavigation li.selected a
{
	color:#000;
}
#sectionNavigation li.selected ul li a
{
	color:#515151;
}
#sectionNavigation li.includeSubNav
{
	background-image:url("../../images/nav_bg02.gif");
	padding-bottom:8px;
}
#sectionNavigation li ul
{
	padding:5px 0 0 5px;
	margin:0;
}
#sectionNavigation li ul li
{
	padding:0 0 7px 7px;
	margin:0;
	font-size:95%;
	background-image:url("../../images/nav_bg03.gif");
}


/* Right hand content styles */
#columnRight img
{
	margin:10px 0;
}
#columnRight .bannerImageStyle01
{
	margin:80px 0 20px;
}
.rightContentBackground01 #columnRight img
{
	margin-left:10px;
}
.rightContentBackground01 #columnRight .bannerImageStyle01
{
	margin:0;
	border-top:80px solid #fff;
	border-bottom:30px solid #fff;
	display:block;
}
#columnRight p
{
	padding:0 20px 0 0;
	margin:15px 0 5px;
	color:#515151;
	font-size:74%;
}
#columnRight a
{
	color:#000;
}
.rightContentBackground01 #columnRight p
{
	padding-left:10px;
}
#columnRight ul
{
	padding:0;
	margin:0 0 15px;
	border-top:1px solid #ccc;
	float:left;
}
#columnRight ul li
{
	padding:10px 0;
	border-bottom:1px solid #ccc;
	margin:0;
	list-style:none;
	float:left;
	clear:left;
	width:100%;
}
#columnRight ul li img
{
	float:left;
	border:1px solid #ccc;
	margin-right:10px;
	padding:0;
}
#columnRight ul li p
{
	padding:10px 0 5px;
	margin:0;
	font-size:89%;
	font-weight:bold;
}
#columnRight ul li p a
{
	font-size:76%;
	color:#292929;
	padding:0 0 0 7px;
	font-weight:normal;
	text-decoration:none;
	background:url("../../images/arrow_style01.gif") left no-repeat;
	height:1%;
}
#columnRight ul li p a:hover
{
	text-decoration:underline;
}
#columnRight ul li p a:active,
#columnRight ul li p a:focus
{
	text-decoration:underline;
	color:#333;
}
#columnRight .boxStyle01
{
	padding:0 20px;
}
.columnControlRightAndMain #columnRight .boxStyle01
{
	padding-left:0;
}
#columnRight .boxStyle01 dl,
#columnRight .boxStyle01 p,
#columnRight .boxStyle01 dt,
#columnRight .boxStyle01 dd
{
	padding:3px 0 10px;
	margin:0;
}
#columnRight .boxStyle01 p,
#columnRight .boxStyle01 dd
{
	font-size:68%;
	padding:10px 0;
	color:#515151;
}
#columnRight .boxStyle01 dt
{
	/*font-size:81%;
	padding:0 0 3px 0; superceeded by code below 22 Nov 2006*/
	background:url("../../images/arrow_style02a.gif") no-repeat left top;
	font-size:81%;
	padding:0 0 3px 7px;
}
#columnRight .boxStyle01 dt a
{
	/*background:url("../../images/arrow_style02.gif") no-repeat left;
	font-weight:bold;
	text-decoration:none;
	padding-left:7px;
	height:1%; as above 22 Nov 2006 */
	font-weight:bold;
	text-decoration:none;
	height:1%;
}
#columnRight .boxStyle01 dt a:hover,
#columnRight .boxStyle01 dt a:active,
#columnRight .boxStyle01 dt a:focus
{
	text-decoration:underline;
}
#columnRight .boxStyle01 dd
{
	padding-top:0;
}

#columnRight .boxStyle02
{
	margin:20px 30px 0 0;
	border:1px solid #ccc;
	padding:10px 20px 20px;
}
.rightContentBackground01 #columnRight .boxStyle02
{
	margin-top:0;
	margin-left:10px;
}
#columnRight .boxStyle02 p
{
	padding:10px 0 0;
	margin:0;
	color:#515151;
	font-weight:bold;
	font-size:76%;
}
#columnRight .boxStyle02 p a
{
	white-space:nowrap;
}

#columnRight .paddingStyle01
{
	padding-top:30px;
}
#columnRight ul.paddingStyle01
{
	padding:0;
	margin-top:30px;
	border:none;
}
/* Content Styles */

.columnControlLeftRightMain .contentStyles
{
	padding-right:20px;
}
.columnControlLeftAndMain .contentStyles
{
	/* padding-right:20px; */
}
.contentStyles h1
{
	font-size:150%;
	color:#000;
	padding:0 20px 0 0;
	margin:30px 0 25px;
}
.contentStyles h2
{
	font-size:100%;
	color:#000;
	padding:0 20px 0 0;
	margin:25px 0 8px;
}
.contentStyles2 h2
{
	font-size:100%;
	color:#000;
	padding:0 20px 0 0;
	margin:10px 0 8px;
}

.contentStyles2 p
{
	font-size:74%;
	color:#515151;
	padding:0 20px 0 0;
	margin:7px 0;
}
.contentStyles2 a
{
	color:#000;
}
.contentStyles2 h2 a
{
	text-decoration:none;
	background: url("../../images/arrow_style05.gif") top left no-repeat;
	padding-left:11px;
	height:1%;
}
.contentStyles2 h2 a:hover
{
	text-decoration:underline;
}
.contentStyles2 h2 a:active,
.contentStyles2 h2 a:focus
{
	text-decoration:underline;
	background-color:#ccc;
}



.contentStyles h3
{
	font-size:94%;
	color:#515151;
	padding:0 20px 0 0;
	margin:20px 0 5px;
}
.contentStyles h4
{
	font-size:81%;
	color:#515151;
	padding:0 20px 0 0;
	margin:15px 0 0;
}
.contentStyles p
{
	font-size:74%;
	color:#515151;
	padding:0 20px 0 0;
	margin:7px 0;
}
.contentStyles a
{
	color:#000;
}

.contentStyles .bannerButton 
{
	color:#fff!important;
	font-size:61%;
	font-weight:bold;
	padding:2px 10px 4px 13px;
	text-decoration:none;
	float:left;
	background:url("../../images/arrow_style04b.gif") left no-repeat;
}

.contentStyles h2 a
{
	text-decoration:none;
	background: url("../../images/arrow_style05.gif") top left no-repeat;
	padding-left:11px;
	height:1%;
}
.contentStyles h2 a:hover
{
	text-decoration:underline;
}
.contentStyles h2 a:active,
.contentStyles h2 a:focus
{
	text-decoration:underline;
	background-color:#ccc;
}
.contentStyles ul
{
	padding:0;
	margin:7px 20px 7px 0;
}
.contentStyles ul li
{
	padding:0 0 7px 15px;
	margin:0;
	list-style:none;
	font-size:74%;
	color:#515151;
	line-height:110%;
	background:url("../../images/bullet_01.gif") no-repeat top left;
}
.contentStyles ul li ul,
.contentStyles ul li ol
{
	padding:0;
	margin:5px 0 0;
}
.contentStyles ul li li,
.contentStyles ol li li
{
	font-size:96%;
	padding-bottom:5px;
}
.contentStyles ul li li li,
.contentStyles ol li li li
{
	font-size:100%;
}
.contentStyles ol
{
	margin-top:7px;
	margin-bottom:7px;
	margin-right:20px;
}
.contentStyles ol li
{
	font-size:74%;
	color:#515151;
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:5px;
}
.contentStyles .textStyle01
{
	font-size:96%;
	margin-top:25px;
	line-height:130%;
	font-weight:bold;
}
.contentStyles .textStyle02
{
	font-size:87%;
	color:#fff;
	padding:18px 16px 18px 16px;
	background:#000 url("../../images/black01_bg.gif") left repeat-x;
	margin-top:35px;
	margin-right:10px;
}
.contentStyles .textStyle02 h2
{
	margin:0;
	color:#fff;
}
.contentStyles .textStyle02 p
{
	color:#fff;
	font-size:100%;
}
.contentStyles .textStyle02 a
{
	color:#fff;
}
.contentStyles .textStyle02 strong
{
	white-space:nowrap;
}
.contentStyles .textStyle03
{
	font-size:61%;
	margin-top:15px;	
}
.contentStyles .textStyle04
{
	margin-top:25px;
	margin-right:20px;	
	border-top:1px solid #ccc;
	padding-top:15px;
	padding-right:0;
}
.contentStyles .legalRider
{
	padding:1em;
	border: 1px solid #ccc;
	text-align: center;
}
.contentStyles .floatRight
{
	float:right;
	margin-right:10px;
	display:inline;
}
.contentStyles .contentBreak
{
	width:100%;
	border-bottom:1px solid #ccc;
	font-size:1%;
	margin:15px 0;
}
/* Table Styles */
.contentTable
{
	width:100%;
	font-size:100%;
}
.contentTable th,
.contentTable td
{
	font-size:74%;
	color:#515151;
	margin:2px 0;
	border-right:10px solid #fff;
	border-bottom:1px solid #ccc;
	padding:4px 10px;
}
.contentTable thead th,
.contentTable thead td
{
	background:#ccc;
	color:#000;
	vertical-align:middle;
	text-align:center;
	border-bottom:none;
}
.contentTable tbody th
{
	font-weight:normal;
}
.contentTable tbody td
{
	text-align:center;
}

.contentTable .tableStyleFirstCol
{
	width:30%;
}
.contentTable .tableCellAdditionalStyle01
{
	text-align:left;
}
.tableAdditionalStyles01 tbody th,
.tableAdditionalStyles01 tbody td
{
	border-top:4px solid #fff;
	border-bottom:5px solid #fff;
}
.tableAdditionalStyles01 tbody th
{
	background:#ccc;
	color:#000;
	vertical-align:top;
	text-align:left;
	font-weight:bold;
}
.tableAdditionalStyles01 tbody td
{
	text-align:left;
}


/* Main content box styles */
#columnMain table.boxStyle01
{
	margin:20px 20px 20px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:0;
	font-size:100%;
}
#columnMain table.boxStyle01 th h2
{
	white-space:nowrap;
	font-size:137%;
	font-weight:normal;
	margin:0;
	padding:0;
}
#columnMain table.boxStyle01 td
{
	font-size:81%;
	color:#515151;
	padding:0 8px;
}

#columnMain table.boxStyle01 td a,
#columnMain table.boxStyle01 td strong
{
	color:#000;
	white-space:nowrap;
}

#columnMain table.boxStyle01 td .applyStyle01
{
	background:#373737 url("../../images/black02_bg.gif") left repeat-x;
	float:left;
		margin-right:10px;

	display:inline;
}

#columnMain table.boxStyle01 td .applyStyle01 a
{
	color:#fff!important;
	font-size:83%;
	font-weight:bold;
	padding:2px 10px 4px 13px;
	text-decoration:none;
	float:left;
	background:url("../../images/arrow_style04b.gif") left no-repeat;
}

#columnMain table.boxStyle01 td .applyStyle01 a:hover
{
	text-decoration:underline;
}
#columnMain table.boxStyle01 td .applytyle01 a:active,
#columnMain table.boxStyle01 td .applyStyle01 a:focus
{
	background-color:#515151;
	text-decoration:underline;
}

#columnMain table.boxStyle01 td div.apply
{
	background:#373737 url("../../images/black02_bg.gif") left repeat-x;
	display:inline;
}

#columnMain table.boxStyle01 td  div.apply a
{
	color:#fff!important;
	font-size:61%;
	font-weight:bold;
	padding:2px 10px 4px 13px;
	text-decoration:none;
	float:left;
	background:url("../../images/arrow_style04b.gif") left no-repeat;
}


#columnMain table.boxStyle01 th,
#columnMain table.boxStyle01 td
{
	text-align:left;
	vertical-align:middle;
	padding-top:15px;
	padding-bottom:15px;
}
#columnMain div.boxStyle02
{
	background:#fff url("../../images/fade02_bg.gif") top left repeat-y;
	padding:14px 20px 5px 20px;
	margin-top:14px;
	float:left;
}
#columnMain div.boxStyle02 img
{
	float:right;
	border:1px solid #ccc;
	margin-left:8px;
}
#columnMain div.boxStyle02 h2
{
	font-size:100%;
	margin:0;
	padding-right:100px;
}
#columnMain div.boxStyle02 p
{
	padding-right:100px;
}

.bannerStyle01
{
	/* Default banner imagery settings right aligned centered image */
	background-image:url("../../images/bannerimage01.jpg");
	background-position:right;
	background-repeat:no-repeat;
	/*  */
	float:left;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.bannerStyle01 .columnContent
{
	float:none;
	width:50%;
}
.bannerStyle01 .columnContent .contentStyles
{
	background:#fff url("../../images/fade01_bg.gif") bottom left repeat-x;
	padding-right:35px;
}
.bannerStyle01 .columnContent .contentStyles p
{
	margin:0;
	padding:27px 11px 35px 10px;
	font-size:100%;
	line-height:130%;
}
.bannerStyle01 .columnContent .contentStyles p .bannerButton
{
	background:#373737 url("../../images/black02_bg.gif") left repeat-x;
	float:left;
		margin-right:10px;

	display:inline;
}

.bannerStyle01 .columnContent .contentStyles p a.bannerButton 
{
	color:#fff!important;
	font-size:61%;
	font-weight:bold;
	padding:2px 10px 4px 13px;
	text-decoration:none;
	float:left;
	background:url("../../images/arrow_style04b.gif") left no-repeat;
}

.bannerStyle01 .columnContent .contentStyles p a
{
	color:#fff!important;
	font-size:61%;
	font-weight:bold;
	padding:2px 10px 4px 13px;
	text-decoration:none;
	float:left;
	background:url("../../images/arrow_style04b.gif") left no-repeat;
}


.buttonRow
{
	width:100%;
	float:left;
	padding:3px 0;
}
.buttonStyle01
{
	background:#373737 url("../../images/black02_bg.gif") left repeat-x;
	float:left;
		margin-right:10px;

	display:inline;
}
.buttonStyle01 a
{
	color:#fff!important;
	font-size:61%;
	font-weight:bold;
	padding:2px 10px 4px 13px;
	text-decoration:none;
	float:left;
	background:url("../../images/arrow_style04b.gif") left no-repeat;
}
.buttonStyle01 a:hover
{
	text-decoration:underline;
}
.buttonStyle01 a:active,
.buttonStyle01 a:focus
{
	background-color:#515151;
	text-decoration:underline;
}
#columnLeft .buttonStyle01
{
	margin:30px 30px 0 20px;
}
#columnLeft .buttonStyle01 a,
.buttonSubStyle02 a
{
	background-image:url("../../images/arrow_style04a.gif");
}
.buttonSubStyle01 a
{
	background-image:url("../../images/arrow_style04c.gif");
}
.buttonStyle01 input
{
	background:url("../../images/arrow_style04b.gif") left no-repeat;
	border:none;
	padding:2px 10px 4px 13px;
	color:#fff;
	font-size:58%;
}
.btnpadding
{
MARGIN-TOP: 4px
}

/* Footer styles */
#footer
{
}
#footer p
{
	margin:0 20px;
	border-top:1px solid #ccc;
	padding:2px 0;
	font-size:61%;
	text-align:right;
}
/* Home page styles */
#homePageBanner
{
}
#homePageBanner .row
{
	background:#000 url("../../images/homePageImage02m.jpg") bottom right no-repeat; /*changed 'left' to 'right'so image collapses with viewport */
	border-top:1px solid #666;
	position:relative;
	width:100%;
}
#homePageBanner .columnContent
{
	float:left;
	width:480px!important;
}
#homePageBanner h1,
#homePageBanner p,
#homePageBanner ul
{
	color:#fff;
	padding-left:20px;
}
#homePageBanner h1
{
	font-size:125%;
	font-weight:normal;
	margin:35px 0 15px;
}
#homePageBanner p
{
	margin:15px 0 25px;
	font-size:86%;
	line-height:140%;
}
#homePageBanner ul li
{
	margin-bottom:8px;
	background-image:url("../../images/bullet_02.gif");
}
#homePageBanner ul
{
	margin-bottom:18px;
}
#homePageBanner ul li,
#homePageBanner a
{
	color:#fff;
}
#homePageCard
{
	background:url("../../images/homePageImage03.png") no-repeat;
	width:196px;
	height:155px;
	position:absolute;
	/* right:330px; */
	left:475px;
	bottom:-59px;
	z-index:1;
}
#columnRight form
{
	padding:0;
	margin:25px 0 0;
}
#columnRight form h2
{
	margin-bottom:0;
	padding-bottom:0;
	font-size:100%;
}
#columnRight form p
{
	margin-top:0;
	padding-top:0;
}
#columnRight form label
{
	display:block;
	padding:4px 0;
	font-size:78%;
}
#columnRight form a
{
	font-size:61%;
	color:#000;
	float:left;
	padding:8px 0 0 12px;
}
#columnRight form .buttonRow
{
	margin-top:5px;
}