/* Resets */
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,   
li, dl, dt, dd, a, fieldset, th, td, form   
{   
margin: 0; padding: 0; border: 0; outline: none;   
}   
  
body   
{    
font-size:10px; 
background:#FFFFFF url(../images/background.jpg) top left repeat-x;  
font-family:Arial, Helvetica, sans-serif;
}   
  
h1, h2, h3, h4, h5, h6   
{   
font-size: 100%;   
padding: .6em 0;     
}   
  
ul, ol   
{   
list-style: none;   
}  

a {
	text-decoration:none;
	color:#16718f;
}

a.decor {
    text-decoration:underline;
    font-size:12px;
}

a:hover {
    text-decoration:underline;
}

a:visited {
	color:#16718f;
}

/*Main*/

#wrapper {
	margin:0 auto;
	padding:0;
	width:979px;
}

#masthead {
	height:99px;
	background:url(../images/top_mainPanel.gif) bottom left no-repeat;
}

#masthead h1 {
	padding:27px 0 0 0;
	margin:0;
}

#masthead h1 a  {
	padding:0;
	width:316px;
	height:50px;
	display:block;	
	float:left;
	text-indent:-9999px;
	background:url(../images/logo_easyatmcard.png) top left no-repeat;
}

/* Generic Classes */

.clear {
	clear:both;
}

.blue {
	color:#32a8df;
}

/*Top Orange navigation*/

#topNav {
	margin:8px 0 0 0;
	height:32px;
	width:168px;
	float:right;
	background:#FFFFFF url(../images/orangeTopNav.gif) bottom left no-repeat;
	font-size:12px;
	font-weight:bold;
	line-height:32px;
}

#topNav li {
	float:left;
}

#topNav li a {
	display:block;
	float:left;
	text-decoration:none;
	color:#333333;
}

#topNav li a#home {
	text-indent:-9999px;
	width:53px;
}

#topNav li a#login {
	width:28px;
	padding:0 10px
} 

#topNav li a#contact {
	width:47px;
	padding:0 10px
} 

#topNav li a#home:hover {
	background:#FFFFFF url(../images/orangeTopNav.gif) top left no-repeat;
}

#topNav li a#login:hover {
	background:#FFFFFF url(../images/orangeTopNav.gif) -53px top no-repeat;
	text-decoration:underline;
}

#topNav li a#contact:hover {
	background:#FFFFFF url(../images/orangeTopNav.gif) right top no-repeat;
	text-decoration:underline;
}

/* Content Container */

#mainContainer {
	padding:12px 10px 20px 15px;
	background:url(../images/back_mainPanel.png) top left repeat-y;
}


/* Side Navigation */

#sideNav {
	position:relative;
	z-index:9999;
	padding:18px 0 0 0;
	width:233px;
	float:left;
	background:url(../images/mainNav_hover.png) top right no-repeat;
}

#mainNav {
	margin:0 0 30px 0;
}

#mainNav h2 {
	text-indent:-9999px
}

#mainNav p {
	margin:0px 0 13px 15px;
	font-size:14px;
	color:#FF0000;
	position:relative;
	top:-3px;
}

#mainNav li {
	margin:0;
	padding:0;

	position:relative;
}

#mainNav a {
	display:block;
	height:23px;
	font-size:9px;
	text-decoration:none;
	color:#85d6ff;
	text-indent:-9999px;
	padding-top: 13px;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 8px;
}

#mainNav a#nav1 {
    text-indent:0;
}

#mainNav a#nav1:hover {
	background:url(../images/mainNav_hover.png) 1px -71px no-repeat;
	color:#115f87;

}

#mainNav a#nav2 {
    text-indent:0;
}
#mainNav a#nav2:hover {
	background:url(../images/mainNav_hover.png) 1px -113px no-repeat;
	color:#115f87;

}
#mainNav a#nav3 {
    text-indent:0;
}
#mainNav a#nav3:hover {
	background:url(../images/mainNav_hover.png) 1px -155px no-repeat;
	color:#115f87;

}
#mainNav a#nav4 {
    text-indent:0;
}
#mainNav a#nav4:hover {
	background:url(../images/mainNav_hover.png) 1px -197px no-repeat;
	color:#115f87;

}
#mainNav a#nav5 {
    text-indent:0;
}
#mainNav a#nav5:hover {
	background:url(../images/mainNav_hover.png) 1px -239px no-repeat;
	color:#115f87;

}

#mainNav a#nav6 {
    text-indent:0;
}
#mainNav a#nav6:hover {
	background:url(../images/mainNav_hover.png) 1px -281px no-repeat;
	color:#115f87;

}

#mainNav a#nav7 {
    text-indent:0;
}
#mainNav a#nav7:hover {
	background:url(../images/mainNav_hover.png) 1px -323px no-repeat;
	color:#115f87;

}

#mainNav a#nav8 {
    text-indent:0;
}
#mainNav a#nav8:hover {
	background:url(../images/mainNav_hover.png) 1px -365px no-repeat;
	color:#115f87;

}

#mainNav a#nav9 {
    text-indent:0;
}
#mainNav a#nav9:hover {
	background:url(../images/mainNav_hover.png) 1px -407px no-repeat;
	color:#115f87;

}

#mainNav a#nav10 {
    text-indent:0;
}
#mainNav a#nav10:hover {
	background:url(../images/mainNav_hover.png) 1px -449px no-repeat;
	color:#115f87;

}


#mainNav a img {
    position:absolute;
    top:7px;
    left:10px;
    padding:0;
    margin:0;
}

#mainNav a span {
	color:#333333;
	font-weight:bold;
	font-size:12px;
}

/* Active section in sidebar */

#mainNav a.active {
    color:#115f87;
    width:235px;
    background:url(../images/active.png) 1px top no-repeat;
}

#mainNav a#nav1.active:hover, #mainNav a#nav2.active:hover, #mainNav a#nav3.active:hover, #mainNav a#nav4.active:hover, #mainNav a#nav5.active:hover {
    color:#115f87;
    cursor:default;
    background:url(../images/active.png) 1px top no-repeat;

}

/* Additional Services Nav */

#secondaryNav {
	background:url(../images/additional_serv.gif) left top no-repeat;
	height:160px;
}

#secondaryNav h3 {
	text-indent:-9999px;
}

#secondaryNav li {
	margin:0 0 0 30px;
	padding:11px 0 0 0;
	color:#16718f;
	list-style: disc;
	font-weight:bold;
}

#secondaryNav p {
    padding: 32px 0 0 45px;
    color:#16718f;
    font-size:20px;
    font-weight:bold;
}

/* Main Content */

#mainContent {
	padding:0;
	width:711px;
	margin:0 0 0 238px;

}

#mainContent h2 {
	font-size:34px
}

#flashContainer {
	width:711px;
	height:344px;
	background:#FFFFFF;
}

#flashContainer h1 {
	font-size:30px;
}

#flashContainer p {	
	padding:0 0 10px 0;
	font-weight:bold;
}

#alt_content {
	height:345px;
	padding:0 0 0 25px;
	background:url(../images/panel1.jpg) top left no-repeat;
}

.offers {
	margin:10px 0 0 0;
	background:url(../images/ads_index_page_v4.jpg) left top no-repeat;
	height:132px;
	position:relative;
}

.offers h4 {
	font-size:14px;
	/*margin:0 0 0 -10px;*/
}

.offers li {
	width:235px;
}

.offers p {
	width:150px;
	font-size:11px;
}

.offers a {
	margin:10px 0 0 0;
	padding:0 0 0 10px;
	display:block;
	height:30px;
	width:75px;
	text-decoration:none;
	background:url(../images/clickHere.png) bottom left no-repeat;
	line-height:27px;
	color:#FFFFFF;
	font-weight:bold;
}

.offers a:hover {
	
	background:url(../images/clickHere.png) left top no-repeat;
}

.offers li#ad1_index {
	position:absolute;
	top:5px;
	left:10px;
}

.offers li#ad2_index {
	position:absolute;
	top:5px;
	left:261px;
}


.offers li#ad3_index {
	position:absolute;
	top:5px;
	left:502px;
}

.contentFooterNav {
 	align: center; 
/*	margin:0 0 0 550px;*/
	padding:15px 0 0 0;
	color:#16718f;
}

.contentFooterNav li {
	display:inline;
}

/* Prepaid */

a.button {
    margin:15px 0 15px 0;
    padding:0;
    display:block;
	line-height:44px;
	padding:0px 50px 0 15px;
    float:left;
    background:url(../images/buttonRight.png) bottom right no-repeat;
    color:#FFFFFF;
}

/* Prepaid a.button span {*/
/* Prepaid    display:block;*/
/* Prepaid     line-height:44px;*/
/* Prepaid     padding:0px 50px 0 15px;*/
/* Prepaid     background:url(../images/buttonLeft.gif) bottom left no-repeat;*/
 /* Prepaid    cursor:pointer;*/
/* Prepaid         }*/

a.button:hover {
	text-decoration:none;
	background-image: url(../images/buttonRight.png);
	background-repeat: no-repeat;
	background-position: right top;
}

/* Prepaid */
/* Prepaid a.button span:hover { */
/* Prepaid     background:url(../images/buttonLeft.gif) top left no-repeat; */
/* Prepaid } */

#prepaid_tabs {
	height:35px;
	position:relative;
	top:1px;
}

#prepaid_tabs li {
/*	font-size:16px;*/
    font-size:14px;
	font-weight:bold;
	display:inline;
	margin-right:1px;
	background:url(../images/card_tabBack.gif) bottom left no-repeat;
	float:left;
}

#prepaid_tabs li a {
	display:block;
	height:35px;
/*	width:128px;*/
	float:left;
	line-height:35px;
	text-align:center;
	color:#666666;
	background:url(../images/card_tabBack.gif) right -72px no-repeat;
	float:left;
	padding-right:10px;
}

#prepaid_tabs li a span {
    float:left;
    padding:0 5px 0 15px; 
}

#prepaid_tabs li a span sup {
    color:#229359;
    font-size:11px;
    text-shadow:#FFFFFF 1px 1px, #FFFFFF 0px 0px 4px;
}

.tax li a#tax span sup {
    color:#FFE494;
    text-shadow:none;
}

#prepaid_tabs li a:hover {
	background:url(../images/card_tabBack.gif) right -36px no-repeat;
	text-decoration:none;
}

#prepaid_tabs li a:hover span {
	background:url(../images/card_tabBack.gif) left -143px no-repeat;
	text-decoration:none;
	cursor:pointer;
}

.home a#home, .how a#how, .add a#add, .deposit a#deposit, .bills a#bills, .tax a#tax {
	background:url(../images/card_tabBack.gif) right top no-repeat;
	color:#FFFFFF;
}

.home a#home span, .how a#how span, .add a#add span, .deposit a#deposit span, .bills a#bills span, .tax a#tax span {
  background:url(../images/card_tabBack.gif) left -107px no-repeat;
}

.home a#home:hover, .how a#how:hover, .add a#add:hover, .deposit a#deposit:hover, .bills a#bills:hover, .tax a#tax:hover {
	background:url(../images/card_tabBack.gif) right top no-repeat;
}

.home a#home:hover span, .how a#how:hover span, .add a#add:hover span, .deposit a#deposit:hover span, .bills a#bills:hover span, .tax a#tax:hover span {
    background:url(../images/card_tabBack.gif) left -107px no-repeat;
}
.innerContent {
    position:relative;
    padding:0 0 25px 25px;
    border-left:1px #CCCCCC solid;
    border-bottom:1px #CCCCCC solid;
    border-top:6px #FF0000 solid;
    background:url(../images/prepaidTab_header.jpg) left top no-repeat;
}

#card_pan1 {
	height:310px;
	background:url(../images/prepaid_pan1.png) left top no-repeat;
}

#card_pan1 ul {
	margin:200px 0 0 550px;
	float:left;
}

#card_pan1 a.long_button {
	margin:0 0 10px 0;
	padding:0 0 0 12px;
	display:block;
	height:44px;
	width:130px;
	background:url(../images/login_activate.png) left bottom no-repeat;
	color:#FFFFFF;
	font-size:13px;
	line-height:40px;
}

#card_pan1 a.long_button span {
	font-size:16px;
	font-weight:bold;
	text-decoration: blink;
}

#card_pan1 a.long_button:hover {
	background:url(../images/login_activate.png) left top no-repeat;
	text-decoration:none;
}	

/* Prepaid home form */

#prepaid_homeForm_head {
	margin:0 0 0 440px;
	padding:70px 0 0 0;
	background:url(../images/prepaid_homeForm_head.gif) left top no-repeat;
	position:relative;
	top:50px;
}

#prepaid_homeForm_footer {
	padding:0 0 15px 75px;
	background:url(../images/prepaid_homeForm_footer.gif) 36px bottom no-repeat;
}

#prepaid_homeForm_head label, #prepaid_homeForm_head input {
	margin:0 0 10px 0;
	font-size:12px;
	font-weight:bold;
	display:block;
}

/* This is temporary button for Sam presentation Below */

#prepaid_homeForm_head a#continue {
	margin:0 0 10px 0;
	font-size:12px;
	font-weight:bold;
	display:block;
	width:112px;
	height:34px;
	background:url(../images/prepaid_continue.gif) left top no-repeat;
	text-indent:-9999px;
}

/* Prepaid Form page 2 */

.form_page2 #left_column {
    background:none;
    padding-bottom:0;
}

.form_page2 #congrats {
    line-height:normal;
    color:#333333;
    background:#f3a91b;
    padding-top:5px;
    padding-bottom:5px;
    padding-right:15px;
    margin-top:15px;
}

.form_page2 #left_column h4 {
    margin-bottom:0;
    color:#105274;
}

.form_page2 .mov_Container {
    padding-top:15px;
    padding-bottom:150px;
    background:#FFFFFF;
    border-top:none;
    border-bottom:none;
    border-right:none;
    margin:0;
}

.form_page2 .mov_Container h5#vid {
    background:none;
    color:Red;
    text-indent:0;
    font-size:28px;
    text-align:center;
    line-height:25px;
    margin-bottom:40px;
}

.form_page2 .mov_Container h4 {
    color:#105274;
    padding-bottom:0;
}
.form_page2 .mov_Container li {
    font-size:18px;
    line-height:26px;
    background:url(../images/list_check.gif) left top no-repeat;
    padding:0 0 0 35px;
    color:#105274;
}
/* Prepaid How it works */

.innerContent h2 {
    padding:20px 0 5px 0;
    color:#105274;
}

.innerContent h3 {
    display:block;
    height:45px;
    line-height:45px;
    padding:0 0 0 10px;
    font-size:18px;
    font-weight:normal;
    color:#FFFFFF;
    background:#23B7E7;
}

.innerContent h4 {
    padding:20px 0 5px 0;
    font-size:16px;
    color:#105274;
}

.innerContent h4.question {
	position:relative;
	display:block;
	height:42px;
	line-height:52px;
	margin:20px 0 0 0;
	padding:0;
	font-size:25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}

.innerContent p {
    line-height:18px;
}

.innerContent ul li {
    padding:0 0 0 10px;
    background:url(../images/list_blueDot.gif) left center no-repeat;
    margin:0 0 0 15px;
    line-height:18px;    
}

.innerContent img {
    margin:15px 0 15px 0;
}

.innerContent ol li {
    list-style:decimal;
    margin:0 0 0 15px;
    line-height:18px;
}

.innerContent ul li.one, .innerContent ul li.two,.innerContent ul li.three {
    list-style:none;
    margin:0;
}

#mainContent .innerContent #left_column ul li.one {
    background:url(../images/one.gif) left 15px no-repeat;
    padding:0 0 0 65px;
}

#mainContent .innerContent #left_column ul li.two {
    background:url(../images/two.gif) left 15px no-repeat;
    padding:0 0 0 65px;
}

#mainContent .innerContent #left_column ul li.tax_list {
    padding:0;
}

#mainContent .innerContent #left_column ul li.tax_list h4 {
    margin:0 0 25px 65px;
}

#mainContent .innerContent #left_column ul li.tax_list p {
   padding:5px;
}

#mainContent .innerContent #left_column ul li.three {
    background:url(../images/three.gif) left 15px no-repeat;
    padding:0 0 20px 65px;
}

.innerContent h5 {
    margin:10px 0 0 0;
}

#left_column {
    margin:0 10px 0 0;
    padding:0 10px 275px 0;
    width:340px;
    float:left;
    background:url(../images/how_chart.gif) left bottom no-repeat;
} 

.contact #left_column {
    margin:0 10px 0 0;
    padding:0 0 0 0;
    width:320px;
    float:left;
    background:none;
}    

.mov_Container {
    margin:20px 0 0 0;
    padding:0 20px 20px 20px;
    width:274px;
    float:left;
    border:solid 1px #cccccc;
    background:#edf6f7;
}

.mov_Container dl {
    padding:20px 0 0;
}

.mov_Container dt {
    font-weight:bold;
    padding:0 0 5px 0;
}

.mov_Container dd {
    padding:0 0 15px 15px;
}
.contact .mov_Container {
    width:294px;
    background:#edf6f7 url(../images/needHelp.gif) left 10px no-repeat;
    padding-top:35px;
}

.mov_Container h5#vid {
    padding:0;
    position:relative;
    left:-20px;
    display:block;
    height:34px;
    width:314px;
    text-indent:-9999px;
    background:url(../images/vid_headers.png) left top no-repeat;
}

.mov_Container h5#more {
    margin:30px 0 15px;
    padding:0;
    position:relative;
    left:-20px;
    display:block;
    height:39px;
    width:314px;
    text-indent:-9999px;
    background:url(../images/vid_headers.png) left -34px no-repeat;
}

.mov_Container h5#common {
    margin:30px 0 15px;
    padding:0;
    position:relative;
    left:-20px;
    display:block;
    height:39px;
    width:314px;
    text-indent:-9999px;
    background:url(../images/vid_headers.png) left -73px no-repeat;
}

.mov {
    margin:10px 0 0 0;
    border:1px #CCCCCC solid;
    position:relative;
    height:180px;
}

.mov_Container p {
    padding:10px 0 0 5px;
    font-size:11px;
    line-height:14px;
}

.contact .mov_Container p {
    font-size:12px;
    line-height:1em;
}

.mov_Container ul li {
    padding:0;
    background:none;
}

.mov_Container ul li a {
    display:block;
    padding:5px 0;
    width:259px;
    border-bottom:dotted 1px #666666;
}

.mov_Container ul li a:hover {
    text-decoration:none;
    background:#DDF4F7;
}

.mov_Container a#signUp, .mov_Container a#ctl00_ContentPlaceHolder1_signUp {
	margin:15px auto 0;
	display:block;
	height:52px;
	width:240px;
	text-indent:-9999px;
	background-image: url(../images/signUp.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.mov_Container a#signUp:hover, .mov_Container a#ctl00_ContentPlaceHolder1_signUp:hover {
    background:url(../images/signUp.png) left top no-repeat;
}






/* Prepaid Adding Cash */

.addingMoney #left_column {
    padding-bottom:0;
    background:none;
}

#printLinks {
    padding-top:25px;
    padding-left:90px;
    padding-bottom:30px;
}

#printLinks li {
    list-style:none;
    line-height:22px;
}

.innerContent p#locations {
    background:url(../images/locations.gif) left 60px no-repeat;
    display:block;
    height:165px;
}

.mov_addContainer {
    margin:20px 0 0 20px;
    padding:0 0 0 20px;
    width:302px;
    height:350px;
    float:right;
    border-left:dotted 1px;
}

/* Prepaid Direct Deposit */

.directPos #left_column {
    padding-bottom:0;
    background:none;
}

.innerContent ul#directDeposit {
    padding-top:10px;
}
.mov_depositContainer {
    margin:20px 0 0 20px;
    padding:0 0 0 20px;
    width:302px;
    height:395px;
    float:right;
    border-left:dotted 1px;
}

/* Prepaid Bill Pay */

.mov_billsContainer {
    margin:20px 0 0 20px;
    padding:0 0 0 20px;
    width:302px;
    height:540px;
    float:right;
    border-left:dotted 1px;
}

.innerContent ul#billPay li {
    list-style:none;
}

/* Terms And Conditions */

.terms #content p b {
    color:#105274;
}

.terms #content p {
    margin-bottom:10px;
}

.terms #content table {
    border-left:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
}

.terms #content table td {
    padding-left:10px;
    border-top:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
}

/* easyatmcard Loan Offer */

#easyatmcardLoan {
    background:url(../images/easyatmcard_loan.gif) top left no-repeat;
    border-top:none;
    height:732px
}    

/* easyatmcard Education Offer */

#easyatmcardEducation {
    background:url(../images/easyatmcard_education.gif) top left no-repeat;
    border-top:none;
    height:705px
}

/* easyatmcard Life Insurance Offer */

#easyatmcardLifeInsur {
    background:url(../images/easyatmcard_lifeInsur.gif) top left no-repeat;
    border-top:none;
    height:940px
}

/* easyatmcard Auto Warranty Offer */

#easyatmcardWarranty {
    background:url(../images/easyatmcard_auto.gif) top left no-repeat;
    border-top:none;
    height:680px
}

/* Footer */

#footer {
	padding:0 0 40px 0;
	color:#23b7e7;
	font-size:11px;
    background:url(../images/footer_back.gif) left 20px repeat-x;
}

#footer_cont {
	margin:0 auto;
	padding:20px 0 0 40px;
	width:939px;
	background:url(../images/bottom_mainPanel.gif) top left no-repeat;
}

#footer a {
	color:#23b7e7;
}

#footer h5 {
	color:#666666;
}

#footer p {
	color:#666666;
	font-size:11px;
}

#footColms {
    height:10px;
}

#footColms > li {
	padding:0 30px 0px 30px;
	float:left;
	border-left:1px dotted #CCCCCC;
}

#footColms li ul li {
	padding:0 0 5px 0;
}

#footColms > li#none {
	padding-left:0;
	border:none;
	
}

#footColms p {
	width:580px;
}

p#master_logos {
    background:url(../images/master_logos.gif) top left no-repeat;
    display:block;
    height:47px;
    padding-left:295px;
}