/* CSS Document */ - Denise Heffron v1.0
/* tabs nav NO status */
div#mast div.tab_nav ul.no_status {margin-top:5px;}

/* text styles defined for Auto eCare */
textarea {font: normal normal 80%/95% arial,helvetica,san-serif,serif;} 
.regular {font-weight:normal; letter-spacing:normal; color:#000; background-color:#fff;}
h5.register {margin-top:15px; padding-top:5px; border-top:1px solid #999;}
pre {font-size:.80em; margin-left:0; padding-left:0;}
html>body pre {font-size:.96em;}
sup {font-size:.80em;}
html>body sup {font-size:.68em;}
ol {list-style-image:none; list-style-type:decimal;}
a {color:#0033FF;}

/* headers redefined for Auto eCare and Consumer */
h1 {background-color:#fff; color:#999; margin-bottom:5px; font-size:1.2em; line-height:1.2em; font-weight:bold;}
h2 {background-color:#fff; color:#666; margin-bottom:15px; font-size:1.7em; line-height:.9em; font-weight:normal;}
h4 {font-size:.90em;}

/* Forms - modified colors for eCare */
th {background:#999; color:#fff;}
tr.hilite {background-color:#FFFF99; padding:3px; border:1px solid red; color:#000;}
tr.hilite th {background-color:#FFFF99; color:#000;}
tr.hilite td {background-color:#FFFF99; color:#000;}
div.buttons {float:right;}
button {padding-top:2px;}
html>body button {padding-top:0;}
td button {padding-top:0;}
td small {font-size:smaller; font-weight:normal;}
div.hilite {margin:3px 0 5px 0; border:1px solid #c00; padding:3px; font-size:smaller; background-color:#ff0;}
tr.error {background-color:#FFFFcc; padding:3px; border:0px solid red; color:#000;}
tr.error th {background-color:#FFFFcc; color:#cc0000;}
tr.error th label {background-color:#FFFFcc; color:#cc0000;}
tr.error td {background-color:#FFFFcc; color:#000;}

/* Created new columns for three column layout required in eCare */
col.labels2 {width:40%;}
col.form_fields2 {width:40%;}
col.check {width:4%;}
col.help {width:20%; float:left;}

/* Form floats */
fieldset div.float_right {width:30%;}
html>body fieldset div.float_right {width:49%;}
fieldset {padding-top:5px; border-top:1px solid #999;}
fieldset table {margin-top:0px; }
fieldset .buttons {width:100%;}
fieldset button {float:right;}
fieldset td button {float:left;}
td fieldset {border:0; background-color:transparent; color:inherit;}

/* MISC */  
div.gray_bg {background-color:#FAFAFA; padding:2px; color:#000;}
.indent-left {margin-left:15px; margin-bottom:10px;}
.rate {font-size:2.0em; font-weight:bold; color:#666; padding:0 0 0 15px; margin:0; background-color:#fff;}
div#pagination {width:548px; margin:0; padding-bottom:0;}
div#pagination div.float_right {font-size:12px; text-align:right; margin-bottom:0;}
.float_left2 {width:70%; float:left; margin-bottom:5px;}
p.disclaimer {font-size:x-small; color:#333; background-color:transparent; margin-top:0;}
.red {background-color:#fff; color:#cc0000; font-weight:normal;}
#main div.backtotop {float:right; width:15%; font-size:.90em;}
p.contact {margin-bottom:10px;}
.txt_align_right {text-align:right;}

/* Box */
div.box {padding-bottom:0;}
div.box h3.login {background-color:#cc0000; padding:2px 2px 2px 3px; font-weight:bold; color:#fff;}
div.box p {margin-bottom:0;}
div.box div {margin-bottom:2px;}
div.box div.buttons {float:left; padding:0px 0 0 5px; margin-bottom:0;}
div.box2 {border:1px solid #999; padding:2px;}
div.box2 div {margin-bottom:10px;}
div.box2 h3 {color:#fff; background-color:#666; padding:3px 3px 4px 3px; margin-bottom:7px;}

/* Product Detail required for apply now bar on consumer sites */
table.apply_now {background:#F1EDE2; color:#000; padding:0; border:1px solid #ccc; width:90%; margin-bottom:20px;} 
table.apply_now td {font-weight:bold;}
td.apply_now_redBg {background-color:#c00; color:#fff; padding:2px; text-align:center; vertical-align:middle;}
table.apply_now a {background-color:#c00; color:#fff; background-image: url(/hsb3c/images/arrow_white.gif); background-repeat: no-repeat; background-position: 0 6px; padding-left:5px;} 
table.apply_now a:hover {background-color:#c00; color:#fff;}
img.photo_left {margin-right:10px; float:left;}

/* application step tabs - required for customer facing applications */
table.apptab {padding:0; border:0;}
table.apptab td {padding:0 0 0 2px; border:0; width:150px;}
div.apptab {margin:0; border-top:1px solid #333;}
div.apptab_on {margin:0; border-top:1px solid #c00;}
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;}

/* Fix Nav Fold styles for pages without a right or left column */
div#container div#sub {padding:0;}
div.no_nav_no_sub {background-image:none; width:743px;}
div.no_nav_no_sub div.content, div.no_nav_no_sub div#main {background-image:none; width:743px;}

tbody th label {color:#000;}
 li.red {font-size:85%; font-stretch:narrower;}
 
 /* Term Table for AutoFinance Originations*/
#termtable td {text-align:center; padding-top:5px; padding-bottom:5px;}
#termtable th {letter-spacing: 0px; padding-top:5px; padding-bottom:5px;}
#termtable td.top {width: 120px; border-top: 1px solid #c6c5b5; border-right: 1px solid #c6c5b5; border-left: 1px solid #c6c5b5;}
#termtable td.top_selected {width: 120px; border-top: 1px solid #cc0000; border-right: 1px solid #cc0000; border-left: 1px solid #cc0000;}
#termtable td.middle {border-right: 1px solid #c6c5b5; border-left: 1px solid #c6c5b5; border-top: 1px dashed #c6c5b5;}
#termtable td.middle_selected {border-right: 1px solid #cc0000; border-left: 1px solid #cc0000; border-top: 1px dashed #c6c5b5;}
#termtable td.bottom {border-bottom: 1px solid #c6c5b5; border-right: 1px solid #c6c5b5; border-left: 1px solid #c6c5b5; border-top: 1px solid #c6c5b5;}
#termtable tr td.selected {background-color:#cc0000; border-bottom: 1px solid #cc0000; border-left: 1px solid #cc0000; border-right: 1px solid #cc0000; border-top: 1px solid #cc0000;}
#termtable tr.selectrow {background-color: #c6c5b5;}
#termtable radio {margin-bottom:0px;}
#termtable label {text-align:center; font-weight: bold; letter-spacing: 0px; color: #000000; line-spacing: 100%;}
#termtable .spacer {display:block; width:20px;}
#termtable .spacerempty {display:block; width:80px;}

 /* Misc. for AutoFinance Originations*/
 div.rightbutton {float:right;}
 

 /* locations box */

div#bugtest {border:1px solid red; padding:15px; width:300px;}
div#bugtest h3 {background:#cc0000; padding:5px;}

div.locmap {width:344px; border:1px solid #dbd9cb; background-image: url("/hsb3c/images/map_locintro.gif"); 
background-repeat:no-repeat; background-position:top left; padding-top:83px;}
div.locmap h3 a {color:#cc0000;}
div.locmap div.float_left {float:left; width:40%; margin-left:5px; margin-bottom:5px; }
div.locmap div.float_right {float:right; width:40%; margin-right:5px; margin-bottom:5px; 
text-align:right; background-image:none; }

div.locmap_detail {margin-bottom:15px;}
.locmap_detail img {border:1px solid #f0ede1;}

div.location {width:338px; border:1px solid #f0ede1; padding:2px; bottom-margin:0px; font-size:.9em;  }
.location h3 {color:#666; padding:5px; background-color:#f0ede1; margin-bottom:8px; }
.location h4{color:#666; padding:1px 0 0 4px;}
.location p {padding-left:5px; padding-right:5px; font-size:1.0em;}
.location ul li{margin-bottom:4px; margin-left:3px; }
div.location div.rule_dashed {margin: 0 3px 10px 3px;}

.location th {color:#000; text-align:left; font-size:1em;}
.location td {font-size:1em; background:url("/hsb3c/images/dots_bg.gif") repeat-y top left; padding-left:10px; }
.location fieldset {margin-bottom:0px;}
.location col.left {width:60%;}
.location col.form_right {width:40%;}


.location div.float_left {float:left;width:58%; margin-bottom:0px; }
.location div.float_right {float:right;width:38%; margin-bottom:0px; }
.location div.float_right ul li{margin-bottom:5px; }

.location div.float_left2 {float:left;width:64%; margin-bottom:0px; }
.location div.float_right2 {float:right;width:32%; margin-bottom:0px; text-align:right; background-image:none; padding-right:5px;}
.location div.float_right2 ul li{margin-bottom:5px; }
/* pop up box */

div.pop_box {
  background-color: #f7f6f3;
  position: absolute;
  visibility: hidden;
  border: 1px solid #999;
  overflow: hidden;
  width: 177px;
  z-index: 10;  
}

div.pop_box h2 {
  background-color: #ff0000;
  color: #fff;
  font-size: .9em;
  font-weight: bold;
  padding: 3px 11px 3px 11px;
  margin: 0;
  text-align: left;
  border: 1px solid #fff;
  height: 1.8em;
}

div.pop_box p {
  padding: 5px 10px 0px 10px;
}

div.pop_box iframe {
  display:none;/*sorry for IE5*/
  display/**/:block;/*sorry for IE5*/
  position:absolute;/*must have*/
  top:-1;/*must have*/
  left:-1;/*must have*/
  z-index:-1;/*must have*/
  filter:mask();/*must have*/
  width:101%;/*must have for any big value*/
  height:91%/*must have for any big value*/;
}
