
*{ margin:0; padding:0; border: 0; outline: 0;}

body {font: normal 12px Verdana, Arial, sans-serif; text-align:center; line-height: 14px; color: #464f5b; background:url(../images/body-bg-chip.gif) #2e348e;}

/* TEXT Styles */
h1 { width:755px; height:20px; font: normal 17px Arial, sans-serif; text-align:center; line-height:20px; color:#222; background-color:#e5e5e5; margin: 0 auto 2px auto; padding:3px 0;}

h2 {font: bold 16px Arial, sans-serif;  color:#DB6525;}
.heading-two {text-align:left;  background-color:#fed5b0; border-bottom: 2px solid #fbb87b; padding: 5px 10px 4px 10px;}

p{ line-height:15px; color:#222; margin: 0 0 10px 0;}

/* END TEXT Styles */

/* Main Sections */

#wrapper-bg {width: 771px; background:url(../images/wrapper-bg.jpg) repeat-y; margin: 0 auto;}
#outerWrapper {width: 755px; margin: 0 auto; padding:0 2px 2px 2px; text-align:left; background-color:#FFF; border-bottom:2px solid #101231; }

/* Header */
#header { position:absolute; top:0px; width:755px; height:63px; background:url(../images/top-bg.jpg) no-repeat; background-color: #fff;}
 .top-nav {font: normal 12px Arial, sans-serif; text-align:right; color:#adadad;  padding: 5px 10px 0 0;}
#logo {font: bold 27px Arial,sans-serif; color:#012648; padding: 3px 0 0 15px; }
#logo2 {font: bold 27px Arial,sans-serif; color:#012648; padding: 3px 0 0 15px; }
#logo2 a,  #logo2 a:link, #logo2 a:visited {color: #012648; text-decoration: none;}
#logo2 a:hover {color: #407fc1;text-decoration: none;}
#logo2 a:focus, #logo2 a:active {color: #012648;}
/* END Header */

#contentWrapper {margin: 0; padding: 65px 0 0 0 ;}

/* top box*/
#top-box { width:755px; height:300px; background:url(../images/header-bg.jpg) top center no-repeat #d5dff3; margin: 0 auto; padding: 0 0 0px 0;  vertical-align: bottom; }
#incentives { margin: 15px 0 5px 30px;}
#checkboxes {font: bold 15px Arial, Helvetica, sans-serif; line-height:24px; color:#012648; padding:0;}
#promo {font: bold 17px Arial, sans-serif; color:#DB6525; margin: 10px 0 0 165px;}
#tips-section { font:13px Arial, Helvetica, sans-serif; margin: 15px 0 0 15px}

/* rate-finder */
#rate-finder { width:350px; margin:17px 0 0px 90px;}
#rate-finder-title {font: bold 16px Arial, Helvetica, sans-serif;text-decoration:none; color:#d84027;}
.to-from{font:14px verdana,trebuchet,arial,sans-serif; color:#222;}
select {font: 15px verdana,trebuchet,arial,sans-serif; border:1px solid #d5dff3; background-color:#FFFFA0; margin: 5px 0 0 0; padding:2px 0;}
input {width:35px; height:24px; font: bold 16px arial,sans-serif; color:#db5e1e; background:url(../images/btn-go.gif) top no-repeat;  cursor:pointer;}
/* END rate-finder */
/* END top box*/

#ad-bar { width:725px; height:auto; text-align:left; line-height:14px; background-color:#e5e5e5; margin:2px 0 0 0; padding: 5px 15px 5px 15px; }
#left-column {}

.no-fee-phone-cards { padding: 15px 0; text-align:center;}
/* WAS: .no-fee-phone-cards { padding: 15px 0 0 70px;}*/ 
.no-fee-card-name {font-size:18px; line-height:22px; color:#db5e1e;}
.nonono-fees {font-size:15px; line-height:28px; text-align:center; color:#d84027;}

/* lowest Rates */
#lowest-rates { width:475px; margin:0;  padding: 0px 15px; } /*WAS:  background-color:#ffead7;*/
#lowerbox { width:755px; background:url(../images/bg-chip.gif) #ffead7; margin:2px 0 0 0;}
#lowerbox-insert {width:695px; background-color:#FFF; border:1px solid #fcc493; margin:5px auto 7px auto; padding:15px; }

#lowest-rates td {padding: 3px 0;}
.lowest-rates-header { height:16px;  font:bold 12px Arial, sans-serif;  text-align:left; vertical-align:bottom; color: #464f5b; border-bottom:1px solid #407fc1; margin: 0 0 2px 0;}
.country { font:bold 15px Arial, sans-serif; color:#454545;}
.lowest-rates-tr-odd {background-color:#fff; text-align:left;}
.lowest-rates-tr-even {background-color:#D5DFF3;  text-align:left;}
.lowest-min { font: normal 11px Arial, sans-serif; color:#333; font-stretch: extra-expanded;}
.lowest-rate  {font: normal 10px Arial, sans-serif; color:#333; font-stretch: extra-expanded;}
#lowest-rates-footnotes { text-align:left; margin: 10px 0;}
/* END lowest Rates */

/* Footer */
#footer {width:755px; font: normal 12px Arial, sans-serif; text-align:center; color:#999; background-color:#eaeaea; margin:2px auto 0 auto; padding:5px 0;}
#About1 { font:13px Arial, Helvetica, sans-serif; text-align:left; margin: 10px 35px 5px 30px; }
#copyright {width:755px; font-size: 10px; text-align:center; background-color:#eaeaea; margin: 0 auto; padding:0 0 5px 0;}
/* END Footer */

/* END Main Sections */



/* Global LINKS */
a,  a:link, a:visited {color: #407fc1; text-decoration: none;}
a:hover {color: #F60;text-decoration: underline;}
a:focus, a:active {color: #407fc1;}
/* END Global LINKS */


/* MISC */
.color-993300 {color: #993300;}
.v-divide { background:url(../img/v-divide.gif) repeat-y; background-color:#FFF;}
/*  end MISC */


/* BEGIN info tooltip */
a.info{
    position:relative; /*this is the key*/
    z-index:24; text-decoration:none; cursor: default;}

a.info:hover{z-index:25; text-decoration:underline;
background-color:#fff; /* background-color required in IE for Tool Tip to work*/}

a.info span{display: none;}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:30px; left:-175px; width:300px;
	font: normal 12px Arial, sans-serif; line-height:14px;
		padding:3px 7px 5px 7px;
    border:2px solid #FB0;
    background-color:#fffee5; color:#303030;
    text-align: left;  text-decoration:none;}
	
	a.info-img{
    position:relative; /*this is the key*/
    z-index:24; text-decoration:none; cursor: pointer;}

a.info-img:hover{ z-index:25; background-color:#fff;  /* background-color required in IE for Tool Tip to work*/
}

a.info-img span{display: none;}

a.info-img:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-103px; left:95px; width:550px;
	font: normal 15px Arial, sans-serif; line-height:18px;
		padding:5px 7px 7px 7px;
    border:2px solid #FB0;
    background-color:#fefcd1;  color: #222;
    text-align: left; text-decoration: none;}
	
	/* END info tooltip */

