body {
	padding: 0px;
	margin: 0px;
	margin-left:auto;
	margin-right:auto;
	background-color: #00a4d9;
	height: 100%;
	
}

.feature_popups {
	padding: 0px;
	margin: 0px;
	margin-left:auto;
	margin-right:auto;
	background-color: #F5F6E3;
	height: 100%;
	color:black;	
}

.feature_popups a:link, .feature_popups a:visited {
	color:blue;
	text-decoration: none;
}


a {
	text-decoration:none;
}

.topSEOtext {
	height:21px; 
	background-color:#efefef; 
	color:#8b8b8b; 
	font:14px arial; 
	line-height:20px;
	text-align:center;
}

p, h2, h1, h3 {
	margin:0;
	padding:0;
}

#mid_wrapper {
	width: 100%;
	margin: auto;
	text-align:center;	
	background:url(images/midcontent_bg.gif) repeat-x #ffffff;
	display: inline-block;	

}

#midsubpage_wrapper {
	width: 100%;
	margin: auto;
	text-align:center;	
	background:url(images/subpage_midbg.gif) repeat-x #ffffff;
	/*display: inline-block;	*/

}

#subpage_general {
	width:917px;
	margin:0px auto 0px auto;
	text-align:center;	
	background:url(images/subpage_generalbg.gif) no-repeat;
	display: inline-block;
	padding-top:40px;
	min-height:400px;
    height:auto !important;
    height:400px; 
}

.subpage_content {
	width:95%; 
	text-align:left; 
	margin: auto;
	font-size: 13px;
	color: #494949; 
	line-height: 18px;
	font-family: Arial, Verdana;
}

.subpage_content h2 {
	font:bold 14px arial;
}

#header {
 	background-color: #017eb4;
}

#logo_container {
	margin: auto;
	text-align:center;	
	width:966px;
	height:90px;
}

.logo {	
	padding-top:15px;	
	text-align:left;
	float:left;
}

.signup_login {
	float:right;
}

#mainnav {
	height: 40px;
	font-size: 14px;
	text-align: center;
	background:url(images/topnav_bg.gif) repeat-x;
}

#mainnav ul {
	margin:0;
    padding:0;
	list-style:none;
	text-align: center;
	height: 40px;
}

#mainnav ul li{
	float:left;
 	margin:0;
    padding:0;
 	height: 40px;
	padding-left:20px;
	padding-righ:20px;
}

#mainnav ul li a {
	float:left;
 	font:16px arial;
 	color: #4f4f4f;
	height: 40px;
 	text-decoration: none;
	padding-top:9px;
	
}

#mainnav ul li .divider {
	float:left;
 	margin:0;
    padding:0;
 	height: 40px;
}

#mainnav a:hover {
 	color: #70ad2e;
}
 
#mainnav .here {
 	background-image: url(images/topnav_on.gif);
 	background-repeat: no-repeat;
 	color: #4f4f4f;
 	background-position: center 0px; 
}

/*co-brand*/

#mainnav_cb {
	height: 40px;
	font-size: 14px;
	text-align: center;
	background:url(images/topnav_bg_cb.gif) repeat-x;
}

#mainnav_cb ul {
	margin:0;
    padding:0;
	list-style:none;
	text-align: center;
	height: 40px;
}

#mainnav_cb ul li{
	float:left;
 	margin:0;
    padding:0;
 	height: 40px;
	padding-left:20px;
	padding-righ:20px;
}

#mainnav_cb ul li a {
	float:left;
 	font:16px arial;
 	color: #ffffff;
	height: 40px;
 	text-decoration: none;
	padding-top:9px;
	
}

#mainnav_cb ul li .divider {
	float:left;
 	margin:0;
    padding:0;
 	height: 40px;
}

#mainnav_cb a:hover {
 	color: #2e4fad;
}
 
#mainnav_cb .here {
 	background-image: url(images/topnav_on_cb.gif);
 	background-repeat: no-repeat;
 	color: #ffffff;
 	background-position: center 0px; 
}
/*end co-brand*/

span.select {
	position: absolute;
	width: 365px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 53px;
	color: #848484;
	padding:7px;
	font: 26px arial;
	line-height:36px;
	background: url(images/selectmenubg.gif) no-repeat;
	overflow: hidden;
	text-align:left;
	padding-left:15px;	
}

/************* index ****************/

#quote_wrapper {
	background:url(images/index_quotesbg.gif) no-repeat; 
	text-align:center; 
	width:960px; 
	min-height:111px; 
	height:auto !important; 
	height:111px;
}

#quote_wrapper .quote_content {
	padding-top:28px; 
	font:20px arial; 
	color:#848484;
}

#index_features {
	width: 100%;
	margin: auto;
	text-align:center;	
	background:url(images/features_bg.gif) repeat-x #fefefe;
	display: inline-block;	/* needed */
	background-color:#fefefe;
}

#index_features .col1{
	float:left; 
	background:url(images/icons_column1_bg.gif) no-repeat; 
	width:317px; 
	height:315px;
}

#index_features .col2{
	float:left; 
	background:url(images/icons_column2_bg.gif) no-repeat; 
	width:320px; 
	height:315px;
}

#index_features .col3{
	float:left; 
	background:url(images/icons_column3_bg.gif) no-repeat; 
	width:323px; 
	height:315px;
}

#index_features .col3 .label {
 	height:55px; 
	padding-left:35px; 
	padding-top:35px; 
	font:bold 23px arial; 
	color:#6aa000;
 }
 
#index_features .overview {
	width:230px; 
	font:13px arial; 
	line-height: 16px; 
	color: #89817f; 
	height:105px;
	text-align:left; 
	float:left;
}

#index_features .overview h2 {
	margin:0;
	padding:0;
	font:bold 14px arial;
	line-height:18px;
	color:#6aa000;
	padding-bottom:3px;
	padding-top:3px;
}

#index_features .index_icons{
	float:left;
	width:65px;
  	padding-top:22px;
	text-align:left;
}
/* end index page */

.flags_index {
text-align: left;
font:13px arial;
}

.flags_index span{
	width: 100%;
	display: block;
	text-indent: 3px;
	/*border: 2px solid #ffffff;*/
	text-decoration: none;
	font-weight: normal;
	color: black;
	padding-top: 1px;
	padding-right: 0;
	padding-bottom: 1px;
	padding-left: 0;	
}

.flags_index span img {
margin-top: 1px;
}

.flags_index span a, visited {
	text-decoration: none;
	color: #0000FF;
}

.flags_index span a:hover {
	text-decoration: underline;
	color: #FF0000;	
}


.flags_index span em {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #000000;
	text-align: right;
}	

#ratescroller {
	text-align:center;
	font:12px arial;
	color:##dddddd;
}

#ratescroller a.selected {
	color:green;

}


/* Features */
 #features_leftnav {
 	background:url(images/features_leftnav_bg.png) no-repeat left;
	margin:0;
	padding:0;
	width:218px;
	height:217px;
	text-align:left;
	
 }
 
#features_leftnav a{
	width:175px;
	height:49px;
	background:url(images/features_leftnav_off.png) no-repeat;	
	text-decoration: none;
	display:block;
	outline: none;
	-moz-outline-style: none;
	font:20px arial;
	line-height:49px;
	background-position:0 0;
	color:#858585;
}

#features_leftnav a.selected {
	width:201px;
	height:49px;
	background:url(images/features_leftnav_on.png) no-repeat;	
	text-decoration: none;
	color:#f9ffa5;
}

.features_overview {
	font:14px arial; 
	line-height: 18px; 
	color: #89817f; 
	text-align:left; 
	float:left; 
	padding-left:10px; 
	width:245px;
}

.features_overview h2 {
	margin:0;
	padding:0;
	font:bold 16px arial;
	line-height:20px;
	color:#000000;
	padding-bottom:3px;
	padding-top:3px;
}

.features_more{
	font:12px arial;
}
.features_icons {
	float:left; 
	text-align:right; 
	width:50px;
}

.features_col1 {
	float:left; 
	width:320px;
	margin-left:50px;
	min-height:270px;
    height:auto !important;
    height:270px; 
}

.features_col2 {
	float:left; 
	width:320px;
	min-height:270px;
    height:auto !important;
    height:270px; 
}
/****** end features *******/

.myaccunt_welcome {
	background:url(images/myaccount_headerbg.jpg) no-repeat; 
	width:917px; 
	height:81px; 
	text-align:left;
}

.myaccunt_welcome h2{
	font:30px arial; 
	line-height:30px; 
	color:white; 
	padding-left:100px; 
	padding-top:35px;
}

.balance_info{
	float:left; 
	background:url(images/myaccount_mainleftbg.jpg) no-repeat; 
	width:298px; 
	height:276px; 
	overflow:hidden;
}

.savings_info {
	float:left; 
	background:url(images/myaccount_mainrightbg.jpg) no-repeat; 
	width:619px; 
	height:276px; 
	text-align:left;
}

.savings_info h2 {
	padding-left:30px; 
	font:36px arial; 
	line-height:36px; 
	color:black;
}


.savings_info p{
	padding-left:30px; 
	padding-top:10px; 
	font:14px arial;
}


.my_overview {
	font:13px arial; 
	line-height: 14px; 
	color: #89817f; 
	text-align:left; 
	display:block;
	padding-top:10px;
	padding-bottom:20px;
}

.my_overview .icon_left {
	margin-right:7px; 
	margin-bottom:40px;
	margin-top:-6px;
}

.my_overview h2 {
	margin:0;
	padding:0;
	font:bold 16px arial;
	line-height:18px;
	color:#000000;
	padding-bottom:3px;
	padding-top:3px;
}

.my_overview p {
	margin:0;
	padding:0;
	padding-right:10px;
}

.my_overview .link{
	padding-top:5px;
	padding-right:20px;
	text-align:right;
}

.mycol_wrapper1, .mycol_wrapper2, .mycol_wrapper3 {
	float:left; 
	width:280px; 
	margin-left:20px; 
	padding-top:0px;
}


/************* End my account *******************/
/* FOOTER */
.smallWhite {
	font-size: 10px;
	color: #ffffff;
	font-family: Verdana,Sans-serif;
}

#footer_container {
	background:url(images/bottom_bg.gif) repeat-x; 
	text-align:center;
}

.footer1 {
	background:url(images/footer_bg.gif) no-repeat; 
	width:966px; 
	height:62px; 
	text-align:left;
}

.footer1 h2{
	padding-top:10px;
	font:bold 14px Arial; 
	color:#f4ffb8;	
	padding-left:10px;
	display:block;
}

.footer1 em {
	font:bold 12px arial;
	line-height:16px;
	color:white;
	padding-left:10px;
}

.footer2 {
	font: 14px arial;
	color:#ffffff;
}

.footer2 a, .footer2 a:link, .footer2 a:visited {
	font:14px arial;
	color:#ffffff;
	text-decoration: none;
}

 .footer2 a:hover{
	font:14px arial;
	color:#ffffff;
	text-decoration: underline;
}

.bnavPipes {
	font-size: 9px;
	color: #99ccff;
	font-family: Verdana,Sans-serif;
}

.footer_colorline1{
	background-color:#7db401; 
	height:5px; 
	width:100%;
}

.footer_colorline2{
	background-color:#ffffff; 
	height:1px; 
	width:100%;
}

.footer_colorline3{
	background-color:#00a4d9; 
	height:2px; 
	width:100%;
}


.listbullet {
	margin-left: 0px;
	margin-top: 2px;
	margin-bottom: 0px;
    padding-left: 0px;
    list-style: none;
	font-size: 18px;
	line-height:24px;
	color: #000000;
	font-family: Arial;
	text-align:left
}

.listbullet li {	
	padding:0;
	margin:0;
    padding-left: 35px;
	padding-top: 7px;
    background-image: url(images/checkbox_greenblue.png);
    background-repeat: no-repeat;
    background-position: 0px 7px;
}


.freelist {
	margin-left: 0px;
	margin-top: 2px;
	margin-bottom: 0px;
    padding-left: 0px;
    list-style: none;
	font-size: 20px;
	line-height:24px;
	color: #535353;
	font-family: Arial Narrow;
	font-style:italic;
	text-align:left;
	font-weight:bold;
}

.freelist li {	
	padding:0;
	margin:0;
    padding-left: 60px;
	padding-top: 10px;
    background-image: url(images/10free_bullet.gif);
    background-repeat: no-repeat;
    background-position: 0px 7px;
}

/* signup */

.ccsignuplist {
	margin-left: 0px;
	margin-top: 2px;
	margin-bottom: 0px;
    padding-left: 0px;
    list-style: none;
	font-size: 16px;
	line-height:20px;
	color: #558e2f;
	font-family: Arial Narrow;
	text-align:left;
	font-weight:bold;
}

.ccsignuplist li {	
	padding:0;
	margin:0;
    padding-left: 13px;
	padding-top: 3px;
    background-image: url(images/bullet_blue_dot.gif);
    background-repeat: no-repeat;
    background-position: 0px 9px;
}

	.signup_subheader {
		/* width:858px; */ 
		height:27px; 
		background:url(images/signup_subheaderbg.gif) no-repeat;
	}
	
	.signup_subheader_text{
		color:#ffffff; 
		font:bold 15px arial; 
		line-height:18px; 
		padding-left:25px; 
		padding-top:4px; 
		width:280px; 
		float:left;
	}
	
	.signup_subcontent {
		 padding-left:20px; 
		 font:14px arial;
		 line-height:18px;
		 color:#3e3e3e; 
		 padding-top:10px;
	}
	
	.signup_subcontent td {
		 font:14px arial;
		 line-height:18px;
		 color:#3e3e3e; 
		 padding-left:18px;
		 padding-top:4px;
	
	}
	
	
	/*display message page*/
	.display_header {
		background:url(images/signup_headerbg.gif) no-repeat; 
		width:860px; 
		height:51px;
	}
	
	.display_header_red {
		background:url(images/signup_headerbg_red.gif) no-repeat; 
		width:860px; 
		height:51px;
	}
	
	.display_header h2, .display_header_red h2 {
		font:bold 24px arial; 
		color:white; 
		line-height:28px;
	}
	
	.display_text {
		font: 16px arial;
		line-height:20px;
		color:#888888;
	}
	
	/* speed dial */
	
	.sp_label {
		font:bold 16px arial;
		color:#368802;
	}
	
	INPUT.sp_myaccount
{
	color: #416c80;
	height: 19px;
	width: 96px;
	font:bold 13px arial;
	line-height:19px;
	background-color:#e5f8ff;
}


INPUT.sp_phonenumber
{
	color: #416c80;
	height: 19px;
	width: 136px;
	font:bold 13px arial;
	line-height:19px;
	background-color:#e5f8ff;
}

/********************* Miscellaneous  most not very used******************/

A:link {
	COLOR: blue;
	TEXT-DECORATION: none;
}
	A:visited {
	COLOR: blue;
	TEXT-DECORATION: none;
}
	A:hover {
	COLOR: #0061FF;
	TEXT-DECORATION: underline;
}
	A.smallWhite:link {
	font-size: 11px;
	color: #ffffff;
	font-family: Arial,Sans-serif;
	
}
	A.smallWhite:visited {
	font-size: 11px;
	color: #ffffff;
	font-family: Arial,Sans-serif;
	
}
	A.smallWhite:hover{
	font-size: 11px;
	color: #ffffff;
	font-family: Arial,Sans-serif;
	text-decoration: underline;
	
}

UL.maroon {
	list-style-type: square;
	color: maroon;
	}

UL.green {
	list-style-type: square;
	color: green;
	}

.topnav_barbg {
	background-color: #525252;
	font-size: 11px;
	color: white;
	line-height: 15px;
	font-family: Verdana,Sans-serif;
	
}
.topnav_barline {
	background-color: orange;
}
.leftnavbg {
	background-color: #edeef2;
}
.leftnav_linebg {
	background-color: #b1b1b1;
	
}

.top_linebg {
	background-color: #b1b1b1;
}
.bgBorderLines {
	background-color: #008340;
}

.bgOrange {
	background-color: #ff5300;
}
.bgHeader {
	background-color: #008340;
}
.bgFooter {
	background-color: #008340;

}
		
.bgLtgreen {
	background-color: #DBF789;
}
.bgLtblue {
	background-color: #D1E0FF;
}
.bgdrkPurple {
	background-color: #3C00AA;
}
.checkoutboxborder {
	background-color: #b1b1b1;
}
.checkoutboxgray {
	background-color: #d7d7d7;
}
.checkoutboxltgray {
	background-color: #F6F6F6;
}
.paymentinfo {
	background-color: #D5F1D4;
}
			
.medtxt {
	font-size: 13px;
	color: black;
	line-height: 18px;
	font-family: Arial, Verdana;
}

.medtxt2{
	font-size: 12px;
	color: black;
	line-height: 16px;
	font-family: Arial, Verdana;
}
.medtxt3 {
	font-size: 13px;
	color: black;
	line-height: 18px;
	font-family: Arial, Verdana;
	text-decoration: bold;
}

.cardname
{
	font-size: 24px;
	color: #339933;
	font-family: verdana;
	font-weight : bold;
	text-decoration: underline;
}
.carriername
{
	font-size: 13px;
	color: #000000;
	font-family: verdana;
	font-weight : bold;
}
.denomination
{
	font-size: 13px;
	color: #6D85B7;
	font-family: verdana;
	font-weight : bold;
}
.black
{
	font-size: 13px;
	color: black;
	line-height: 18px;
	font-family: Arial, Verdana;
}

.grey
{
	font-size: 13px;
	color: #89817f; 
	line-height: 18px;
	font-family: Arial, Verdana;
}


.blackUnderline
{
	font-size: 13px;
	color: #000000;
	font-family: verdana;
	text-decoration: underline;
}
.blackarial
{
	font-size: 13px;
	color: #000000;
	font-family: Arial;
}
.blackBoldarial
{
	font-size: 13px;
	color: #000000;
	font-family: Arial;
	font-weight: bold;
}
.lrgblack
{
	font-size: 16px;
	color: #000000;
	font-family: verdana;
}
.xllrgblackBold
{
	font-size: 24px;
	color: #000000;
	font-family: arial;
	font-weight: bold;
}

.blackBold34
{
	font-size: 34px;
	color: #000000;
	font-family: verdana;
	font-weight: bold;
}	
	
.blackBold
{
	font-size: 13px;
	color: #000000;
	font-family: verdana;
	font-weight : bold;
}
.blackBoldunder
{
	font-size: 13px;
	color: #000000;
	font-family: verdana;
	font-weight : bold;
	text-decoration: underline;
}
.blackBolditalic
{
	font-size: 13px;
	color: #000000;
	font-family: verdana;
	font-weight : bold;
	font-style: italic;
}
.blackitalic
{
	font-size: 13px;
	color: #000000;
	font-family: verdana;
	font-style: italic;
}
.lrgblackBold
{
	font-size: 16px;
	color: #000000;
	font-family: verdana;
	font-weight : bold;
}
.smallblack
{
	font-size: 11px;
	color: #000000;
	font-family: arial;
}
.smallblackBold
{
	font-size: 11px;
	color: #000000;
	font-family: arial;
	font-weight: bold;
}
.smallblackItalic
{
	font-size: 10px;
	color: #000000;
	font-family: verdana;
	font-weight: bold;
	font-style: italic;
}
.bnavText {
	font-size: 10px;
	color: #ffffff;
	font-family: Arial,Sans-serif;
}
.bnavPipes {
	font-size: 9px;
	color: #99ccff;
	font-family: Verdana,Sans-serif;
}

.whiteBold
{
	font-size: 13px;
	color: #FFFFFF;
	font-family: verdana;
	font-weight : bold;
}


.smallWhite {
	font-size: 10px;
	color: #ffffff;
	font-family: Verdana,Sans-serif;
}
.smallred {
	font-size: 10px;
	color: #ff0000;
	font-family: Verdana,Sans-serif;
}
.smallredBold {
	font-size: 10px;
	color: #ff0000;
	font-family: Verdana,Sans-serif;
	font-weight: bold;
}
.smallredUnderbold {
	font-size: 10px;
	color: #ff0000;
	font-family: Verdana,Sans-serif;
	text-decoration: underline;
	font-weight: bold;
}
.red {
	font-size: 13px;
	color: #ff0000;
	font-family: Verdana,Sans-serif;
}
.redUnderbold {
	font-size: 13px;
	color: #ff0000;
	font-family: Verdana,Sans-serif;
	text-decoration: underline;
	font-weight: bold;
}
.redBold {
	font-size: 13px;
	color: #ff0000;
	font-family: Verdana,Sans-serif;
	font-weight: bold;
}
.lrgredBold
{
	font-size: 16px;
	color: #ff0000;
	font-family: Verdana,Sans-serif;
	font-weight: bold;
}
.ltblueBold
{
	font-size: 13px;
	color: #6D85B7;
	font-family: verdana;
	font-weight : bold;
}
.lrgbltblueBold
{
	font-size: 16px;
	color: #6d85b7;
	font-family: verdana;
	font-weight : bold;
}
.maroon {
	font-size: 13px;
	color: #800000;
	font-family: Verdana,Sans-serif;
}
.maroonBold {
	font-size: 13px;
	color: #800000;
	font-family: Verdana,Sans-serif;
	font-weight: bold;
}
.lrgmaroon {
	font-size: 16px;
	color: #800000;
	font-family: Verdana,Sans-serif;
}
.lrgmaroonBold {
	font-size: 16px;
	color: #800000;
	font-family: Verdana,Sans-serif;
	font-weight: bold;
}
.maroonUnder {
	font-size: 13px;
	color: #800000;
	font-family: Verdana,Sans-serif;
	text-decoration: underline;
}
.grayBold {
	font-size: 13px;
	color: #666666;
	font-family: Verdana,Sans-serif;
	font-weight: bold;
}
.gray {
	font-size: 13px;
	color: #666666;
	font-family: Verdana,Sans-serif;
}
.smallgray {
	font-size: 10px;
	color: #666666;
	font-family: Verdana;
}
.smallgrayBold {
	font-size: 10px;
	color: #666666;
	font-family: Verdana;
	font-weight: bold;
}
.smallgreen {
	font-size: 10px;
	color: #339935;
	font-family: Verdana,Sans-serif;
}
.smallblueBold {
	font-size: 10px;
	color: #0033CC;
	font-family: Verdana;
	font-weight: bold;
}
.smallblueunderBold
{
	font-size: 10px;
	color: #0000ff;
	font-family: verdana;
	font-weight: bold;
	text-decoration: underline;
}

.smallWhiteBold {
	font-size: 10px;
	color: #FFFFFF;
	font-family: Verdana;
	font-weight: bold;
}


.purpleBold
{
	font-size: 12px;
	color: #ff00ff;
	font-family: verdana;
	font-weight: bold;
}
.navy
{
	font-size: 13px;
	color: #000091;
	font-family: verdana;
}
.navyBold
{
	font-size: 13px;
	color: #000091;
	font-family: verdana;
	font-weight : bold;
}
.lrgnavyBold
{
	font-size: 16px;
	color: #000091;
	font-family: verdana;
	font-weight : bold;
}
.lrgpurpleBold
{
	font-size: 16px;
	color: #9923C6;
	font-family: verdana;
	font-weight : bold;
}
.rates
{
	font-size: 9px;
	color: #000000;
	font-family: verdana;
}

form.nospace
{ 
	padding : 0px; 
	margin : 0px; 
}

.orangeBold
{
	font-size: 13px;
	color: #FF7400;
	font-family: verdana;
	font-weight : bold;
}

INPUT.formatted 
{
	font-family:Verdana,Arial;
}

SELECT.formatted
{
	font-family: Verdana,Arial;
}

.input_label
{
	color: black; 
	font-size: 12px;
	font-family:Verdana,Arial;
	font-weight: bold
}



INPUT.myaccount
{
	color: black;
	height: 18px;
	width: 90px;
	font-family:Verdana,Arial;
	font-size:11px;
}


INPUT.myaccount_phonenumber
{
	color: black;
	height: 18px;
	width: 130px;
	font-family:Verdana,Arial;
	font-size:11px;
}

INPUT.securitycode
{
	color: black;
	height: 18px;
	width: 30px;
	font-family:Verdana,Arial;
	font-size:11px;
}


a.idrop:hover
{
	font-size: 11px;
	color: black;
	line-height: 15px;
	font-family: Verdana,Arial;
	TEXT-DECORATION: none;
}
.leftcol
{
	font-size: 11px;
	color: #000000;
	font-family: arial;
}
/**End Miscellaneous **/