/*item:core/reset-defaults.css*/
/*-------------------------------------------
	RBS.CO.UK CSS
	
	1.		Reset & defaults
	2.		Grid
	3.		Header
	4.		Typography
	5.		Buttons
	6.		Navigation
	7.		Misc. (tables, .pod extensions, lists, other content styles)
	8.		Icons
	9.		Backgrounds
	10.	Helpers

---------------------------------------------
	RESET & DEFAULTS
	
	:: Reset
	:: HTML5 display definitions
	:: Defaults - from normalize.css 2011-009-22T17:42 UTC · http://github.com/necolas/normalize.css - with custom edits
		
		:: Links
		:: Typography
		:: Lists
		:: Embedded content
		:: Forms
		:: Tables
		:: Accessibility
		:: Misc.
	
--------------------------------------------*/
/*-------------------------------------------
	:: RESET
--------------------------------------------*/

body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, 
em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
/* ------  Addresses font-family inconsistency between 'textarea' and other form elements ------ */
button, input, select, textarea {font-family: sans-serif;}

/*-------------------------------------------
	:: HTML5 display definitions
--------------------------------------------*/

/* ------ Corrects block display not defined in IE6/9/8/9 & FF3 ------ */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}

/* ------ Corrects inline-block display not defined in IE6/9/8/9 & FF3 ------ */
audio, canvas, video {display: inline-block;*display: inline;*zoom: 1;}

/* ------  Prevents modern browsers from displaying 'audio' without controls ------ */
/* ------  Addresses styling for 'hidden' attribute not present in IE7/9/9, FF3, S4. Known issue: no IE6 support ------ */
audio:not([controls]), [hidden] {display: none;}

/*-------------------------------------------
	:: DEFAULTS
--------------------------------------------*/

/*
* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units: http://clagnut.com/blog/348/#c790
* 2. Keeps page centred in all browsers regardless of content height
* 3. Prevents iOS text size adjust after orientation change, without disabling user zoom: www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
*/
html {/* 1 */ font-size: 100%; /* 2 */ overflow-y: scroll; /* 3 */ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

/*-------------------------------------------
	:: Links
--------------------------------------------*/

/* ------ Addresses outline displayed oddly in Chrome ------ */
a:focus {outline: thin dotted;}

/* ------ Improves readability when focused and also mouse hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test ------ */
a:hover, a:active {outline: 0;}

/*-------------------------------------------
	:: Typography
--------------------------------------------*/

/* ------ CUSTOM EDIT: Added - Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/ ------ */
body {font: 13px/1.231 Tahoma,Geneva,sans-serif; *font-size: small; color:#002a66;background:#fff;} /* Hack retained to preserve specificity */

/* ------ Addresses styling not present in IE7/9/9, S5, Chrome ------ */
abbr[title] {border-bottom: 1px dotted;}

/* ------ Addresses style set to 'bolder' in FF3/4, S4/5, Chrome ------ */
b, strong, .bold {font-weight: bold;}

blockquote {margin: 1em 40px;}

/* ------ Addresses styling not present in IE6/9/8/9 ------ */
mark {background: #ff0;color: #000;}

/* ------ Corrects font family set oddly in IE6, S4/5, Chrome: en.wikipedia.org/wiki/User:Davidgothberg/Test59 ------ */
pre, code, kbd, samp {font-family: monospace, serif;_font-family: 'courier new', monospace;font-size: 1em;}

/* ------ Improves readability of pre-formatted text in all browsers ------ */
pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word;}

small {font-size: 77%;} /* Custom edit: 77% rather than 75% as in YUI fonts 10px is 77% */

/* ------ Prevents sub and sup affecting line-height in all browsers: gist.github.com/413930 ------ */
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

h1, h2, h3, h4, h5, h6 {font-weight: bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

p {margin:0 0 1em;}

em {font-style: italic;}

/*-------------------------------------------
	:: Lists
--------------------------------------------*/

li ul, li ol {margin:0;padding-top:0.3em;} /* Custom edit: taken from blueprint reset  */
ol {margin:0 0 1.5em -8px;padding:0 0 0 40px;} /* Custom edit: made similar to blueprint reset */
ul {margin:0 0 1.5em 8px;padding:0;} /* Custom edit: made similar to blueprint reset */
	/* Default bullets */
	ul li, /* @mega */.snav li ul li ul li {
		padding: 0 0 0.3em 14px;
		background: url(../images/sprite-bullets.png) 0 0.45em no-repeat;
	}
	ol li {padding-bottom:0.2em;}
ul {list-style:none;list-style-image:none;}
ol {list-style-type:decimal;}

dl {margin:0;} /*Custom edit: taken from blueprint reset - removed, due to media object work */
dt {font-weight:bold;}  /*Custom edit: taken from blueprint reset*/
dd {margin: 0;margin-bottom:1em;}
/* Horizontal definition list (Term to the left, data to the right)*/
.dl-horz dt, .dl-horz dd {margin: 0 0 1.5em 0;}
.dl-horz dt {float:left; margin-right: 30px;width: 130px;clear: left; font-weight: bold;}

/*-------------------------------------------
	:: Embedded content
--------------------------------------------*/

/* 
* 1. Removes border when inside 'a' element in IE6/9/8/9
* 2. Improves image quality when scaled in IE7: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
*/
img {/* 1 */ border: 0; /* 2 */ -ms-interpolation-mode: bicubic;}

/* ------ Corrects overflow displayed oddly in IE9 ------ */
svg:not(:root) {overflow: hidden;}

/*-------------------------------------------
	:: Forms
--------------------------------------------*/

/* ------ Corrects margin displayed oddly in IE6/7 ------ */
form {margin: 0;}

/* ------ Define consistent margin and padding ------ */
fieldset {margin: 0 2px;padding: 0.35em 0 0.75em;}

/* ------ 1. Corrects color not being inherited in IE6/9/8/9  2. Corrects alignment displayed oddly in IE6/7 ------ */
legend {border: 0; /* 1 */ *margin-left: -7px; /* 2 */}

/*
* 1. Corrects font size not being inherited in all browsers
* 2. Addresses margins set differently in IE6/7, F3/4, S5, Chrome
* 3. Improves appearance and consistency in all browsers
*/

button,
input,
select,
textarea {font-size: 100%; /* 1 */margin: 0; /* 2 */vertical-align: baseline; /* 3 */*vertical-align: middle; /* 3 */}

/* ------ 1. Addresses FF3/4 setting line-height using !important in the UA stylesheet  ------ */
button,
input {line-height: normal;}

/* ------ Corrects overlap and whitespace issue for buttons and inputs in IE6/7 * Known issue: reintroduces inner spacing */
table button,
table input {*overflow: auto;}

/*
* 1. Improves usability and consistency of cursor style between image-type 'input' and others
* 2. Corrects inability to style clickable 'input' types in iOS
* 3. Corrects inner spacing displayed oddly in IE7 without effecting normal text inputs
*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer; /* 1 */
    -webkit-appearance: button; /* 2 */
	*overflow: visible;  /* 3 */
}

/*
* 1. Addresses box sizing set to content-box in IE8/9
* 2. Addresses excess padding in IE8/9
*/
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/*
* 1. Addresses appearance set to searchfield in S5, Chrome
* 2. Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof)
*/
input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/* Corrects inner padding displayed oddly in S5, Chrome on OSX */
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
* Corrects inner padding and border displayed oddly in FF3/4
* www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
* 1. Removes default vertical scrollbar in IE6/9/8/9
* 2. Improves readability and alignment in all browsers
*/

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}
label {font-weight:bold;}

/*-------------------------------------------
	:: Tables
--------------------------------------------*/

table {
	/* Border-collapse means rounded corners don't work */
    border-spacing: 0;
	/* Addition */
	width: 100%;
	background: #fff;
	margin: 0 0 1.5em 0;
	border-left: solid 1px #000;
	border-top: solid 1px #000;
}
	caption {
		text-align: left;
		font-weight: bold;
	}
	/* Addition */
	th, td {
		padding: 4px 9px;
		text-align: left;
		border-right: solid 1px #000;
		border-bottom: solid 1px #000;
	}
	
/*-------------------------------------------
	:: Accessibility
--------------------------------------------*/

/* Rules for hiding elements in an accessible way */
.wai, .skip-links, .skip-links li, /*@mega */.snav p.skip-links-last {height: 0; overflow: hidden;}
.wai, .skip-links a, caption span, /*@mega */.snav p.skip-links-last a {position: absolute;top: -1px;left: -1px;width: 1px;height: 1px;overflow: hidden;font-size: 93%;}
.skip-links a:focus, .skip-links a:active, /*@mega */.snav p.skip-links-last a:focus, .snav p.skip-links-last a:active {width: auto;height: auto;overflow: visible;top: 15px;left: 180px;background: #E7FF44;padding: 0.1em;z-index: 1;width: 20em;text-decoration: none;}

/*@mega */
.snav p.skip-links, .snav p.skip-links-last  {margin:0;}
.snav p.skip-links a:focus, .snav p.skip-links a:active, .snav p.skip-links-last a:focus, .snav p.skip-links-last a:active {top:2px;left:2px;padding:0.8em;width:auto;outline:none;text-decoration:underline;}

/*-------------------------------------------
	:: Misc.
--------------------------------------------*/

/* Media object - a core reusable layout mechanism from Nicole Sullivan's OOCSS - http://bit.ly/cCY3Ew */
.media-object, .media-body, .dl-horz, .dl-horz dd {overflow:hidden; display: block;}

hr {background:#ddd;color:#ddd;clear:both;float:none;height:1px;margin:0 0 17px;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}


/*item:core/grid.css*/
/*-------------------------------------------
	GRID
	
	:: Containers
	:: Grid-fix
	:: Full-bleed classes
	:: 48 column grid - .span-x classes
	:: Append, prepend, push & pull
	:: Float clearing
	:: Pod

--------------------------------------------*/
/*-------------------------------------------
	:: Containers 
--------------------------------------------*/
.container {width: 998px;}
.interstitial {width: 820px;}

/*-------------------------------------------
	:: Grid-fix 
--------------------------------------------*/

/* Places the workable grid in the centre of the site design visually */
.grid-fix, .header {padding: 0 0 0 24px;}
.grid-fix {padding-right: 3px;}

/* For interstitial pages, the left and right "page-margins" are wider */
.int-fix {padding: 0 0 0 35px;}

/*-------------------------------------------
	:: Full-bleed classes 
--------------------------------------------*/

/* Allows background color etc. to stretch back into the "page-margins". To the very edges of the site.  */
.full-bleed {
	margin-left: -24px;
	width: 955px;
	padding: 0 13px;
	padding: 0 19px 0 24px;
}
/* Contextual selector - exceptional case */
.interstitial .full-bleed {
	width: 755px;
	margin-left: -35px;
	padding: 0 30px 0 35px;
}

/*-------------------------------------------
	:: 48 Col grid - .span-x classes 
--------------------------------------------*/

.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, 
.span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, 
.span-21, .span-22, .span-23, .span-24, .span-25, .span-26, .span-27, .span-28, .span-29, .span-30, 
.span-31, .span-32, .span-33, .span-34, .span-35, .span-36, .span-37, .span-38, .span-39, .span-40, 
.span-41, .span-42, .span-43, .span-44, .span-45, .span-46, .span-47, .span-48 {float:left;margin-right:5px;}
.last, div .last, .span-48 {margin-right:0;padding-right:0;}

.span-1 {width:15px;}
.span-2 {width:35px;}
.span-3 {width:55px;}
.span-4 {width:75px;}
.span-5 {width:95px;}
.span-6 {width:115px;}
.span-7 {width:135px;}
.span-8 {width:155px;}
.span-9 {width:175px;}
.span-10 {width:195px;}
.span-11 {width:215px;}
.span-12 {width:235px;}
.span-13 {width:255px;}
.span-14 {width:275px;}
.span-15 {width:295px;}
.span-16 {width:315px;}
.span-17 {width:335px;}
.span-18 {width:355px;}
.span-19 {width:375px;}
.span-20 {width:395px;}
.span-21 {width:415px;}
.span-22 {width:435px;}
.span-23 {width:455px;}
.span-24 {width:475px;}
.span-25 {width:495px;}
.span-26 {width:515px;}
.span-27 {width:535px;}
.span-28 {width:555px;}
.span-29 {width:575px;}
.span-30 {width:595px;}
.span-31 {width:615px;}
.span-32 {width:635px;}
.span-33 {width:655px;}
.span-34 {width:675px;}
.span-35 {width:695px;}
.span-36 {width:715px;}
.span-37 {width:735px;}
.span-38 {width:755px;}
.span-39 {width:775px;}
.span-40 {width:795px;}
.span-41 {width:815px;}
.span-42 {width:835px;}
.span-43 {width:855px;}
.span-44 {width:875px;}
.span-45 {width:895px;}
.span-46 {width:915px;}
.span-47 {width:935px;}
.span-48 {width:955px;}

/* Form layout helpers */
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {border-left-width:1px;border-right-width:1px;padding-left:5px;padding-right:5px;}
input.span-1, textarea.span-1 {width:18px;} input.span-2, textarea.span-2 {width:58px;} input.span-3, textarea.span-3 {width:98px;} input.span-4, textarea.span-4 {width:138px;} input.span-5, textarea.span-5 {width:178px;}
input.span-6, textarea.span-6 {width:218px;} input.span-7, textarea.span-7 {width:258px;} input.span-8, textarea.span-8 {width:298px;} input.span-9, textarea.span-9 {width:338px;}
input.span-10, textarea.span-10 {width:378px;} input.span-11, textarea.span-11 {width:418px;} input.span-12, textarea.span-12 {width:458px;} input.span-13, textarea.span-13 {width:498px;}
input.span-14, textarea.span-14 {width:538px;} input.span-15, textarea.span-15 {width:578px;} input.span-16, textarea.span-16 {width:618px;} input.span-17, textarea.span-17 {width:658px;}
input.span-18, textarea.span-18 {width:698px;} input.span-19, textarea.span-19 {width:738px;} input.span-20, textarea.span-20 {width:778px;} input.span-21, textarea.span-21 {width:818px;}
input.span-22, textarea.span-22 {width:858px;} input.span-23, textarea.span-23 {width:898px;} input.span-24, textarea.span-24 {width:938px;}

/*-------------------------------------------
	:: Append, prepend, push & pull 
--------------------------------------------*/

.append-1 {padding-right:20px;} .append-2 {padding-right:40px;} .append-3 {padding-right:60px;}.append-4 {padding-right:80px;} .append-5 {padding-right:100px;}
.append-6 {padding-right:120px;} .append-7 {padding-right:140px;} .append-8 {padding-right:160px;} .append-9 {padding-right:180px;} .append-10 {padding-right:200px;}
.append-11 {padding-right:220px;} .append-12 {padding-right:240px;} .append-13 {padding-right:260px;} .append-14 {padding-right:280px;} .append-15 {padding-right:300px;}
.append-16 {padding-right:320px;} .append-17 {padding-right:340px;} .append-18 {padding-right:360px;} .append-19 {padding-right:380px;} .append-20 {padding-right:400px;}
.append-21 {padding-right:420px;} .append-22 {padding-right:440px;} .append-23 {padding-right:460px;} .append-24 {padding-right: 480px;} .append-25 {padding-right: 500px;}
.append-26 {padding-right: 520px;} .append-27 {padding-right: 540px;} .append-28 {padding-right: 560px;} .append-29 {padding-right: 580px;} .append-30 {padding-right: 600px;}
.append-31 {padding-right: 620px;} .append-32 {padding-right: 640px;} .append-33 {padding-right: 660px;} .append-34 {padding-right: 680px;} .append-35 {padding-right: 700px;}
.append-36 {padding-right: 720px;} .append-37 {padding-right: 740px;} .append-38 {padding-right: 760px;} .append-39 {padding-right: 780px;} .append-40 {padding-right: 800px;}
.append-41 {padding-right: 820px;} .append-42 {padding-right: 840px;} .append-43 {padding-right: 860px;} .append-44 {padding-right: 880px;} .append-45 {padding-right: 900px;}
.append-46 {padding-right: 920px;} .append-47 {padding-right: 940px;}

.prepend-1 {padding-left:20px;} .prepend-2 {padding-left:40px;} .prepend-3 {padding-left:60px;} .prepend-4 {padding-left:80px;}.prepend-5 {padding-left:100px;}
.prepend-6 {padding-left:120px;} .prepend-7 {padding-left:140px;} .prepend-8 {padding-left:160px;} .prepend-9 {padding-left:180px;} .prepend-10 {padding-left:200px;}
.prepend-11 {padding-left:220px;} .prepend-12 {padding-left:240px;} .prepend-13 {padding-left:260px;} .prepend-14 {padding-left:280px;} .prepend-15 {padding-left:300px;}
.prepend-16 {padding-left:320px;} .prepend-17 {padding-left:340px;} .prepend-18 {padding-left:360px;} .prepend-19 {padding-left:380px;} .prepend-20 {padding-left:400px;}
.prepend-21 {padding-left:420px;} .prepend-22 {padding-left:440px;} .prepend-23 {padding-left:460px;} .prepend-24 {padding-left:480px;} .prepend-25 {padding-left:500px;} 
.prepend-26 {padding-left:520px;} .prepend-27 {padding-left:540px;} .prepend-28 {padding-left:560px;} .prepend-29 {padding-left:580px;} .prepend-30 {padding-left:600px;}
.prepend-31 {padding-left:620px;} .prepend-32 {padding-left:640px;} .prepend-33 {padding-left:660px;} .prepend-34 {padding-left:680px;} .prepend-35 {padding-left:700px;}
.prepend-36 {padding-left:720px;} .prepend-37 {padding-left:740px;} .prepend-38 {padding-left:760px;} .prepend-39 {padding-left:780px;} .prepend-40 {padding-left:800px;}
.prepend-41 {padding-left:820px;} .prepend-42 {padding-left:840px;} .prepend-43 {padding-left:860px;} .prepend-44 {padding-left:880px;} .prepend-45 {padding-left:900px;}
.prepend-46 {padding-left:920px;} .prepend-47 {padding-left:940px;}

.pull-1 {margin-left:-20px;} .pull-2 {margin-left:-40px;} .pull-3 {margin-left:-60px;} .pull-4 {margin-left:-80px;} .pull-5 {margin-left:-100px;} .pull-6 {margin-left:-120px;}
.pull-7 {margin-left:-140px;} .pull-8 {margin-left:-160px;} .pull-9 {margin-left:-180px;} .pull-10 {margin-left:-200px;} .pull-11 {margin-left:-220px;} .pull-12 {margin-left:-240px;}
.pull-13 {margin-left:-260px;} .pull-14 {margin-left:-280px;} .pull-15 {margin-left:-300px;} .pull-16 {margin-left:-320px;}.pull-17 {margin-left:-340px;} .pull-18 {margin-left:-360px;}
.pull-19 {margin-left:-380px;} .pull-20 {margin-left:-400px;} .pull-21 {margin-left:-420px;} .pull-22 {margin-left:-440px;} .pull-23 {margin-left:-460px;} .pull-24 {margin-left:-480px;}
.pull-24 {margin-left:-500px;} .pull-25 {margin-left:-520px;} .pull-26 {margin-left:-540px;} .pull-27 {margin-left:-560px;} .pull-28 {margin-left:-580px;} .pull-29 {margin-left:-600px;}
.pull-30 {margin-left:-620px;} .pull-31 {margin-left:-640px;} .pull-32 {margin-left:-660px;} .pull-33 {margin-left:-680px;} .pull-34 {margin-left:-700px;} .pull-35 {margin-left:-720px;}
.pull-36 {margin-left:-740px;} .pull-37 {margin-left:-760px;} .pull-38 {margin-left:-780px;} .pull-39 {margin-left:-800px;} .pull-40 {margin-left:-820px;} .pull-41 {margin-left:-840px;}
.pull-42 {margin-left:-860px;} .pull-43 {margin-left:-880px;} .pull-44 {margin-left:-900px;} .pull-45 {margin-left:-920px;} .pull-46 {margin-left:-940px;} .pull-47 {margin-left:-960px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24, .pull-25, .pull-26, .pull-27, .pull-28, .pull-29, .pull-30, .pull-31, .pull-32, .pull-33, .pull-34, .pull-35, .pull-36, .pull-37, .pull-38, .pull-39, .pull-40, .pull-41, .pull-42, .pull-43, .pull-44, .pull-45, .pull-46, .pull-47 {float:left;position:relative;}

.push-1 {margin:0 -20px 1.5em 20px;} .push-2 {margin:0 -40px 1.5em 40px;} .push-3 {margin:0 -60px 1.5em 60px;} .push-4 {margin:0 -80px 1.5em 80px;} .push-5 {margin:0 -100px 1.5em 100px;}
.push-6 {margin:0 -120px 1.5em 120px;} .push-7 {margin:0 -140px 1.5em 140px;} .push-8 {margin:0 -160px 1.5em 160px;} .push-9 {margin:0 -180px 1.5em 180px;} .push-10 {margin:0 -200px 1.5em 200px;}
.push-11 {margin:0 -220px 1.5em 220px;} .push-12 {margin:0 -240px 1.5em 240px;} .push-13 {margin:0 -260px 1.5em 260px;} .push-14 {margin:0 -280px 1.5em 280px;} .push-15 {margin:0 -300px 1.5em 300px;}
.push-16 {margin:0 -320px 1.5em 320px;} .push-17 {margin:0 -340px 1.5em 340px;} .push-18 {margin:0 -360px 1.5em 360px;} .push-19 {margin:0 -380px 1.5em 380px;} .push-20 {margin:0 -400px 1.5em 400px;}
.push-21 {margin:0 -420px 1.5em 420px;} .push-22 {margin:0 -440px 1.5em 440px;} .push-23 {margin:0 -460px 1.5em 460px;} .push-24 {margin:0 -480px 1.5em 480px;} .push-25 {margin:0 -500px 1.5em 500px;}
.push-26 {margin:0 -520px 1.5em 520px;} .push-27 {margin:0 -540px 1.5em 540px;} .push-28 {margin:0 -560px 1.5em 560px;} .push-29 {margin:0 -580px 1.5em 580px;} .push-30 {margin:0 -600px 1.5em 600px;}
.push-31 {margin:0 -620px 1.5em 620px;} .push-32 {margin:0 -640px 1.5em 640px;} .push-33 {margin:0 -660px 1.5em 660px;} .push-34 {margin:0 -680px 1.5em 680px;} .push-35 {margin:0 -700px 1.5em 700px;}
.push-36 {margin:0 -720px 1.5em 720px;} .push-37 {margin:0 -740px 1.5em 740px;} .push-38 {margin:0 -760px 1.5em 760px;} .push-39 {margin:0 -780px 1.5em 780px;} .push-40 {margin:0 -800px 1.5em 800px;}
.push-41 {margin:0 -820px 1.5em 820px;} .push-42 {margin:0 -840px 1.5em 840px;} .push-43 {margin:0 -860px 1.5em 860px;} .push-44 {margin:0 -880px 1.5em 880px;}
.push-45 {margin:0 -900px 1.5em 900px;} .push-46 {margin:0 -920px 1.5em 920px;} .push-47 {margin:0 -940px 1.5em 940px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24, .push-25, .push-26, .push-27, .push-28, .push-29, .push-30, .push-31, .push-32, .push-33, .push-34, .push-35, .push-36, .push-37, .push-38, .push-39, .push-40, .push-41, .push-42, .push-43, .push-44, .push-45, .push-46, .push-47 {float:left;position:relative;}

div.prepend-top, .prepend-top {margin-top:1.5em;}
div.append-bottom, .append-bottom {margin-bottom:1.5em;}

/*-------------------------------------------
	:: Float clearing
	
	.line is self-clearing and is core to the framework. Used with .span-x classes and .pod.
	line => span-x => pod
	
--------------------------------------------*/

.clearfix:after, .container:after, .inline:after, .line:after, .interstitial:after, .dl-horz:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container, .inline, .line, .interstitial, .dl-horz {display:block;}
.clear {clear:both;}

/*-------------------------------------------
	:: Pod
	
	.pod works hand-in-hand with the structural span-x classes of the grid.

	Pods never have width - they always take the full width of the parent element, 
	like all block-level elements. For specific layouts, always use the .span-n classes,
	on the parent element of the Pod.

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

.pod {width: auto;position: relative;/* For absolutely positioned child elements */margin: 0 5px 10px 0;}
	.pod > .pod, .pod-pad > .pod, .pod-pad-x2 > .pod {margin-right: 0;}
	
	/* Classic NatWest pod padding */
	.classic, .pod-pad {padding: 8px 8px 0 8px;}
	.pod-pad-x2 {padding: 16px 16px 0 16px;}

	/* To give .pod layouts the classic NatWest curved corners look */
	.classic {
		background: #f0f7fa;
		color: #002a66;
		border: solid 1px #3391b5;
	}

/* For use when a multiple column layout sits inside a pod - adjusts margin-left to bring .span-x children back "on-grid" */
.nest-pod {margin-left: 11px;}


/*item:core/header.css*/
/*-------------------------------------------
	HEADER
--------------------------------------------*/

.header {color: #fff;position: relative;padding-top:1px;}
	p#logo {position: relative;top: -2px;left:1px;margin-bottom: -1px;}
	.interstitial  p#logo {top: -1px;margin-bottom: 12px;}
	.header-gnav {margin-right: 5px;margin-top:4px;}
	.header-gnav-centre {margin-top:24px;}
		.header-gnav ul {padding-top: 8px;}
		.header .label-search {position:relative;top:-0.06em;}
		.header .input-txt-search {width: 120px;border: 1px solid #cdcdcd;height: 1.3em;margin-left: 7px;/*vertical-align: top;*/margin-top:-2px;color: #414550;padding:1px 5px 0 5px;font-size: 100%;}
		input.img-btn {width: auto;height: auto;border: none;margin-left: 4px;margin-top:-4px;}
		/* Exception, due to specific design for the .header element - try to avoid contextual selectors! */
		div.pod-olb-header {	
											position: absolute;bottom: 0;right: 24px;width: 200px;margin: 0;
											background: #46C8E7 rgb(74,200,231); /* Old browsers */
											background: -moz-linear-gradient(top, rgba(74,200,231,1) 0%, rgba(52,194,228,1) 40%, rgba(14,182,223,1) 100%); /* FF3.6+ */
											background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(74,200,231,1)), color-stop(40%,rgba(52,194,228,1)), color-stop(100%,rgba(14,182,223,1))); /* Chrome,Safari4+ */
											background: -webkit-linear-gradient(top, rgba(74,200,231,1) 0%,rgba(52,194,228,1) 40%,rgba(14,182,223,1) 100%); /* Chrome10+,Safari5.1+ */
											background: -o-linear-gradient(top, rgba(74,200,231,1) 0%,rgba(52,194,228,1) 40%,rgba(14,182,223,1) 100%); /* Opera11.10+ */
											background: -ms-linear-gradient(top, rgba(74,200,231,1) 0%,rgba(52,194,228,1) 40%,rgba(14,182,223,1) 100%); /* IE10+ */
											filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ac8e7', endColorstr='#0eb6df',GradientType=0 ); /* IE6-9 */
											background: linear-gradient(top, rgba(74,200,231,1) 0%,rgba(52,194,228,1) 40%,rgba(14,182,223,1) 100%); /* W3C */
										}
			.pod-olb-header h2 {font-size: 138.5%;color: #fff;padding: 2px 0 2px 6px;margin: 1px 0 0 0;font-weight: normal;}
				.pod-olb-header h2 a {position: relative;top: -1px;}
			.olb-service-comms {position:absolute;bottom:4px;right:210px;width:150px;line-height:0.9;}
			.pod-olb-header p {margin: -3px 0 3px 0;font-size: 108%;}

		.header a {text-decoration: none;}
		.pod-olb-header a:hover, .header-gnav a:hover {text-decoration: underline;}
		
		.header .tab {padding: 3px 10px 3px;position:relative;top:6px;letter-spacing:-1px;font-weight:bold;text-shadow:0px -1px 1px rgba(100,100,100, 0.2);}
		.header .tab a:hover {color:#711d68;}
		.header .tab-selected {padding: 6px 10px 6px;position:relative;top:1px;z-index:1;text-shadow:none;}
		.header .tab-global-unselected {margin-top:6px; top:0;}
/*item:core/typography.css*/
/*-------------------------------------------
	TYPOGRAPHY
	
	:: Fonts
	:: Default anchors
	:: Font-size conversion
	:: Headings
	
--------------------------------------------*/
/*-------------------------------------------
	:: FONTS
--------------------------------------------*/

@font-face {
	/* This declaration targets Internet Explorer */
	font-family: 'RBSLolaRegular';
	src: url('/templates_new/fonts/rbs_lola-regular-webfont.eot');
}

@font-face {
	/* This declaration targets everything else */
	font-family: 'RBSLolaRegular';
	src: url(//:) format('no404'), url('/templates_new/fonts/rbs_lola-regular-webfont.woff') format('woff'), url('/templates_new/fonts/rbs_lola-regular-webfont.ttf') format('truetype'), url('/templates_new/fonts/rbs_lola-regular-webfont.svg#webfonty8XpgZjQ') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'RBSLolaBold';
    src: url('/templates_new/fonts/rbs_lola-bold-webfont.eot');
    src: url('/templates_new/fonts/rbs_lola-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/templates_new/fonts/rbs_lola-bold-webfont.woff') format('woff'),
         url('/templates_new/fonts/rbs_lola-bold-webfont.ttf') format('truetype'),
         url('/templates_new/fonts/rbs_lola-bold-webfont.svg#RBSLolaBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

.second-font, .btn, .tnav li li strong, .tnav li li li strong { font-family:Tahoma,Arial,sans-serif;}

/*-------------------------------------------
	:: DEFAULT ANCHORS
--------------------------------------------*/

a {color: #711d68;}
a:hover{color: #711d68;}
.h2-pod a:hover, .h3-pod a:hover, .tnav a:hover {color: #002a66;}

/*-------------------------------------------
	:: FONT-SIZE CONVERSION
--------------------------------------------*/

	/* From YUI Fonts - USE ONLY THESE % VALUES:

	PX    %
	10 	77
	11 	85
	12 	93
	13 	100
	14 	108
	15 	116
	16 	123.1
	17 	131
	18 	138.5
	19 	146.5
	20 	153.9
	21 	161.6
	22 	167
	23 	174
	24 	182
	25 	189
	26 	197 

	n.b. Above 26px equivalent, conversion isn't as robust x-browser.

--------------------------------------------*/
/*-------------------------------------------
	:: HEADINGS
--------------------------------------------*/

/* Heading classes can be used to maintain the semantically appropriate heading levels - ONLY use on heading elements */

/* Brand font <h1> headings */
h1, .h1 {font-weight:normal;font-size:174%;padding:0;margin:0 0 0.06em 0;line-height:1.1;}

.h1-bold-bf {font-size:174%;}
.h1-l-bold-bf {font-size:238%;/*32px*/line-height:1;margin-bottom:0.4em;}
/* New style hub h1 */
.h1-xl-bold-bf {font-size:260%;margin:0 0 0.06em;line-height:1.1;}
.h1-xl-bf, .h1-xxl-bf {font-size:225%;font-weight:normal;letter-spacing:0;word-spacing:0;padding:0.15em 0 0 0;margin:0 0 0.2em 0;}

/* Default headings */
h4, .h4, h5, h6 {font-size: 100%;}
h2, h3, .h2, .h3 {margin: 0 0 0.8em 0;line-height:1.1;}

h3, .h3 {font-size:116%;margin-bottom:0.4em;line-height:1.2;}

/* Brand font <h2> headings */
.h2-bf, .h2-bold-bf, .h2-s-bold-bf, .h2-xs-bf, .h2-xxs-bf {font-size:167%;margin:0 0 0.4em 0;line-height:1.1;}
.h2-bf, .h2-s-bf, .h2-xs-bf, .h2-xxs-bf {font-weight:normal;}
.h2-s-bold-bf, .h2-s-bf {font-size:153.9%;}
.h2-xs-bf {font-size:138.5%;}
.h2-xxs-bf {font-size:123.1%;}
.h2-xs-bf, .h2-s-bf, .h2-l-bf {font-size: 138.5%;font-weight: normal;color: #1f1e61;margin: 0 0 0.8em 0;}

/* Bar style headings */
.h1-bar, .h3-bar {font-size: 116%;padding: 7px 8px 7px;margin: 0 0 0.5em 0;line-height:1.1;border:1px solid #78b6ce;background: #dbecf2;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.h1-bar {font-size:174%;border:none;background-color:#003b79;color:#fff;}

.h2-aside {font-size: 153.9%;font-weight:normal;margin: -0.4em 0 0.4em 0;padding: 5px 0;letter-spacing:0;word-spacing:0;margin: 0;}
	.h2-aside, .h2-aside a {color:#002a66;}
	
.h2-hub {margin-top:0;}
.h2-pod, .h2-pod-1 {font-size: 123.1%; margin: 0 0 0.1em 0;line-height:1.2;}
	.h2-pod a, .h3-pod a, .h2-pod-bf a, .h2-s-bold-bf a {color: #002a66;}
	.h2-pod-1 a, .h3-pod-1 a {color: #711d68;}
 
.h3-bar-icon {margin-top: 5px;}
.h3-pod, .h3-pod-1 {font-size: 116%; margin: 0 0 0.3em 0;line-height:1.2;} 

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: underline;}

.brand-font, h1, .h1-hub, .h1-pod-hub, .h1-pod-finder, .h1-pod-welcome, .h1-pod-prod,
.h2-aside, .h2-pod-welcome, .h2-pod-prod, .h2-pod-prod-02, .h2-hub, .h2-s-bf, .h2-xs-bf, .h2-xxs-bf, .h2-pod-hub, 
.h2-l-bf, .h1-xl-bf, .h1-xxl-bf, .pod-olb-header h2, .h1-pod-prod-02, .h1, .snav, .h2-pod-bf, .tnav li strong, .h2-bf, .btn-bf, .btn-large-bf, .btn-larger-bf {font-family: 'RBSLolaRegular', Arial;}

.h2-bold-bf, .h2-s-bold-bf, .h1-bold-bf, .h1-l-bold-bf, .h1-xl-bold-bf, .h1-bar, .brand-font-bold {font-family: 'RBSLolaBold', Arial;}

.brand-font a:hover, h1 a:hover, .h1-hub a:hover, .h1-pod-hub a:hover, .h1-pod-finder a:hover, .h1-pod-welcome, a:hover .h1-pod-prod a:hover,
.h1-bar a:hover, .h2-pod-welcome a:hover, .h2-pod-prod a:hover, .h2-pod-prod-02 a:hover, .h2-hub a:hover, .h2-pod-hub a:hover,
.h2-aside a:hover, .pod-olb-header h2 a:hover, .h2-pod-bf a:hover, .h2-s-bold-bf a:hover {text-decoration: none;}

/*item:core/buttons.css*/
/*-------------------------------------------
	BUTTONS
	
	:: Default button
	:: Button size and font
	:: Button styles
	
		:: Secondary button - e.g. "Previous" or "Back"
		:: Key call-to-action button
		:: Alternative button style extensions
		
	:: Button widths
	:: Web chat (LivePerson) slide-out buttons
	
--------------------------------------------*/
/*-------------------------------------------
	:: DEFAULT BUTTON
--------------------------------------------*/

/* Top and bottom padding values are in pixels rather than ems to avoid sub-pixel rounding errors. */
.btn {
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	padding: 1px 0.7em 3px 0.7em;
	text-decoration: none;
	color: white;
	background: #843C81; /* Old browsers */
	background: -moz-linear-gradient(top, rgba(132,60,129,1) 0%, rgba(132,60,129,1) 45%, rgba(110,33,111,1) 45%, rgba(110,33,111,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(132,60,129,1)), color-stop(45%,rgba(132,60,129,1)), color-stop(45%,rgba(110,33,111,1)), color-stop(100%,rgba(110,33,111,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(132,60,129,1) 0%,rgba(132,60,129,1) 45%,rgba(110,33,111,1) 45%,rgba(110,33,111,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(132,60,129,1) 0%,rgba(132,60,129,1) 45%,rgba(110,33,111,1) 45%,rgba(110,33,111,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(132,60,129,1) 0%,rgba(132,60,129,1) 45%,rgba(110,33,111,1) 45%,rgba(110,33,111,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(132,60,129,1) 0%,rgba(132,60,129,1) 45%,rgba(110,33,111,1) 45%,rgba(110,33,111,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#843c81', endColorstr='#6e216f',GradientType=0 ); /* IE6-9 */
	border: #711d68 solid 1px;
	border: rgba(83,23,77,0.9) solid 1px;
	display:-moz-inline-stack;
	display:inline-stack;
	display:inline-block;
}

.btn:hover {color: white;}

/*-------------------------------------------
	:: BUTTON SIZE AND FONT
	
	-bf = brand-font (also referenced in typography.css)
	
--------------------------------------------*/

.btn-large {font-size: 108%;padding: 0.3em 0.7em 0.4em 0.7em;padding: 5px 0.7em 6px 0.7em;}
.btn-bf {font-size: 116%;padding: 3px 0.7em 3px 0.7em;}
.btn-large-bf {font-size: 121.3%;padding: 4px 0.5em 4px 0.5em;}
.btn-larger {font-size: 138.5%;padding: 6px 0.5em 9px 0.5em;}
.btn-larger-bf {font-size: 153.9%;letter-spacing:-0.5px;padding: 6px 0.5em 6px 0.5em;}

/*-------------------------------------------
	:: BUTTON STYLES
--------------------------------------------*/

.btn-lozenge, .btn-shadow {
	-moz-box-shadow:1px 2px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:1px 2px 2px rgba(0,0,0,0.2);
	box-shadow:1px 2px 2px rgba(0,0,0,0.2);
}
.btn-lozenge {-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;padding-left:0.8em;padding-right:0.8em;}

/*-------------------------------------------
	:: SECONDARY BUTTON - for "Previous" or "Back" buttons
--------------------------------------------*/

/* Grey */
.btn-secondary, .btn-secondary:hover {
	color: #002a66;
	background: #fff rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(191,202,217,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(45%,rgba(255,255,255,1)), color-stop(100%,rgba(191,202,217,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 45%,rgba(191,202,217,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 45%,rgba(191,202,217,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 45%,rgba(191,202,217,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 45%,rgba(191,202,217,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9e0e8',GradientType=0 ); /* IE6-9 */
	border-color:#cfd7e2;/*IE*/
	border-color:rgba(207,215,226,0.9);
}

/*-------------------------------------------
	:: KEY CALL-TO-ACTION BUTTON
--------------------------------------------*/

/* AppleiOS green */
.btn-key-cta {color: white;
border: #488549 solid 1px;
background: #8CC157; /* Old browsers */
background: -moz-linear-gradient(top, rgba(140,193,87,1) 0%, rgba(103,178,42,1) 40%, rgba(89,167,29,1) 53%, rgba(71,151,21,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(140,193,87,1)), color-stop(40%,rgba(103,178,42,1)), color-stop(53%,rgba(89,167,29,1)), color-stop(100%,rgba(71,151,21,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(140,193,87,1) 0%,rgba(103,178,42,1) 40%,rgba(89,167,29,1) 53%,rgba(71,151,21,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(140,193,87,1) 0%,rgba(103,178,42,1) 40%,rgba(89,167,29,1) 53%,rgba(71,151,21,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(140,193,87,1) 0%,rgba(103,178,42,1) 40%,rgba(89,167,29,1) 53%,rgba(71,151,21,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(140,193,87,1) 0%,rgba(103,178,42,1) 40%,rgba(89,167,29,1) 53%,rgba(71,151,21,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bce4a', endColorstr='#70bc42',GradientType=0 ); /* IE6-9 */
text-shadow: rgba(73,124,43,1) 0 -1px 0;
}
.btn-key-cta:hover {background: #90C45C; /* Old browsers */
background: -moz-linear-gradient(top, rgba(144,196,92,1) 0%, rgba(114,198,46,1) 40%, rgba(102,190,34,1) 53%, rgba(85,181,25,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(144,196,92,1)), color-stop(40%,rgba(114,198,46,1)), color-stop(53%,rgba(102,190,34,1)), color-stop(100%,rgba(85,181,25,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(144,196,92,1) 0%,rgba(114,198,46,1) 40%,rgba(102,190,34,1) 53%,rgba(85,181,25,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(144,196,92,1) 0%,rgba(114,198,46,1) 40%,rgba(102,190,34,1) 53%,rgba(85,181,25,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(144,196,92,1) 0%,rgba(114,198,46,1) 40%,rgba(102,190,34,1) 53%,rgba(85,181,25,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(144,196,92,1) 0%,rgba(114,198,46,1) 40%,rgba(102,190,34,1) 53%,rgba(85,181,25,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80d64d', endColorstr='#7bce4a',GradientType=0 ); /* IE6-9 */
}	
.btn-key-cta:active {background: #479715 rgb(71,151,21); /* Old browsers */
background: -moz-linear-gradient(top, rgba(71,151,21,1) 0%, rgba(89,167,29,1) 47%, rgba(103,178,42,1) 60%, rgba(140,193,87,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(71,151,21,1)), color-stop(47%,rgba(89,167,29,1)), color-stop(60%,rgba(103,178,42,1)), color-stop(100%,rgba(140,193,87,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(71,151,21,1) 0%,rgba(89,167,29,1) 47%,rgba(103,178,42,1) 60%,rgba(140,193,87,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(71,151,21,1) 0%,rgba(89,167,29,1) 47%,rgba(103,178,42,1) 60%,rgba(140,193,87,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(71,151,21,1) 0%,rgba(89,167,29,1) 47%,rgba(103,178,42,1) 60%,rgba(140,193,87,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(71,151,21,1) 0%,rgba(89,167,29,1) 47%,rgba(103,178,42,1) 60%,rgba(140,193,87,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#479715', endColorstr='#8cc157',GradientType=0 ); /* IE6-9 */

-moz-box-shadow: inset 0px 5px 5px rgba(143,195,92,0.6);
-webkit-box-shadow:inset 0px 5px 5px rgba(143,195,92,0.6);
box-shadow:inset 0px 3px 3px rgba(0,48,0,0.6);position:relative;top:1px;
text-shadow: rgba(73,124,43,1) 0 -1px 0;
}

/*-------------------------------------------
	:: ALTERNATIVE BUTTON STYLES
--------------------------------------------*/

/* Light grey */
.btn-alt-1, .btn-alt-1:hover {
	color:#002a66;
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(244,244,244,1) 50%, rgba(244,244,244,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(50%,rgba(244,244,244,1)), color-stop(100%,rgba(244,244,244,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(244,244,244,1) 50%,rgba(244,244,244,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(244,244,244,1) 50%,rgba(244,244,244,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(244,244,244,1) 50%,rgba(244,244,244,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(244,244,244,1) 50%,rgba(244,244,244,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
	border: none;
	text-shadow: #fff 0 2px 0;
}

/* Not currently needed in RBS */
.btn-alt-2 {}


/*-------------------------------------------
	:: BUTTON WIDTHS
	
	E.g. Right hand side CTA panel
--------------------------------------------*/

/* Exception case - normally the grid is used for widths e.g. .span-n */
.btn-width-1 {width:126px;float:left;margin-right:5px;}

/*------------------------------------------
	:: WEB CHAT (LivePerson) SLIDE-OUT BUTTONS 
--------------------------------------------*/

/* Image button - from viewport edge */
.lp-btn-slide-out-right {position:fixed;top:40%;right:-206px;}
/*item:core/navigation.css*/
/*-------------------------------------------
	Navigation
	
	:: Tabs
	:: Breadcrumb trail
	:: Secondary nav (horizontal top nav bar and mega drop-down)
	:: Tertiary nav (left nav / bottom nav)
	
--------------------------------------------*/
/*-------------------------------------------
	:: TABS
	
	.tab					= main channel tabs navigation e.g. Personal Banking, Private Banking etc. See also header.css.
	.ui-tabs-nav a	= tabbed content area tabs
	
--------------------------------------------*/

/* Main channel tabs navigation */
.mnav {font-size:116%;}

/* .tab is applied to the anchor tag, not the list item */
.tab, .u-tab, .ui-tabs-nav a {padding: 0.15em 0.7em 0.2em 0.7em;display: block;border: solid 1px black;margin-right: 2px;text-decoration: none;}

/* .tab is applied to the anchor tag, not the list item */
.tab, .ui-tabs-nav a {border-bottom: none;-moz-border-radius-topright: 3px;-webkit-border-top-right-radius: 3px;border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-webkit-border-top-left-radius: 3px;border-top-left-radius: 3px;}

/* An upsidedown .tab */
.u-tab {border-top: none;-moz-border-radius-bottomright: 3px;-webkit-border-bottom-right-radius: 3px;border-bottom-right-radius: 3px;-moz-border-radius-bottomleft: 3px;-webkit-border-bottom-left-radius: 3px;border-bottom-left-radius: 3px;}

/* jQuery tabs */
.ui-tabs-nav li {width: 109px;position: relative;top: 5px;z-index: 0;background: none;padding: 0;}
	/* This makes unselected tabs appear to be behind the selected to create a realistic tabs metaphor */
	li.ui-tabs-selected {z-index:1;top:1px;}
	li.ui-tabs-selected a {padding:7px 7px 6px;}

	.ui-tabs-nav a {margin-right: 3px;display: block;padding: 2px 7px 7px;padding:3px 7px 10px;}
	
/* Choice tabs - yes/no style */
.choice-tabs .ui-tabs-nav li {top:1px;}
.choice-tabs .ui-tabs-nav a {padding:4px 14px 8px;margin-right:15px;border:none;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}

.choice-tabs .ui-state-active a {-moz-box-shadow:0 3px 5px rgba(0,0,0,0.4);-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.4);box-shadow:0 3px 5px rgba(0,0,0,0.4);}

/* Alternative tabs style  - n.b. descendant selector usage but it's local to tabset control */
.p-tabs-alt-1 .ui-tabs-nav a {padding:8px 14px 14px;margin-right: 2px;}
.choice-tabs .p-tabs-alt-1 .ui-state-default a {background-image:none;filter:none;}
.choice-tabs .p-tabs-alt-1 .ui-state-active a {background-image:none;filter:none;border-top:1px solid;border-left:1px solid;border-right:1px solid;-moz-border-radius-bottomleft: 0;-webkit-border-bottom-left-radius: 0;border-bottom-left-radius: 0;-moz-border-radius-bottomright: 0;-webkit-border-bottom-right-radius: 0;border-bottom-right-radius: 0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}	

/*-------------------------------------------
	:: BREADCRUMB TRAIL
--------------------------------------------*/

.breadcrumb ul {float:left;margin-left:-2px;}
.breadcrumb li a {float:left;padding-right:7px;}
.breadcrumb ul {background-image: url(../images/sprite-bullets.png);background-repeat: no-repeat;background-position: -5700px 0.45em; padding: 0 0 0.3em 11px;} /* Need to add a " > " to the bullet sprite */
.breadcrumb em {font-style:normal;}

/*-------------------------------------------
	:: SECONDARY NAVIGATION
--------------------------------------------*/
.snav {font-size:108%;/*letter-spacing:-1px;font-weight:bold;*/text-shadow:0px 0px 1px rgba(100,100,100, 0.4);}

/*-------------------------------------------
		:: MEGA DROP-DOWN
--------------------------------------------*/

	.snav {margin:0;} 
	.snav li {list-style-type: none;background-image:none;padding:11px 0px 7px 0px;margin:0 5px 0 0;border-top:none;border-bottom:none;}
	/* snav-tab - to ensure the tab target area is more accurate - still a gap on left edge due to preceeding sprite*/ 
	.snav .snav-tab {padding:5px 8px 7px 0;}
	.snav .snav-tab-first {padding:5px 8px 7px 8px;} /* No nav dot separator to the left of the first snav-tab */
	
	li.js-snav-mega-focused {
		display: block;border-bottom:none;text-decoration: none;
		background-color:#f0f7fa;background-color:#dbecf2;background-color:#eff8fa;
		border-top: solid 1px #fff;padding-top:10px;
		-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0;
		-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
	}
	
	/* Positioning of nav dot separator */
	.snav li .nav-dot-separator-10 {position:relative;top:7px;left:-4px;}
	
	li.js-snav-mega-focused li {border:none;}
	
	.snav-mega-pod {
		left:-9999px;
		position:absolute;
		display:block;
		top: 35px;
		z-index:12000;
		font-family:Tahoma,Arial,sans-serif;
		text-shadow:none;
	}
	
	.snav .snav-mega-pod {font-size:13px;}
	.snav .snav-mega-pod div {font-size:100%;}/* Exception of styling an element - however required to reset the font-size for MDD */
	
	.js-snav-mega-pod-show {left:0px;}
	
	/* Main snav-mega navigation list style */
	.snav-mega-nav-list li {margin:0;background-image:none;}
	.snav-mega-nav-list li a:focus {outline:0;text-decoration:underline;}
	.snav-mega-nav-list li a:active, a.js-snav-mega-link {outline:0;}
	
	.roll-over {-webkit-transition: background-color 0.3s ease-in-out;
	-moz-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease-in-out;
	-ms-transition: background-color 0.3s ease-in-out;
	transition: background-color 0.3s ease;
	cursor:pointer;
	}
	.roll-over a:hover {color:#002a66;}
	.roll-over:hover {background-color:#e2ecf1;-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;}

/*-------------------------------------------
	:: TERTIARY NAVIGATION
	
	The tertiary nav can take a vertical or a horizontal form.
	
--------------------------------------------*/

/*Horizontal: By default, it is assumed there are five items. */
map.horizontal li {float: left;width: 20%;border: none;}
/* If there are 4-1 nav groups, the following classes are used. */
map.groups-4 li {width: 25%;*width:24%;}
map.groups-3 li {width: 33%;}
map.groups-2 li {width: 50%;}
map.groups-1 li {width: auto; float: none;}

		.horizontal li li {float: none;width: auto;}
		/* @zah temporary selector */ .horizontal li li li, .horizontal li li ul {display:none;}
		
/* This assumes the subnav sits inside a .pod with no padding */
.tnav ul, .tnav li {margin: 0;padding: 0;list-style-type: none;color: #002a66;}
		.tnav li {padding:0;background: none;}
			.tnav a, .tnav strong {display: block;padding:0;text-decoration: none;}
			.tnav ul li ul {margin-bottom: 0.85em;}
			.tnav li strong {font-size:131%;font-weight:normal;padding:2px 0 0.1em 2px;border-bottom: solid 1px #e0eef4;text-shadow:0px 0px 1px rgba(100,100,100, 0.4);}
			.horizontal li strong {padding-bottom:0.5em;padding-right:10px;border-bottom:none;font-family:Tahoma,Arial,sans-serif;text-shadow:none;font-size:116%;font-weight:bold;}
			.tnav li li strong, .tnav li li li strong, /* @zah temporary selector */ .horizontal li em a {font-size: 100%;font-weight:bold;color:#711d68;border-bottom:none;text-shadow:none;}
			
			/* Used to indicate the parent of the current page */
			.tnav em {font-style: normal;}
			.horizontal a, .horizontal strong {padding: 0.1em 16px 0.1em 0;}
			.tnav a:hover {text-decoration: underline;}
				.tnav li li {border: none;padding: 0;}
				
					/* Third-level nav */
					.tnav li li a, .tnav li li strong {
						display: block;
						padding: 0.16em 0 0 12px;
						background: url(../images/sprite-bullets.png) -3799px 0.6em no-repeat;
					}
					.tnav li li strong {background-position: -1899px 0.6em;}
					.tnav li li em a {
						background-position: -3799px 0.6em;
					}
					/* For "Back to previous page" links */
					.tnav li a.tnav-back {
						display:block;
						padding: 0.16em 0 10px 13px;
						background: url(../images/sprite-bullets.png) -1892px 0.54em no-repeat;
						background-position: -4749px 0.6em;
					}
					.horizontal li li a, .horizontal li li strong {
						padding: 0.16em 10px 0 12px;
						background: url(../images/sprite-bullets.png) -3799px 0.6em no-repeat;
					}
					.horizontal li li strong, /* @zah temporary selector */ .horizontal li li em a {background-position: -1899px 0.6em;}
						
						/* Forth-level nav */
						.tnav li li li a, .tnav li li li strong {
							padding: 0.16em 0 0 25px;
							background: url(../images/sprite-bullets.png) -3787px 0.6em no-repeat;
						}
						.tnav li li li strong {background-position: -1887px 0.6em;}
							
							/* Fifth-level nav */
							.tnav li li li li a, .tnav li li li li strong {
								padding: 0.1em 0 0 38px;
								background-position: -3774px 0.6em;
							}
							.tnav li li li li strong {background-position: -1874px 0.6em;}
							
/*item:core/misc.css*/
/*-------------------------------------------
	MISCELLANEOUS STYLES

	:: Tables
	:: Pod extensions (e.g. concertinas)
	:: HRs
	:: Back to tops
	:: Lists
	
--------------------------------------------*/
/*-------------------------------------------
	:: TABLES
--------------------------------------------*/

table {
	-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
	/* Due to the way borders are applied partially to the table, and partially to the table cells,
	these declarations makes all radius visually the same. */
	-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;
}

/* Table colour classes - default (use helper classes, to change individual cells) */
table {border-left-color: #3391b5;border-top-color: #3391b5;}
	th, td {
		border-right-color: #b2c4d7;
		border-bottom: 1px solid #b2c4d7;
	}
	th {font-weight: bold;}
	thead th, thead td, .tr-last th, .tr-last td, .tr-last {border-bottom-style: solid;}
	.tr-last th, .tr-last td, .tr-last {border-bottom-color: #3391b5;}
	/* This border colour is just for tables, hence the contextual selector. */
	.td-last, tr .rds-tr-3, tr .rds-tr-4, tr .rds-tr-5, tr .rds-br-3, tr .rds-br-4, tr .rds-br-5 {border-right-color: #3391b5;}
	
/*-------------------------------------------
	:: POD EXTENSIONS (extensions of .pod)
--------------------------------------------*/

/* Concertinas */
.concertina-head {margin-bottom: 5px;}
.concertina-head-inner {cursor: pointer;}
/* This assumes that the .js-concertina-control mark-up will only be either "Expand" or "Collapse". */
.js-concertina-control {width: 8em;text-align: right;}

/*-------------------------------------------
	:: HORIZONTAL RULES
--------------------------------------------*/

hr.space {background:#fff;color:#fff;visibility:hidden;}
/* .hr to be used on a div - can be extended with Helpers */
.hr {margin: 0 0 8px 0;border-top: dotted 1px #78b6ce;}

/*-------------------------------------------
	:: BACK TO TOP
--------------------------------------------*/

/* Typically used on <p> tags */
.b-2-top, .b-2-top-hr {font-size: 85%;text-align: right;}
.b-2-top-hr {border-bottom: solid 1px #711d68;padding: 0 0 0.3em 0;}
	.b-2-top a, .b-2-top-hr a {text-decoration: none;color: #711d68;}
	.b-2-top a:hover, .b-2-top-hr a:hover {color: #711d68;}

/*-------------------------------------------
	:: LISTS
--------------------------------------------*/

/* This | Makes | Lists | Into | Pipe | Style - It should be applied to either the li or the anchor */
.pipe-list, li.pipe-list {padding: 0 0.5em 0 0;padding-right: 0.5em;margin: 0 0.5em 0 0;line-height: 1;background: none;}
.pipe-list {border-right: solid 1px #003;}

/*-------------------------------------------
		:: BULLETED / CHEVRONED
--------------------------------------------*/

/* White bullet */
.mono-list li {background-position: -950px 0.45em; padding: 0 0 0.3em 15px;}

/* Purple chevron */
.list-with-links, .list-with-links-alt-1, .tick-list-1, .tick-list-2, .tick-list-3 {margin-left:0;}
.list-with-links li {background-position: -1900px 0.42em; padding-left: 11px;padding-bottom:0;}
/*White chevron on the left*/
.list-with-links-alt-1 li {background-position: -2850px 0.42em; padding-left: 11px;}

/* Chevron added as an inline sprite, at the end of the anchor */
.link-list li {background-position: -1900px 0.45em; padding: 0 0 0 11px;font-weight: bold;}
.link-list {margin: 0 0 0.7em 0;}
	.link-list a {text-decoration: none;color: #711d68;}
	.link-list a:hover {text-decoration: underline;}

/*-------------------------------------------
		:: TICKS
--------------------------------------------*/

.tick-list-1 li, .tick-list-2 li, .tick-list-3 li {background: url(../images/sprite-ticks.png) 0 0 no-repeat;padding: 2px 0 1em 25px;height: 16px;}
div[class] .tick-list-1 li, div[class] .tick-list-2 li {height: auto;min-height: 16px;}
div[class] .tick-list-3 li {height: auto;min-height: 20px;padding-left:35px;}

/* Blue tick */
.tick-list-2 li {background-position: -950px 0;}
/* green tick */
.tick-list-3 li {background-position: -1917px 0;}

/*-------------------------------------------
		:: ORDERED / STEPS
--------------------------------------------*/	

/* 7 steps only */
.step-list-1, .step-list-1 li, .step-list-2, .step-list-2 li {margin: 0;padding: 0;list-style-type: none;}
.step-list-1, .step-list-2 {margin-bottom: 1.5em;}
	.step-list-1 li, .step-list-2 li {background: url(../images/sprite-numbered.png) 0 0 no-repeat;padding: 2px 0 0.8em 30px;height: 21px;}
	.step-list-1 li {padding-top:5px;padding-left:40px;height: 28px;}
	div[class] .step-list-1 li, div[class] .step-list-2 li {height: auto;min-height: 21px;}
	div[class] .step-list-1 li {min-height:28px;}
	.step-list-1 .one {background-position: 0 0;}
	.step-list-1 .two {background-position: -950px 0;}
	.step-list-1 .three {background-position: -1900px 0;}
	.step-list-1 .four {background-position: -2850px 0;}
	.step-list-1 .five {background-position: -3800px 0;}
	.step-list-1 .six {background-position: -4750px 0;}
	.step-list-1 .seven {background-position: -5700px 0;}

	.step-list-2 .one {background-position: -6650px 0;}
	.step-list-2 .two {background-position: -7600px 0;}
	.step-list-2 .three {background-position: -8550px 0;}
	.step-list-2 .four {background-position: -9500px 0;}
	.step-list-2 .five {background-position: -10450px 0;}
	.step-list-2 .six {background-position: -11400px 0;}
	.step-list-2 .seven {background-position: -12350px 0;}
	.step-list-2 .eight {background-position: -13300px 0;}

/*item:core/icons.css*/
/*-------------------------------------------
	ICONS	

	Icon sprites currently have 3 sizes:

	::	> 31 pixels but < or = 37 pixels square
	::	> 10 pixels but < or = 31 pixels square
	::	< or = 10 pixels square
	
	
	N.B. If the meaning of an icon is not backed-up by the content around it then a regular inline <img> 
	with appropriate alt text applied should be used instead of a sprite.

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

.icons-001-31, .icons-inline-001-31 {
	background:url(../images/sprite-icons-31.png) 0 0 no-repeat;
	width: 31px;
	height: 31px;
}
.icons-001-31, .icons-001-37, .icons-001-10 {
	float: left;
}
/* Inline icons - act like the img tag */
.icons-inline-001-10, .icons-inline-001-31, .icons-inline-001-37 {
	display:-moz-inline-stack;
	display:inline-stack;
	display:inline-block;
	vertical-align: middle;
}

/*-------------------------------------------
	:: Icons: 31x31 pixels
	
	Currently many of these are unused copies from NW. 
	As and when RBS versions are required the NW icons 
	will gradually be replaced.
	
--------------------------------------------*/

.relationship-31 {background-position: 0 0;}
.online-31 {background-position: 0 -31px;}
.banking-31 {background-position: 0 -62px;}
.insurance-31 {background-position: 0 -93px;}
.your-points-31 {background-position: 0 -155px;}
.diary-date-31 {background-position: 0 -186px;}
.security-31 {background-position: 0 -217px;}
.callback-31 {background-position: 0 -248px;}
.waytobank-31 {background-position: 0 -279px;}
.app-31 {background-position: 0 -310px;}
.time-31 {background-position: 0 -342px;}
.branch-31 {background-position: -31px -31px;}
.appointment-31 {background-position: -31px -62px;}
.application-31 {background-position: -31px -93px;}
.email-31 {background-position: -31px -124px;}
.questions-31 {background-position: -31px -155px;}
.payments-31 {background-position: -31px -186px;}
.extras-31 {background-position: -31px -217px;}
.warning-31 {background-position: -31px -248px;}
.post-31 {background-position: -31px -279px;}
.talk-31 {background-position: -31px -310px;}
.reader-31 {background-position: -62px -279px;}
.pdf-31 {background-position: -62px -310px;}

/* These icons don't fit the 31X31 size but are > 10x10 */
.minus-31 {background-position: -62px 0; width: 19px; height: 18px;}
.plus-31 {background-position: -62px -31px; width: 19px; height: 18px;}
.close-31 {background-position: -62px -62px; width: 20px; height: 18px;}
.info-31 {background-position: -62px -93px; width: 20px; height: 18px;}
.tick-1-31 {background-position: -62px -124px; width: 21px; height: 20px;}
.tick-2-31 {background-position: -31px -342px; width: 21px; height: 19px;}
.home-31 {background-position: -93px -124px; width: 12px; height: 10px;}
.error-31 {background-position: -93px -217px; width: 16px; height: 16px;}

.phone-31 {background-position: -93px -155px; width: 20px; height: 14px;}
.travel-31 {background-position: -93px -186px; width: 27px; height: 24px;}

/* A different 1-4 step process */
.step-1-31, .step-2-31, .step-3-31, .step-4-31 {background-position: -93px 0;width:28px;height:28px;}
.step-2-31 {background-position: -93px -31px;}
.step-3-31 {background-position: -93px -62px;}
.step-4-31 {background-position: -93px -93px;}

/* For external links */
.new-window-31 {background-position: -62px -342px; width: 12px; height: 12px;}

/* Small icons */
.branch-sm-31 {background-position: -62px -155px;}
.online-sm-31 {background-position: -62px -186px;}
.phone-sm-31 {background-position: -62px -217px;}
.post-sm-31 {background-position: -62px -248px;}
.branch-sm-31, .online-sm-31, .phone-sm-31, .post-sm-31 {width: 15px; height: 14px;}
.pdf-sm-31 {background-position: -93px -310px;width:17px;height:17px;}

/* Quicklinks dynamic panel */
.arrow-white-up-31 {background-position: -93px -341px; width: 16px; height: 14px;}
.arrow-white-down-31 {background-position: -93px -355px; width: 16px; height: 14px;}

/*@mega*/
.circle-chevron-31, .roll-over:hover .circle-chevron-dis-31 {background-position: -93px -248px; width: 20px; height: 20px;}
.circle-chevron-dis-31 {background-position: -93px -279px; width: 20px; height: 20px;-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease;}

/*-------------------------------------------
	:: Icons: 37x37 pixels
	
	Currently many of these are unused copies from NW. 
	As and when RBS versions are required the NW icons 
	will gradually be replaced.
	
--------------------------------------------*/

.icons-001-37, .icons-inline-001-37 {
	background: url(../images/sprite-icons-37.png) 0 0 no-repeat;
	width: 37px;
	height: 37px;
}
.relationship-37 {background-position: 0 0;}
.online-37 {background-position: 0 -37px;}
.banking-37 {background-position: 0 -74px;}
.insurance-37 {background-position: 0 -111px;}
.travel-37 {background-position: 0 -148px;}
.your-points-37 {background-position: 0 -185px;}
.diary-date-37 {background-position: 0 -222px;}
.security-37 {background-position: 0 -259px;}
.callback-37 {background-position: 0 -296px;}
.waytobank-37 {background-position: 0 -333px;}
.app-37 {background-position: 0 -370px;}
.phone-37 {background-position: -37px 0;}
.branch-37 {background-position: -37px -37px;}
.appointment-37 {background-position: -37px -74px;}
.application-37 {background-position: -37px -111px;}
.email-37 {background-position: -37px -148px;}
.questions-37 {background-position: -37px -185px;}
.payments-37 {background-position: -37px -222px;}
.extras-37 {background-position: -37px -259px;}
.warning-37 {background-position: -37px -296px;}
.post-37 {background-position: -37px -333px;}
.talk-37 {background-position: -37px -370px;}
.car-37 {background-position: -74px 0;}
.mobile-37 {background-position: -74px -37px;}
.windows-37 {background-position: -74px -74px;}
.apple-37 {background-position: -74px -111px;}
.move-money-37 {background-position: -74px -148px;}
.keep-track-37 {background-position: -74px -185px;}
.manage-account-37 {background-position: -74px -222px;}
.help-support-37 {background-position: -74px -258px;}
.products-services-37 {background-position: -74px -296px;}
.transfer-37 {background-position: -74px -333px;}

/* These icons don't fit the 37X37 size but are > 31x31 */
.zero-percent-three-months-37 {background-position: -111px 0;width:32px;height:32px;}
.match-bank-37 {background-position: -111px -37px;width:35px;height:27px;}

/*-------------------------------------------
	:: Icons: 10x10 pixels
--------------------------------------------*/

.icons-001-10, .icons-inline-001-10 {
	background: url(../images/sprite-icons-10.png) 0 0 no-repeat;
	width: 10px;
	height: 10px;
}
.nav-selected-10 {background-position: 0 0;}
.back-violet-small-10 {background-position: 0 -30px;}
.chev-white-small-10 {background-position: -10px 1px;}
.chev-white-10 {background-position: -20px 0;margin-top:-1px;}
.chev-navy-10 {background-position: -30px 0px;}
.up-violet-small-10 {background-position: -10px -10px;}
.chev-navy-small-10 {background-position: -10px -20px;}
.chev-violet-small-10 {background-position: -10px -30px;}
.back-navy-10 {background-position: -30px -10px;}
/* @mega */.nav-dot-separator-10 {background-position:-10px -40px;width:8px;}
/*.back-violet-10 {background-position: -40px 0;}
.chev-violet-10 {background-position: -50px 0;}
.back-white-10 {background-position: 0 -10px;}
.chev-grey-10 {background-position: -10px -10px;}
.chev-violet-small-10 {background-position: -20px -10px;}
.chev-white-small-10 {background-position: -40px -10px;}
.chev-grey-small-10 {background-position: -50px -10px;}
.up-violet-small-10 {background-position: -20px -20px;}
.chev-student-small-10 {background-position: -30px -20px;}*/

/* Some icons need to align differently */
.chev-violet-small-10 {
	vertical-align: baseline;
	position: relative;
	top: 1px;
}
/*item:core/backgrounds.css*/
/*-------------------------------------------
	BACKGROUNDS & IMAGES
	
	:: Background images
	:: Background sprites
	:: Background image helpers
	:: Background gradients
	
	Please ensure that rules relating to background images which are no longer used, are removed from
	this stylesheet. 

	Many of the background image rules have separated properties so that the background-color from 
	the pod is maintained or can be extended using bg colour helper classes.
	
--------------------------------------------*/
/*-------------------------------------------
	:: BACKGROUND IMAGES
--------------------------------------------*/

.bg-helpful-live {
	/* Separated properties so that the background-color from the pod is maintained */
	background-image: url(../images/helpful_banner_755.jpg);
	background-repeat:no-repeat;
	background-position: left top;
	min-height: 200px;
}

.bg-popple {
	/* Separated properties so that the background-color from the pod is maintained */
	background-image: url(../images/chris-popple.jpg);
	background-repeat:no-repeat;
	background-position: right bottom;
	margin-right: -1px;
	margin-bottom: -1px;
}



.bg-creditcards {
	background-image: url(../images/couple-using-tablet-on-sofa.jpg);
	min-height:310px;}
	
	
.bg-mortgages {
	background-image: url(../images/dontHaveMortgage.jpg);
	min-height:360px;
}
.bg-mortgages-02 {
	background-image: url(../images/HaveMortgage.jpg);
	min-height:360px;
}

.bg-mortgages-03 {
	background-image: url(../images/first-time-buyer.jpg);
	min-height:310px;
}

.bg-mortgages-04 {
	background-image: url(../images/new-deal.jpg);
	min-height:310px;
}

.bg-staff-01{
	background-image: url(../images/rbs-woman.jpg);	
}

.bg-calculator{
	background-image: url(../images/calculator.gif);
	min-height:79px;
}

.bg-student{
	background-image: url(../images/studentBG.png);
	min-height:280px;
}

.img-pos-01{
	position:absolute; 
	right:-215px; 
	top:15px;
}

/* Customer Charter - Mar 2012 */
.bg-charter {
	background-image: url(../images/brians-charter-header-2011.jpg);
	min-height:200px;
}
.bg-customer-adviser {
	background-image: url(../images/customer-adviser.jpg);
	min-height:103px;
}

.bg-mobile-user {
	background-image: url(../images/rbs-mobile-user.jpg);
}

/* 550px */
.bg-hub-travel-550 {min-height:109px;background-image: url(../images/bg-hub-travel-550.gif);background-repeat:no-repeat;background-position: left top;}
.bg-hub-insurance-550 {min-height:109px;background-image: url(../images/bg-hub-insurance-550.gif);background-repeat:no-repeat;background-position: left top;}
.bg-hub-investment-550 {min-height:109px;background-image: url(images/bg-hub-investment-550.gif);background-repeat:no-repeat;background-position: left top;}

/* span-38 */
.bg-hub-current-accounts-span-38 {min-height:148px;background-image: url(../images/bg-hub-mta-span-38.gif);background-repeat:no-repeat;background-position: left top;}

/* 950px */
.bg-hub-credit-cards-950 {min-height:108px;background-image: url(../images/bg-hub-credit-cards-950.jpg);background-repeat:no-repeat;background-position: left top;}

.bg-switch-relationship-lines {background-image: url(../images/bg-switch-relationship-line.png);min-height:19px;}

/*-------------------------------------------
	:: BACKGROUND SPRITES
--------------------------------------------*/

.bg-sprite-step-arrows {background-image: url(../images/sprite-step-arrows.png);min-height:85px;}

	.step-arrow-customer-medium {background-position: right 0px;}
	.step-arrow-customer-small {background-position: right -280px;}
	.step-arrow-bank-small {background-position: right -560px;}

/*-------------------------------------------
	:: BACKGROUND HELPERS
--------------------------------------------*/

.bg-rep-nr {background-repeat:no-repeat;}
.bg-pos-tl {background-position: top left;}
.bg-pos-tr {background-position: top right;}
.bg-pos-bl {background-position: bottom left;}
.bg-pos-br {background-position: bottom right;}

/*-------------------------------------------
	:: BACKGROUND GRADIENTS 

	::	Primary - Blue based
	::	Secondary - Purple/magenta based
	::	Mono - Greyscale
	
--------------------------------------------*/

/* Blue E.g. Header/footer */
.bg-grad-p-1 {
	color: #fff;
	background: #9b0404; /* Old browsers */
	background: #9b0404 url(../images/bg-grad-p-1.gif) repeat-x 0 bottom;/* IE6-9 */
	background: -moz-linear-gradient(top, rgba(0,59,121,1) 0%, rgba(0,58,119,1) 50%, rgba(0,55,113,1) 64%, rgba(1,40,83,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,59,121,1)), color-stop(50%,rgba(0,58,119,1)), color-stop(64%,rgba(0,55,113,1)), color-stop(100%,rgba(1,40,83,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,59,121,1) 0%,rgba(0,58,119,1) 50%,rgba(0,55,113,1) 64%,rgba(1,40,83,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,59,121,1) 0%,rgba(0,58,119,1) 50%,rgba(0,55,113,1) 64%,rgba(1,40,83,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(0,59,121,1) 0%,rgba(0,58,119,1) 50%,rgba(0,55,113,1) 64%,rgba(1,40,83,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(0,59,121,1) 0%,rgba(0,58,119,1) 50%,rgba(0,55,113,1) 64%,rgba(1,40,83,1) 100%); /* W3C */
}

/* E.g. sub nav */
.bg-grad-p-2 {
	background: rgb(255,255,255); /* Old browsers */
	background: #fff url(../images/sprite-grad-x-1.jpg) repeat-x 0 -65px; /* IE6-9 */
	background: -moz-linear-gradient(top, rgba(254,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(236,246,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,255,1)), color-stop(60%,rgba(255,255,255,1)), color-stop(100%,rgba(236,246,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(255,255,255,1) 60%,rgba(236,246,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(255,255,255,1) 60%,rgba(236,246,255,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(255,255,255,1) 60%,rgba(236,246,255,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(254,255,255,1) 0%,rgba(255,255,255,1) 60%,rgba(236,246,255,1) 100%); /* W3C */
}

/* E.g. unselected mnav tabs */
.bg-grad-p-3 {
	background: #fff; /* Old browsers */
	background: #fff url(../images/sprite-grad-x-1.jpg) repeat-x 0 -25px;/* IE6-9 */
	background: -moz-linear-gradient(top, rgba(254,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(247,248,250,1) 60%, rgba(216,222,231,1) 85%, rgba(174,187,206,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,255,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(60%,rgba(247,248,250,1)), color-stop(85%,rgba(216,222,231,1)), color-stop(100%,rgba(174,187,206,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(247,248,250,1) 60%,rgba(216,222,231,1) 85%,rgba(174,187,206,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(247,248,250,1) 60%,rgba(216,222,231,1) 85%,rgba(174,187,206,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(247,248,250,1) 60%,rgba(216,222,231,1) 85%,rgba(174,187,206,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(254,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(247,248,250,1) 60%,rgba(216,222,231,1) 85%,rgba(174,187,206,1) 100%); /* W3C */
}

/* E.g. horizontal tertiary nav from logout page*/
.bg-grad-p-4 {
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(249,251,251,1) 70%, rgba(230,238,240,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(70%,rgba(249,251,251,1)), color-stop(100%,rgba(230,238,240,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(249,251,251,1) 70%,rgba(230,238,240,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(249,251,251,1) 70%,rgba(230,238,240,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(249,251,251,1) 70%,rgba(230,238,240,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6eef0',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(249,251,251,1) 70%,rgba(230,238,240,1) 100%); /* W3C */
}

/* E.g. Used on embossed white pod */
.bg-grad-p-5 {
	background: #fff; /* Old browsers */
	background: #fff url(../images/bg-grad-p-5.jpg) repeat-x 0 bottom; /* IE6-9 */
	background: -moz-linear-gradient(top, rgba(254,255,255,1) 0%, rgba(252,253,253,1) 90%, rgba(245,246,249,1) 94%, rgba(238,241,245,1) 97%, rgba(230,235,240,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,255,1)), color-stop(90%,rgba(252,253,253,1)), color-stop(94%,rgba(245,246,249,1)), color-stop(97%,rgba(238,241,245,1)), color-stop(100%,rgba(230,235,240,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(252,253,253,1) 90%,rgba(245,246,249,1) 94%,rgba(238,241,245,1) 97%,rgba(230,235,240,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(252,253,253,1) 90%,rgba(245,246,249,1) 94%,rgba(238,241,245,1) 97%,rgba(230,235,240,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(252,253,253,1) 90%,rgba(245,246,249,1) 94%,rgba(238,241,245,1) 97%,rgba(230,235,240,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(254,255,255,1) 0%,rgba(252,253,253,1) 90%,rgba(245,246,249,1) 94%,rgba(238,241,245,1) 97%,rgba(230,235,240,1) 100%); /* W3C */
}

/* Used on Switch me style nested tabs */
.bg-grad-p-7, .choice-tabs .p-tabs-alt-1 .ui-state-active a {
	background: #fff rgb(255,255,255); /* Old browsers */
	background-image: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(244,244,246,1) 100%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(244,244,246,1))); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244,244,246,1) 100%); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244,244,246,1) 100%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244,244,246,1) 100%); /* IE10+ */
	background-image: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244,244,246,1) 100%); /* W3C */
}

/* Secondary: Purple gradients */
/* E.g. Choice tabs (Switch Me) */
.bg-grad-s-0, .choice-tabs .ui-state-default a {
	color:#fff;
	background-color: #4a224b; /* Old browsers */
	background-image: -moz-linear-gradient(top, rgba(109,77,110,1) 0%, rgba(74,34,75,1) 100%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,77,110,1)), color-stop(100%,rgba(74,34,75,1))); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, rgba(109,77,110,1) 0%,rgba(74,34,75,1) 100%); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top, rgba(109,77,110,1) 0%,rgba(74,34,75,1) 100%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(top, rgba(109,77,110,1) 0%,rgba(74,34,75,1) 100%); /* IE10+ */
	background-image: linear-gradient(top, rgba(109,77,110,1) 0%,rgba(74,34,75,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d4d6e', endColorstr='#4a224b',GradientType=0 ); /* IE6-9 */
}

.bg-grad-s-1 {
	color: #fff;
	background: #AA2D82 rgb(170,45,130); /* Old browsers */
	background:-moz-linear-gradient(19% 75% 90deg,#79245e, #aa2d82);
	background:-webkit-gradient(linear, 0% 19%, 0% 75%, from(#aa2d82), to(#79245e));
	background: -ms-linear-gradient(top, rgba(170,45,130,1) 0%,rgba(121,36,94,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(170,45,130,1) 0%,rgba(121,36,94,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa2d82', endColorstr='#79245e',GradientType=0 ); /* IE6-9 */
}

.bg-grad-s-2 {
	background: #663366; /* Old browsers */
	background: -moz-linear-gradient(top, #7c547d 0%, #663366 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7c547d), color-stop(100%,#663366)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7c547d 0%,#663366 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7c547d 0%,#663366 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #7c547d 0%,#663366 100%); /* IE10+ */
	background: linear-gradient(top, #7c547d 0%,#663366 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c547d', endColorstr='#663366',GradientType=0 ); /* IE6-9 */
	}

.bg-grad-s-3, .choice-tabs .ui-state-active a {
	color:#fff;
	background-color: #721D69; /* Old browsers */
	background-image: -moz-linear-gradient(top, rgba(132,60,129,1) 0%, rgba(114,29,105,1) 100%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(132,60,129,1)), color-stop(100%,rgba(114,29,105,1))); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, rgba(132,60,129,1) 0%,rgba(114,29,105,1) 100%); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top, rgba(132,60,129,1) 0%,rgba(114,29,105,1) 100%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(top, rgba(132,60,129,1) 0%,rgba(114,29,105,1) 100%); /* IE10+ */
	background-image: linear-gradient(top, rgba(132,60,129,1) 0%,rgba(114,29,105,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#843c81', endColorstr='#721d69',GradientType=0 ); /* IE6-9 */
}

/* Mono: Greyscale gradients */
.bg-grad-mono-1 {
	background: #666666; /* Old browsers */
	background: -moz-linear-gradient(top, #999999 0%, #666666 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#666666)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #999999 0%,#666666 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #999999 0%,#666666 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #999999 0%,#666666 100%); /* IE10+ */
	background: linear-gradient(top, #999999 0%,#666666 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#666666',GradientType=0 ); /* IE6-9 */	
	}
.bg-grad-mono-2 {
	color: #003;
	background: #CCCCCC rgb(204,204,204); /* Old browsers */
	background:-moz-linear-gradient(19% 75% 90deg,#cccccc, #f4f3f6);
	background:-webkit-gradient(linear, 25% 76%, 75% 15%, from(#f4f3f6), to(#ccc));
	background: -ms-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(244,243,246,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(204,204,204,1) 0%,rgba(244,243,246,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f3f6', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}
.bg-grad-mono-3 {
	color: #003;
	background: #F2F1F4 rgb(242,241,244); /* Old browsers */
	background:-moz-linear-gradient(19% 75% 90deg,#e3e2e8, #f2f1f4);
	background:-webkit-gradient(linear, 0% 19%, 0% 75%, from(#f2f1f4), to(#e3e2e8));
	background: -ms-linear-gradient(top, rgba(227,226,232,1) 0%,rgba(242,241,244,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(227,226,232,1) 0%,rgba(242,241,244,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f1f4', endColorstr='#e3e2e8',GradientType=0 ); /* IE6-9 */
}

.bg-grad-mono-4 {
	background: #999999; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #999999 0%, #ffffff 51%, #999999 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#999999), color-stop(51%,#ffffff), color-stop(100%,#999999)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  #999999 0%,#ffffff 51%,#999999 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  #999999 0%,#ffffff 51%,#999999 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  #999999 0%,#ffffff 51%,#999999 100%); /* IE10+ */
	background: linear-gradient(45deg,  #999999 0%,#ffffff 51%,#999999 100%); /* W3C */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#666666',GradientType=1 );  IE6-9 fallback on horizontal gradient */
}

/* KEEP AT THE BOTTOM */
/* BLUE BUTTON TAB WORK */
/* Blue button tabs - NON-SELECTED */
.blue-choice-tabs-01 .ui-state-default a {
	color: #fff;
	background-color: #003B79; /* Old browsers */
	background-image: url(../images/bg-grad-p-1.gif) repeat-x 0 bottom;/* IE6-9 */
	background-image: -moz-linear-gradient(top, rgba(0,59,121,1) 0%, rgba(0,58,119,1) 50%, rgba(0,55,113,1) 64%, rgba(1,40,83,1) 100%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,59,121,1)), color-stop(50%,rgba(0,58,119,1)), color-stop(64%,rgba(0,55,113,1)), color-stop(100%,rgba(1,40,83,1))); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, rgba(0,59,121,1) 0%,rgba(0,58,119,1) 50%,rgba(0,55,113,1) 64%,rgba(1,40,83,1) 100%); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top, rgba(0,59,121,1) 0%,rgba(0,58,119,1) 50%,rgba(0,55,113,1) 64%,rgba(1,40,83,1) 100%); /* Opera11.10+ */
	background-image: -ms-linear-gradient(top, rgba(0,59,121,1) 0%,rgba(0,58,119,1) 50%,rgba(0,55,113,1) 64%,rgba(1,40,83,1) 100%); /* IE10+ */
	background-image: linear-gradient(top, rgba(0,59,121,1) 0%,rgba(0,58,119,1) 50%,rgba(0,55,113,1) 64%,rgba(1,40,83,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003b79', endColorstr='#012853',GradientType=0 ); /* IE6-9 */
}

/* Blue button tabs - SELECTED */
.blue-choice-tabs-01 .ui-state-active a {
	color:#fff;
	background-color: #4a224b; /*  */
	background-image: -moz-linear-gradient(top, rgba(109,77,110,1) 0%, rgba(74,34,75,1) 100%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,77,110,1)), color-stop(100%,rgba(74,34,75,1))); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, rgba(109,77,110,1) 0%,rgba(74,34,75,1) 100%); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top, rgba(109,77,110,1) 0%,rgba(74,34,75,1) 100%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(top, rgba(109,77,110,1) 0%,rgba(74,34,75,1) 100%); /* IE10+ */
	background-image: linear-gradient(top, rgba(109,77,110,1) 0%,rgba(74,34,75,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d4d6e', endColorstr='#4a224b',GradientType=0 ); /* IE6-9 */
}


/*item:core/helpers.css*/
/*-------------------------------------------
	HELPER CLASSES
	
	:: Positioning
	
		:: Image positioning
	
	:: Display
	:: Links
	:: Lists
	:: Text
	:: Spacing helpers
	
		:: Margins
		:: Padding
		
	:: Flush helpers
	:: Borders
	:: Border-radii
	:: UI Border arrows
	:: Box-shadows
	:: Colours
	
		:: Backgrounds
		:: Text
		:: Borders
	
--------------------------------------------*/
/*-------------------------------------------
	:: POSITIONING HELPERS
--------------------------------------------*/

.fl, .ui-tabs-nav li {float:left;}
.fr {float:right;}
.fn {float:none;}

.tar {text-align: right;}
.tal {text-align: left;}
.tac {text-align: center;}
/* Used for images and input fields */
.va-top {vertical-align: top;}
.va-mid {vertical-align: middle;}
.va-base {vertical-align: baseline;}

.pos-abs {position:absolute;}
.pos-tl {top:0;left:0;}
.pos-tr {top:0;right:0;}
.pos-bl {bottom:0;left:0;}
.pos-br {bottom:0;right:0;}

/*-------------------------------------------
		:: IMAGE POSITIONING
	
		Please comment these classes.
--------------------------------------------*/

/* Create styles here */

/*-------------------------------------------
	:: DISPLAY HELPERS
--------------------------------------------*/

/* For jQuery tabs to work correctly, this needs to be after the .pod rule */
.hide, .print, .ui-tabs-hide /* jQuery helper classes */ {display:none;}
.js .js-shown , .no-js .js-hide { display: block; }
.js .js-hide, .no-js .js-shown  { display: none; }

/*-------------------------------------------
	:: LINK HELPERS
--------------------------------------------*/

.no-dec-full, .no-dec, .ui-tabs-selected a:hover, /* @mega */ h4 a.no-dec-full:hover {text-decoration: none;}
.no-dec:hover {text-decoration: underline;}
.pointer {cursor:pointer}

/*-------------------------------------------
	:: LIST STYLE HELPERS
--------------------------------------------*/

.lower-roman {list-style-type:lower-roman;}
.lower-alpha {list-style-type:lower-alpha;}

.auto, .auto-width-tabs li {width: auto;}

/* Used to strip gaps and remove formatting from lists */
.reset, .ui-tabs-nav {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
	.reset li {background: none; padding: 0;}

/*-------------------------------------------
	:: TEXT HELPERS
--------------------------------------------*/

.txt-lh-small {line-height: 1;}
.txt-bold {font-weight:bold;}
.txt-unbold {font-weight:normal;}

.smallest, .fs-10 {font-size: 77%;/*margin-bottom:1.875em;line-height:1.875em;*/}
.smaller, .fs-11 {font-size: 85%;}
.small, .fs-12 {font-size: 93%;}

.fs-13 {font-size:100%;}

.large, .fs-14 {font-size: 108%;}
.larger, .fs-15 {font-size: 116%;}
.largest, .fs-16 {font-size: 123.1%;}
.largester, .fs-17 {font-size: 131%;}

.fs-18 {font-size:138.5%;}
.fs-19 {font-size:146.5%;}
.fs-20 {font-size:153.9%;}
.fs-21 {font-size:161.6%;}
.fs-22 {font-size:167%;}
.fs-23 {font-size:174%;}
.fs-24 {font-size:182%;}
.fs-25 {font-size:189%;}
.fs-26 {font-size:197%;} 

/*-------------------------------------------
	:: SPACING HELPERS
	
		:: Margin helpers
		:: Padding helpers
		
--------------------------------------------*/
/*-------------------------------------------
		:: MARGINS HELPERS
--------------------------------------------*/

/* Top */
.mt-0 {margin-top: 0;}
.mt-1 {margin-top: 1px;}
.mt-2 {margin-top: 2px;}
.mt-3 {margin-top: 3px;}
.mt-4 {margin-top: 4px;}
.mt-5 {margin-top: 5px;}
.mt-6 {margin-top: 6px;}
.mt-7 {margin-top: 7px;}
.mt-8 {margin-top: 8px;}
.mt-10 {margin-top: 10px;}
.mt-13 {margin-top: 13px;}
.mt-15 {margin-top: 15px;}
.mt-17 {margin-top: 17px;}
.mt-18 {margin-top: 18px;}
.mt-20 {margin-top: 20px;}
.mt-28 {margin-top: 28px;}
.mt-1em {margin-top: 1em;}
.mt-2em {margin-top: 2em;}
.mt-3em {margin-top: 3em;}
.mt-4em {margin-top: 4em;}
.mt-5em {margin-top: 5em;}
.mt-6em {margin-top: 6em;}
.mt-7-5em {margin-top: 7.5em;}
.mt-13em {margin-top: 13em;}
.mt-14em {margin-top: 14em;}
/* Right */
.mr-0 {margin-right: 0;}
.mr-1 {margin-right: 1px;}
.mr-2 {margin-right: 2px;}
.mr-3 {margin-right: 3px;}
.mr-4 {margin-right: 4px;}
.mr-5 {margin-right: 5px;}
.mr-6 {margin-right: 6px;}
.mr-7 {margin-right: 7px;}
.mr-8 {margin-right: 8px;}
.mr-10 {margin-right: 10px;}
.mr-15 {margin-right: 15px;}
.mr-20 {margin-right: 20px;}
.mr-30 {margin-right: 30px;}
.mr-1em {margin-right: 1em;}
.mr-2em {margin-right: 2em;}
.mr-3em {margin-right: 3em;}
.mr-4em {margin-right: 4em;}
.mr-5em {margin-right: 5em;}
.mr-8em {margin-right: 8em;}
/* Bottom */
.mb-0 {margin-bottom: 0;}
.mb-1 {margin-bottom: 1px;}
.mb-2 {margin-bottom: 2px;}
.mb-3 {margin-bottom: 3px;}
.mb-4 {margin-bottom: 4px;}
.mb-5 {margin-bottom: 5px;}
.mb-6 {margin-bottom: 6px;}
.mb-7 {margin-bottom: 7px;}
.mb-8 {margin-bottom: 8px;}
.mb-9 {margin-bottom: 9px;}
.mb-10 {margin-bottom: 10px;}
.mb-12 {margin-bottom: 12px;}
.mb-13 {margin-bottom: 13px;}
.mb-15 {margin-bottom: 15px;}
.mb-17 {margin-bottom: 17px;}
.mb-18 {margin-bottom: 18px;}
.mb-20 {margin-bottom: 20px;}
.mb-1em {margin-bottom: 1em;}
.mb-1-5em {margin-bottom: 1.5em;}
.mb-2em {margin-bottom: 2em;}
.mb-3em {margin-bottom: 3em;}
.mb-4em {margin-bottom: 4em;}
.mb-5em {margin-bottom: 5em;}
/* Left */
.ml-0 {margin-left: 0;}
.ml-1 {margin-left: 1px;}
.ml-2 {margin-left: 2px;}
.ml-3 {margin-left: 3px;}
.ml-4 {margin-left: 4px;}
.ml-5 {margin-left: 5px;}
.ml-8 {margin-left: 8px;}
.ml-10 {margin-left: 10px;}
.ml-12 {margin-left: 12px;}
.ml-13 {margin-left: 13px;}
.ml-15 {margin-left: 15px;}
.ml-20 {margin-left: 20px;}

/* Negative margin shim classes */
/* Top */
.mt-neg-1 {margin-top: -1px;}
.mt-neg-2 {margin-top: -2px;}
.mt-neg-3 {margin-top: -3px;}
.mt-neg-4 {margin-top: -4px;}
.mt-neg-5 {margin-top: -5px;}
.mt-neg-6 {margin-top: -6px;}
.mt-neg-7 {margin-top: -7px;}
.mt-neg-8, .flush-t {margin-top: -8px;}
.mt-neg-9 {margin-top: -9px;}
.mt-neg-10 {margin-top: -10px;}
.mt-neg-11 {margin-top: -11px;}
.mt-neg-12 {margin-top: -12px;}
.mt-neg-15 {margin-top: -15px;}
.mt-neg-18 {margin-top: -18px;}
.mt-neg-20 {margin-top: -20px;}
.mt-neg-60 {margin-top: -60px;}
/* Right */
.mr-neg-5 {margin-right: -5px;}
.mr-neg-7 {margin-right: -7px;}
.mr-neg-8 {margin-right: -8px;}
.mr-neg-10 {margin-right: -10px;}
.mr-neg-15 {margin-right: -15px;}
.mr-neg-20 {margin-right: -20px;}
/* Bottom */
.mb-neg-1 {margin-bottom: -1px;}
.mb-neg-2 {margin-bottom: -2px;}
.mb-neg-5 {margin-bottom: -5px;}
.mb-neg-8 {margin-bottom: -8px;}
.mb-neg-10 {margin-bottom: -10px;}
.mb-neg-15 {margin-bottom: -15px;}
.mb-neg-20 {margin-bottom: -20px;}
/* Left */
.ml-neg-5 {margin-left: -5px;}
.ml-neg-8, .flush-l {margin-left: -8px;}
.ml-neg-10 {margin-left: -10px;}
.ml-neg-15 {margin-left: -15px;}
.ml-neg-20 {margin-left: -20px;}
.ml-neg-24 {margin-left: -24px;}
.ml-neg-25 {margin-left: -25px;}

/*-------------------------------------------
		:: PADDING HELPERS
--------------------------------------------*/

.breathe, ul .breathe {padding: 8px;}
.pad-4-8, ul .pad-4-8 {padding: 4px 8px;}
.pad-6-0, ul .pad-6-0 {padding: 6px 0;}
.pad-8-0, ul .pad-8-0 {padding: 8px 0;}
.pad-6-8, ul .pad-6-8 {padding: 6px 8px;}
.no-pad, ul .no-pad {padding: 0;}
/* Top */
.pt-0 {padding-top: 0;}
.pt-1 {padding-top: 1px;}
.pt-2 {padding-top: 2px;}
.pt-3 {padding-top: 3px;}
.pt-4 {padding-top: 4px;}
.pt-5 {padding-top: 5px;}
.pt-6 {padding-top: 6px;}
.pt-8 {padding-top: 8px;}
.pt-9 {padding-top: 9px;}
.pt-10 {padding-top: 10px;}
.pt-15 {padding-top: 15px;}
.pt-20 {padding-top: 20px;}
.pt-40 {padding-top: 40px;}
/* Right */
.pr-0 {padding-right: 0;}
.pr-1 {padding-right: 1px;}
.pr-2 {padding-right: 2px;}
.pr-3 {padding-right: 3px;}
.pr-4 {padding-right: 4px;}
.pr-5 {padding-right: 5px;}
.pr-7 {padding-right: 7px;}
.pr-8 {padding-right: 8px;}
.pr-9 {padding-right: 9px;}
.pr-10 {padding-right: 10px;}
.pr-14 {padding-right: 14px;}
.pr-15 {padding-right: 15px;}
.pr-20 {padding-right: 20px;}
.pr-25 {padding-right: 25px;}
.pr-30 {padding-right: 30px;}
.pr-200 {padding-right:200px;}
/* Bottom */
.pb-0 {padding-bottom: 0;}
.pb-1 {padding-bottom: 1px;}
.pb-2 {padding-bottom: 2px;}
.pb-3 {padding-bottom: 3px;}
.pb-4 {padding-bottom: 4px;}
.pb-5 {padding-bottom: 5px;}
.pb-6, ul .pb-6 {padding-bottom: 6px;}
.pb-8, ul .pb-8 {padding-bottom: 8px;}
.pb-10 {padding-bottom: 10px;}
.pb-15 {padding-bottom: 15px;}
.pb-20 {padding-bottom: 20px;}
.pb-1em {padding-bottom: 1em;}
.pb-1-5em {padding-bottom: 1.5em;}
.pb-2-5em {padding-bottom: 2.5em;}
/* Left */
.pl-0 {padding-left: 0;}
.pl-1 {padding-left: 1px;}
.pl-2 {padding-left: 2px;}
.pl-3 {padding-left: 3px;}
.pl-4 {padding-left: 4px;}
.pl-5 {padding-left: 5px;}
.pl-8 {padding-left: 8px;}
.pl-10 {padding-left: 10px;}
.pl-14 {padding-left: 14px;}
.pl-15 {padding-left: 15px;}
.pl-20 {padding-left: 20px;}
.pl-23 {padding-left: 23px;}

/*-------------------------------------------
	:: FLUSH HELPERS
	
	Stretch elements to the edges of pod classics.
--------------------------------------------*/

.flush-lr {margin-right:-8px;margin-left:-8px;}
.flush-lr-nested-tab {margin-right:-13px;margin-left:-8px;} /* @switch me*/
.flush-tlr {margin-top:-8px;margin-right:-8px;margin-left:-8px;}
.flush-tr {margin-top:-8px;margin-right:-8px;}

/* For full-width full-bleed style pod and its pod foot */
.flush-lr-full-width, .flush-lr-full-width-in-pod{margin-right:-19px;margin-left:-24px;padding-right:24px;padding-left:24px;}
.flush-lr-full-width-in-pod {margin-right:-24px;}

/* Descendent selectors used here - EXCEPTIONAL CASE */
.interstitial .flush-lr-full-width, .interstitial .flush-lr-full-width-in-pod {margin-right:-30px;margin-left:-35px;padding-right:35px;padding-left:35px;}
.interstitial .flush-lr-full-width-in-pod {margin-right:-35px;}

/*-------------------------------------------
	:: BORDER HELPERS
--------------------------------------------*/

.brd-none, .tnav .brd-none, /* @switchme */.p-tabs-alt-1 .ui-state-default a {border: none;}
.brd-all {border: solid 1px black;}
.brd-top {border-top: solid 1px black;}
.brd-top-dot {border-top: dotted 1px black;}
.brd-right {border-right: solid 1px black;}
.brd-bot {border-bottom: solid 1px black;}
.brd-bot-dot {border-bottom: dotted 1px black;}
.brd-left {border-left: solid 1px black;}
.brd-top-none {border-top: transparent none;}
.brd-left-none {border-left: transparent none;}
.brd-bot-none {border-bottom: transparent none;}
.brd-right-none {border-right: transparent none;}
/* Border width */
.brd-width-1 {border-width: 1px;}
.brd-width-2 {border-width: 2px;}
.brd-width-3 {border-width: 3px;}
.brd-width-5 {border-width: 5px;}/*@mega */
.brd-dot {border-style: dotted;}

/*-------------------------------------------
	:: BORDER-RADIUS HELPERS
--------------------------------------------*/

.rds-3 {-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.rds-4 {-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
.rds-5, .classic {-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.rds-10 {-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
.rds-0 {-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;}

/* To remove the top left curved corner from an element */
.rds-tl-0 {-moz-border-radius-topleft:0;-webkit-border-top-left-radius:0;border-top-left-radius:0;}
/* To remove the top curved corners from an element */
.rds-tlr-0 {-moz-border-radius-topleft:0;-webkit-border-top-left-radius:0;border-top-left-radius:0;-moz-border-radius-topright:0;-webkit-border-top-right-radius:0;border-top-right-radius:0;}
/* To remove the bottom curved corners from an element */
.rds-blr-0 {-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0;}

/* 3px */
/* Top left */
.rds-tl-3 {-moz-border-radius-topleft:3px;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;}
/* Top right */
.rds-tr-3 {-moz-border-radius-topright:3px;-webkit-border-top-right-radius:3px;border-top-right-radius:3px;}
/* Bottom left */
.rds-bl-3 {-moz-border-radius-bottomleft:3px;-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;}
/* Bottom right */
.rds-br-3 {-moz-border-radius-bottomright:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;}
/* Top left and right */
.rds-tlr-3 {-moz-border-radius-topleft:3px;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;-moz-border-radius-topright:3px;-webkit-border-top-right-radius:3px;border-top-right-radius:3px;}
/* Bottom left and right */
.rds-blr-3 {-moz-border-radius-bottomleft:3px;-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;-moz-border-radius-bottomright:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;}

/* 4px */
/* Top left */
.rds-tl-4 {-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;border-top-left-radius:4px;}
/* Top right */
.rds-tr-4 {-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;border-top-right-radius:4px;}
/* Bottom left */
.rds-bl-4 {-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;}
/* Bottom right */
.rds-br-4 {-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;}

/* 5px */
/* Top left */
.rds-tl-5 {-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;}
/* Top right */
.rds-tr-5 {-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px;}
/* Bottom left */
.rds-bl-5 {-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;}
/* Bottom right */
.rds-br-5 {-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;}
/* Top left and right */
.rds-tlr-5 {-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px;}
/* Bottom left and right */
.rds-blr-5 {-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;}

/*-------------------------------------------
	:: UI ARROWS
--------------------------------------------*/
 /* Unfortunately cannot use border color helpers. I think positioning may have to be ad hoc */
.brd-arrow {width:0;height:0;}

/* grad-p-1 gives indication of colour */
.brd-arrow-grad-p-1-down-20 {border-top:20px solid #012854;border-left:20px solid transparent;border-right:20px solid transparent;}
.brd-arrow-grad-p-1-right-20 {border-left:20px solid #012854;border-top:20px solid transparent;border-bottom:20px solid transparent;}
.brd-arrow-grad-p-1-left-20 {border-right:20px solid #012854;border-top:20px solid transparent;border-bottom:20px solid transparent;}
.brd-arrow-grad-p-1-up-20 {border-bottom:20px solid #012854;border-left:20px solid transparent;border-right:20px solid transparent;}

/* @ switch me - grad-s-3 gives an indication of colour */
.brd-arrow-grad-s-3-down-14 {border-top:14px solid #721d69;border-left:14px solid transparent;border-right:14px solid transparent;}
.brd-arrow-down-blue-01-14 {border-top:14px solid #4A224B;border-left:14px solid transparent;border-right:14px solid transparent;}
.brd-arrow-pos-mid-14 {position:absolute;} /* JS also used to position this arrow */

/*-------------------------------------------
	:: BOX-SHADOW HELPERS
--------------------------------------------*/

/*Subtle shadow cast evenly outside all edges of pod*/                                                  
.box-shadow-1 {
	-moz-box-shadow:0 0 4px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 0 4px rgba(0,0,0,0.1);
	box-shadow:0 0 4px rgba(0,0,0,0.1);
}
.box-shadow-2 {
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.2);
	box-shadow:0 0 5px rgba(0,0,0,0.2);
} 
/* Shadow under subnav/header */
.box-shadow-3 {
	-moz-box-shadow:-1px 1px 2px rgba(207,215,226,0.6);
	-webkit-box-shadow:-1px 1px 2px rgba(207,215,226,0.6);
	box-shadow:-1px 1px 2px rgba(207,215,226,0.6);
}
/* Defined shadow to the right and left of pod*/
.box-shadow-4 {
	-moz-box-shadow:5px 5px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.2);
	box-shadow:5px 5px 5px rgba(0,0,0,0.2);
}
/*Even inset shadow cr233316*/
.box-shadow-5 {-webkit-box-shadow: inset 0px 0px 10px 10px rgba(215, 215, 222, 0.3);
-moz-box-shadow: inset 0px 0px 10px 10px rgba(215, 215, 222, 0.3);
box-shadow: inset 0px 0px 10px 10px rgba(215, 215, 222, 0.3); }

/*@mega*/
.box-shadow-7 {-moz-box-shadow: -1px 10px 6px rgba(0,0,0,0.4);
	-webkit-box-shadow:-1px 10px 6px rgba(0,0,0,0.4);
	box-shadow:-1px 10px 6px rgba(0,0,0,0.4);
	-ms-filter:progid:DXImageTransform.Microsoft.Shadow(color='#888888',direction='180',strength='7');
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#888888',direction='180',strength='7');}
	

/*-------------------------------------------
	:: COLOUR HELPERS 

	:: Background color
	:: Text color
	:: Border color

--------------------------------------------*/
/*-------------------------------------------
	:: BACKGROUND COLORS
--------------------------------------------*/

/* .classic & .hr rules need to be first, so helpers can be used to override these defaults */
.classic {background-color: #f0f7fa; color: #002a66;}
.classic, .hr {border-color: #3391b5;}

/* Primary: Blue backgrounds */
.bg-p-1, tr .bg-p-1 {background-color: #012853; color: #fff;}
.bg-p-2, tr .bg-p-2, .p-tabs .ui-state-default a, .s-tabs .ui-state-default a, .bg-p-2-a-80 {background-color: #003b79; color: #fff;}
	/* Alpha transparency */
	.bg-p-2-a-80 {background-color: rgba(0,59,121,0.8);}
/*@switchme*/.p-tabs-alt-1 .ui-state-default a, .p-tabs .p-tabs-alt-1 .ui-state-default a {background: none; color: #002a66;}
.bg-p-3, tr .bg-p-3, .concertina-head, .s-tabs .ui-state-active a {background-color: #dbecf2; color: #002a66;}
/* @mega */.bg-p-3a, tr .bg-p-3a {background-color: #e2ecf1; color: #002a66;}
/* @mega */ .bg-p-3b {background-color:#eff8fa;color: #002a66;}
.bg-p-4, tr .bg-p-4, thead th, thead td {background-color: #f0f7fa; color: #002a66;}
.bg-p-5, tr .bg-p-5 {background-color: #f4f9fc; color: #002a66;}


/* Secondary: Purple backgrounds */
.bg-s-1, tr .bg-s-1, .close-x img:hover {background-color: #711d68; color: #fff;}
.bg-s-2, tr .bg-s-2 {background-color: #e8dee8; color: #002a66;}

/* Grey backgrounds */
.bg-mono-1, tr .bg-mono-1 {background-color: #000; color: #fff;}
.bg-mono-2, tr .bg-mono-2 {background-color: #7a7774; color: #fff;}
.bg-mono-3, tr .bg-mono-3 {background-color: #e9e6e4; color: #003;}
.bg-mono-4, tr .bg-mono-4 {background-color: #EDEDED; color: #000033;}
.bg-mono-4a, tr .bg-mono-4a {background-color: #ccc; color: #fff;}
.bg-mono-5, tr .bg-mono-5, td, .p-tabs .ui-state-active a, /*@switchme*/.choice-tabs .p-tabs-alt-1 .ui-state-active a, .p-tabs-alt-1 .ui-state-active a {background-color: #fff; color: #002a66;}
/* Alpha transparency backgrounds */
	.bg-mono-1-a-30 {background: transparent;
						  background-color:rgba(0,0,0,0.3); 
						  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
						  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000)"; 
				        zoom: 1;
						 }	/* Black semi-transparent */
	.bg-mono-5-a-40 {background-color:#FFF; background-color:rgba(255,255,255,0.4)} /* White semi-transparent */
	.bg-mono-5-a-80 {background-color:#FFF; background-color:rgba(255,255,255,0.8)} /* White semi-transparent */
	.bg-mono-5-a-90 {background-color:#FFF; background-color:rgba(255,255,255,0.9)} /* White semi-transparent */
	
/* RBS Whiskey gold */
.bg-prod-1{background-color:#E5730A;}

/*-------------------------------------------
	:: TEXT COLORS
--------------------------------------------*/

/* Primary: Blue text */
.txt-p-1, .tnav a, .mnav .txt-p-1:hover, .bus-tab .txt-p-1:hover, .cor-tab .txt-p-1:hover {color: #002a66;}

/* Secondary: Purple text */
.txt-s-1, .txt-s-1 a, .p-tabs li.ui-state-active a {color: #711d68;}
.txt-s-1, .txt-s-1 a, .p-tabs li.ui-state-active a {color: #711d68;}
/*.txt-s-2 {color: #606;}
.txt-s-3 {color: #792b69;}
.txt-s-4, .txt-s-4 a, .txt-s-4 a:hover  {color: #792c7a;}
.txt-s-5, .link-list a:hover {color: #945ca3;}*/

/* Greyscale text */
.txt-mono-1 {color: #000;}
.txt-mono-2 {color: #414550;}
.txt-mono-3 {color: #7a7774;}
/* As this class is used for links against a dark background, it needs a hover pseudo-class */
.txt-mono-4, .txt-mono-4:hover, .link-list .txt-mono-4, .link-list .txt-mono-4:hover {color: #fff;}

/* @mega */
.txt-prod-2 {color:#e5730a;} /* RBS Whisky Gold */
.txt-prod-3 {color:#0075a2;} /* RBS Skye Blue */
.txt-prod-7 {color:#aa0c55;} /* Maroon */

/* Green text */
.txt-green-1 {color: #4e852a;}

/* Error text */
.txt-error-1 {color:#a81e47;}

/* Orange text */
.txt-alt-1 {color:#f60;}

/*-------------------------------------------
	:: BORDER COLORS
--------------------------------------------*/

/* Blue borders */
.brd-p-0 {border-color:#012853;}
.brd-p-1 {border-color: #002a66;}
.brd-p-2, .p-tabs .ui-state-default a {border-color: #003b79;}
.brd-p-3 {border-color: #687ea5;}
.brd-p-4, .p-tabs .ui-state-active a, .s-tabs .ui-state-active a {border-color: #3391b5;}
.brd-p-5 {border-color: #78b6ce;}
.brd-p-6 {border-color: #99c8da;}
.brd-p-7 {border-color: #b2c4d7;}
.brd-p-8 {border-color: #cfd7e2;}
.brd-p-9 {border-color: #e0eef4;}

/* Purple borders */
.brd-s-1 {border-color: #711d68;}
.brd-s-2 {border-color: #7f3377;}
.brd-s-3, /* @switchme */.p-tabs-alt-1 .ui-state-active a, .choice-tabs .p-tabs-alt-1 .ui-state-active a {border-color: #c5a6c5;}

/* Grey scale borders */
.brd-mono-1 {border-color:#000;}
.brd-mono-2 {border-color: #7a7774;}
.brd-mono-3 {}
.brd-mono-4 {border-color:#cdcdcd;}
.brd-mono-5, .header .pipe {border-color: #fff;}

/* Bubble green */
.brd-x-1 {border-color: #71bd43;}


/*item:controls/carousel.css*/
/*----------------------------
	:: BASE CAROUSEL SET UP
-----------------------------*/ 
.flexslider {width: 100%; xmargin: 0; padding: 0;}
.flexslider .slides img {max-width: 100%; display: block;}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > .slide {display: none; }

/*----------------------------
	:: CLEARFIX FOR .slides
-----------------------------*/ 
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > .slide:first-child {display: block;}

/*----------------------------
	:: DEFAULT THEMES
-----------------------------*/ 
.flexslider {xbackground: #fff; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides .slide {position: relative; float:left;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/*----------------------------
	:: CAPTION STYLING
-----------------------------*/ 
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

/*----------------------------
	:: AUTOMATIC CONTROL NAV
-----------------------------*/ 
.flex-control-nav {width: auto; padding:2px 10px 7px 10px; text-align: center; height:11px; }
.control-nav-pos-01 {position: absolute; top:0px; left:38px; z-index:10;}
.control-nav-pos-02 {position: absolute; top:0px; right:25px;}
.control-nav-pos-03 {position:relative; float:right; margin-right:5px;}
.control-nav-pos-04 {position: relative; right:25px;}
.control-nav-pos-05 {position:relative; margin-right:5px;}

/* Control nav items */
.flex-control-nav li:first-child {margin-left: 0;}
.flex-control-nav li {xfloat:left; text-indent:-9999em; width:8px; height:6px; background-image:none; overflow:hidden; margin-left:8px; display: inline-block; zoom: 1; *display: inline;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;	}
.flex-control-nav li a {width: 13px; height: 13px; display: block; cursor: pointer; xtext-indent: -9999px;}
/* .flex-control-nav li a:hover {background-color:rgba(255,255,255); background-color:rgba(255,255,255,0.3)} */
.flex-control-nav li a.active {cursor: default;}

/* Play Pause button */
/*
.flex-pauseplay {color:#fff; width:5px; height:9px; display:inline-block; margin-left:8px;} 
.play, .pause {background: url(img/content/carousel/generic/play-pause.png) no-repeat -8px 4px; text-indent:-9999px; width:5px; height:9px;}
.play {background-position:0px 4px;}*/


.flex-pauseplay {color:#fff; width:5px; height:9px; float:left; xdisplay:inline-block; } 
.play, .pause {width:5px; height:20px; float:left; background: url(img/content/carousel/generic/play-pause.png) no-repeat -8px 0px; text-indent:-9999px; }
.play {background-position:0px 0px;}

/*----------------------------
	:: BESPOKE NAVIGATION
-----------------------------*/
.flex-bespoke-nav {}
.bespoke-nav {clear:both; float:none; margin-left:0px;}
.bespoke-nav li {background:none; border-right:1px solid #1a497b; padding-top:8px; float:left; text-align:center; padding-left:0px; padding-bottom:0px;}
.bespoke-nav li.active {background:#012954;}
.bespoke-nav li:hover {background:#012954;}
.bespoke-nav li.last-item {border-right:none; padding-right:10px}

.bespoke-nav-02 li.active {background:#ccc;}
.bespoke-nav-02 li:hover {background:#ccc;}

/* The up arrow on selected items */
/* Ties in with bespoke nav numbers */
.bespoke-nav .pointing-up {border-left: 13px solid transparent; border-right: 13px solid transparent; border-bottom: 13px solid #012954; position: absolute; left: 45%; top: -13px; width: 0; height: 0; }
.bespoke-nav-02 .pointing-up {border-bottom:13px solid #ccc}

/* PREV / NEXT Nav */
.flex-direction-nav li a {width: 52px; height: 52px; margin: -13px 0 0; display: block; background: url(img/content/carousel/generic/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li .next {background-position: -52px 0; right: -21px;}
.flex-direction-nav li .prev {left: -20px;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* For use when HTML designs are built in to the carousel */
/* Layout rules below - these may change when new designs come in */
.auto-nav-slider {padding:40px 20px 0px 20px}
	
/* -----------------------------------------------
This is the jQuery slideUp attempt
------------------------------------------------ */
.js-container {}

.js-box {position:relative; min-height:120px} /* Used for the sliding up animation */
.js-teaser-content {position:absolute; left:-1px; top:-1px;}
.js-more-content {position:absolute; left:-9999px; overflow:hidden; }

.min-height-150 {min-height:150px}

/* jQuery sliding up bottom white arrows */
.bg-up-arrow-white {background:url(img/content/carousel/generic/arrow-up-white.png) no-repeat; position:absolute; height:50px; width:50px; bottom:-10px; left:8px; }
.bg-down-arrow-white {background:url(img/content/carousel/generic/arrow-down-white.png) no-repeat; position:absolute; height:50px; width:50px; bottom:-10px; left:8px;}

.ml-22-pc {margin-left:22%}
/*item:controls/bubbles.css*/
/* root element for tabs  */
.question {
    margin: 0 0 10px 10px;
}
.helpContainer {
    width: auto !important;
}
.helpTrigger {
    border-bottom: 1px dotted #AAAAAA;
    color: #30680F;
    cursor: pointer;
    font-family: arial;
    font-size: 0.9em;
    font-weight: normal;
    margin-left: 5px;
    text-decoration: none;
}
.help {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #711D68;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    margin-left: 0;
    padding: 4px !important;
    width: 99%;
    z-index: 2000;
}
.helpJS {
    left: 10px;
    margin-top: 0 !important;
    position: absolute !important;
    width: 240px !important;
}
.helpMsg {
    color: #002A66;
    font-size: 1em !important;
    margin: 0 5px 5px 10px;
}
.helpMsg label {
    font-size: 1em !important;
}
.helpMsg ul {
    color: #000033 !important;
}
.helpMsg ul li {
    width: auto !important;
}
.helpMsg ul li a {
    color: #134AA5 !important;
}
.helpMsg ul li a:hover {
    color: #9863A5 !important;
}
.helpMsg a {
    display: inline !important;
}
.helpMsg p {
    line-height: 1.6em;
    width: auto !important;
}
.helpMsg h4 {
    padding-left: 0 !important;
}
.helpMsg h5 {
    clear: none;
    color: #002A66;
    font-size: 1em;
    line-height: 1em;
    margin: 10px 0 8px;
    padding: 0;
    width: auto !important;
}
.helpClose {
    display: none;
}
.besideQuestion {
    margin-left: 5px !important;
}
.help .leftArrow {
    display: none;
    left: -15px;
    position: absolute;
    top: 10px;
}
.help .downArrow {
    bottom: -16px;
    display: none;
    left: 10px;
    position: absolute;
}
.help .rightArrow {
    display: none;
    position: absolute;
    right: -15px;
    top: 10px;
}
.helpTriggerImage {
    margin-bottom: 5px;
    text-decoration: none;
}
.helpTriggerImage img {
    margin-top: 0;
}
.withTriggerFix {
    margin-top: 16px;
}
.bubbleRevealed {
    border-top: 1px solid #CCCCCC;
    margin: 5px 0;
    padding-top: 8px;
}
.bubbleRevealed ul {
    margin: 5px 0 !important;
    padding-left: 15px !important;
}
.bubbleRevealed ul li {
    font-size: 1em;
    padding: 0 0 4px;
}
.bubbleRevealed a {
    color: #134AA5 !important;
    text-decoration: underline;
}

.absolute {
    position: absolute;
}
.csshidden {
    display: none;
}
.msg { display:block; padding:10px; border:1px solid #999; background:#f9f9f9; margin-bottom:15px;  }
fieldset { width:100%; overflow:hidden; padding:10px; background:#f9f9f9; }
fieldset legend { padding:10px; background:#F9F9F9; font-size:16px; font-weight:bold;  }
fieldset label { float:left; display:block; padding:5px; width:400px; }
fieldset input[type=text] { float:left; margin-left:410px; }
fieldset textarea {float:left; margin-left:410px; width:400px; }
fieldset input[type=submit] { padding:8px; background:#486DC4; color:#fff; font-weight:bold;  float:left;  }