/* Singlesite IDs and Classes */

div#container {position: absolute; top: 0px; left: 0px;}

div#container div#masthead,
div#container div#masthead *{
	margin-bottom:0;
} 



h3 {background: url(../images/h3_tab_right.gif) top right no-repeat; background-color: #6b6b63; font-size: 12px; font-weight: bold; margin-top: 0; margin-bottom: 4px; padding-bottom: 2px; color: white;}

/* Floats */
div.float_left {width: 49%; float: left; margin-bottom: 5px;}
div.float_right {width: 49%; float: right; margin-bottom: 5px;}
div.float_fix {clear:both; height:1px; margin:0; font-size:1px; line-height:1px; overflow:hidden;}

/* Masthead ------------------------------- */
div#masthead {width: 780px;  margin-bottom:0px !important;  background: url(../images/logo_en_US_HS.gif) no-repeat 8px 28px; }

/* Utility Nav */
div#utility_nav {margin:1px 0px 0px 1px; color: white; height: 18px; text-align: right;  border-bottom: #c4dbe6 solid 0px; border-top: #ffffff solid 1px; background: url(../images/utility_bkgd_en_US_HS.gif) repeat-x left bottom;  *background: url(../images/utility_bkgd_en_US_HS.gif) repeat-x left top; *height: 19px;}
* html body div#utility_nav {margin:1px 0px 0px 1px; color: white; height: 15px; text-align: right;  border-bottom: #c4dbe6 solid 0px; border-top: #ffffff solid 1px; background: url(../images/utility_bkgd_en_US_HS.gif) repeat-x left bottom;}
div#utility_nav a {margin:0 0 0 -4px !important;padding-right: 6px; padding-left: 6px; font-size: 10px; padding-bottom: 0px; color: black; padding-top: 0px; text-decoration: none; border-right: #ffffff solid 1px;}
div#utility_nav a:hover {color: #06f; text-decoration:underline;}

div#utility_nav a.on {*line-height:19px;background-color:#ffffff; border-bottom: #ffffff solid 4px; color:#06f; font-family:verdana, arial, helvetica, sans-serif; font-weight:bold;}







/* Logos*/
div#logos {height: 45px; margin: 0; padding:7px 0 0 7px; margin-bottom:0px !important;}


div#nav_float_fix {display:none; clear:both; overflow: hidden; height:0px; margin:0;}
div.home_callout h4 {font: normal bold 14px/18px times,arial,helvetica,sans-serif; background: url(../images/check_icon_home.gif) center left no-repeat; color: #000; padding-left: 20px; margin:0px;}
div.home_callout a {
	font-size:.9em;
	}
div.home_callout h4nocheck {font: normal bold 14px/18px,arial,helvetica,sans-serif; color: #000; padding-left: 20px; margin:0px;}



/* Logoff Area */
div#logoff_area {position: absolute; right: 0px; top: 101px; .top: 102px; width: 240px; }
div#logoff_tab {position: absolute; right: 0px; height: 27px; margin: 0; padding: 0 15px 0 0; background: url(../images/tab_logoff_right.gif) top right no-repeat;
	width: 110px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 90px;
	}
div.empty_style_to_fix_ie_5 {}
	
div#logoff_tab a {font-weight: bold; padding: 5px 0 0 5px; color: black; font-weight: bold; text-decoration: none;}
div#logoff_tab img {float: left; margin: 0; padding: 0;}
div#logoff_tab #lock {float: right; display: block; margin: 3px 0 0 10px;}
div#user_info {
	position: absolute;
	top: 22px;
	left: 0px;
	padding-top: 0;
	border-top: 3px solid #e2e2e2;
	width: 226px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 226px;
	border:0px solid #000;
	visibility: visible;
	}
div.empty_style_to_fix_ie_5 {}
div#user_info div {padding: 7px; background-color: #f5f2ea; width: 100%; margin-bottom: 2px;}
div#user_info span {display: block; margin: 0px;}
/*div#user_info div span{margin-top:5px;}*/


/* end Masthead ------------------------------- */


/* Page structure */
div#main {position: absolute; top: 165px; margin-left: 4px;}
div#content_left {position: absolute; top: 10px; left: 9px; width: 510px; padding: 0; padding-right: 8px; border-right: 1px dashed #efefef;}

div#content_left_reduced {position: absolute; top: 0px; left: 173px; width: 346px; padding-right: 8px; border-right: 1px dashed #efefef;}
div#content_left_expanded {position: absolute; top: 0px; left: 173px; width: 500px;}
div#content_right {position: absolute; top: 80px; left: 536px; width:240px; padding: 0;}
div#secondary_nav {position: absolute; width: 156px; top: 0px; left: 0px;}


/* Left Column Content Area ------------------- */
h2.no_underline {border-bottom: 0 solid white;}
div#content_left table a {color: black;}
div#content_left table a:hover {color: #05a;}

div#content_left p {margin-bottom: 15px;line-height:14px !important;}
div#content_left_reduced div.spiff.floats p {width: 261px;} /* For reduced-width left column */
div#content_left div.spiff.floats p {width: 421px;} /* For full-width left column */
div#content_left div.float_left div.spiff.floats p, div#content_left div.float_right div.spiff.floats p {width: 170px;} /* For left column sub columns */

div.spiff {padding-bottom: 4px; border-bottom: 1px dashed #c8c8c0;}
div.spiff p {padding: 7px; margin: 0;}
div.spiff.floats img {float:left;}
div.spiff.floats p {margin-left: 70px; margin-top: 0; padding: 0;
	padding-top: 7px;
	voice-family: "\"}\"";
	voice-family:inherit;
	padding-top: 0px;
	}
div.empty_style_to_fix_ie_5 {}
div.spiff.floats h4 {margin-left: 70px; margin-top: 0; padding: 0;}
div#content_right div.spiff.floats p { width: 160px;}
div.spiff em {color: red; font-weight: bold; font-style: normal;}
div.spiff.floats.no_header {border-top: 1px solid #c8c8c0; border-bottom: 0 dashed #c8c8c0; padding-top: 7px;}

div.coupon {border: 2px dashed #c8c8c0; padding: 5px; margin-top: 5px; margin-bottom:5px;}
div.coupon div, div.coupon p {border: 0px solid white;}
div#content_left div.coupon table tr td a {color: #0047b6;}
div#content_left div.coupon table tr td a:hover {color: #06f;}
div.float_left div.coupon, div.float_right div.coupon {text-align: center; height: 140px;}

div.coupon1 {border: 0px solid #c8c8c0; padding: 5px; margin-top: 5px; margin-bottom:5px;}
div.coupon1 div, div.coupon1 p {border: 0px solid white;}
div#content_left div.coupon1 table tr td a {color: #0047b6;}
div#content_left div.coupon1 table tr td a:hover {color: #06f;}
div.float_left div.coupon1, div.float_right div.coupon1 {text-align: center; height: 140px;}


div#content_left div.fieldset_group fieldset {margin-bottom: 5px;} /* For when fieldsets need to sit closely together */
div#content_left fieldset table {margin-bottom: 0;}

div#content_left fieldset.current_rewards_balance {border: 1px solid #a9c7ec;}

/* new */
fieldset.general_error {border: 1px solid red; background-color: #ffC; padding-bottom: 0;}
fieldset.general_error p { background: url(../images/error.gif) top left no-repeat; padding-left: 20px; margin: 16px 0 0 30px;}
fieldset.general_error strong {color: red;}

div#bottom_nav {float: left; text-align: center; font-size: 10px;}
div#bottom_nav a {color: #7a7a7a;}
div#bottom_nav a:hover {color: #05a;}
div#bottom_nav p {color: #484848; margin-top: 12px;}
div#content_left div#bottom_nav a {color: #7a7a7a;}

/* Right Column Content */
div#content_right div#messages {background-color: #efefef; font-weight: bold; color: red; padding: 7px;}
div#content_right div#messages img {display: inline;}
div#content_right div#messages a {font-weight: bold; color: black;}
div#content_right div#messages a:hover {color: #05a;}
div#content_right div#messages.plain {color: #000; font-weight: normal;}

DIV#content_right DIV#quick_links {padding-top:0px; PADDING-BOTTOM: 6px; BORDER-BOTTOM: #a4c5ec 1px solid; BORDER-LEFT: #a4c5ec 1px solid; background-color:#ececec;}
DIV#content_right DIV#quick_links UL {/*PADDING-LEFT: 6px; list-style:square; margin-left:20px;*/  margin-left:6px; color:#999999; margin-top:-4px; line-height:28px; list-style-type: none; }
DIV#content_right DIV#quick_links UL LI {LINE-HEIGHT: 18px; background: url(../images/blue_arrow2_en_US_HS.gif) center left no-repeat; padding-left:10px;}
DIV#content_right DIV#quick_links UL LI A{color:#0047b6; text-decoration:underline;}
DIV#content_right DIV#quick_links UL LI A:HOVER{color:#0066ff; text-decoration:underline;}
/*New Styles added on 18/01/07 by Saravanan*/
DIV#content_right DIV#quick_links span#sertran{LINE-HEIGHT: 20px; background: url(../images/search.gif) top left no-repeat; vertical-align:top; background-position:1px 1px; padding-left:25px;}
DIV#content_right DIV#quick_links span#prt{LINE-HEIGHT: 20px; background: url(../images/button_print.gif) top left no-repeat; vertical-align:top; background-position:1px 1px; padding-left:25px;}
DIV#content_right DIV#quick_links span#help{LINE-HEIGHT: 20px; background: url(../images/q2.gif) top left no-repeat; vertical-align:top; background-position:1px 1px; padding-left:25px;}
/*New Styles added on 18/01/07 by Saravanan ends here*/
div#content_right div#balance_transfer form {margin: 0;}
div#content_right div#balance_transfer {border-bottom: 1px dashed #ded9c3; padding-bottom: 15px;}

div#content_right h3.quick_links {background: url(../images/h3_tab_right.gif) top right no-repeat; background-color: #6b6b63; color:#fff;  margin-bottom:1px;} /* modified by Michael Rohan 03062007 */
div#content_right h3.balance_transfer {background: url(../images/h3_tab_right.gif) top right no-repeat; background-color: #fbfbcc; color: #000; margin-bottom: 12px;}

/* Added to round corners - note: offers background same as 'yellow' background */
div#content_right h3.offers {background: url(../images/h3_tab_right.gif) top right no-repeat; background-color: #cbe5fe; color: black; margin-bottom: 9px;}

div#content_left div.float_right div#iw_content_restriction h3.quick_links      {margin:3; padding-bottom: 3px; margin-top:10px;background: url(../images/h3_tab_right.gif) top right no-repeat; background-color: #000066; color:#fff; margin-bottom: 12px}
div#content_left div.float_left div#iw_content_restriction  h3.balance_transfer {margin:3; padding-bottom: 3px; margin-top:10px;background: url(../images/h3_tab_right.gif) top right no-repeat; background-color: #fbfbcc; color: #000; margin-bottom: 12px}
div#content_left div.float_left div#iw_content_restriction  h3.offers           {margin:3; padding-bottom: 3px; margin-top:10px;background: url(../images/h3_tab_right.gif) top right no-repeat; background-color: #cbe5fe; color: black; margin-bottom: 12px}

/*div#content_left h3.quick_links      {margin:3; padding-bottom: 3px; margin-top:10px;background: url(../images/h3_tab_right.gif) top right no-repeat; background-color: #000066; color:#fff; margin-bottom: 12px;}
div#content_left h3.balance_transfer {margin:3; padding-bottom: 3px; margin-top:10px;background: url(../images/h3_tab_right.gif) top right no-repeat; background-color: #fbfbcc; color: #000; margin-bottom: 12px} */
div#content_left h3.offers           {margin:3; padding-bottom: 3px; margin-top:10px;background: url(../images/h3_tab_right.gif) top right no-repeat; background-color: #cbe5fe; color: black; margin-bottom: 12px}
/* Added to round corners */



DIV#content_right H2.tools {
	FONT-SIZE: 12px; MARGIN-BOTTOM: 6px; width:240px; 
}

div#content_right div.tools {padding-left: 4px;}
div#content_right div.tools div {margin: 0 0 5px 0;}
div#content_right div.tools img {float: left;}
div#content_right div.tools a {float: left; color: black;}
div#content_right div.tools a:hover {color: #05a;}


/* Tables */
div#content_left img {display:inline;}
div#content_left fieldset {margin-bottom: 20px;}
div#content_left fieldset.error {color: red; font-weight: bold; text-align: center;}
div#content_left fieldset.error img {display: inline; margin-bottom: -2px;}
div#content_left fieldset table {width: 100%;}
div#content_left fieldset table tr td {text-align: left; padding: 3px 4px;}
div#content_left fieldset table thead th {text-align: left; font-size: 10px; font-weight: bold; vertical-align: top; background-color: #dddddd; padding: 3px 2px;}
div#content_left fieldset table th {text-align: right;}
div#content_left fieldset table thead th a {display: block; color: #05a;}
div#content_left fieldset table th img {display: inline;}
div#content_left fieldset table.summary_table th, div#content_left fieldset table.summary_table td {text-align: right; padding: 3px 4px;}
div#content_left fieldset table td.sum {border-top: 1px solid #afbedf;}
div#content_left fieldset table tr.row_highlight {background-color: #fbfbcc;}
div#content_left fieldset table tr.row_highlight_grey {background-color: #f2f2f2;}
div#content_left fieldset table .table-divider {border-bottom: 1px dashed #e2e2e2;}

div#content_left_expanded img {display:inline;}
div#content_left_expanded fieldset {margin-bottom: 20px;}
div#content_left_expanded fieldset.error {color: red; font-weight: bold; text-align: center;}
div#content_left_expanded fieldset.error img {display: inline; margin-bottom: -2px;}
div#content_left_expanded fieldset table {width: 100%;}
div#content_left_expanded fieldset table tr td {padding: 3px 4px;}
div#content_left_expanded fieldset table thead th {text-align: left; font-size: 10px; font-weight: bold; vertical-align: top; background-color: #dddddd; padding: 3px 2px;}
div#content_left_expanded fieldset table th {text-align: right;}
div#content_left_expanded fieldset table thead th a {display: block; color: #05a;}
div#content_left_expanded fieldset table th img {display: inline;}
div#content_left_expanded fieldset table.summary_table th, div#content_left fieldset table.summary_table td {text-align: right; padding: 3px 4px;}
div#content_left_expanded fieldset table td.sum {border-top: 1px solid #afbedf;}
div#content_left_expanded fieldset table tr.row_highlight {background-color: #fbfbcc;}
div#content_left_expanded fieldset table tr.row_highlight_grey {background-color: #f2f2f2;}
div#content_left_expanded fieldset table .table-divider {border-bottom: 1px dashed #e2e2e2;}

div#content_left_expanded fieldset table.whitebkg tr td {padding: 0px}

h3.table_hdr {margin:0px 2px; .margin:0; background-color: #6b6b63; font-size: 12px; text-align: center; color: white; padding: 4px; margin-bottom: 0; background-image: none;}
h3.table_hdrCSH {margin:0px 2px; .margin:0; background-color: #01299f; font-size: 12px; text-align: center; color: white; padding: 4px; margin-bottom: 0; background-image: none;}
h3.yellow {background-color: #cbe5fe; color: black;}
h3.light_shade {background-color: #01299f; color: white;}
fieldset.yellow {border: 1px solid #cbe5fe;}

div#content_left table tr.even {background-color: #f2f2f2;}

div#content_left fieldset div.info {font-size:11px; margin: 0px; margin-bottom: 0px; padding: 7px 5px;}
div#content_left fieldset div.info p {margin-bottom: 10px;}
.centered {text-align: center;}
div.large {font-size: 12px; font-weight: bold;}
.blue_highlight {background-color: #e3eff7;}
.bottom_border {border-bottom: 1px dashed #c8c8c0;}
div#table_head_addenda {text-align: right; font-weight: bold; margin-bottom: 4px;}
div.stdropDownleft div#table_head_addenda {text-align: left;}

table.comparison_table td, table.comparison_table th {padding: 5px; border-bottom: 1px solid #adbdde; border-right: 1px solid #adbdde;}
table.comparison_table thead th {font-weight: bold; background-color: #f7f7f7;}
table.comparison_table td.first, table.comparison_table th.first {border-left: 1px solid #adbdde;}
table.comparison_table tbody th {font-weight: bold;}
table.comparison_table td {text-align: center;}

table.comparison_table td ul {list-style-type: disc; padding-left: 20px;}
table.comparison_table td ul li {padding-bottom: 4px; margin-left: 0;}

p.status_table_disclosure {padding: 0 30px; text-align: left; font-size: 11px;}

.border_cell {border: 1px solid black; border-top: 0; border-bottom: 0;}
.border_cell_first {border: 1px solid black; border-bottom: 0;}
.border_cell_last {border: 1px solid black; border-top: 0;}

div#content_left fieldset table .with_blue_links a {color: #0047b6;}
div#content_left fieldset table .with_blue_links a:hover {color: #06f;}

/* Form elements */
input.button {font-size: 12px; height: 20px; border: 1px solid #666; background: url(../images/button_background_en_CA_HS.gif) top left repeat-x; font-weight: bold; color:#fff; cursor: hand;}

/* New as of 10-26-05 */
div#content_left ul, div#content_left_reduced ul, div#content_left_expanded ul {margin-bottom: 20px;}
div#content_left li, div#content_left_reduced li, div#content_left_expanded li {margin-left: 15px; line-height: 18px;}
div#site_map ul li ul {margin-bottom: 5px;}
div#site_map h2 {border-bottom: 0; font-size: 14px; text-decoration: underline; width: 200px;}

/* New as of 11-07-05 */
div.step_indicator {font-size: 14px; text-align: right; margin-bottom: 4px; margin:0 ; width:345px;}
div.step_indicator em {color: #05a; font-style: normal; font-weight: bold; margin:0 ; width:345px;}
div#content_left ul, div#content_left_reduced ul, div#content_left_expanded ul {list-style-type: disc; padding-left: 20px;}
div#content_left li, div#content_left_reduced li, div#content_left_expanded li {padding-bottom: 4px; margin-left: 0;}

div.home_no_check h4 {font: normal bold 14px/18px times,arial,helvetica,sans-serif; color: #000; padding-left: 0px; margin:0px;}

div#content_left_expanded div#content_restriction { width:345px; margin: 0; padding-bottom: 0px; }
div#content_left_expanded div#content_restriction p { width:345px; margin: 0; padding-bottom: 0px;}
div#content_left_expanded div#content_restriction span { width:345px; margin: 0; padding-bottom: 0px;}
div#content_left_expanded div#iw_content_restriction {margin:0; padding-bottom: 0px;}
div#content_left_expanded div#iw_content_restriction p {margin:0; padding-bottom: 0px;}
div#content_left_expanded div#iw_content_restriction span {margin:0; padding-bottom: 0px;}
div#content_left div#content_restriction { width:345px; margin: 0; padding-bottom: 0px; }
div#content_left div#content_restriction p { width:345px; margin: 0; padding-bottom: 0px;}
div#content_left div#content_restriction span { width:345px; margin: 0; padding-bottom: 0px;}
div#content_left div#iw_content_restriction {margin:0; padding-bottom: 0px;}
div#content_left div#iw_content_restriction p {margin:0; padding-bottom: 0px;}
div#content_left div#iw_content_restriction span {margin:0; padding-bottom: 0px;}


.errorbody {  /* Defines text used on form errors below field */
      font-family: verdana, arial, helvetica, sans-serif; 
      font-size: 11px; 
      font-style: normal;
      font-weight: normal; 
      color: #ff0000; 
      line-height: 17px;}          

ul.errortext { /* Defines error text used at top of form */
      list-style:disc;          
      font-family: verdana, arial, helvetica, sans-serif;
      font-size: 11px;
      font-style: normal;
      font-weight: bold;
      color: red;
      margin: 15;
      padding: 0; 
      line-height: 15px;}

.opttext {  /* Defines Error header */
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal;
	font-weight: normal; 
	color: #333; 
	line-height: 14px;}

.rulecolor { /* Describes dividing lines on statements and account overview */ 
	color: #09f;
	background:#09f;}
	
fieldset {border:1px solid #cccccc;}

fieldset.light_shade {border: 1px solid #ffff00;}

div#content_left h2.full_width  {width:510px;}

div#content_left table.finance_charge td {color: black; font-size:11px; padding:1px 1px 1px 1px;}

div#content_left div#iw_content_restriction h2 {margin:3; padding-bottom: 3px; margin-top:5px;}
div#content_left div#iw_content_restriction h3 {margin:3; padding-bottom: 3px; margin-top:5px;}

div#content_left div.float_right div#iw_content_restriction h3 {margin:3; padding-bottom: 3px; margin-top:10px;}
div#content_left div.float_left div#iw_content_restriction h3 {margin:3; padding-bottom: 3px; margin-top:10px;}


div#iw_content_restriction div.coupon {border: 2px dashed #c8c8c0; padding: 5px; margin:3; padding-bottom: 3px;}
div#iw_content_restriction div.coupon div, div.coupon p {border: 0px solid white; margin:3; padding-bottom: 3px;}
div#content_left div#iw_content_restriction div.coupon table tr td a {color: #0047b6; margin:3; padding-bottom: 3px;}
div#content_left div#iw_content_restriction div.coupon table tr td a:hover {color: #06f; margin:3; padding-bottom: 3px;}
div.float_left div#iw_content_restriction div.coupon, div.float_right div.coupon {text-align: center; height: 140px; margin:3; padding-bottom: 3px;}

div#content_left_reduced div#iw_content_restriction div.spiff.floats p {width: 261px; margin:5px; padding:1px;}
div#content_left div#iw_content_restriction div.spiff.floats p {width: 421px; margin:5px; padding:1px;}
div#content_left div.float_left div#iw_content_restriction div.spiff.floats p, div#content_left div.float_right div#iw_content_restriction div.spiff.floats p {width: 170px; margin:5px; padding:1px;}

div#iw_content_restriction div.spiff.floats img {float:left; margin:5px; padding:1px;}
div#iw_content_restriction div.spiff.floats p {margin-left: 70px; margin-top: 0; padding: 0;
	padding-top: 7px;
	voice-family: "\"}\"";
	voice-family:inherit;
	padding-top: 0px;
	}
div#iw_content_restriction div.spiff.floats h4 {margin-left: 70px; margin-top: 0; padding: 0;}
div#content_right div#iw_content_restriction div.spiff.floats p { width: 160px; margin:1px; padding:1px;}
div#iw_content_restriction div.spiff em {color: red; font-weight: bold; font-style: normal;}
div#iw_content_restriction div.spiff.floats.no_header {border-top: 1px solid #c8c8c0; border-bottom: 0 dashed #c8c8c0; padding-top: 7px;}
div#iw_content_restriction div.spiff.floats.no_header p {margin: 0;}

div#content_left div#iw_content_restriction h2 { width:510px;}


DIV#content_left_reduced DIV.float_left {
	FLOAT: none; clear: none; MARGIN-BOTTOM: 5px; WIDTH: 100%
}
DIV#content_left_reduced DIV.float_right {
	FLOAT: none; clear: none; MARGIN-BOTTOM: 5px; WIDTH: 100%
}
div#content_left div#iw_content_restriction div.float_right div.spiff.floats p {width: 160px; margin:5px; padding:1px;}
div#content_left div#iw_content_restriction div.float_left div.spiff.floats p {width: 160px; margin:5px; padding:1px;}

/*Application*/

div.apptab {width:300px; background-color:#6b6b63; display:block;margin-bottom:0px;}
h2.tab { /* Describes tab header used on form */ 
	font-family: verdana, arial, helvetica, sans-serif;font-size: 11px;font-style: normal;font-weight: bold;
	color: #fff;background: #6b6b63;line-height: 20px;margin:0;padding-left:4px; border-bottom:0px solid #b9d300;display:inline;}


col.labels {width:40%;text-align:right;}
col.form_fields {width:60%;}
col.check {width:4%;}
div.spiff_app {padding:4px; border:1px solid #c8c8c0;}
div.spiff_app_secure {border:1px solid #c8c8c0;padding:2px 0 0px 10px;border-bottom:3px solid #e7e7e7;}
.background_fill {background-color:#01299f; height:1px;}


/* Below Application styles added 04/07/06 */

div#cardart { background:url(../images/rz_card.jpg) top left no-repeat ; width:200px; height:126px; border:0px solid #000; }

div#cardholdername { width:250px; position:relative; top:110px; left:5px; border:0px solid #000; font-family:verdana; font-weight:normal; font-size:9px; color:#fff;}


.box a { margin: 0 0 5px 0; background: #efefef; padding: 5px; border: 1px solid #ddd; text-decoration: none; float: left; display: inline; width: 500px; }
.box a:hover { background: #D4DEE6; border: 1px solid #ccc; }
.box a .head { font-size: 14px; color: #222; padding: 0; margin: 0; display: inline; }
.box a .para { color: #333; margin: 10px 0 0 0; padding: 0; display: block; }
.box a:hover .para { color: #333; margin: 10px 0 0 0; padding: 0; }	
.box a:hover .head { font-size: 14px; color: #0164AD; padding: 0; }
.box img { width:120px; height:76px; margin-right:10px; float:left; }

.popup_bar { width:660px; height: 23px; padding:0; padding-left: 4px; background: url(../images/tab_bar_home.gif) bottom left repeat-x; border-bottom: 3px solid #e2e2e2;  }

/***************************************************
PROGRESS INDICATORS
***************************************************/	
	
.progress_off { /* Describes progress indicator that's OFF */ 
	font-family: verdana, arial, helvetica, sans-serif;font-size: 11px;font-style: normal;
	font-weight: normal;color: #999;background: #FFF;line-height: 13px;
	margin: 0px;padding-left:3px;padding-right:5px;border-top:1px solid #999;
	border-bottom:1px solid #999;border-left:1px solid #999;width: 99px;}

.progress_on { /* Describes progress indicator that's ON */ 
	font-family: verdana, arial, helvetica, sans-serif;font-size: 11px;font-style: normal;
	font-weight: bold;color: #FFF;background: #003399;line-height: 13px;margin: 0px;
	padding-left:3px;padding-right:5px;border-top:1px solid #003399;
	border-bottom:1px solid #003399;border-left:1px solid #003399;width: 110px;}
	
.progress_bullet { /* Describes the bullet underneath each step */ 
	font-family:verdana, arial, helvetica, sans-serif;font-size:10px;font-style:normal;
	font-weight:normal;line-height:14px;padding-top:3px;padding-left:3px;color:#333;}
	
.general_error_red{color: red;}	



table.services td ul {color:#333333; margin-top:5px; margin-left:-15px;list-style:none; padding-left:0px;}
table.services td ul li {list-style:none;line-height:15px; background: url(../images/blue_arrow2_en_US_HS.gif) left no-repeat; background-position:1px 6px; padding-left:10px; margin-left:0px;}

div#content_left table.services td table.services td ul li a {color:#0249b5; }
div#content_left table.services td table.services td ul li a:hover {color:#06f; }


#arrow_nav_right{position:absolute;top:4px;left:175px;}
#arrow_nav_right1{position:absolute;top:4px;left:140px;}
DIV#content_right DIV#quick_links span#sertran{LINE-HEIGHT: 20px; background: url(../images/search.gif) top left no-repeat; vertical-align:top; background-position:1px 1px; padding-left:25px;}
DIV#content_right DIV#quick_links span#prt{LINE-HEIGHT: 20px; background: url(../images/button_print.gif) top left no-repeat; vertical-align:top; background-position:1px 1px; padding-left:25px;}
DIV#content_right DIV#quick_links span#help{LINE-HEIGHT: 20px; background: url(../images/q2.gif) top left no-repeat; vertical-align:top; background-position:1px 1px; padding-left:25px;}

/* Classes and ids for Quick Links */

#QuickLinksMore {margin-top:3px; display: none;}
#QuickLinksMore ul { margin-bottom: 0;}
#less { text-align:left; position:relative; width:195px; left:15px; padding-top:4px;}
#more {text-align:left; position:relative; width:195px; left:15px;}
.new {color:#cc0000;}



/*----- NEW PRIMARY NAV---------*/
div#primary_nav {
	width:780px;
	height:26px; _height:25px; 
	background:url(../images/tab_bar_en_US_HS.gif) repeat-x bottom left;
}
ul#navmenu {
	padding: 0;
	margin: 0 0 0 5px;
	list-style: none;
	width: 700px;
}

ul#navmenu li {
	margin: 0;
	border: 0px none;
	padding: 0;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
  background: url(../images/tab_right_HS.gif) no-repeat top right;
}
ul#navmenu li a{
  padding: 0 10px;
  background: url(../images/tab_left_HS.gif) no-repeat top left;
  line-height:26px;
  color:#000;
  font-size:11px; /* modified by Michael Rohan 03062007 */
}

ul#navmenu ul {
	margin: 0;
	border-left:2px solid #ECECEC;
	border-top:1px solid #CCC;
	border-right:2px solid #CCC;  
	border-bottom:2px solid #999;  
	padding: 0;
	width: 190px;
	list-style: none;
	position: absolute;
	top: 26px;
}
ul#navmenu ul ul { 
	margin-top:-10px;
}
ul#navmenu ul:after /*From IE 7 lack of compliance*/{
	clear: both;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}

ul#navmenu ul li {
	width: 190px;
	float: left; /*For IE 7 lack of compliance*/
	display: block !important;
	display: inline; /*For IE*/
}

ul#navmenu li ul { /* second-level lists */
	position: absolute;
	left: -1000px;
	margin-left: 0px;
	margin-top: -4px;
	width:190px;
}
ul#navmenu ul li {
	width: 190px;
	float: left; /*For IE 7 lack of compliance*/
	display: block !important;
	display: inline; /*For IE*/
}
ul#navmenu li ul ul { /* third-and-above-level lists */
	left: -1000px;
}

/* Root Menu */
ul#navmenu a {
	border: 0px solid #FFF;
	padding: 0 6px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	color: #FFF;
	font: bold 12px/22px Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
	height: auto !important;
	height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  background: url(../images/tab_left_hover_HS.gif) no-repeat top left;
	color: #000;
}
ul#navmenu li:hover,
ul#navmenu li.iehover {
  background: url(../images/tab_right_hover_HS.gif) no-repeat top right;
	color: #000;
}
ul#navmenu li.on,
ul#navmenu li.on:hover {
	background: url(../images/tab_right_on_en_US_HS.gif) no-repeat top right;
}
ul#navmenu li.on a,
ul#navmenu li.on a:hover{
	background: url(../images/tab_left_on_en_US_HS.gif) no-repeat top left;
	color:#cc0000;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
	float: none;
	background: #e7e7e7;
	color: #000;
	font-weight: normal;
	border-left: 2px solid #6b6b63;
	border-right: 2px solid #6b6b63;  
	border-bottom: 1px solid #6b6b63;  
	border-top: 1px solid #FFF;
	padding: 4px 2px 4px 5px; /* modified by Michael Rohan 03062007 */
	line-height: 15px; /* modified by Michael Rohan 03062007 */
}
ul#navmenu li:hover li.hasChild a,
ul#navmenu li.iehover li.hasChild a {
	background: #e7e7e7 url(../images/arrow_nav_right.gif) no-repeat 100% 50%;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  border-left: 2px solid #ded9c3;
  border-right: 2px solid #ded9c3;  
  border-bottom: 1px solid #ded9c3;  
  border-top: 1px solid #FFF;
  background: #f6f3ea;
  color:#CC0000;
  font-weight:bold;
}
ul#navmenu li:hover li.hasChild a:hover,
ul#navmenu li:hover li.hasChild:hover a,
ul#navmenu li.iehover li.hasChild a:hover,
ul#navmenu li.iehover li.hasChild.iehover a  {
  background: #f6f3ea url(../images/arrow_nav_right.gif) no-repeat 100% 50%;
}
/* 3rd Menu */
ul#navmenu li:hover li:hover ul,
ul#navmenu li:hover li.iehover ul {
	margin-left:2px;
}
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a,
ul#navmenu li:hover li.hasChild:hover li a {
  border-left: 2px solid #6b6b63;
  border-right: 2px solid #6b6b63;  
  border-bottom: 1px solid #6b6b63;  
  border-top: 1px solid #FFF;
  background: #e7e7e7;
  font-weight:normal;
  color:#000000;
}
/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  border-left: 2px solid #ded9c3;
  border-right: 2px solid #ded9c3;  
  border-bottom: 1px solid #ded9c3;  
  border-top: 1px solid #FFF;
  background: #f6f3ea;
  color:#CC0000;
  font-weight:bold;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
	background: #EEE;
	color: #666;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
	background: #CCC;
	color: #FFF;
}

ul#navmenu li ul li:hover ul,
ul#navmenu li ul li.iehover ul{
	position:absolute;
	left:188px;
	top:-10px;
}
* html body ul#navmenu li ul li:hover ul,
* html body ul#navmenu li ul li.iehover ul{
	position:absolute;
	left:190px;
	top:-10px;
}

ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul, 
ul#navmenu li:hover ul ul ul ul, 
ul#navmenu li.iehover ul ul, 
ul#navmenu li.iehover ul ul ul, 
ul#navmenu li.iehover ul ul ul ul {
	left: -1000px;
}
ul#navmenu li:hover ul, 
ul#navmenu li li:hover ul, 
ul#navmenu li li li:hover ul, 
ul#navmenu li li li li:hover ul, 
ul#navmenu li.iehover ul, 
ul#navmenu li li.iehover ul, 
ul#navmenu li li li.iehover ul, 
#nav li li li li.iehover ul { /* lists nested under hovered list items */
	clear:left;
	left: auto;
}

/** Support for the "iehover-fix.js" **/
ul#navmenu iframe {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}
/** end **/


/*---IE 6 Fixes---*/
html body div#main {
	z-index:-100;
}
html body div#logoff_area {
	z-index:-2;
}
html * { z-index:0 }
/*------------SECONDARY MENU--------------------*/
div#secondary_nav_horizontal {
	margin-top:0px;
/*	margin-right:50%;
*/	padding-top:5px;
	height:20px;
	border-bottom:1px solid #CCC;
/*	background:url(../images/secondarynav_bg.gif) repeat-x top right;
*/	clear:both;}
div#secondary_nav_horizontal ul {
  margin: 0 0 0 7px;
  border: 0 none;
  padding: 0 0 0 2px;
  list-style: none;
/*  height: 30px;
*/}
div#secondary_nav_horizontal ul li {
  margin: 0;
  border: 0px none;
  padding: 0;
  display: block;
  float:left;
  list-style: none;
  border-right: 1px solid #333;
  font-size: 11px; /* modified by Michael Rohan 03062007 */
}
div#secondary_nav_horizontal ul li a {
	margin-right:0px;
	padding:3px 6px 1px 6px;  /* modified by Michael Rohan 03062007 */
	text-decoration:none;
	display:block;
	float:left;
	color:#333;
}
div#secondary_nav_horizontal ul li:last-child {
	border:0;
}

div#secondary_nav_horizontal ul li a:hover {
	text-decoration:underline;
}

div#secondary_nav_horizontal ul li.on {
/*	background:url(../images/secondarynav_act_rgt.gif) no-repeat top right;
*/	
	border-right:1px solid #333;
}	
div#secondary_nav_horizontal ul li.lastChild { 
	border:0px;
}div#secondary_nav_horizontal ul li.on a {
	font-weight:bold;
/*	background:url(../images/secondarynav_act_left.gif) no-repeat top left;
*/	color:#CC0000;
}
div#secondary_nav_horizontal ul li.on a:hover {
	color:#CC0000;
}

/* modified by Michael Rohan 03062007 */
.nav_view_account {width: 380px;}
.nav_statement_center {width: 385px;}
.nav_payments {width: 275px;}
.nav_customerservice {width: 400px;}
.nav_personalprofile {width: 780px;}



/* Secondary Navigation Vertical */
div#secondary_nav { /*width: 156px; background-color: #ffffff; padding-top: 1px; border-top: 3px solid #5a8bda;} -- modified by Michael Rohan 03062007 */
	position:absolute; top:1px; border-top: #c6c5b5 4px solid; width: 156px; padding-bottom: 16px; background:#f2f2f2 url(../images/curve_right_BB.gif) no-repeat right bottom;}
div#secondary_nav ul {border-top: white 1px solid; } /*modified by Michael Rohan 03062007 */
div#secondary_nav ul li {border-bottom: 1px solid white; padding: 4px 4px; background-color: #e7e7e7;} /* modified by Michael Rohan 03062007 */
div#secondary_nav ul li a {text-decoration: none; color: black;}
div#secondary_nav ul li a:hover {color: #01299f;}
div#secondary_nav ul li.on {background-color: #f7f6f3; font-weight: bold; color: #dd605e;}
div#secondary_nav ul li.on a {color: #01299f; font-weight: bold;}
div#secondary_nav div.top_border {width: 156px; background-color: #blue; margin: 0;}
div#secondary_nav .lastChild { height:15px;background: url(../images/curve_right_BB.gif) no-repeat right bottom; }

/* Added for Curve on Secondary Nav - Rohan Sandeep 23 Jan  -- removed by Michael Rohan 03062007
div#secondary_nav .curve { background-image:url(../images/curve_right_BB.gif); background-repeat:no-repeat; background-position:right; height:16px; padding:0px;} */



/*Re-formatted Quick Links */

div#content_right div#quick_links {padding-top:5px; padding-bottom: 6px; border-bottom: #dbd9cb 1px solid; border-left: #dbd9cb 1px solid; background-color:#f5f2ea;}
div#content_right div#quick_links ul {/*padding-left: 6px; list-style:square; margin-left:20px;*/  margin-left:6px; color:#999999;  line-height:28px; list-style-type: none; }
div#content_right div#quick_links ul li {line-height: 18px; background: url(../images/blue_arrow2_en_US_HS.gif) center left no-repeat; padding-left:10px;}
div#content_right div#quick_links ul li a{color:#0047b6; text-decoration:underline;}
div#content_right div#quick_links ul li a:hover{color:#0066ff; text-decoration:underline;}
	  
#QuickLinksMore {margin-top:4px; display: none;}
#QuickLinksMore ul { margin-bottom: 0;}
#less {position:relative; left:15px; padding-top:4px; color:#0047b6; text-decoration:underline; font-weight:bold; margin:0 4px -20px 0; width:215px; text-align:right;}
#more {position:relative; left:15px; padding-top:4px; color:#0047b6; text-decoration:underline; font-weight:bold; margin:0 4px 0 0; width:215px; text-align:right;}
.new {color:#cc0000;}

/* Start: REWARDS*/
ul.rewards { margin:0; padding:0; list style-type:none; margin-bottom:15px;}
ul.rewards li { height:36px; background:url(../images/rewards_bg_left_en_CA_BB.gif) no-repeat top left; }
ul.rewards li a { font-weight:bold; color:#fff; display:block;padding:0 0 0 20px; line-height:36px; background:url(../images/rewards_bg_right_en_CA_BB.gif) no-repeat top right; }
/* End: REWARDS */

/* New Style created by Kanbay UX Team starts */

FIELDSET.dotted_grey {BORDER: #c8c8c0 2px dotted;}
.dotted_grey {BORDER: #c8c8c0 2px dotted;}
.dotted_grey .image { margin-top:4px;}
.dotted_grey_bottom {BORDER-BOTTOM: #c8c8c0 2px dotted}


DIV.tabBeige {background-image:url(../images/biege-tab.jpg); padding-top:0px; background-repeat:no-repeat; height:20px; width:510px;}
DIV.tabBeige h1 {font-size:16px; margin:0px; margin-left:10px; padding-top:7px; COLOR: #948764 ; FONT-WEIGHT: bolder;}
DIV.tabBeigeBrdr {BORDER: #ded9c3 1px solid; margin:0px; BORDER-top: #ded9c3 0px solid; width:508px; }

DIV.underLine {background-repeat:no-repeat; height:18px; margin-bottom:7px; border-bottom:#e2e2e2 2px solid; padding:0;}
DIV.underLine h1 {font-size:16px; margin-left:0px; margin-top:5px;  COLOR: #000 ; margin:0px; padding:0 0 2px 0;margin-bottom:5px;}
DIV.underLine img {text-align:center; margin-bottom:4px;}
.blackboldcenter {FONT-SIZE: 11px; COLOR: #000000; font-weight:bold; line-height:30px; text-align:center; background-color:#f3f8fe; margin-bottom:0px;}


/*h3.table_hdrCSH {background-color: #B9D300; font-size: 12px; text-align: center; color: black; padding: 4px; margin-bottom: 0; background-image: none;}
*/
.CSH {display: block; border: 1px solid #ADBDDE; padding: 4px; margin-bottom: 4px;}
.rewardsBox { background-image:url(../images/brand4_bg_BB.gif); background-repeat:repeat; width:235px; }

/* updated for rewards hyperlink underline - remove comment after review  */
.rewardsBox a { font-weight:bold; color:#000000; text-decoration:underline; padding-bottom:0.4px;   }
.rewardsBox a:hover { color:#0066f4}

.logoffBox { background-image:url(../images/logoff_bg_BB.gif); background-repeat:repeat; width:235px; background-color:#cc0000;}


/* new styles for logoff box correction */
.logoffDetails {background:#F5F2EA; padding:6px; width:224px;}

/* New Style created by Kanbay UX Team ends *//* Styles Statement Center */
div.stdropDownleft {  width:205px; float:left; border:0px #000 solid; padding-top:2px; !important }
div.stdropDownleft div { width: 210px;}
div.stdropDownleft form div a { padding-left:20px; background:url(../images/pdf.gif) no-repeat; }
div.stdropDown { margin-bottom:0; margin-left:258px; background-image:url(../images/block_background.gif); background-repeat:no-repeat; height:65px; margin-top:0px; padding:10px; padding-left:14px; !important}
h1.stdropDown { margin-bottom:0px; !important}
.stdropDown table th { text-align:left; font-weight:bold; color:#666666; !important}
.stdropDown table .button { width:50px; !important}

div#content_left div .fieldset_group {margin:0px auto 20px auto; }

div#balance_transfer .button { margin-top:10px; }

DIV#bottom_nav A,
div#content_left DIV#bottom_nav A {
	COLOR:#7a7a7a;
}
DIV#bottom_nav A:hover {
	color: #05a;
}
DIV#nav_float_fix {
	CLEAR: both; DISPLAY: none; MARGIN: 0px; OVERFLOW: hidden; HEIGHT: 0px
}
DIV#content_left td.rewards_link A,
DIV#content_left th.rewards_link A {
	COLOR: #05a
}
div#main.global_link_nli h1,
div#main.global_link_li h1 {
	margin-top:20px;
}
div.secondary_nav div.left div.float_fix {
	display:none;
}
div#main.nli {position: absolute; top:129px;}
div#main.nli div#content_left_expanded h1{margin-top:20px;}
div#main.nli div#content_left_reduced h1{margin-top:20px;}
div#main.nli div#secondary_nav{position: absolute; top:-11px;}

div.global_link_li { width:160px; position:absolute !important; top:120px !important; }

div#content_left_expanded h3.table_hdr {margin:inherit;}
div#content_left_reduced h3.table_hdr {margin:inherit;}

div#content_left_expanded h3.table_hdr {margin:inherit;}
div#content_left_reduced h3.table_hdr {margin:inherit;}

div#quick_links ul{
	position:relative;
	/*margin: 0 6px !important; */
	margin-bottom:0px !important;
}
div#quick_links div#QuickLinksMore ul {
	margin-top:-4px !important;
	width:90%;
}
/*Added for Global <li> links stretching in privacy_li*/

div#main.global_link_li {width:160px;}

/*Changed on 9/14/2007 for New PCRs*/
div.bal-info {font-size:10px; margin-top:-15px !important;}

/*added for removing bullets from error message box*/
td.errortext ul.errortext {list-style-type:none !important;}

/*added for making the font size of What's this link on login page smaller*/
.bodysmall{font-size:10px;}
/*added for moving the login button to center*/
input.button1 {font-size: 12px; height: 20px; margin-left:30px; border: 1px solid #666; background: url(../images/button_background_en_CA_HS.gif) top left repeat-x; font-weight: bold; color:#fff; cursor: hand;}

/* added for links color */table.services td ul li a{color:#0055AA !important;}
table.services td ul li a:hover{color:#0066FF !important;}
/*added for width spiff issue  */
div#iw_content_restriction .spiff p{width:auto !important}

/* added for line spacing */
div#content_left h1{margin-bottom:5px; !important}
div#content_left p{line-height:15px;}

.login_header h1
{
	BACKGROUND: url(../images/hrs_header_arrow.gif) #fff no-repeat; 
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 9px; PADDING-TOP: 4px;
	MARGIN: 0px 0px 10px; 
	LINE-HEIGHT: 19px; 
}




/* New CSS for eStatements Canada on 21st July 2009 */
#top_img{ background:url(../images/top_img_right.gif) right no-repeat; width:730px; margin:0px;}
#mid_img{ background:url(../images/mid_img_right.gif) right no-repeat; width:730px; margin:0px;}
#bot_img{ background:url(../images/bot_img_right.gif) right no-repeat; width:730px; margin:0px; margin-bottom:40px;}
#cont_area{border-left:#cccccc solid 1px; margin:0px; width:729px; background:url(../images/bg_right_img.gif) repeat-y right;}
div#icon_div{margin:0; padding:0; padding-top:11px; float:left;}
div#main_Onecol {position: relative; top:15px; margin-left: 24px; width:760px;}
html body div#main_1col {z-index:-100;}
.spc_bet_btn_fot{margin-top:55px; .margin-top:54px;}
div.int_img_div{float:left; margin-left:25px; margin-top:20px;}
div.int_content{float:left; margin-left:25px; margin-top:20px; width:430px;}
div.int_content h3{background:none; color:#000000}
div.int_content ul.int_list li{list-style:disc; margin-left:20px; margin-bottom:10px;}
table#radtable td{ padding:5px;}
/* End of New CSS */