/* Created by Denise Heffron - DO NOT MODIFY WITHOUT PERMISSION (716 841-6939) */

/* GENERAL */

/* text styles */
body {color:#000; font: normal normal 12px/14px arial,helvetica,san-serif; text-decoration:none; margin:0;}
a:link, a:visited {color:#666;}
a:hover {color:#cc0000;}
a:active {color:#666;}

.txt_bld, strong {font-weight:bold}
strong.red {color:#cc0000;}
strong.white {color:#ffffff;}
.txt_small {font-size:11px;line-height:15px;}
.txt_smallest {font-size:10px;line-height:13px;}
em {font-style:italic;}

.txt_gray {color:#666;}
.txt_bld_gray {font-weight:bold}
.txt_small_gray {font-size:11px;line-height:14px;}
.txt_small_bld {font-weight:bold;font-size:11px;line-height:14px;}

h1 {font-size:19px;line-height:19px;font-weight:normal;color:#cc0000;margin-top:0px;margin-bottom:10px;}
h2 {font-size:12px;line-height:17px;font-weight:bold;color:#000;margin-top:0px 0px}
h2.red {color:#cc0000;}
div.red_rule {border-top:1px solid #cc0000;padding:0px;margin-top:5px;margin-bottom:5px;}

ul {list-style:image url(images/smredarrow.gif) outside; padding:0px 0px;margin:10px 20px;}
ol {list-style-image:none; color:#000;}
li.arrow {list-style-image:url(images/rightmainarrow2.gif);list-style-position:outside;margin-bottom:5px;padding:0px 0px;line-height:13px;}

/* Business Bulleted lists */
ul.bl_arrow {list-style-image: url(hsbc_images/rightmainarrow_b.gif);}
li.bl_arrow {list-style-image url(hsbc_images/rightmainarrow_b.gif);list-style-position:outside;margin-bottom:5px;padding:0px 0px;line-height:13px;}

/* Font styles used in Spanish section only - should be removed when Spanish section gets updated */
.mdtxt {font-size:8pt;color:#000000;font-family:verdana, helvetica, sans-serif;}
.mdtxtbd {font-weight:bold;font-size:8pt;color:#000000;font-family: verdana, helvetica, sans-serif;}
div#mdlnk a:visited {font-size:8pt;color:#000000;font-family:verdana, helvetica, sans-serif;}
div#mdlnk a:hover {color:#cc0000;}

/* errors */
#errors {margin: 17px 15px 17px 5px;}
.error_txt {font-size:16px; font-weight:bold; color:#ff0000; margin:4px 0px 0px 0px;}
.error_box {font-weight:bold; color:#000; border:1px solid #cccc66; background-color:#ffff99;}

/* formatting */
div.cont_sec {margin-top:0px;margin-bottom:15px;clear:both;border:1 solid #fff;}
p, td, input {font: normal normal 12px/15px arial,helvetica,san-serif;text-decoration:none;color:#000;}
p {margin-top:0px; margin-bottom:7px;}

div.h1_rule {border-top:1px dotted #000; margin-bottom:20px;}
img#h1_photo {display:block; margin-right:10px; margin-bottom:10px; float:left;}

/* image elements */
img {border:0px solid red;margin-right:0px;padding-right:0px;}
sub_arr {width:4px; height:8px;}
main_arr {position:relative;left:-10px;width:9px;height:10px;vertical-align:top;}

/* forms */
.pull_down {font-size:10px;line-height:10px;}
.txt_field_select {font-size:10px;}
input {background-color:#fff;padding:2px 3px; padding-bottom:1px; margin:0px 0px;font: normal normal 11px/11px arial,helvetica,san-serif;letter-spacing:0em;word-spacing:0em;}
table.frm {width:430px;}
table.frm td {padding:7px; vertical-align:top;}
table.frm td.lbl {text-align:right;width:30%;}
table.frm td.fld {text-align:left;width:70%;}

/* MAIN CONTENT */
table#main {position:absolute; top:90px; left:25px; z-index:4; background-color:transparent; border:0px dotted red;width:722px;}
td#full_col {padding-right:15px;margin:0px 0px 0px 0px;vertical-align:top;border:0px dotted red;width:722px;}
td#mid_col {padding-right:15px;margin:0px 0px 0px 0px;vertical-align:top;border:0px dotted red;width:530px;}
td#rght_col {width:177px;padding:10px 0px 0px 0px;margin:0px 0px 0px 0px;border:0px solid #ccc;vertical-align:top;border:0px dotted #ccc;}

div.mid_spf {width:137px;margin-top:0px;float:left;height:auto;overflow:visible;}
div#mid_spf {margin-left:8px;margin-right:8px;}

img.mid_spf_photo {width:137px;height:88px;}

/* grey content headers */
div.mid_spf a.mid_but {display:block; background:#dedfde url(hsbc_images/rightmainarrow.gif) no-repeat 0px 3px;
border-left:1px solid #999; clear:both;
padding-top:2px;padding-left:9px;
margin-top:7px; margin-bottom:0px; font-weight:bold; text-decoration:none;
height: 22px; /* ie5win fudge begins */ 
voice-family: "\"}\""; 
voice-family:inherit;
height: 19px;}

div.cont_sec_hd {display:block; background:transparent url(hsbc_images/cont_sec_hd_bg.gif) repeat 5px 5px;
border-left:1px solid #999; clear:both;
margin-top:7px; margin-bottom:7px;
height: 22px; /* ie5win fudge begins */ 
voice-family: "\"}\""; 
voice-family:inherit;
height: 19px;}
span.cont_sec_hd_txt {display:block;width:330px;padding:4px 20px 3px 0px;font-weight:bold;border-left:1px solid #fff;text-align:left;line-height:13px; color:#666;overflow:visible; float:left;}
span.cont_sec_hd_txt2 {display:block;padding:4px 20px 3px 0px;font-weight:bold;border-left:1px solid #fff;text-align:left;line-height:13px;color:#666;overflow:visible;float:left;}
span.cont_sec_hd_txt a:link, span.cont_sec_hd_txt a:visited {text-decoration:none; color:#666;}
span.cont_sec_hd_txt a:hover {color:#cc0000;}

span.cont_sec_more {display:block;width:60px;padding:4px 5px 0px 0px;text-align:right;font-size:9px;line-height:9px;color:#666;overflow:visible;float:right;}

img.cont_sec_hd_arrow {position:relative;left:-2px;width:9px;height:10px;}
img.cont_sec_arrow {width:9px;height:9px;padding-left:3px;}

/* RIGHT COL */
td#rght_col div.cont_sec {margin-top:0px;margin-bottom:15px;}
td#rght_col p {margin-top:0px; margin-bottom:10px;font-size:12px;line-height:14px;}
div.rule {border-top:1px solid #fff;margin:3px 0px;margin-left:9px;}
td#rght_col img.ad {margin-bottom:15px;}

td#rght_col ul {list-style:disc url(images/rightmainarrow2.gif) outside;padding-left:0px;margin-left:2em;margin-top:10px;margin-bottom:0px;margin-right:10px;font-size:12px;line-height:14px;}
td#rght_col li {margin-bottom:7px;vertical-align:top;}
div.rght_box li {padding-top:0px;padding-bottom:5px;border-bottom:1px solid #fff;margin-bottom:3px;vertical-align:top;}

/* Blue arrows for Business Services bulleted lists */
td#rght_col ul.bl_arrow {list-style-image: url(hsbc_images/rightmainarrow_b.gif);}
td#rght_col li.bl_arrow {list-style-image url(hsbc_images/rightmainarrow_b.gif);list-style-position:outside;margin-bottom:5px;padding:0px 0px;line-height:13px;}

.rght_but {display:block;position:relative; left:-1px;width:177px;height:22px;border:0px solid black;margin-top:20px;margin-bottom:0px;}
div.rght_box {width:177px;background:transparent url(hsbc_images/rightcol_bkgd.gif);padding-bottom:5px;padding-top:1px;border-bottom:1px solid #ccc;margin-bottom:10px;margin-top:0px;}

div.sub_cont_box, div.sub_cont_box_bl {background-color:#eee;border-top:1px solid #cc0000;margin-bottom:15px;overflow:visible;padding-bottom:10px;}
div.sub_cont_box_bl h2, div.sub_cont_box h2 {background-color:#ccc;padding:3px 10px 3px 7px;font-size:12px;font-weight:bold;margin:0px;}
div.sub_cont_box_bl h2 {background-color:#4577a9; color:#fff;}
div.sub_cont_box_bl {background-color:#cde1ee; border-top-color:#003366;font-size:12px;line-height:14px;}

/* Business Internet Banking buttons */
#buttons {width:78px;height:17px;}

/* About Us (only in this sections) */
img.about {display:block;width:205px;margin-left:5px;margin-bottom:10px;float:right;}

/* FOOTER */
div#footer {width:430px;margin-top:40px;border-top:1px solid #ccc;padding-top:10px;}
div#footer p {font-size:10px;margin-bottom:5px;margin-top:0px;}


/*** added by Micahel Rohan 10.22.04 ***/
/*** forms ***/

fieldset table col.lbl_grp {width:40%;}
fieldset table col.fld_grp {width:60%;}
form {margin:0px;}

fieldset {background-color:#fff; padding:0 ; margin:0 0 15px 0; border:1px solid #C6C5B5;}
fieldset h2 {background:#C6C5B5; padding:2px 5px; margin-bottom:5px;}
fieldset h3 {padding:10px 0px 5px 0px; border-bottom:1px dotted #666; margin:0px 10px 10px 15px;}
fieldset table {width:100%; margin:0; border:0px dotted #ccc;}
fieldset table td {padding:1px 5px 5px 5px; border:0px dotted blue; text-align:left; vertical-align:top;}
fieldset table td div {margin-bottom:0px;}
fieldset p {font-size: 11px; margin-left:5px; margin-right:5px;}
fieldset i {font-size: 11px; font-style:italic;}
label {display:block; margin-left:15px; margin-top:5px; text-align:right;font-size:11px;line-height:13px; cursor:pointer cursor:hand;}
input, select {font-size:11px;line-height:11px;}
input {background-color:#fff; padding:2px 3px; padding-bottom:1px; margin:0;}
select {}
option {}
optgroup {}
textarea {}
.help {font-size:10px; line-height:13px; padding-left:0px; position:absolute; left:490px; width: 28px; height: 11px;}
.req { color:#cc0000; font-size:10px; font-family:verdana,arial; font-weight:bold;}
.data {text-align:right; font-size:11px; line-height:13px;}
.data2 {text-align:left; font-size:11px; font-weight:bold; line-height:13px;}
div.app_rule {BORDER-TOP: #dbd9cb 1px solid; margin: 0px; font-size:1px; line-height:1px;}
div#exit a{Z-INDEX: 5; LEFT: 640px; COLOR: #fff; POSITION: absolute; TOP: 50px; size: 13px; text-decoration:none;}
div#exit a:hover{ text-decoration:underline;}
/* buttons */
/* button {color:#000;background-color:#dbd9cb; border:1px solid #c6c5b5; border-right:1px solid #c6c5b5; border-bottom:1px solid #c6c5b5; font-size:11px;line-height:11px;font-weight:normal;padding:2px 5px 2px;margin:10px 5px 10px; cursor:hand;} */
a.button {font-weight: normal; font-size: 11px; font-family: Arial, Helvetica, sans-serif; padding: 4px 10px; border-top: 1px solid #f0ede1; border-right: 1px solid black; border-bottom: 1px solid black; border-left: 1px solid #f0ede1; text-align:center; margin:10px 10px 20px 10px; width:100px; white-space:nowrap;}
a.button:link {background-color: #c6c5b5;color: #000;text-decoration: none;}
a.button:visited {background-color: #c6c5b5; color: #000;text-decoration: none;}
a.button:hover {background-color: #dbd9cb;color:#cc0000;border-color: #666666 #f0ede1 #f0ede1 #666666;text-decoration: none;}
a.button:active {background-color: #c6c5b5;color:##f0ede1;text-decoration: none;}

/*** POP-UP CONTENT ***/
div.pop_box {background-color:#eee; border:2px outset #666; margin-bottom:15px; overflow:visible;padding-bottom:10px;width:177px;}
	div#pop_box001, div#pop_box002, div#pop_box003, div#pop_box004, div#pop_box1, div#pop_box2, 
	div#pop_box3, div#pop_box4, div#pop_box5, div#pop_box6, div#pop_box7, div#pop_box8, 
	div#pop_box9, div#pop_box10, div#pop_box11, div#pop_box12, div#pop_box13, div#pop_box14,
	div#pop_box15, div#pop_box16, div#pop_box17, div#pop_box18, div#pop_box19, div#pop_box20 {display:none;}

/***  POP-UP headers ***/	
div.pop_box h2 {background-color:#666; padding:0px 5px 0px 0px; font-size:10px;font-weight:normal;margin:0;text-align:right; background:#666 156px;}
div.pop_box p {margin:5px 10px 1px 10px;}
div.pop_box h2 a:link, div.pop_box h2 a:visited {color:#fff;}
div.pop_box h2 a:hover, div.pop_box h2 a:active {color:#ccc; text-decoration:none;}

/*** application step tabs ***/
div.apptab { margin:0; border-top:1px solid #333;}
div.apptab_on { margin:0; border-top:1px solid #c00;}
div.apptab_done { margin:0; border-top:1px solid #999;}
div.apptab h2 {background-color:#dbd9cb; margin-top: 2px; padding:2px; font-size:11px; font-weight:normal; line-height:13px; color:#333;}
div.apptab h2 a:link, div.apptab h2 a:visited, div.apptab h2 a:active, div.apptab h2 a:hover { text-decoration=none; color:#333;}
div.apptab_on h2 {background-color:#f0ede1; margin-top: 2px; padding:2px; font-size:11px; font-weight:bold; line-height:13px; color:#000}
div.apptab h2_on a:link, div.apptab_on h2 a:visited, div.apptab_on h2 a:active, div.apptab h2_on a:hover  { text-decoration=none; color:#000;}
div.apptab_done h2 {background-color:#c6c5b5; margin-top: 2px; padding:2px; color:#666; font-size:11px; font-weight:normal; line-height:13px;}
div.apptab h2_done a:link, div.apptab_done h2 a:visited, div.apptab_done h2 a:active, div.apptab h2_done a:hover { text-decoration=none; color:#666;}


