/* 

COLORS 

Only1 Red: #BF311B
Only1 Black: #231F20

*/
/* fix IE6 peekaboo bug */
* html * {
	zoom: 100%;
}
body {
	background-color: #D3D5D5;
}
h1 {
	color: #BF2E1A;
	font-weight: bold;
	font-size: 18px;
}
h2 {
	color: #BF2E1A;
	font-weight: bold;
	font-size: 14px;
}
h3 {
	color:#999999;
	font-weight: bold;
	font-size: 14px;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a:link {
	color: #BF311B;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #BF311B;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
a:active {
	text-decoration: none;
}


.bottomnav td{
	font-size:10px;
	border-left:1px dotted #BF311B;
	height:30px;
	} 
.bottomnav a:link{
	color: #000000;
	text-decoration:none;
	} 
.bottomnav a:visited{
	color: #666666;
	text-decoration:none;
	} 
.bottomnav a:hover{
	color: #BF2E1A;
	text-decoration:underline;
	} 
#bottomlegal {
	font-size:9px;
	color:#666666;
	width:750px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom: 20px;
	}
		
.copycell {
	padding-left:20px;
	padding-right:20px;
	}	
	
#login_box {
	width:733px;
	height:201px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	font-size:10px;
	line-height:14px;
	}
	
#login_form {
	padding: 15px;
	text-align:left;
	float:left;
	width:430px;
	position:absolute;
	top:300px;
	margin:20px;
}

#login_register {
	padding: 10px 10px 10px 10px;
	text-align:left;
	vertical-align:middle;
	float:right;
	width:200px;
}
	#login_register a:link{
		color:#000000;
		text-decoration:none;
		}
	#login_register a:visited{
		color:#000000;
		text-decoration:none;
		}
	#login_register a:hover{
		color:#BF311B;
		text-decoration:underline;
		}
#login_apply {
	padding: 10px 10px 10px 10px;
	text-align:left;
	vertical-align:middle;
	float:right;
	width:200px;
}
	#login_apply a:link{
		color:#000000;
		text-decoration:none;
		}
	#login_apply a:visited{
		color:#000000;
		text-decoration:none;
		}
	#login_apply a:hover{
		color:#BF311B;
		text-decoration:underline;
		}

#breadcumbnav ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	padding-bottom:5px;
	border-bottom: 1px dotted #BF311B;
	} 

#breadcumbnav ul li {
	margin-left: 0;
	padding: 3px 15px;
	border-right: 1px dotted #BF311B;
	list-style: none;
	display: inline;
	}
	
		
#breadcumbnav ul li.last {
	margin-left: 0;
	border-right: none;
	list-style: none;
	display: inline;
	}
	
#hmpg_form {
	position:absolute;
	margin-left:10px;
	width:180px;
	height:80px;
	top: 410px;
	}
.hmpg_mastercard {
	font-size:10px;
	}
	.hmpg_mastercard a:link {
		color:#333333;
		text-decoration:none;
		}
	.hmpg_mastercard a:visited {
		color:#333333;
		text-decoration:none;
		}
	.hmpg_mastercard a:hover {
		color:#BF311B;
		text-decoration:underline;
		}
.gray_text_input {
	color:#999999;
	font-size:10px;
	padding:2px;
	font-family: Arial, Helvetica, sans-serif;
}
.text_input {
	color:#222222;
	font-size:10px;
	padding:2px;
	font-family: Arial, Helvetica, sans-serif;
}
.backtotop {
	color: #BF311B;
	font-size:10px;
	border-top: 1px dotted #BF311B;
	padding-top:5px;
	text-align:right;
	}
.backtotop a:link {
	color: #BF311B;
	font-size:10px;
	text-decoration:none;
	}
.backtotop a:visited {
	color: #BF311B;
	font-size:10px;
	text-decoration:none;
	}
.backtotop a:hover {
	color: #231F20;
	font-size:10px;
	text-decoration:underline;
	}
	
.graydots {
	color:#999999;
	font-size:10px;
	border-top: 1px dotted #999999;
	padding-top:5px;
	text-align:right;
	}
	
	
/* CSS Code for $prodName Cardholder Website */
/* ----------------------------------------- */

/* Generic CSS Codes ------------------------------------------------------ */
body, th, td, input, select {
	font-family: Arial, sans-serif;
	font-size: 11px;
}
body {
  background-color: #D1D3D4;
}
a {
	color: #BF311B;
	text-decoration: none;	
}

a:hover {
	color: #000000;
	text-decoration: underline;
}

b, strong {
	font-weight:bold;
}

h1 {
		text-align: left;		
		font-size:18px;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		margin: 0 0 10px 0; 
		padding: 0 0 0 0;
		color:#BF311B;
}

/* Defining overall site look and template -------------------------------- */
#programbanner {
  width: 756px;
  height: 70px;
  background: transparent url(images/only1_header.gif) no-repeat 0 0;
}	


#primarycontent {
	text-align:left;
}

#expander {
	clear:both;
}
/* Often-used classes ----------------------------------------------------- */
.error_text {
	color: #CC0000;
	font-weight:bold;
}

/* Table Headers */
.title, .title td {
	padding: 3px;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
}

.title a {
	color: #FFFFFF;
}

.head {
	padding: 3px;
	font-weight:bold;
	color: #000000;
}

.alternating tbody tr td {
	padding:3px;
}

/* Tabled forms */
.label {
	text-align:left;
	font-weight:bold;
	border:3px solid #FFFFFF;
	border-right:0px;
}

.field {
	text-align:left;
	background-color:#D1D3D4;
	border:3px solid #D1D3D4;

}


.tiny {
	font-size:10px;
	font-weight:normal;
	color:#666666;
}


#maindiv {
  margin: 10px auto;
  width: 756px;
  text-align: left;
}

#programname {
  display: none;
}
#buttons, #currpoints, #custmsgs {
  display: none;
}
/*

BEGIN  Menu Styling

*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http: //www.cssplay.co.uk/menus/pro_dropline2-5.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* Menu container */
div#loheaderdeep,
div#nav {
  padding: 0px;
  line-height: 100%;
  background-color: #D1D3D4;
  z-index: 500;
}

/* main menu list */
div#loheaderdeep ul,
div#nav ul {
  clear: both;
  width: 756px;
  height: 68px; /* nav_default1.gif:hight + nav_neck.gif:height + subnav.gif:height (34 + 4 + 30) */
  padding: 0;
  margin: 0;
  position: relative; 
  font-family: arial, verdana, helvetica, sans-serif; 
  font-size: 10px;
}

div#loheaderdeep ul {
	height: 40px;
}

/* submenu list */
div#loheaderdeep ul ul,
div#nav ul ul {
  margin: 0; 
  padding: 0; 
  list-style: none; 
  white-space: nowrap;
}

/* main menu tabs container */
div#loheaderdeep ul li,
div#nav ul li {
  float: left;
  list-style: none; 
}

/* main menu tabs */
div#loheaderdeep ul a,
div#nav ul a {
  display: block; 
  cursor: pointer;
  height: 18px;
  background: transparent url(images/nav_default1.gif) no-repeat 0 0;
  line-height: 125%; 
  float: left; 
  padding: 16px 0 0 0;
  text-align: center;  
  text-decoration: none; 
  white-space: nowrap; 
  color: #ddd;  
}

/* main menu light gray tabs */
div#loheaderdeep ul a.even,
div#nav ul a.even {
  background: transparent url(images/nav_default2.gif) no-repeat 0 0;
}

/* main menu left wrapping tab */
div#loheaderdeep ul a.firstmenua,
div#nav ul a.firstmenua {
  background: transparent url(images/nav_left_default.gif) no-repeat 0 0;
}

/* main menu right wrapping tab */
div#loheaderdeep ul a.lastmenua,
div#nav ul a.lastmenua {
  background: transparent url(images/nav_right_default.gif) no-repeat 100% 0; 
}

/* main menu tabs hover state */
div#loheaderdeep ul a:hover,  /* IE6 only */
div#loheaderdeep ul li:hover a,
div#nav ul a:hover,  /* IE6 only */
div#nav ul li:hover a {
  display: block;
  background: transparent url(images/nav_hover.gif) no-repeat 0 0;
  color: #fff;
}

/* main menu tabs hover state */
div#loheaderdeep ul li.currentpageli a,
div#nav ul li.currentpageli a,
div#loheaderdeep ul a.childless:hover,  /* IE6 only */
div#loheaderdeep ul li:hover a.childless,
div#nav ul a.childless:hover,  /* IE6 only */
div#nav ul li:hover a.childless {
  background: transparent url(images/nav_hover_childless.gif) no-repeat 0 0;
}

/* main menu left wrapping tab hover state */
div#loheaderdeep ul li.currentpageli a.firstmenua,
div#nav ul li.currentpageli a.firstmenua,
div#loheaderdeep ul a.firstmenua:hover,
div#nav ul a.firstmenua:hover {
  background: transparent url(images/nav_left_hover.gif) no-repeat 0 0 !important;
}

/* main menu right wrapping tab hover state */
div#loheaderdeep ul li.currentpageli a.lastmenua,
div#nav ul li.currentpageli a.lastmenua,
div#loheaderdeep ul a.lastmenua:hover,
div#nav ul a.lastmenua:hover {
  background: transparent url(images/nav_right_hover.gif) no-repeat 100% 0 !important;
}

/* main menu link text */
div#loheaderdeep ul a span,
div#nav ul a span {
  width: 84px;
  display: block;   
  padding: 0; 
}
/* 

END  Menu Styling 

*/

/* stop the float */
#datedisplay, #lifooter a.firstmenua, #thispage {
  clear: both;
}

/* Site header components ---------------------------------------------------- */


/* Language Select */
#langchooser {
	position:absolute;
	left:492px;
	top:16px;
}
#langchooser a {
	color:#949599;
	font-weight:bold;
	text-decoration:none;
	font-size:11px;
}
#langchooser a:hover {
	text-decoration:underline;
}
#langchooseEN {
	float: left;
	padding-right:5px;
	border-right: #949599 1px solid;
}
#langchooseSP {
	float: left;
	padding-left:6px;
}
#langchooseFR {
	float: left;
	padding-left:6px;
}

#datedisplay {
	display:none;
	visibility:hidden;
}
#programname {
	display:none;
	visibility:hidden;
}


/*
Photo Banners
*/
.photo_banner {
	height: 155px;
	width: 757px;
	margin-top: 14px;
}
#banner_home {
	background: #D1D3D4 url(images/billboardimages/hmpg.jpg) no-repeat 0 0; 
}
#banner_login {
	background: #D1D3D4 url(images/billboardimages/login.jpg) no-repeat 0 0; 
}
#banner_questions {
	background: #D1D3D4 url(images/billboardimages/questions.jpg) no-repeat 0 0; 
}
#banner_features {
	background: #D1D3D4 url(images/billboardimages/features.jpg) no-repeat 0 0; 
}
#banner_payPower {
	background: #D1D3D4 url(images/billboardimages/payPower.jpg) no-repeat 0 0; 
}
#banner_fees {
	background: #D1D3D4 url(images/billboardimages/fees.jpg) no-repeat 0 0; 
}
#banner_contact_us {
	background: #D1D3D4 url(images/billboardimages/support.jpg) no-repeat 0 0; 
}
.words{
	color: #096fb9;
	font-weight: bold;
}

#getACard{
	clear:both;
	float:left;
	width: 200px;
	line-height:3px;
	margin-top: 60px;
	margin-left: 30px;
}

#payPowerCard{
	float:right;
	line-height:3px;
	margin-right:100px;
}

#benefits_image{
	clear:both;	
	padding-top: 30px;
}

#payPowerBody {
	padding-left:10px;
	padding-right:10px;	
}

#payPower_text2{
	font-size: 10px;	
}
/* White box */
.hole_box {
	background-color: #fff;
	margin-top: 12px;
}
.hole_box .box_top {
	background: #fff url(images/white_top.gif) no-repeat 0 0;
	height: 8px;
}
.hole_box .box_inner {}
.hole_box .box_bottom {
	background: #fff url(images/white_btm.gif) no-repeat 0 100%;
	height: 8px;
	clear: both;
}
.hole_box .box_content {
	margin: 4px 12px;
	*margin: 0 12px;
}
/*

Rounded corners boxes
USAGE:

<div class="solid_box">
	<div class="box_top"></div>
	<div class="box_inner">
		<div class="box_content">		
		
		</div>
		<div class="box_bottom"></div>
	</div>
</div>

*/
/* Gray Box */
.solid_box {
	background: #fff url(images/rounded_gray.gif) no-repeat left top;
}
.solid_box .box_top {
	background: #fff url(images/rounded_gray.gif) no-repeat right top;
	margin-left: 8px;
	height: 8px;
}
.solid_box .box_inner {
	background: #fff url(images/rounded_gray.gif) no-repeat left bottom;
}
.solid_box .box_bottom {
	background: #fff url(images/rounded_gray.gif) no-repeat right bottom;
	margin-left: 8px;
	height: 8px;
}
/* Box insides */
.solid_box .box_content {
	margin: 4px 12px;
}


/*

footer

*/
#lofooter_frame .box_content,
#lofooter_frame .box_content {
	padding: 0 0 0 135px;
	background: #fff url(images/metabank_logo.gif) no-repeat 9px 8px;
	
}
#lofooterdeep,
#lofooter {
	position: relative;
	color: #A4A4A4;
}
#lofooterdeep ul,
#lofooter ul {
	list-style:none;
	margin: 0;
	_margin-top: -8px;
	padding: 0;
	height: 40px;
	_height: 0px; /* IE 6 */
}
#lofooterdeep ul ul li,
#lofooter ul ul li {
	font-size: 10px;
	float: left;
	margin: 4px 0;
	padding: 8px 0;
	width: 94px;
	text-align: center;
	border-left: 1px dotted #BF311B;
}
#lofooterdeep a,
#lofooter a {
	color: #231F20;
	text-decoration: none;
}
#lofooterdeep a:hover,
#lofooter a:hover {
	color: #BF311B;
	text-decoration: underline;
}
.pg_outside {
	padding-bottom: 95px;
}
#textchunk1 {
	position: absolute;
	top: 60px;
	_top: 80px; /* IE 6/7 */
	left: -138px;
	width: 740px;
	color: #666666;
	font-size: 9px;
}
#reloadit_basebin .bankFooter {
	color: #666666;
	font-size: 9px;
	margin: 17px 0pt 0pt 10px;
	width: 740px;
}


/*


Page-Specific Layout 


*/
/*
Home
*/
#home_login {
	width: 478px;
	float: left;
}
#home_main #card_image {
	float: left;
	width: 230px;
	height: 335px;
	*height: 335px;
	background: transparent url(images/hmpg_visa.jpg) no-repeat 2px 7px;
}
#home_main #card_image a {
	display: block;
	margin-top: 160px;
}

#home_main #login_prompt {
	float: left;
	width: 220px;
	height: 72px;
	background: transparent url(images/hmpg_login_prompt.gif) no-repeat 0 5px;
}
#home_main #login_fields {
	float: left;
	width: 220px;
}
#home_main #login_fields p {
	color:#bf311b;
    padding-top: 88px;
    *padding-top: 72px;
}
#home_main #login_username input,
#home_main #login_password input {
	width: 190px;
}

#home_main #login_username input {
	float: none;
	margin: 0;
}
#home_main #login_password {
	margin-top: 6px;
}
#home_main #login_username_label {
	margin-left: 3px;
	font-size: 9px;
	color: #666;
}
#home_main #login_password_label {
	margin-left: 3px;
	font-size: 9px;
	color: #666;
}
#home_main #login_submit {
	float: right;
	margin-top: 4px;
}
#home_main #login_forgot_pw {
	display: none;
}
#home_main #login_footer {
	clear: left;
	padding: 0 4px 4px 4px;
}
#divider1 {
	float: left;
	width: 24px;
	height: 275px;
	background: transparent url(images/hmpg_dotted_line.gif) no-repeat 0 0;
}
#new_card_member {
	float: left;
	width: 229px;
	margin-top: -2px;
}
#new_card_member a {
	display: block;
	background: #fff url(images/hmpg_newcard.gif) no-repeat 50% 50%;
	width: 229px;
	height: 90px;
}
#new_card_member a:hover {
	background: #fff url(images/hmpg_newcard_on.gif) no-repeat 50% 50%;
}
#not_card_member {
	float: left;
	width: 229px;
	margin-top: 11px;
}
#not_card_member a {
	display: block;
	background: #fff url(images/hmpg_notacard.gif) no-repeat 50% 50%;
	width: 229px;
	height: 90px;
}
#not_card_member a:hover {
	background: #fff url(images/hmpg_notacard_on.gif) no-repeat 50% 50%;
}
#travel_card_link {
	float: left;
	width: 229px;
	margin-top: 11px;
}
#travel_card_link a {
	display: block;
	background: #fff url(images/hmpg_travelmoney.gif) no-repeat 50% 50%;
	width: 229px;
	height: 90px;
}
#travel_card_link a:hover {
	background: #fff url(images/hmpg_travelmoney_on.gif) no-repeat 50% 50%;
}
#divider2 {
	height: 0;
	overflow: hidden;
	clear: both;
}
#forgot_password_link {
	clear: left;
	font-size: 12px;
	padding: 0 4px 4px 4px;
	height: 57px;
	*height: 49px; /* IE 7 */
	_height: 20px; /* IE 6 */
}
/*
Login
*/
#login_login {
	width: 478px;
	float: left;
}
#login_main #card_image {
	float: left;
	width: 114px;
	height: 179px;
	*height: 167px;
	background: transparent url(images/login_visa.jpg) no-repeat 0 10px;
}
#login_main #login_prompt {
	float: left;
	width: 337px;
	height: 80px;
	background: transparent url(images/login_prompt.gif) no-repeat 0 40px;
}
#login_main #login_fields {
	float: left;
	margin-top: 8px;
	width: 330px;
}
#login_main #login_username {
	float: left;
}
#login_main #login_password {
	float: left;
	margin-left: 10px;
	*margin-left: 5px; /* IE 6 */
}
#login_main #login_password input {
	margin-left: 0;
}
#login_main #login_username_label {
	margin-left: 3px;
	font-size: 9px;
	color: #666;
}
#login_main #login_password_label {
	margin-left: 3px;
	_margin-left: 8px; /* IE 6 */
	font-size: 9px;
	color: #666;
}
#login_main #login_submit {
	float: right;
	margin-top: -4px;
}
#login_main #login_username input,
#login_main #login_password input {
	width: 140px;
}
#login_main #login_submit input {
	text-align: right;
	margin-top: 8px;
}
#login_main #login_forgot_pw {
	float: left;
	margin-top: 18px;
	font-size: 12px;
}

#login_main #login_footer {
	clear: left;
	padding: 0 4px 4px 114px;
}
#mc_holder .box_content {
	padding-left: 6px;
}
#mc_holder p {
	font-size: 12px;
}
#mc_holder p.disclaimer {
	font-size: 9px;
	color: #999;
}
#mc_holder input {
	font-size: 12px;
}
#mc_pics {
	float: right;
	width: 260px;
	height: 100px;
	background: #fff url(images/only1_mastercard_icons.jpg) no-repeat 100% 100%;
}

/*
Questions, Fees, Features
*/
#questions_main {
	font-size: 12px;
}
#questions_main td {
	font-size: 12px;
}
#questions_main .box_content {
	padding: 5px 10px;
}
#questions li {
	font-weight: bold;
	color: #BF311B;
	font-size: 12px;
}
#questions a:link {
	color: #BF311B;
	text-decoration: none;
	}
#questions a:visited {
	color: #BF311B;
	text-decoration: none;
	}
#questions a:hover {
	color: #231F20;
	text-decoration: underline;
}
table#fee_table {
	border: 1px solid #D3D5D5;
	width: 100%;
}
table#fee_table td {
	padding: 4px 8px;
}
table#fee_table tr.odd td {
	background-color: #fff;
}
table#fee_table tr.even td {
	background-color: #D3D5D5;
}


/*
Chit Reload /reloadit/
*/
body#reloadit_basebin {
  background-color: #DADBDC;
}
body#reloadit_basebin #programbanner {
	background: #050505 url(images/only1header.gif) no-repeat 0 0;
	height: 104px;
	width: 757px;	
}
#header_reloadit {
	background: #DADBDC url(images/header_reloadit.jpg) no-repeat 0 10px;
	height: 165px;
	width: 757px; 
}
h4 {
	color: #BF311B;
	font-size: 12px;
	padding-bottom: 0;
	margin-bottom: 0;
	font-weight: bold;
}
.firstp {
	padding-top: 0;
	margin-top: 0;
}
#basebin_card {
	margin-top: 18px;
	background: #fff url(images/reloadit_package.jpg) no-repeat 0 0;
	width: 186px;
	height: 241px;
	float: left;
}
#basebin_instr {
	margin-top: 24px;
	margin-left: 210px;
}
#basebin_circled {
	margin-top: 24px;
	margin-right: 114px;
	background: #fff url(images/basebin_card.jpg) no-repeat 0 0;
	width: 146px;
	height: 97px;
	float: right;	
}
#basebin_form {
	margin-top: 65px;
	margin-left: 114px;
}
body#reloadit_basebin .box_content {
	padding: 12px 18px;
}
#reloadit_bottom {
	clear: both;
	height: 80px;
}

a#sp_terms {
        font-size: 11px !important;
        font-weight: bold;
        float: right;
	color: #666;
	margin-top: -2px;
}

div.issuer_stmt { margin-top:11px }