@charset "UTF-8";
/* M&S style specific themes and core overrides */


/* START style overridden from onehsbc/layout.css */

body {background:none; color:#333;}

div#csContainer {
	background: none;
} 

div#csContainerWrap {
	margin:0;
	width:760px;
} 

div#csContainerWrap {
	width:100%;
}

.csV-3 .oh h1, .csV-3 .oh h2 {
margin-bottom: 12px;
}

.msmHeaderBorder img {visibility:hidden} 

#csMast {
	background: none;
	background-color:#fff;
	position:relative;
	top:0px;left:0px;
	width:auto;
	height:85px;
	z-index:5;
	padding:0px;
	margin:0;
	overflow:visible;
}

#csMastWrap {height:0px;margin:0;width:760px;}

div.csColumnsWrap {
	margin:0;
	width:750px;
}

/* UPDATE Jan 2012 */
#csMain {
padding:0 0 0 0;
height:auto;
width:750px
}
/**/

#csLogo {
	position:absolute;
	top:40px;left:0px;
	background-color:#fff;
	border:none;
	padding-left:10px;
	width:724px; 
	border-bottom: solid 7px #000;
	height:60px;
}

/* END style overridden from onehsbc/layout.css */

/* START style overridden from uicsBase.css */
.csV-3 .csRow {
margin:0px;
}



.csV-3 div.csHeading h1,
.csV-3 div.csHeading h2,
.csV-3 div.csHeading h3,
.csV-3 div.csHeading h4 {
	font-family:Arial, Helvetica, Times New Roman, Garamond serif;
	font-weight:bold;
}

.csV-3 div.csHeading h1 {
font-size:1.2em;
}

/* extension of core styling to specify when in a csHeadingRule */

.csV-3 .oh .csHeadingRule h2 {
font-size:0.9em;
color:#333;
}

.csV-3 div.csHeading h2, .csV-3 div.csHeading h3 {
color:#333;
}

.csV-3 a {
	color:#000;
	background-color:transparent;
}

.csV-3 p a {
color:#657700;
text-decoration:underline;
}

.csV-3 .sectionBorder label + a {
	color:#657700;
	text-decoration:underline;
	background-image:url();
	font-weight:normal;
}

.csV-3 a:hover {color:#657700;background-color:transparent;text-decoration:underline;}

/* UPDATE 2012 */
.csV-3 .csCols-2 .csCol-1 {width: 168px} 
.csV-3 .csCols-2 .csCol-2 {width: 576px;padding: 20px 0 30px 6px;}
.csV-3 .csCols-2 .csCol-2 .csCols-2 {width:100%;padding:0 0 20px 0;font-size:11px} 
.csV-3 .csCols-2 .csCol-2 .csCol-1 {width:50%;float:left} 

/* default column width is 50%, this is needed for non standard layout where muliple links are in the first column */
.csV-3 .csCols-2 .csCol-2 .nonStandardButtonGroup .csCol-1 {
	/* intentionlly 74% due to IE issue if 75% */
	width:74%;
} 
.csV-3 .csCols-2 .csCol-2 .nonStandardButtonGroup .csCol-2 {
	width:25%;
	} 

/* padding required to ensure muliple links have space between them */
.csV-3 .csCols-2 .csCol-2 .csCol-1 a.csAct {
	padding-right:20px;
}

.csV-3 .csCols-2 .csCol-2 .csCol-2 {width:50%;float:right;padding:0;} 

.csV-3 .csCols-2 {margin:0px!important;background:url(../images/content_bg.gif) no-repeat 1px bottom;}
.csV-3 .csCols-2 .csCols-2 {background:none}


.csV-3 .csPanelToggle {float:left}
.csV-3 .csHeadingCol {color:#888;font-size:9px;padding:0;font-style:italic;width:280px}

.csV-3 p, .csV-3 cite, .csV-3 kbd, .csV-3 small, .csV-3 th, .csV-3 td, .csV-3 .csPipe, .csV-3 ul li, .csV-3 ol li {
    font-size: 0.8em;
}

/* */

/* END style overridden from uicsBase.css */
html body.csV-3 div.oh div#csContainer.csFixedLayout div#csContainerWrap div.csColumns div.csColumnsWrap div#csMain div.csRow div.csCol-2 div div.noStatementError {position:static}



/* START style overridden from forms.css */

.csV-3 .csButtonWrap button, 
.csV-3 .csButtonWrap input.csButton,
.csV-3 .csButtonWrap a.csButton {
	font-weight:normal; 
	padding:4px 4px 10px 0px; 
	margin:0 0 0 4px;
	outline:none;
}

.csV-3 .csButtonWrap a.csCancel {
	padding:4px 4px 10px 14px; 
}

.csV-3 .csCancel input.csCancel {
padding:4px 4px 10px 14px;
}

.csV-3 .csButtonWrap input.csAct {
font-weight:bold;
}

.csV-3 span.csButtonWrap button:hover,  
.csV-3 span.csButtonWrap input.csButton:hover, 
.csV-3 span.csButtonWrap  a.csButton:hover {
	text-decoration:none;
	color: #000;
}

.csV-3 a.csButton:hover {
    color: #000;
}

.csV-3 .csCancel input.csCancel:hover {
	color:#000;
    outline: none;
}

.csV-3 span.csButtonWrap  a.csCancel:hover {
color:#000;
}

.csV-3 input:focus,
.csV-3 select:focus,
.csV-3 textarea:focus {background-color:#fff;outline:1px none #000;}
.csV-3 button:focus {outline:1px none #000;}

.csV-3 div.csLabel {
font-family: Arial,Helvetica,sans-serif;
text-align:right;
}

.csV-3 .csLabel label, .csV-3 label {
    color: #333;
}

/* required for defect 3142 IE issue with W letter cut off */
.csV-3 div.csLabel label {
padding-left:1px;
}

.csV-3 div#sessionOverlay label {
vertical-align:baseline;
}

.csV-3 .csButtons {
    border-top: none;
	width:100%;
}

.csV-3 div.csFields {
	line-height: 1.5em;
	font-weight:bold;

}

.csV-3 table.csTableForm div.csFields table.csTableForm {
	margin-top:0px;
}

.csV-3 .csCols-2 .csTableForm col.csLabels {width: 50%}

.csV-3 span.csRequired {
    top: -2px;
}

/* removed right padding */
.csV-3 input.csTextField {
    margin: 0 0px 0 0;
}

.csV-3 div.csFields label {
font-weight:bold;
}

.csV-3 input.csCheck {
margin-top:0px;
}

/* set the focus state to the non focus state so error panel isnt visible */
.csV-3 .csMsgs-x .csError div.csFocus div.csPanelError {
    right: 150000px;
}

/* need to position off screen to avoid them being visable on page load in error scenario for IE */
.csV-3 .csMsgs-x div.csFields div.csPanelError {
    position: absolute;
    right: 150000px;
}

.csV-3 .csTableForm td {
vertical-align:middle;
}

.csV-3 input.csDisabled {
background-color:#eee;
}

.csV-3 input, .csV-3 select, .csV-3 textarea {
	font: normal normal 100%/normal arial,helvetica,sans-serif,serif;
	vertical-align: middle;
}

/* END style overridden from forms.css */


/* START style overridden from themeBase.css */

div#interstitial {
	background-color:transparent;
}

/* interstitial overrides, updated from core hsbc logo but placed offscreen as not required to be visible for MandS */
div#interstitial p.p1 {

	background:url();
	left: -10000px;
	overflow: hidden;
	position: absolute;
}

/* change from core red color */
div#interstitial p.p2 {
	background-color:transparent;
}

/* place off screen */
div#interstitial p.p3 {
	left: -10000px;
	overflow: hidden;
	position: absolute;
}

.csV-3 .oh h1, .csV-3 .oh h2, .csV-3 .oh h3, .csV-3 .oh h4, 
.csV-3 .oh h5, .csV-3 .oh h6 {font-family:Arial, Helvetica, Times New Roman, Garamond serif;font-weight:bold;}

.csV-3 .oh h1 {
	line-height:18px;
	margin-bottom:14px;
	font-size:1.2em;
}

.csV-3 .oh h2  {
	line-height:18px;
	font-size:0.9em;
}

.csV-3 .oh h3  {
	margin-bottom:15px;
	font-size:0.9em;
	color:#333;
	}

.csV-3 .oh strong {color:#333;}
.csV-3 .oh strong a {color:#000;}

/* END style overridden from themeBase.css */


/* START style overridden from themeNavs.css */
.csV-3 .oh div.csStepTracker .csNavDone .csNavWrap a, .csV-3 .oh div.csStepTracker .csNavDone .csNavWrap a:hover, .csV-3 .oh div.csStepTracker .csNavDone .csNavWrap span.csNavText
{
color:#464646;
}

.csV-3 .oh div.csStepTracker .csNavDone .csNavWrap a, .csV-3 .oh div.csStepTracker .csNavDone .csNavWrap a:hover, .csV-3 .oh div.csStepTracker .csNavDone .csNavWrap span.csNavText {
    font-weight: normal;
}

.csV-3 .oh div.csStepTracker .csNavOn .csNavWrap a, .csV-3 .oh div.csStepTracker .csNavOn .csNavWrap a:hover, .csV-3 .oh div.csStepTracker .csNavOn .csNavWrap span.csNavText {
    font-weight: normal;
    color:#809700;
}


    /* UPDATE Jan 2012 START */
.csV-3 .oh .csPanelSideMenu {
    margin-top:0px;width:152px!important;
}
    .csV-3 .oh .csMenuPanel-y li .csNavWrap,.csV-3 .oh .csMenuPanel-y li.csNavFirst .csNavWrap,.csV-3 .oh .csMenuPanel-y li.csNavLast .csNavWrap {clear:both;border-bottom:0px!important} 
    .csV-3 .oh .csMenuPanel-y .csNavWrap {background-image:none;overflow: hidden}

.csV-3 .oh .csMenuPanel-y .csNavToggle, .csV-3 .oh .csMenuPanel-y .csNavItem-0 a 
	{
	background:url("../images/panelToggleMenu.gif") no-repeat scroll 0px -16px transparent;
	/* font size 1.1 used to increase the base 0.8em by the equivalent of 0.1em to 0.9em */
	font-size:1.1em;
	}

.csV-3 .oh .csMenuPanel-y .csNavItem-0 a {
padding: 10px 10px 10px 10px;
margin-right:0px;
}
	
.csV-3 .oh .csMenuPanel-y li.csNavShow a.csNavToggle {
	background:url("../images/panelToggleMenu.gif") no-repeat scroll 0px -101px transparent;
	outline:none;
	}	

.csV-3 .oh .csMenuPanel-y .csNavToggle-0 a.csNavToggle {
	padding: 10px 28px 10px 10px;
	margin-right: 0px !important;
}

    .csV-3 .oh .csPanelSideMenu .csMenuPanel-y .csNavList {width:152px!important}
    
    .csV-3 .oh div.csStepTracker .csNavWrap {padding: 0 3px 0 7px;}
    .csV-3 .oh div.csStepTracker .csNavSingle .csNavWrap a, .csV-3 .oh div.csStepTracker .csNavSingle .csNavWrap a:hover, .csV-3 .oh div.csStepTracker .csNavSingle .csNavWrap span.csNavText {padding:14px 13px 20px}
    
    
    /* */

.csV-3 .oh .csMenuPanel-y li.csNavItem-0 a:hover, .csV-3 .oh .csMenuPanel-y li.csNavToggle-0 a:hover {
	color:#666;
}

.csV-3 .csNav-y li a.csNavToggle {
    line-height: 1.2em;
}

.csCol-1 .csNavList li.csNavItem-1 a {
background:url("../images/menu_li_li_arrow.gif") no-repeat scroll 0px 4px transparent;
width:110px !important;
}

/* required to overide inherited hover state for first sub menu items */
.csCol-1 .csNavList li ul li.csNavItem-1 a:hover {
color:#666 !important;
}

/* END style overridden from themeNavs.css */

/* START added from AO 1.3 theme to evenly space the steps */
/* this is set by javascript at page load */

/* commented for steptracker space issue - .csV-3 .oh div.csStepTracker ul li.csNavFirst {margin:0;}*/

/* for registration, activation, migration pages the total width is 730px */
/* the calculations on the right are what it should be to accommodate margin and padding definitions */
/* however this doesnt resolve to the 730px when rendered so pixel values adjustment have been made so it renders visually the same width as the sectionBorder */

.csV-3 .oh div.csStepTracker-3 ul li.csNavFirst {width:239px;} /* 243 - 7 = 236px */
.csV-3 .oh div.csStepTracker-3 li.csNavItem-0 {width:238px;} /* 243 + 3 = 246 - 7 = 239px */

/* Step Tracker - 4 Step */
.csV-3 .oh div.csStepTracker-4 ul li.csNavFirst {width:177px;} /* 182 - 7 = 175px */
.csV-3 .oh div.csStepTracker-4 li.csNavItem-0 {width:178px;} /* 182 + 3 = 185 - 7 = 178px */

/* Step Tracker - 5 Step */
.csV-3 .oh div.csStepTracker-5 ul li.csNavFirst {width:139px;} /* 146 - 7 = 139px */
.csV-3 .oh div.csStepTracker-5 li.csNavItem-0 {width:142px;} /* 146 + 3 = 149 - 7 = 142px */

/* Step Tracker - 6 Step */
.csV-3 .oh div.csStepTracker-6 ul li.csNavFirst {width:118px;} /* 121 - 7 = 114px */
.csV-3 .oh div.csStepTracker-6 li.csNavItem-0 {width:117px;} /* 121 + 3 = 124 - 7 = 117px */

/* Step Tracker - 7 Step */
.csV-3 .oh div.csStepTracker-7 ul li.csNavFirst {width:99px;} /* 100 - 7 = 93px */
.csV-3 .oh div.csStepTracker-7 li.csNavItem-0 {width:100px;} /* 100 + 3 = 103 - 7 = 96px */

/* END added from AO 1.3 theme to evenly space the steps */

/* END step tracker changes */




/* START style overridden from navs.css */

.csV-3 .csNav-y li li a, .csV-3 .csNav-x li li a {
    line-height: 1.3em;
}

/* END style overridden from navs.css */

/* START style overridden from themePanels.css */

    /* UPDATE Jan 2012 */
    .csV-3 .oh .csPanelGroup ul.csPanelList {margin-bottom:15px;border:none}
.csV-3 div.csClick h2.csPanelToggle {
	margin:0;
	color:#657700;
	font-weight:bold;
	text-decoration:none;
	font-size:14px;
	line-height:18px;
	padding: 5px 0 4px 37px
}

.csV-3 div.csClick .csPanelToggle {
    background-position: 10px -95px;
    background-repeat: no-repeat;
    cursor: pointer;padding-left: 27px;
    width:auto;
}

.csV-3 .csPanelHide div.csClick .csPanelToggle {
	background-position: 10px -25px
}


    .csV-3 .oh ul.csPanelList .csPanelHeading {border-width:0;margin:0;padding:3px 15px 3px 0;height:28px}
    csPanel csPanelMain csPanelGroup .csPanelTopLeft .csPanelTopRight {margin-left:0px;padding-left:0}
    .csV-3 .oh .csPanelMain .csPanelHeading, .csV-3 .oh .csPanelSide .csPanelHeading, .csV-3 .oh .csPanelMain .csPanelContent, .csV-3 .oh .csPanelSide .csPanelContent {margin:0px;}
    .csV-3 .oh .csPanelGroup .csPanelHeading, .csV-3 .oh .csPanelGroupNested ul.csPanelList .csPanelHeading {background:url(../images/panelMainNew.gif) no-repeat}
    
.csV-3 .oh .csPanel div.csClick .csPanelToggle {
    background-image:url(../images/panelToggleNew.gif);
    line-height:21px;
    padding-left:35px
}

/* added specificity to use sectionBorder to have a difference between the my accounts and other functions */

.csV-3 div.sectionBorder .csPanelHide div.csClick .csPanelToggle {
	background-position: 0px -25px
}

.csV-3 div.sectionBorder div.csClick .csPanelToggle {
    background-position: 0px -95px;
   }

.csV-3 .oh  div.sectionBorder .csPanel div.csClick .csPanelToggle {
    padding-left:25px
}

.csV-3 div.sectionBorder table b {
color:#333;
}

.csV-3 .oh .csPanelGroup ul.csPanelList div.csPanelContent {border: 1px solid rgb(204, 204, 204); border-top:none; padding: 3px; margin-top: -1px; margin-left: 3px; width: 562px;}

.csV-3 .csTable thead th, .csV-3 .csTable thead td {
	background:#272827;
	color:#fff;
	border:none;
	padding:10px;
}
    .csV-3 .oh ul.csPanelList .csPanelTable .csTable thead th {background:#272827}
    
.csV-3 .oh ul.csPanelList .csPanelTable .csTable tbody tr td a.csAct {
	background:none;
	padding-left:0px;
	color:#657700;
	text-decoration:underline;
}

    .csV-3 .oh div.csPanelErrors {border:2px solid #C00;
	color: #C00; 
	padding: 8px 20px 9px 47px;
	font-weight:bold;
	margin:0 0 1em 0;
	background: #f9f9f9 url("../images/msm_msg_error.gif") no-repeat 14px 10px; 
}

.csV-3 .oh div.csPanelErrors p {
color:#333;
font-size:0.9em;
}


.csV-3 .oh .csPanelToggle {
	font-size:0.9em;
	font-weight:normal;
}

.csV-3 .oh div.csPanelErrors .csPanelContent {
    background-image: none;
}

.csV-3 .oh div.csPanelStatus div.csPanelContent {
    background-color: transparent;
    background-position: 10px 18px;
    background-repeat: no-repeat;
    border-width: 0;
    padding: 0px 0px 0px 0px;
}



.csV-3 .oh div.csPanelErrors ul {
	padding-left:0px;
	list-style-type: none;
	padding-bottom: 0px;

}


.csV-3 .oh div.csPanelErrors h1, .csV-3 .oh div.csPanelErrors h2, .csV-3 .oh div.csPanelErrors h3 {
	margin-top:1px;
	color: #c00;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.3em;
}

.csV-3 .oh div.csPanelAlert h1, .csV-3 .oh div.csPanelAlert h2, .csV-3 .oh div.csPanelAlert h3, .csV-3 .oh div.csPanelErrorsCritical h1, .csV-3 .oh div.csPanelErrorsCritical h2, .csV-3 .oh div.csPanelErrorsCritical h3 {
	margin-top:1px;
	color: #e07000;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.3em;
}

.csV-3 .oh div.csPanelAlert ul li {list-style-type:none;padding-left:0px;background-image:none;font-weight:bold;margin-left:0px}


.csV-3 .oh div.csPanelErrors ul li {
	background-image:none;
	font-weight:bold;
	font-size: 0.9em;
	color: #333;
	text-indent: 0px;
	margin-left: 0px;
	padding-left: 0px;
}

.csV-3 .oh div.csPanelAlert ul li {
	font-size: 0.9em;
}

.csV-3 .oh div.csPanelConfirm {
    background-color: #fff;
    border-color: #657700;
}

.csV-3 .oh div.csPanelStatus h3 {
    font-family:Arial, Helvetica, Times New Roman, Garamond serif;
}

.csV-3 .oh div.csPanelAlert, .csV-3 .oh div.csPanelErrorsCritical {
    border:solid 2px #f90;
    background: #f9f9f9 url("../images/msm_msg_important.gif") no-repeat 14px 10px; 
    	padding: 8px 20px 9px 47px;
	font-weight:bold;
	margin:0 0 1em 0;
}

.csV-3 .oh .csPanelAlert {
    background-color: #f9f9f9;
}

.csV-3 .oh div.csPanelAlert div.csPanelScroll, .csV-3 .oh div.csPanelErrorsCritical div.csPanelScroll {
 color:#333;
}

.csV-3 .oh .csPanelSide div.csClick .csPanelToggle {
	padding-left:20px;
}

.csV-3 .oh .csPanelHide .csPanelSideTopLeft div.csClick .csPanelToggle,
.csV-3 .oh .csPanelSideTopLeft .csPanelHide div.csClick .csPanelToggle {
	background-position:0% -24px;
}

.csV-3 .oh .csPanelSide div.csClick .csPanelToggle {
	background-position:0% -109px;
}

.csV-3 .oh .csPanelSide  .csPanelTopLeft, .csV-3 .oh .csPanelSide  .csPanelTopRight,
.csV-3 .oh .csPanelSide  .csPanelBottomLeft, .csV-3 .oh .csPanelSide  .csPanelBottomRight {
	background-image:url();
}

    /* UPDATE Jan 2012*/ 
    .csV-3 .oh .csPanelSide .csPanelHeading,
    .csV-3 .oh .csPanelSide .csPanelContent {border-right:none!important;}
    /* */

    /* WARNING BOX */
.csV-3 .oh div.csPanelAlert .csPanelContent {background:url();margin-right:10px;}

/* END style overridden from themePanels.css */


/* START style overridden from themeForms.css */

.csV-3 span.csRequired {
    background-image: url("../images/msm_iconRequired.gif");
}

.csV-3 .oh .csError div.csFields {
    background-image: url("../images/msm_fieldErrorIcon.gif");
    padding: 0 22px 13px 0;
}

.csV-3 .oh .csDone div.csFields {
    background-image: none;
}

/* START new specificity for button images, extended core for different button types */
/* new image created for default button e.g msm_buttonLeft.gif */
/* action buttons have reused images used in M&S legacy stylesheet */

/* left long image reused intentially as this has the appearance required for the right hand side image */
.csV-3 .oh .submit input.submit, .csV-3 .oh span.csAct a.csButton
{
	background-image: url(../images/msm_cta2_left_long.gif);
}

.csV-3 .oh table.csTable span.submit input.submit {
font-size:1.1em;
}

.csV-3 .oh .csButtons span.submit, .csV-3 .oh table.csTable span.submit, .csV-3 .oh  span.submit, .csV-3 .oh span.csAct
{ 
	background-image: url(../images/msm_cta2_left.gif);
}

.csV-3 .oh .csCols-2 .csCol-2 span.csAct a.csButton {
padding-right:8px;
}

.csV-3 .oh .csButtons span.csCancel
{ 
	background-image: url(../images/msm_buttonLeft.gif);
}

.csV-3 .oh .csButtons span.csCancel input.csCancel
{ 
	background-image: url(../images/msm_buttonRight.gif);
	color:#333;
}

/* currently using col-1 to avoid impacting print buttons. This will be updated when print button specific class is created */
.csV-3 .oh .csButtons .csCol-1 span.csCancel
{ 
	background: url("../images/msm_link_arrow_left.gif") no-repeat scroll left 11px transparent;
	padding:0px 0px 0px 11px;
}

.csV-3 .oh .csButtons .csCol-1 span.csCancel input.csCancel
{ 
	background-image: url();
	color:#333;
}

/* END new specificity for button images, extended core for different button types */


/* START changes for session timeout buttons */
.csV-3 .oh .csOverlayContainer span.csAct {
    background-image: url("../images/msm_cta2_left.gif");
}

/* left long image reused intentially as this has the appearance required for the right hand side image */
.csV-3 .oh .csOverlayContainer span.csAct button, .csV-3 .oh .csOverlayContainer span.csAct input.csButton, .csV-3 .oh .csOverlayContainer span.csAct a.csButton {
    background-image: url("../images/msm_cta2_left_long.gif");
    color:#fff;
}

.csV-3 .oh .csOverlayContainer .csButtonWrap input.csSessionEnd:hover {
    color:#000 !important;
}

.csV-3 .oh .csOverlayContainer .csButtonWrap button, .csV-3 .oh .csOverlayContainer .csButtonWrap input.csButton, .csV-3 .oh .csOverlayContainer .csButtonWrap a.csButton {
    background-image: url("../images/msm_buttonRight.gif");
    color:#000;
}

.csV-3 .oh .csOverlayContainer .csPanel{
padding:10px;
}

.csV-3 .oh .csOverlayContainer .csButtonWrap {
    background-image: url("../images/msm_buttonLeft.gif");
}
/* END changes for session timeout buttons */

/* END style overridden from themeForms.css */


/* START style overridden from themeTables.css */
.csV-3 .oh .csPanelTable .csTableBottomLeft, .csV-3 .oh .csPanelTable .csTableBottomRight {
	background-image:url();
}

.csV-3 .oh div.csPanelTableNoHeader .csTableTopLeft {
    background-image: url();
}

.csV-3 .oh div.csPanelTableNoHeader .csTableTopRight {
    background-image: url();
}

/* END style overridden from themeTables.css */


/* START style overridden from panels.css */
.csV-3 .sectionBorder .csPanelToggle {
	text-decoration:underline;
}
.csV-3 .csPanelToggle:hover {
	color:#000;
	text-decoration:underline;
}
.csV-3 div.csOverlayContainer div.csPanel div.csPanelHeading .csPanelToggle {
    font: 1.4em/100% Arial,Heletica, Times New Roman,Garamond,serif;
    font-weight:bold;
}

/* END style overridden from panels.css */

/* START style overridden from tables.css */
.csV-3 .csTable thead th a, 
.csV-3 .csTable thead td a {
	color:#fff;
	background-color:transparent;
	text-decoration:none;
}

.csV-3 .csTable thead th a:hover, 
.csV-3 .csTable thead td a:hover {
	color:#fff;
	background-color:transparent;
	text-decoration:none;
}

.csV-3 .oh table.sortable thead tr th {
	background-color:#000
}



/* END style overridden from tables.css */


/* START customer styles or extensions on core styles */
.csV-3 .colSpan div.csLabel {
text-align:left;
}

/* END customer styles or extensions on core styles */

.csV-3 .csPanelTableNoHeader div.csTableScroll table {
border:none;
}

.csV-3 .csPanelTableNoHeader table td, .csV-3 .csPanelTableNoHeader table td.csFirst, .csV-3 .csPanelTableNoHeader table td.csLast {
    font-size:0.8em;
    line-height:0.8em;
}

.csV-3 .csPanelTableNoHeader table td {
    padding:0px 10px;
    vertical-align:middle;
}

.csV-3 .csPanelTableNoHeader table.csTable tr td.csLast {
    padding:8px 10px !important;
}

/*---forms---*/

div.csHeading h1 {
		font-size: 0.875em;
}

div.csHeading h2 {
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 5px;

}

fieldset {
	border: 0px none #FFFFFF !important;
}

.csV-3 table.csTableForm {
	border-top-style: none; 
	border-right-style: none; 
	border-bottom-style: none;
	border-left-style: none;
	width: 100%;
	margin-top:20px;
}

p {
	font-size: 85%;
}


div.csHeading h1 {
		font-size: 0.875em;
		margin-bottom: 10px;
}
div.csHeading h7 {
		font-size:1.4em;
		font-family:Arial, Helvetica, Times New Roman, Garamond serif;
		font-weight:bold;
}
div.csHeading h7 {
	font-size:1.3em;
	line-height:15px;
	margin-bottom:10px;
	font-size:1.2em;
}
div.csHeading h8 {
	font-size: 0.875em;
	margin-top:1px;
	color: #e07000;
	font-weight: bold;
	line-height:18px;
	margin-bottom:14px;
	font-size:1.2em;
}
.csV-3 csHeadingRule h8 {
	
	background-color:#f9f9f9;
}

/* Update February 2012 */
table.csTable tr td.csLast select.csField-med {
width:126px;
}

/*---forms---*/


span.csRequired {
    background: none no-repeat scroll 0 0 transparent;
    display: inline-block;
    left: 0;
    margin: 0;
    padding: 4px;
    position: relative;
    top: -5px;
}

span.csRequired span.csRequiredText {
    height: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}
.csHideForSR {
    height: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px;
}

/*---tables---*/

.csV-3 .oh .csPanelTable {
margin-bottom:8px;
}

.csV-3 .oh .csPanelTable table.csTable tr td.csFirst {
	border-left: 0px;
}

.csV-3 .oh .csPanelTable table.csTable tr td.csLast {
	border-right: 0px;
}

.csV-3 .csPanelTopRight, .csV-3 .csPanelBottomRight {
left: 0px;
padding-top:0px!important;
height:auto!important;
}
.csV-3 .csPanelTopLeft, .csV-3 .csPanelBottomLeft {
margin: 0 0 0 0;
}

.csV-3 .csPanelToggle {
margin-left: 0px;
}

.csV-3 .csPanel {
	padding: 0px 0px 0px 0px;
	margin-bottom:0px;
}

.csV-3 .oh .csPanelTable table.csTable tr td {
	border-right:0px solid #FFF;
}
.csV-3 .oh .csPanelTable table.csTable tr td.csLast {
	border-right: 0px solid #D2D2D2;
    padding:10px 0 10px 10px;
}

/* noZebra created to remove zebra striping */
.csV-3 .noZebra tbody tr.csZebra {
	background-color:transparent;
}

.csV-3 .csPanelTableNoHeader div.csTableScroll table.msmDataTable {
	border: 1px solid #D2D2D2;
}

.csV-3 .oh .csPanelTable table.msmDataTable tr td, .csV-3 .oh .csPanelTable table.msmDataTable tr td.csLast {
	padding:8px 10px;
}


/* action buttons */


/* buttons- with wrap */
input.csButton {
	display:-moz-inline-box;
	display:inline-block;
	vertical-align:top;
	text-align:right; 
	background:transparent url() no-repeat left top;
}

input.csButton {
	position:relative; top:0px; overflow:visible;
	font-weight:normal; text-decoration:none;
	padding:3px 15px 10px 0px; 
	margin:0 0 0 15px; 
	border-width:0px;
	background-color:#fff;
	background:transparent url() no-repeat right top;
	text-align:left;
}


/* virtual assistant */



#mandslogo{
float:left;
}

.vaHeader {
    background: url("../images/VA_masthead_background.gif") no-repeat scroll 0 0 transparent;
    float: right;
    height: 41px;
    outline: medium none;
    width: 208px;
	text-align: left;
	position:relative;
	display:block;
	vertical-align:middle;
}

div.vaHeader img{
	float:right;
	margin-top:-7px;
	display:block;
}

div.vaHeader p a {
    color: #809700;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
	margin-left:10px;
	margin-top:5px;
	float:left;
	display:block;
	background:none;
}

div.vaHeader p a span.grey {color:#ccc}

div.vaHeader p a:hover {
	background-color:#363636;
	color:#C8DD25;
	text-decoration:none;
} 
/* virtual assistant end */

.cs div.primarylink span.cancel a.cancel, .cs div.primarylink span.cancel a.submit {
    background-image: url("images/button-action-right.png");
    color: #FFFFFF;
    text-align: right;
}

/* action buttons */

a.csAct, 
input.csButton {
	color:#657700;
	font-weight:bold;
	text-decoration:underline;
	/* 1.1em required to increase the base 0.8 by the equivalent of 0.1em */
	font-size:1.1em;
}

table.csTable td a.csAct, 
input.csButton {
font-size:100%;
}


/* Reset forms.css and themeForms.css */

div.csFields a {
	text-decoration:underline;
	color:#657700;
}

.csV-3 span.csButtonWrap button, .csV-3 span.csButtonWrap .csButton,.csV-3 span.csButtonWrap input.csButton {left:0px!important}

/* buttons- with wrap */
/* button wrap -  grey*/
.csV-3 .oh div.csCol-2 span.csButtonWrap, .csV-3 .oh span.csButtonWrap {
    height: 24px;
    margin:0;
    padding:0px 0px 0px 7px;
}
.csV-3 .oh div.csCol-2 span.csButtonWrap input, .csV-3 .oh span.csButtonWrap input,.csV-3 .oh .csButtonWrap input.submit {
    margin:0;
    padding:4px 7px 5px 0;
}
.csV-3 .oh .csButtonWrap button, .csV-3 .oh .csButtonWrap input.csButton, .csV-3 .oh .csButtonWrap a.csButton {
	color:#fff;
	font-weight:bold;
}
.csV-3 .oh .csButtonWrap button:hover, .csV-3 .oh .csButtonWrap input.csButton:hover, .csV-3 .oh .csButtonWrap a.csButton:hover {
	color:#fff;font-weight:bold;
}

.csV-3 .oh .csPanelTable .csTableContent .csTableScroll {border-bottom:none}
.csV-3 .csButtons .csCol-1, .csV-3 .csButtons .csCol-2 {margin:10px 0px 10px 0px;}
.csV-3 input.csTextField, .csV-3 textarea, .csV-3 select {border-color:#ccc}
.csV-3 input.csTextField[size="2"] {width:20px!important}
.csV-3 input.csTextField[size="4"] {width:38px!important}


input.csButton {
	display:-moz-inline-box;
	display:inline-block;
	vertical-align:top;
	text-align:right; 
	background:transparent url() no-repeat left top;
}

input.csButton {
	position:relative; top:0px; overflow:visible;
	font-weight:normal; text-decoration:none;
	padding:3px 15px 10px 0px; 
	margin:0 0 0 4px; 
	border-width:0px;
	background-color:#fff;
	background:transparent url() no-repeat right top;
	text-align:left;
}

div.csCol-1 p a.csAct, div.sectionBorder a.csAct {
    background: url("../images/msm_link_arrow_right.gif") no-repeat scroll left 6px transparent;
    font-family: Arial,Helvetica,sans-serif;
    padding-left: 12px;
    text-decoration: underline;
    font-weight:bold;
    margin-right: 0px !important;
}



/* required to remove chevron image in tables */
div.sectionBorder table.csTable a.csAct {
background: url();
padding-left:0px;
}

div.csButtons a.csAct, div.csButtons div.csCol-1 a {
background: url("../images/msm_link_arrow_left.gif") no-repeat scroll left 6px transparent;
color:#333;
text-decoration:none;
font-size:0.9em;
font-weight:bold;
padding-left: 12px;
}

div.msmIDV div.csButtons a {
background: url("../images/msm_link_arrow_left.gif") no-repeat scroll left 6px transparent;
color:#333;
text-decoration:none;
font-size:0.9em;
}


.csV-3 button:hover, .csV-3 input.csButton:hover, .csV-3 .csButtons input:hover {
color: #fff;
border-color: #666 #999 #999 #666;
text-decoration: underline;
}


/* table no border style*/

.csV-3 .tableNoBorderStyle .csTable tbody td.csFirst {
	background-color:#FFF;
}
.csV-3 .tableNoBorderStyle .csPanelTable .csTableContent .csTableScroll table {
	background-color:#FFF;
}
.csV-3 .oh .tableNoBorderStyle csPanelTable .csTableContent .csTableScroll {
	border-bottom: 0px solid #D2D2D2;
}
.csV-3 .tableNoBorderStyle .csTable tbody td.csFirst {
	background-color:#FFF;

}
.csV-3 .tableNoBorderStyle .csTable tbody td.csFirst {
	border: 0px solid #D2D2D2;
}

.csV-3 .tableNoBorderStyle .csTable tbody td.csLast {
	background-color:#FFF;
	text-align: right;
	font-weight:bold;
}
.csV-3 .oh .tableNoBorderStyle .csPanelTable table.csTable tr td {
border-right: 0px solid #D2D2D2;
padding:5px 0px 5px 0px;
}
.csV-3 .oh .tableNoBorderStyle .csPanelTable .csTableContent .csTableScroll {
	border-bottom:0px solid #D2D2D2;
}

/* table no border style end */

/* table style */
div.csTableScroll table {
	border: 1px solid #D2D2D2;
}
.csV-3 .oh .tableNoBorderStyle .csPanelTable .csTableContent .csTableScroll table {
	border:0px solid #D2D2D2;
}

.csV-3 .oh .csPanelTable .csTableTopLeft, .csV-3 .oh .csPanelTable .csTableTopRight, .csV-3 .oh .csPanelTable .csTableBottomLeft, .csV-3 .oh .csPanelTable .csTableBottomRight {
background-image: none;
}

.csV-3 .oh .csPanelMain .csPanelTopLeft, .csV-3 .oh .csPanelMain .csPanelTopRight, .csV-3 .oh .csPanelMain .csPanelBottomLeft, .csV-3 .oh .csPanelMain .csPanelBottomRight {
background-image: none;
}


.csV-3 .oh table.sortable thead tr th {
	background-image:url();
	padding-right:8px;
}

.csV-3 .oh table.sortable thead tr th a {
	background:url("../images/tableSortToggleWhite.gif") no-repeat right -27px;
	padding-right:10px;
}

.csV-3 .oh table.sortable thead tr th.sortasc a{
background:url("../images/tableSortToggleWhite.gif") no-repeat right -110px;
}

.csV-3 .oh table.sortable thead tr th.nosort {
background-image:url();
}

.csV-3 div.csRowRule {
border-bottom: 0px solid #ACACAD;
}


/* errors success */

.csV-3 .oh div.csPanelConfirm {
    background: url("../images/msm_msg_success.gif") no-repeat scroll 14px 10px #f9f9f9;
    border: 2px solid #657700;
    font-size: 120%;
    font-weight: bold;
    margin: 0 0 1em;
    padding: 6px 20px 0px 47px;
	margin-top: 15px;
}

.csV-3 div.mandatoryAdvice {
	font-weight:bold;
	padding-bottom:10px;
	font-size:0.8em;
}



.csV-3 .oh div.csPanelConfirm .csPanelContent {
	background-image:url();
	color:#657700;
}

.csV-3 .oh div.csPanelConfirm .csPanelContent p {
	font-size:1.1em;
}

.csV-3 .oh .csPanelMsgGroup {
margin-top: 10px;
padding: 0;
border: 2px solid #657700;
background-color:#f9f9f9;
}

.csV-3 .oh .csPanelMsgGroup div.csRow {
padding:0px 0px 0px 47px;
margin-top: 0px;
}

.csV-3 .oh .csPanelMsgGroup div.csRow p, .csV-3 .oh .csPanelMsgGroup div.csRow li  {
font-size:0.9em;
font-weight:bold;
}

.csV-3 .oh .csPanelMsgGroup div.csRow li {
    background-position: 1px 8px;
}

.csV-3 button, .csV-3 input.csButton, .csV-3 a.csButton {
color:#000;
font-weight:bold;
}

.csV-3 .csPanelTopRight {
	padding:15px 0px 0px 0px;
}
.csV-3 .csPanel .csPanelScroll {
	padding:0px 0px 0px 0px;
}

/* START extensions for styling for panels */

.csV-3 .oh div.msmPanelErrors {
border: 2px solid #c00;
background: url("../images/msm_msg_error.gif") no-repeat scroll 14px 10px #F9F9F9;
}

.csV-3 .oh div.msmPanelErrors h1, .csV-3 .oh div.msmPanelErrors h2, .csV-3 .oh div.msmPanelErrors h3 {
    color: #c00;
}

.csV-3 .oh div.msmPanelAlert {
border: 2px solid #f90;
background: url("../images/msm_msg_important.gif") no-repeat scroll 14px 10px #F9F9F9;
}

.csV-3 .oh div.msmPanelAlert h1, .csV-3 .oh div.msmPanelAlert h2, .csV-3 .oh div.msmPanelAlert h3 {
    color: #f90;
}

.csV-3 .oh div.msmPanelConfirm {
border: 2px solid #657700;
background: url("../images/msm_msg_success.gif") no-repeat scroll 14px 10px #F9F9F9;
}

.csV-3 .oh div.msmPanelConfirm h1, .csV-3 .oh div.msmPanelConfirm h2, .csV-3 .oh div.msmPanelConfirm h3 {
    color: #657700;
}



/* END extensions for styling of panels */

.csV-3 div.accountDetails {
color:#657700;
font-weight:bold;
padding:0px 0px 10px 0px;
font-size:0.9em;
}

.csV-3 span.accountDetails, .csV-3 div.accountDetails strong {
color:#657700;
font-weight:bold;
}

.csV-3 div.csHeadingRule h3 {
font-size:0.9em;
}

.csV-3 h3.accountDetails {
color:#657700;
margin-bottom:3px;
}

.csV-3 td.csFirst .accountDetails {
padding-top:5px;
}

/* need to increase font size to 1.1 to increase the base0.8 by equivalent of 0.1 */
.csV-3 table span.accountDetails {
font-size:1.1em;
}

/* need to set at 100% so it is 0.8em equivalent, my accounts is example where used. */
.csV-3 table.csTable span.accountDetails {
font-size:100%;
}

div.sectionBorder {
	border: 1px solid #ccc;
	margin-top: 15px;
	margin-bottom: 0px;
	padding: 6px 10px 0px 10px;
}

/* 1.1em used as there is 0.8em base and need to increase to the equivalent of 0.9em */
.stepInfo {
	font-size:1.1em;
}

div.steptracker {
	font-size:0.9em;
	font-weight:bold;
}

.csV-3 .oh .csPanelMsgGroup div.csPanelConfirm {
	border-width: 0 0 0px;
	margin-top:0px;
}

.csV-3 .oh div.messageSuccess div.csPanelStatus div.csPanelContent {
	padding:0px 0px 0px 0px;
}

.csV-3 .csHeadingRule {
border-bottom: 0px solid #ccc;
}


div.sectionBorder .csHeadingRule  {
border-bottom: 1px solid #ccc;
}

.msmStatementBar input.ctaTwoMediumFormButton {background:#333333!important;font-weight:bold;padding-left:2px}
.ctaFormButtonOne {background:#333333!important;font-size:90%!important;padding-left:2px;border:2px outset #777!important;cursor:pointer;}

/* New design additions - April 2012*/
/* Left Handed Menu */
.csCol-1 .csNavList li,.csCol-1 .csNavList li.csNavLast {border-top:1px solid #ccc;background:url(../images/menu_li_bg.gif) no-repeat top left !important;z-index:auto}
.csCol-1 li.csNavLast {border-bottom:1px solid #ccc;}
.csCol-1 .csNavList li.csNavFirst a 
{
	background:url(../images/my_accounts_home.gif) no-repeat 9px 4px !important;
	padding:15px 54px 15px 27px!important;
	color:#657700!important;
	margin: 4px 0 4px 0;
	width:100px;
	/* font size 1.1 used to increase the base 0.8em by the equivalent of 0.1em to 0.9em */
	font-size:1.1em;
}
.csCol-1 .csNavList li.csNavFirst {border-top:0px}

.csCol-1 ul.csNavList li ul li.csNavFirst a {
	background:url("../images/menu_li_li_arrow.gif") no-repeat scroll 0px 4px transparent !important;
	padding:1px 7px 3px 11px!important;
	color:#333!important;
}

.csCol-1 .csNavList li.csNavFirst a:hover {
color:#657700;
}

.csCol-1 .csNavList li a {
	padding-left:14px!important;
	/* font size 1.1 used to increase the base 0.8em by the equivalent of 0.1em to 0.9em */
	font-size:1.1em;
}


.csCol-1 .csNavList li a:hover, .csCol-1 .csNavList li.csNavFirst a:hover {
	text-decoration:none!important;
	background:url("../images/menu_li_li_arrow_on.gif") no-repeat scroll 0px 4px transparent;
}

.csCol-1 ul.csNavList li ul li a {
	background:url("../images/menu_li_li_arrow.gif") no-repeat scroll 0px 4px transparent;
	padding:4px 0 4px 12px!important;
	font-size:1.4em!important;
	font-weight:normal!important;
	color:#333 !important;
	margin-right: 0px !important;
	}

.csV-3 .oh div.csPanelSideMenu div.csNavContent {background:none !important;margin:0 0 7px 10px;width:135px;z-index:3}
.csV-3 .oh div.csPanelSideMenu div.csNavContent ul li {border-bottom:none!important;background:none!important}
.csV-3 .oh div.csPanelSideMenu div.csNavContent ul li a{padding:1px 7px 3px 11px !important;margin:0px}
.csCol-1 ul.csNavList li ul li {border:none}
.csCol-1 ul.csNavList li ul li.csNavLast {border:none}

.csV-3 .oh div.csMenuPanel-y ul.csNavList li.csNavOn .csNavWrap a, .csV-3 .oh div.csMenuPanel-y ul.csNavList li.csNavToggle-0 div.csNavContent ul li.csNavOn a {color:#666!important}


/* LHM end*/


/* START - Redirect Skins styles to hide portlets on redirect pages */

/* redirect intersitial initially required but now not required */
/* To keep functionality but no visible appearance have restyled so only a blank white page is visible */

div#redirectInterstitial {
	background-color:#fff;
	text-align:center; 
	position:fixed;top:0;left:0;
	width:100%;
	height:100%;
	z-index:1001;
	display:block;
}

div#redirectInterstitial p.p1 {
	margin:0 0 0 10px;
	min-width:310px;
	height:96px;
	background:url();
}

div#redirectInterstitial p.p2 {
	background-color:transparent;
}

div#redirectInterstitial p.p3 {
	left: -10000px;
	overflow: hidden;
	position: absolute;
}

/* END - Redirect Skins styles to hide portlets on redirect pages */


/* START - Validation Error Box amends */

.csV-3 .oh div.msmContainerCsPanelErrors {
border:solid 2px #c00;
background: url("../images/msm_msg_error.gif") no-repeat 26px 12px;
padding-left:47px;
padding-top:10px;
margin:10px 0px;
color:#c00;
}

.csV-3 .oh div.msmContainerCsPanelErrors h2 {
margin-bottom:5px;
font-size:135%;
}

.csV-3 .oh div.msmContainerCsPanelErrors p {
font-weight:bold;
font-size:0.9em;
margin-top:0.8em;
margin-bottom:0.8em;
}

.csV-3 .oh div.msmContainerCsPanelErrors strong {
color:#c00;
}

/* extending styling based in themesPanels.css */
.csV-3 .oh div.msmContainerCsPanelErrors div.csPanelErrors {
    border:none;
}

/* extending styling based in themesPanels.css */
.csV-3 .oh div.msmContainerCsPanelErrors div.csPanelErrors .csPanelContent {
    background-image: none;
}

/* extending styling based in themesPanels.css */
.csV-3 .oh div.msmContainerCsPanelErrors .csPanelErrors {
    background-color: transparent;
}

/* extending styling based in themesPanels.css */
.csV-3 .oh div.msmContainerCsPanelErrors div.csPanelStatus div.csPanelContent {
    padding: 0px 10px 15px 0px;
}

/* extending styling based in uicsBase */
.csV-3 div.msmContainerCsPanelErrors .csPanelErrors ul li, .csV-3 .csPanelErrors ol li {
    padding: 0 0 0 0px;
    margin: 0 0 0px 0;
    font-size:0.9em;
    font-weight:bold;
}

input[type=password] + div.csHideForSR + input[type=password] { 
	margin-left:10px; 
}



/* generic */

.invisible {
    left: -50000px;
    position: absolute;
}
.displayNone {
    display: none;
}
.noMargin {
    margin: 0;
}
.topMargin {
    margin: 20px 0px 0px 0px;
}
.bottomMargin {
    margin: 0px 0px 20px 0px;
}
.noTopMargin {
    margin-top: 0;
}
.noBottomMargin {
    margin-bottom: 0;
}
.noTopPadding {
    padding-top: 0;
}
.noBottomPadding {
    padding-bottom: 0;
}
.alignRight {
    text-align: right;
}
.alignLeft {
    text-align: left;
}
.alignCenter {
    text-align: center;
}

.alignBottom, .csV-3 .csTable tbody td.alignBottom {
    vertical-align: bottom;
}

/* bottom paddingcannot be set to 0px because is causes screen issue on Firefox and print issue on IE */
.csV-3 .oh .csPanelTable table.csTable tr td.alignBottom {
padding: 5px 10px !important;
}

.alignTop, .csV-3 .csTable tbody td.alignTop {
    vertical-align: top;
}

.floatLeft {
    float: left;
}
.floatRight {
    float: right;
}


/* virtual assistant */

#mandslogo{
float:left;
width: 300px;
height: 48px;
}

div.msmHeaderContent img{
float:left;
display:block;
padding:200px;
}

.csV-3 .oh .vaHeader{
background: url("../images/VA_masthead_background.gif") no-repeat scroll 0 0 transparent;
}

.vaHeader{
    float: right;
    height: 41px;
    outline: medium none;
    width: 208px;
	text-align: left;
	position:relative;
	padding-top:10px;
	display:block;
	vertical-align:middle;
}

div.vaHeader img{
	display: block;
	float: right;
	margin-top: -8px;
	margin-right:2px;
}

div.vaHeader p a {
    color: #809700;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
	margin-left:10px;
	margin-top:5px;
	float:left;
	display:block;
	background:none;
}

div.vaHeader p a span {color:#000;}

div.vaHeader p a:hover {
	background-color: transparent;
	color:#C8DD25;
	text-decoration:none;
}

/* virtual assistant end */


span.start{
cursor: pointer;
float: left;
padding-bottom: 2px !important; vertical-align:middle;
line-height:2.2em;
font-weight:bold;
font-size:0.875em;
text-align:center;
padding:0px 0px 0px 5px;
background: url("../images/logoutbutton.gif") no-repeat scroll 0 0 transparent;
}

span.logoffend {
background: url("../images/logoutbutton.gif") no-repeat scroll right -100px transparent;
color: #000000 !important;
cursor: pointer;
float: left;
font-size: 90% !important;
font-weight: bold;
line-height: 15px;
padding: 7px 0px 9px 7px;
height:16px;
} 



.breadcrumb{ float:left; font-size:0.975em;  background-color:#fff;  } 
.csV-3 .oh .breadcrumb li { float:left; padding-left:8px; color:#000; background:url("../images/msm_link_arrow_right_black.gif") no-repeat scroll left 1px transparent; margin: 5px 0px 0px 5px;} 
.csV-3 .oh .breadcrumb li.first {background:none; margin-left: 0px;}  
.csV-3 .oh .breadcrumb li a { float:left; color:#000; text-decoration:underline;} 
.csV-3 .oh .crumbcontainer { display: inline-block; width:100%; border-bottom: 1px solid #ccc; margin-top: 5px} 
.csV-3 .oh .crumbright { float:right; } 
.csV-3 .oh .crumbleft { float:left; width:80%; } 

/* START security device copy RG provided */
.row_2cols {
	width:100%;
	clear:both;
	float:left
}
.row_2cols img {
	padding-right:67px;
	padding-bottom:20px
}
.row_2cols .leftColumn {
	width:60%;
	float:left
}
.row_3cols {
	width:100%;
	clear:both;
	margin:20px 0 !important;
	float:left
}
.row_3cols .leftColumn, .row_3cols .centerColumn {
	width:33%;
	float:left
}
.row_3cols .rightColumn {
	width:34%;
	float:left
}
.row_3cols .rightColumn img {
	padding-right:67px
}
.row_3cols .leftColumn .divider, .row_3cols .centerColumn .divider {
	border-right:1px solid #ccc
}
.row_3cols .leftColumn p, .row_3cols .centerColumn p, .row_3cols .rightColumn p {
	padding: 20px 10px
}

/* END security device copy */

/* START generic styles provided by RG */

.layoutLeftColumn {
	float:left;
	height:122px;
	width:48%;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	border-right:1px solid #999;
}

.layoutRightColumn {
	float:left;
	height:122px;
	width:38%;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:10px;
}

/* END generic styles provided by RG */


/* jhx adds a wrapper div for checkbox. need fix to have label and checkbox inline when in same table cell */
#inlineLabelCheckbox div {
display:inline;
}



.csV-3 div.csButtons a.msmTertiary, .csV-3 a.msmTertiary, .csV-3 a.msmTertiary:hover {
color:#657700 !important;
background: url("../images/msm_link_arrow_right.gif") no-repeat scroll left 6px transparent !important;
padding-left:12px;
text-decoration:none;
font-weight:bold;
}

.csV-3 div.csButtons a.msmTertiaryBack, .csV-3 a.msmTertiaryBack:hover {
color:#657700 !important;
background: url("../images/msm_linkTertiary_arrow_left.gif") no-repeat scroll left 6px transparent !important;
padding-left:12px;
}


/* to ensure there is sufficient space between multiple links/buttons */
.csV-3 div.csButtons a.msmTertiaryBack + a.msmTertiary, .csV-3 div.csButtons a.msmTertiary + a.msmTertiary, .csV-3 div.csButtons a.msmTertiary + span.csButtonWrap, .csV-3 div.csButtons a.msmTertiaryBack + span.csButtonWrap {
margin-left:10px;
}

/* required for actionLinks that are inline in paragraph text */
.csV-3 p a.msmTertiaryContent, .csV-3 div.msmIDV table.csTableForm a.msmTertiaryContent {
background: url();
padding-left:0px;
font-size:100%;
font-weight:normal;
}

/* missing from core themes */
.no-js-show {
	display: none;
}

.csV-3 .msmSeparator {
margin-top:10px;
border-top: 1px solid #ccc;
height:10px;
}

.csV-3 label.msmHighlight, .csV-3 .msmHighlight {
font-weight:bold;
}

.csV-3 a.help {
	color:#657700;
	background-image: url()!important;
	font-weight:normal;
	padding-left:2px;
	text-decoration:underline;
}

.csV-3 div.csButtons a.help {
	font-size:0.8em !important;
	text-decoration:underline !important;
	color:#657700;
	font-weight:normal;
}

.csV-3 a.help:hover {
color:#657700 !important;
}

/* to be used when a single button column centre alignedis required */
.csV-3 .csButtons .msm1ColCentre {
width:100%;
text-align:center;
margin: 10px 0px;
}

/* need to remove padding on csRow when it is nested in confirm box markup */
.csV-3 .oh .csPanelMsgGroup div.csRow div.csRow {
padding:0px;
}

.csV-3 td div.csFields .msmStandardContent, p.msmStandardContent, li.msmStandardContent, div.msmStandardContent {
font-weight:normal;
}

/* START Print Buttons and Links */

.csV-3 .oh .csButtons span.msmPrint span.csAct {
    background-image: url("../images/msm_buttonLeft.gif");
}
.csV-3 .oh .csButtons span.msmPrint span.csAct a.csAct {
    background-image: url("../images/msm_buttonRight.gif");
    color: #333;
}

/* END Print Buttons and Links */

/* START IDV extensions */
/* these have been coded in a way to protect the main service centre styling */

div.msmIDV {
	padding:10px;
}

.csV-3 div.msmIDV .csCols-2 {
	background: url();
}

/* cols are set for left hand nav and main panel, reset col widths here to 2 equal columns */
.csV-3 div.msmIDV .csCols-2 .csCol-1, .csV-3 div.msmIDV .csCols-2 .csCol-2 {
width:49%;
}

div.msmIDV div.sectionBorder div.sectionBorder {
	margin-bottom:15px;
	padding-bottom:10px;
	background-color:#f2f2f2;
}

.csV-3 .oh div.msmIDV span.csAct {
background-image: url(../images/msm_cta2_left.gif);
}

.csV-3 .oh div.msmIDV span.csAct a.csButton, .csV-3 .oh div.msmIDV span.csAct input.csButton {
background-image: url(../images/msm_cta2_left_long.gif);
}

.csV-3 .oh div.msmIDV div.csCol-2 span.csButtonWrap  {
    padding: 0 0 0 7px;
}

.csV-3 div.msmIDV .csButtonWrap a.csButton {
    padding: 4px 6px 10px 0;
}

div.msmIDV div.sectionBorder .csHeadingRule h3 {
	width:100%;
	font-size:0.9em;
}

div.msmIDV div.csButtons div.csCol-1 a {
font-size:0.9em;
text-decoration:none;
background-image: url(../images/msm_link_arrow_left.gif);
    font-weight:bold;
    padding-left: 12px;
}

div.msmIDV div.csButtons div.csCol-1 a:hover {
color:#333;
}

.csV-3 div.msmIDV .csTableForm col.csLabels {
    width: 50%;
}
.csV-3 div.msmIDV .csTableForm col.csFields {
    width: 50%;
}

.csV-3 div.msmIDV div.sectionBorder div.sectionBorder div.csLabel {
    text-align:left;
}

/* use 1.1 to increase the inherited base 0.8em by equivalent of 0.1em to 0.9 em */
.csV-3 div.msmIDV div.sectionBorder .csTableForm td span.submit input.submit {
font-size:1.1em;
}

/* over ride the 3px required in non csa pages. */
.csV-3 div.msmIDV input.csCheck {
margin-top:1px;
}

/* START extend from forms.css */
.csV-3 div.msmIDV input.csField-med {
	width: auto;
}
.csV-3 div.msmIDV div.sectionBorder div.sectionBorder .csButtons {
	padding: 0px 0px;
}

.csV-3 div.msmIDV table.csTableForm a {
color:#657700;
background-image: url();
padding-left:0px;
font-weight:bold;
}

.csV-3 div.msmIDV table.csTableForm a.help, div.msmIDV div.csButtons div.csCol-1 a.help {
font-weight:normal;
padding-left:2px;
}

.csV-3 div.msmIDV div.sectionBorder div.sectionBorder .csHeading {
margin-bottom:0px;
}

.csV-3 div.msmIDV .csButtons .csCol-1, .csV-3 div.msmIDV .csButtons .csCol-2 {
    width: 50%;
}

/* END extend from forms.css */

/* START extend from themePanels.css */

.csV-3 .oh div.msmIDV .csPanelMain .csPanelHeading,
.csV-3 .oh div.msmIDV .csPanelSide .csPanelHeading,
.csV-3 .oh div.msmIDV .csPanelMain .csPanelContent,
.csV-3 .oh div.msmIDV .csPanelSide .csPanelContent {
	border-color:#fff #fff #fff #fff;
}

/* END extend from themePanels.css */


 /* START extend from uicsBase.css */
.csV-3 div.msmIDV div.sectionBorder div.sectionBorder .csHeading {
background-color:transparent;
}

.csV-3 div.csHeading h2 {
width:70%;
}


 /* END extend from uicsBase.css */

/* require different margin in CSA from service centre */
.csV-3 div.msmIDV table.csTableForm {
margin-top:0px
}

div.msmIDV input[type=password] + div.csHideForSR + input[type=password] { 
	margin-left:0px; 
}


.csV-3 div.msmIDV div.sectionBorder div.sectionBorder div.mandatoryAdvice {
	padding-top:10px;
}

.csV-3 div.msmIDV div.csFields {
font-weight:normal;
}
/* END IDV extensions */


/*Changes For CR 4085*/

.msmMyMsgReadCount a span {
	background: url("../images/green_icon.gif") no-repeat;
	padding: 15px 15px 6px 10px;
	  background-size: 18px 18px;
	background-position: 30% 100%;
}
.msmMyMsgUnreadCount a span {
	background: url("../images/grey_icon.gif") no-repeat 80% 0%;
	padding: 15px 15px 6px 10px;
	 background-size: 18px 18px;
	background-position: 30% 100%;
}



div.greyButton {
	float: right;
	height: 33px;
	line-height: 30px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
	font-weight: bold;
	background: url("../images/grey_button_left.jpg") no-repeat;
	text-decoration: none;
	padding-left: 4px;
} 

div.greyButton a {
	float: right;
	height: 33px;
	padding: 6px 10px 6px 10px;
	background: url("../images/grey_button_right.jpg") no-repeat 100% 0%;
	line-height: 22px;
	display: block;
	text-decoration: none;
}

div.greyButton a.blackText {
	color: #000000;	
	text-decoration : none;
}

/*Added for Mobile My Accounts Text*/
div.csRow.csCols-2 div.csCol-2 div.floatLeft h1 {
     padding-left: 0;
     padding-right: 0;
} 
div.sectionBorderCP .csHeadingRule  {
border-bottom: 1px solid #ccc;
}
div.sectionBorderCP {
   	border: 1px solid #ccc;
	margin-top: 15px;
	margin-bottom: 5px;
	padding: 6px 10px 0px 10px;
	font-size: 11px;
}
div.bottombutton{
	float: right;
    padding-left: 2%;
}
.div.csHeadingAD {
    float: none;
    position: relative;
    padding: 0 0 5px 0;
    height: auto;
    width: auto;
    line-height: 100%;
    overflow: visible;
	font-size: 1.8em;
}
.csV-3 .creditlimitpreference td {
vertical-align:top;
font-size: 11px;
}
.csV-3 .creditlimitpreference div.csFields label {
   font-weight: normal; 
   font-size: 11px;
}
div.creditlimitpreference {
	border-top-style: none; 
	border-right-style: none; 
	border-bottom-style: none;
	border-left-style: none;
	width: 100%;
	margin-top:10px;
	font-weight:normal;	
	font-size: 11px;
}

.csV-3.borrowingLimitPref td {
vertical-align:top;
font-size: 11px;
font-weight:normal;	
}
.csV-3.borrowingLimitPref div.csFields label {
   font-weight: normal; 
   font-size: 11px;
}
div.borrowingLimitPref {
	border-top-style: none; 
	border-right-style: none; 
	border-bottom-style: none;
	border-left-style: none;
	width: 100%;
	margin-top:10px;
	font-weight:normal;	
	font-size: 11px;
}


div.commonCCMS {
    background-color: transparent;
    overflow: visible;
    padding: 0;
    margin: 0;
    font-size: 13px;
}
div.commonCCMSAD {
    background-color: transparent;
    overflow: visible;
    padding: 0;
    margin: 0;
    font-size: 11px;
}
.stepInfoccms {
	font-size: 11px;
}
.ADcontentoccms {
	font-size: 9px;
}