@import url("budgettool.css");


/* Reset & Body 
--------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


* {
margin:0;
padding:0;
}

body {
background: #fff;
font-family:Arial, Helvetica, sans-serif;
color:#000;
position:relative;left:0px;top:0px;z-index:0; /* fix firefox2 negative z-index problem */

}

#bg {
background: url(images/bg/stuff.jpg) top center no-repeat;
font-size:1em;
width:100%;
height:800px;
position:absolute;
top:150px;
left:0;
z-index:-1;
}


a							{ color:#0023a0; text-decoration:none; }
h2 a {
color:#666;
}
a:hover {
color:#ffaa00;
}
/* Visa Header 
--------------------------------------------------------------------*/
#headerWrap {

font-size:0.75em;
margin:20px 0 0 0;

}

/*:::::[HEADER]:::::*/
#header					{ float:left; width:100%; }
#logo					{ float:left; padding-left:17px;}
.sitemap				{ float:left; margin-top:7px; }
.search					{ text-align:right; padding-right:15px; }
.search .form			{ width:164px; margin-right:2px;}
.country				{ text-align:right; font-weight:bold; }
.country label			{ margin-top:5px; }



/*:::::[NAV LEVEL1]:::::*/

#nav1				{ margin: 0; padding: 0; float: left; font-weight: bold; padding:19px 0 7px 20px; }
#nav1 ul			{ list-style: none; margin: 0; padding: 0; }
#nav1 li			{ margin: 0; padding: 0; padding-right: 18px; display: inline; list-style-type: none; white-space: nowrap; }
#nav1 li a			{ margin-right: 5px; padding-bottom: 4px; }
#nav1 li a:hover	{ text-decoration:none; border-bottom: 3px solid #FFA000; }
#nav1 li a.on		{ text-decoration:none; border-bottom: 3px solid #FFA000; color: #FFA000; }

.gline				{ background:#d8d8d8; width:100%; height:1px; margin-bottom: 13px; clear: both; }

/*:::::[NAV LEVEL2]:::::*/

#nav2				{ background:#FFF1D9; clear:both; font-size:0.90em; text-align:left; padding:7px 0 6px 20px; }
#nav2 ul			{ list-style: none; padding: 0; margin: 0; }
#nav2 li			{ margin: 0; padding: 0; padding-right: 15px; display: inline; list-style-type: none; white-space: nowrap; }
#nav2 li a			{ background:#FFF1D9; color:#0023a0; }
#nav2 li a:hover	{ color:#FFA000; }
#nav2 li a.on		{ font-weight:bold; color:#FFA000; text-decoration: underline; }

a.on						{ color:#FFA000; text-decoration:none; font-weight: bold; }

/*:::::[FORMS]:::::*/
.form					{ border:1px solid #a7a6aa; }
input					{ margin:4px 0 1px 0; padding:2px 1px 2px 3px; float:left; color:#626262; background:#f5f5f5; font-size:1.0em; }
select					{ margin:4px 2px 1px 0; padding:1px 1px 1px 0; float:left; color:#626262; background:#f5f5f5; font-size:10px; border:1px solid #a7a6aa; }
label 					{ float:left; margin:7px 5px 0 0;}
label.region			{ float:left; margin:2px 0 10px 0; clear: both; font-size: 1.0em; }
input.cityzip			{ width: 245px; margin:0; padding:2px 1px 2px 3px; font-size:1.0em; background:#f5f5f5; border:1px solid #a7a6aa; }
input.wide				{ width: 515px; margin:0; padding:2px 1px 2px 3px; font-size:1.0em; background:#f5f5f5; border:1px solid #a7a6aa; }
input.but				{ background:#FFA000; color:#402800; border:0; padding:2px 3px 2px 2px;}
input.radio				{ background : #FFFFFF; margin-right: 5px; color: #FFA000; clear: both; }
input.quick				{ background:#FFA000; color:#402800; border:0; padding:2px 3px 2px 2px; margin: 12px 5px 0 0; float:right; }
.countrywrap			{ position: relative; padding-bottom: 15px; }
.line					{ border-top: 1px solid #d8d8d8; margin-bottom: 15px; }
.col1					{ float: left; font-size: 1.0em; font-weight:bold; margin-right: 4px; margin-bottom: 15px; }
.col2					{ font-weight: normal; font-size: 0.80em; padding-top: 2px; }
.members 				{ font-size: 1.1em; width: 200px; }
.row					{ float: left; margin:0; }

#container {
margin:0 auto;
width:960px;

}



/* Header 
--------------------------------------------------------------------*/
#header2 {
height:66px;
background: url(images/bg/header_cont.png) -1px 50px no-repeat;
width:810px;
margin:0 70px;  /* cocks up ie6 */
padding:0 0 0 10px;
position:relative;z-index:99;
}
/* Navigation 
--------------------------------------------------------------------*/



#nav3 ul {
list-style:none;
padding:32px 0 0 0;

}


#nav3 ul li a {
	color:#444;
text-decoration: none;
padding:0 20px 0 0;
background: url(images/bg/arrow.gif) right no-repeat;
font-size:0.8em;
font-weight: bold;
}

#nav3 ul li a:hover, #nav3 ul li a.on  {
color:#ffaa00;
}

#nav3 ul li { /* all list items */
	float:left;
margin:0 0 0 0;
background: url(images/bg/nav.gif) no-repeat;
display:block;
width:148px;
height:29px;
padding:8px 0 0 15px;
position:relative;
}

#nav3 ul li ul { /* second-level lists */
	position: absolute;
	background: url(images/bg/subnav.png) 0 20px no-repeat;
	width: 163px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin:0 0 0 -12px !important;
	padding:20px 0 0 0;
	z-index:10;

}

#nav3 ul li ul li{
background:none;
border-bottom:#666 1px dashed;
margin:0 30px 0 10px;
width: 123px;
padding:5px 0;
height:auto;
}
#nav3 ul li ul li.last{
background:none;
border-bottom:none;
margin:-10px 0 0;
padding:5px 0 10px 10px !important;
padding:5px 0 10px 20px; /* sort ie6 padding issue */
background: url(images/bg/navbot.png) bottom left no-repeat;
width:153px;
position:relative;
bottom:-10px;
}

#nav3 ul li ul li a{
background:none;
font-size:0.8em;
padding:0;
font-weight: normal;
}

#nav3 ul  li:hover ul, #nav3 li.sfhover ul { /* lists nested under hovered list items */
	left: 12px;
	top:25px;
}


#nav3 ul li.homeNav {
margin:0 0 0 55px;
width:88px;
background: url(images/bg/home_nav.gif) no-repeat;
display:none;
}

/* Content 
--------------------------------------------------------------------*/
.content {

width:815px;
background: url(images/bg/content2.png) repeat-y;
margin:0 70px -1px 70px; /* -1 bottom to fix ie7 gap */
padding:20px 0 0 5px;
position:relative;
}

.content p {
padding:0 0 10px 10px;
}

#title {
position:absolute;
top:-5px;
left:-5px;
z-index: 9;
}

#contentLeft {
float:left;
width:583px;
padding:0 0 0 8px;

}
.bot {
background: url(images/bg/content_footer.png) top left  no-repeat;
height:17px;
margin:0 68px;
}

/* Homepage 
------------------------*/

div.mainContentHome {
background: url(images/bg/home_bg.png) no-repeat;
width:587px;
height:277px;
position:relative;

}
div.sticker {
width:213px;
height:115px;
position:absolute;
top:59px;
left:34px;
padding:40px 30px;
}

.mainContentHome h1 {
color:#666;
font-size:1.8em;

line-height:0.8em;
margin:0 0 2px 10px;
}
.mainContentHome h1 a{
color:#666;
}

.mainContentHome h1 span{
font-size:0.7em;
}

.mainContentHome p{
font-size:0.8em;
}

a.more {
float:right;
background: url(images/bg/arrow.gif) right no-repeat;
padding:0 20px 0 0;
font-size:12px;
font-weight: bold;
}

a.moreLeft{
background: url(images/bg/arrow.gif) right no-repeat;
padding:0 20px 0 0;
font-weight: bold;
}


div.spotlight {
background: url(images/bg/money.png)  no-repeat;
width:235px;
height:70px;
float:left;
margin:0 0 0 4px;
padding:155px 10px 0 20px;
display:inline;
position:relative;
}



div.spotlight h2 {
color:#666;
font-weight: lighter;
font-size: 1.1em;
padding:0 0 5px 0;
}

div.spotlight  p{
font-size:0.7em;
padding:0 0 5px 0;
}

div.spotlight  a.more{
position:absolute;
top:190px;
right:10px;

}

div.games {
background: url(images/bg/games.png)  no-repeat;
}

div.cashpoint {
background: url(images/bg/cashpoint.png)  no-repeat;
}

div.prepaid {
background: url(images/bg/prepaid.png)  no-repeat;
}

div.chill {
background: url(images/bg/chillout.png)  no-repeat;
}
div.design {
background: url(images/bg/cardbot.png)  no-repeat;
}

/* general 
------------------------*/
h2.mainHeader, h1.mainHeader {
background: url(images/bg/cont_header.png)  no-repeat;
clear:both;
width:543px;
padding:20px 20px;
color:#666;

}

h1.mainHeader {
font-size:1.4em;
}
div.mainContent {
background: url(images/bg/cont_footer.png)  bottom no-repeat;
width:583px;
padding:0 0 17px 0;
line-height:1em;
}

div.mainInner{
background: url(images/bg/cont_bg.png)  repeat-y;
padding:0 20px;
font-size:0.8em;
/* display:inline-block; /* fix ie bg problem (move to separate sylesheet) */
}


h2 {
padding:10px 0 10px;
color:#666;
font-size:1.3em;
}
img.fR {
float:right;
}
p.intro {
font-weight: bold;
color:#666;
font-size:1.1em;
}
div.mainInner ol {
list-style: decimal;
padding:0 0 10px 30px;
}
div.mainInner ol li{
padding:0 0 5px 0;
}

div.mainInner ul {
list-style: disc;
padding:0 0 10px 30px;
}
div.mainInner ul li{
padding:0 0 5px 0;
}
div.mainInner ul.noBul {
list-style: none;
padding:0 0 10px 10px;
}

div.mainInner dt {
padding:0 0 10px 10px;
color:#666;
font-size:1.2em;
font-weight:bold;
}
div.mainInner dd {
padding:0 0 15px 10px;
}


div.side {
float:right;
position:relative;
top:-35px;
width:200px;

}

div.side h2{
font-size: 1.3em;
padding:0 0 15px 12px;

}

h3{
color:#666;
margin:0 0 10px 0;
}
h4 {
margin:0 0 0 10px;
}
.good {
color:#095500;

}
.bad {
color:#840008;

}

#design {
background: url(images/bg/design.png)  no-repeat;
padding:40px 0 ;
}



/* Right side 
------------------------*/
#contentRight {
float:left;
width:215px;

}

#contentRight p{
padding: 0 0 10px 0;

}

h2.secHeader {
background: url(images/bg/sec_header.png)  no-repeat;
clear:both;
width:175px;
padding:20px 20px;
color:#666;

font-size:1em;
}
div.secContent {
background: url(images/bg/sec_footer.png)  bottom no-repeat;
width:215px;
padding:0 0 12px 0;
font-size:0.8em;
}

div.secInner{
background: url(images/bg/sec_bg.png)  repeat-y;
padding:0 20px 14px;
/*display:inline-block;/* fix ie bg problem */

}

h2.secHeaderHome {
background: url(images/bg/card.png)  no-repeat;
clear:both;
width:175px;
padding:160px 20px 10px 20px;
color:#666;

font-size: 1em;
}
h2.secHeaderCash {
background: url(images/bg/cashpoint_right.png)  no-repeat;
clear:both;
width:175px;
padding:190px 20px 10px 20px;
color:#666;

font-size: 1em;
}

h2.secHeaderMoney {
background: url(images/bg/money_right.png)  no-repeat;
clear:both;
width:175px;
padding:190px 20px 10px 20px;
color:#666;

font-size: 1em;
}
h2.secHeaderUrlife {
background: url(images/bg/urlife_right.png)  no-repeat;
clear:both;
width:175px;
padding:190px 20px 10px 20px;
color:#666;

font-size: 1em;
}
h2.secHeaderPrepaid {
background: url(images/bg/prepaid_right.png)  no-repeat;
clear:both;
width:175px;
padding:190px 20px 10px 20px;
color:#666;

font-size: 1em;
}
h2.secHeaderGames {
background: url(images/bg/games_right.png)  no-repeat;
clear:both;
width:175px;
padding:190px 20px 10px 20px;
color:#666;

font-size: 1em;
}


/* Games ---------------------- */


.play {
width:234px;
background: #ccc url("images/homepage/canoe.png") bottom no-repeat;
height:168px;
margin:8px 0 0 5px;
font-size: 0.7em;
padding:10px 15px;
float:left;
display:inline;
}

.kayak {
background: url("images/bg/kayak.png")  no-repeat;

}
.pong {
background: url("images/bg/pong.png")  no-repeat;

}
.bball {
background: url("images/bg/bball.png")  no-repeat;

}
.play h2{
background: url("images/bg/drag.png") no-repeat;
padding:15px 0 10px 4px;
font-size:1.1em;
}
.play h3 {
font-weight:lighter;
font-size:1.4em;
color:#ffaa00;
margin:8px 0 0 5px;
float:left;
display:inline;
}
.play h3 a{
color:#ffaa00;
}

.play a.more {
float:right;
margin:12px 5px 0 0;
background: none;}
.play p {
clear:both;
padding:5px 5px 0 5px;
}

.pong p, .bball p, .pong div.hs, .bball div.hs {
color:#fff;

}





#mainContent_play {
min-height:482px;
width:643px;

margin:0 0 0 23px;
}



#gameTop {
background: url("images/bg/game_header.png") no-repeat;
height:20px;
margin:0 0 0 60px;
}

#gameMid {
background: url("images/bg/game_bg.png") repeat-y;
margin:0 0 0 60px;
}
#gameBot{
background: url("images/bg/game_footer.png") bottom no-repeat;
height:20px;

}


div.pongBg{

background: url("images/bg/pong_game_bg.jpg") no-repeat;

}
div.pongBg2{

background: url("images/bg/pong3.jpg") no-repeat;

}
div.pongBg3{

background: url("images/bg/pong4.jpg") no-repeat;

}
div.bballBg{

background: url("images/bg/bball_bg.jpg") no-repeat;

}
div.bballBg2{

background: url("images/bg/bball3.jpg") no-repeat;

}
div.bballBg3{

background: url("images/bg/bball4.jpg") no-repeat;

}
div.canoeBg{

background: url("images/bg/kayak_bg.jpg") no-repeat;

}
div.canoeBg2{

background: url("images/bg/kayak3.jpg") no-repeat;

}
div.canoeBg3{

background: url("images/bg/kayak4.jpg") no-repeat;

}
#mainContent_play h2{
background:#fff;
color:#ffaa00;
font-size:1.2em;
padding:4px 0 3px 5px;
margin:0 0 5px 0;
}

a.signLink {

display:block;
background: url("images/bg/mail.jpg") left center no-repeat;
padding:15px 0 15px 45px;
width:220px;

margin:420px 0 0 0;

}

#gameHeader  {
padding:10px 30px 0 30px;
height:62px;
}

#gameHeader p {
width:400px;
float:left;
padding:10px 0 0 0;
font-size:0.8em;
color:#666;
}

#gameHeader ul {
padding:0;
margin:0;
list-style: none;
}


li.gameButton a {
background: url("images/bg/playbutton.jpg") no-repeat;
width:76px;
height:57px;
display:block;
text-indent:-9999px;


}
li.gameButton {
background: url("images/bg/playbutton.jpg") no-repeat;
float:right;
}

li.gameButton a:hover {
background: url("images/bg/playbutton_o.jpg") no-repeat;
}

li.scoreButton a{
background: url("images/bg/scorebutton.jpg") no-repeat;
width:76px;
height:57px;
display:block;
text-indent:-9999px;


}

li.scoreButton {
background: url("images/bg/scorebutton.jpg") no-repeat;
float:right;
margin:0 0 0 10px;
}

li.scoreButton a:hover{
background: url("images/bg/scorebutton_o.jpg") no-repeat;
}






li.gameButtonB a {
background: url("images/bg/playbball.jpg") no-repeat;
width:76px;
height:57px;
display:block;
text-indent:-9999px;


}
li.gameButtonB {
background: url("images/bg/playbball.jpg") no-repeat;
float:right;
}

li.gameButtonB a:hover {
background: url("images/bg/playbball_o.jpg") no-repeat;
}

li.scoreButtonB a{
background: url("images/bg/bballscore.jpg") no-repeat;
width:76px;
height:57px;
display:block;
text-indent:-9999px;


}

li.scoreButtonB {
background: url("images/bg/bballscore.jpg") no-repeat;
float:right;
margin:0 0 0 10px;
}

li.scoreButtonP a:hover{
background: url("images/bg/bballscore_o.jpg") no-repeat;
}




li.gameButtonP a {
background: url("images/bg/pongplay.jpg") no-repeat;
width:76px;
height:57px;
display:block;
text-indent:-9999px;


}
li.gameButtonP {
background: url("images/bg/pongplay.jpg") no-repeat;
float:right;
}

li.gameButtonP a:hover {
background: url("images/bg/pongplay_o.jpg") no-repeat;
}

li.scoreButtonP a{
background: url("images/bg/pongscore.jpg") no-repeat;
width:76px;
height:57px;
display:block;
text-indent:-9999px;


}

li.scoreButtonP {
background: url("images/bg/pongscore.jpg") no-repeat;
float:right;
margin:0 0 0 10px;
}

li.scoreButtonP a:hover{
background: url("images/bg/pongscore_o.jpg") no-repeat;
}

a.kayakAbs, a.pongAbs, a.bballAbs {
position:absolute;
bottom:15px;
left:30px;
display:block;
width:226px;
height:153px;
z-index:12;

}

a.pongAbs {
left:290px;
}

a.bballAbs {
left:560px;
}


#inst {
color:#fff;
width:230px;
font-size:12px;
margin:200px 0 0 35px;
line-height:1.2em;
}

/* Footer 
--------------------------------------------------------------------*/



/*:::::[FOOTER]:::::*/
.oline					{ background: #FFA000; clear: both; width: 100%; height: 1px; }
/*#footer					{ font-size: 0.90em; color: #626262; text-align: left; line-height:1.90em; margin-left: 20px; font-weight: bold; }*/
#footer2				{ clear:both;font-size: 0.80em; color: #626262; text-align: left; line-height:1.90em; }
/*#footer a				{ text-decoration: none; }
#footer a:hover			{ text-decoration: underline; }*/
.footeralert         	{font-weight:normal;}

/*---Added 01-09-2007 - turn footer into a list // MUST TURN OFF 'FOOTER' DIVS ONLY // ---*/
#footer					{ 
font-size: 0.7em; 
color: #626262; 
text-align: left; 
line-height:1.90em; 

font-weight: bold; 
background: url(images/bg/content_footer.png) 68px 0   no-repeat;
padding:20px 0 0 0;
margin:0px 0 0 0;
}

.gline

{display:none}


#footer ul				{ list-style: none; margin: 0 0 0 -8px; padding: 0; }
#footer li				{ line-height:1.3em;margin: 3px 0 0 0 !important;margin:0px 0 0 0; padding: 0px 8px 0 8px; float:left; list-style-type: none; white-space: nowrap; border-right:1px solid #666;}
#footer li.li_last 		{ border-right:none;       }	
#footer li a			{ text-decoration: none; }
#footer li a:hover		{ text-decoration: underline; }
#footer .pipe			{ padding: 0 10px; }
#footer ul.footRight li { line-height:1.3em; margin: 0; padding: 0px 8px 0px 8px; float:none; display: inline; list-style-type: none; white-space: nowrap; border-right:1px solid #666;  }
#footer ul.footRight li.li_last 		{ border-right:none;       }	


/* Float clearing
--------------------------------------------------------------------*/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */