/* 

COBER DESIGN CREATIVE AGENCY
EA CASHCARD
STYLESHEET V1.0
10.16.2008

====================================================================================

1.0 FOUNDATION
2.0 PAGE LAYOUT
3.0 CONTENT
4.0 FOOTER
5.0 HACKS

*/
	
/* 
====================================================================================
1.0 FOUNDATION
====================================================================================
*/
	
body, html { 
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	background-color:#595959;
	background-image:url(../images/spot-bkg.png);
	background-repeat:repeat-x;
	color:#335380;
	}
	
a:link, a:visited  { color:#335380; text-decoration:underline;}
a:hover, a:active  { color:#335380; text-decoration:underline;}
		
.clear { clear:both; }
.right { float:right; }		
.left { float:left;}

h1 { width:231px; height:0px; padding-top:31px; font-size:1px; text-indent:-9000px; float:left; background-image:url(../images/ea-t-gamefinder.png); background-repeat:no-repeat; margin:24px 0px 0px 20px;}
h2 { margin:0; padding:0; font-weight:bold; font-size:24px; float:left;  text-transform:uppercase;  }
h3 { font-size:14px; font-weight:bold; color:#0d8fd9; margin:0 0 5px 0; }
p { padding:0 0 15px 0;}
img, div { behavior: url(iepngfix.htc) }


/* 
====================================================================================
2.0 PAGE LAYOUT
====================================================================================
*/
#gus-top { height: 25px; margin: auto;}
#outer-wrap { width:968px; margin:auto; position: relative; background-image:url(../images/body-bkg.png); background-repeat:repeat-y; background-color: transparent; }
#top-cap { width:968px; height:7px; padding: 0; margin:16px auto 0px; background-image:url(../images/body-bkg-top-cap.png); background-repeat:no-repeat; }
#inner-wrap { width:968px; background-image:url(../images/body-bkg-top-fade.png); background-repeat:no-repeat; }


/* 
====================================================================================
3.0 CONTENT
====================================================================================
*/

#header {width:876px; height:181px; margin: 0 0 0 60px; padding:20px 0 0 0; }
#header2 {width:876px; margin: 0 0 0 60px; padding:20px 0 0 0; }
.ea-logo {padding:0; float:left;}
.ea-cash-cards-title-wrap {float:left; width:692px; margin:25px 0 0 66px; border-bottom: 1px solid #c6c6c6;}
.ea-cash-cards-title {float:left; padding:15px 0 0 0;}

.retailer-bar {float: right; height: 45px; margin: 0 0 0 58px; }
.retailer {padding:0 0 0 7px; float:left;}
.retailer-text { padding:26px 0 0 0; float:left;}
.intro-text {float:left; margin:50px 0 0 66px; width:693px; font-size:14px; font-weight:bold; color:#0d8fd9; line-height:18px;}

.body-content {float:left; margin:50px 0 0 66px; width:693px; font-size:12px; line-height:15px;}
.footnote {font-size:10px;}
#cash-card-1 { width:817px; height: 112px; margin:0 0 0 107px; background-image:url(../images/cash-card-banner-1.png); background-repeat:no-repeat; }
	.na-only {padding:95px 0 0 382px; font-size:10px;}

#cash-card-2 { width:876px; height: 84px; margin:0 0 0 48px; background-image:url(../images/cash-card-banner-2.png); background-repeat:no-repeat; }
#cash-card-content { width:859px; margin:0 0 0 65px; background-image:url(../images/card-content-bkg.png); background-repeat:repeat-y; background-position: 100% 100%; }
	#cash-card-content a:link, #cash-card-content a:visited  { color:#335380; text-decoration:underline; font-weight:bold; }
	#cash-card-content a:hover, #cash-card-content a:active  { color:#335380; text-decoration:underline; }
	#cash-card-content ul {width:300px; margin:5px 0 25px 0px;}
	#cash-card-content li {width:200px; padding:0 0 3px 15px; background-image:url(../images/bullet_47.png); background-repeat:no-repeat; background-position: 5px 5px; display:block; }

.cash-card-content {width:626px; height:400px; background-image:url(../images/cash-card-banner.png); background-repeat:no-repeat; padding:90px 20px 0 230px;}

#cash-card-3 { width:411px; height: 85px; float:left; background-image:url(../images/cash-card-banner-3.png); background-repeat:repeat-y; }

	.left-content { width:355px; float:left; margin:0; padding:0 0 0 210px; background-image:url(../images/cash-card-banner-4.png); background-position: 63px 0px; background-repeat:no-repeat;}
	.cash-card-details {}
	.right-content { width:280px; float:right; margin:30px 0 0 0; text-align:center; }
	.the-sims {padding:0 0 5px 0;}
	.ea-store {padding:0 0 5px 0;}
	.b-redeem {padding:0 0 25px 0;}

.cash-card-footer { width:876px; height:20px; margin: 0 0 0 48px; background-image:url(../images/card-content-footer.png); background-position: top right; background-repeat:no-repeat; clear:both;}


#gtime-card-1 { width:774px; height: 105px; margin:0 0 0 154px; background-image:url(../images/gtime-card-banner-1.png); background-repeat:no-repeat; }
	.gtime-na-only {padding:90px 0 0 187px; font-size:10px;}

#gtime-card-2 { width:770px; height: 84px; margin:0 0 0 154px; background-image:url(../images/gtime-card-banner-2.png); background-repeat:no-repeat; } /* JUST FOR CARD CASH TITLE */
#gtime-card-content { width:770px; margin:0 0 0 154px; background-image:url(../images/card-content-bkg.png); background-repeat:repeat-y; background-position: 100% 100%; } /* HOLDS CONTENT */
	#gtime-card-content a:link, #gtime-card-content a:visited  { color:#335380; text-decoration:underline; font-weight:bold; }
	#gtime-card-content a:hover, #gtime-card-content a:active  { color:#335380; text-decoration:underline; }

#gtime-card-3 { width:206px; height: 70px; float:left; background-image:url(../images/gtime-card-banner-3.png); background-position: top right; background-repeat:no-repeat; margin:0; }

	.gtime-left-content { width:340px; float:left; margin:0; padding:10px 0 0 121px; }
	.gtime-right-content { width:280px; float:right; margin:10px 0 0 0; text-align:center; }
	.warhammer {padding:0 0 2px 0;}
	.b-gtime-redeem {padding:0 0 10px 0;}
.customer-support {float:right; padding:50px 40px 20px 0;}


/* 
====================================================================================
4.0 FOOTER
====================================================================================
*/

#footer {width:968px; height:7px; margin:auto; background-image:url(../images/body-footer-cap.png); background-repeat:no-repeat; }


#footer-nav {width:915px; height:60px; margin:20px auto; background-color:transparent;}
.etrust {width:170px; height:40px; float:left;}
.corp-nav {width:100px; height:40px; float:left; font-size:9px; border-left:1px solid #999; padding:2px 0px 0px 10px;}
.corp-nav a, corp-nav a:visited { font-size:9px; color:#FFFFFF; line-height:15px; text-decoration:none;}
.corp-nav a:hover, corp-nav a:active {color:#FFFFFF; text-decoration:none;}
.copyright {width:350px; float:right; text-align:right; font-size:9px; line-height:15px; color:#FFFFFF;  padding:2px 0px 0px 0px;}


/* 
====================================================================================
5.0 HACKS
====================================================================================
*/


/* THIS IS THE FIX FOR IE7 TO CLEAR FLOATS */

   .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 */
   
/* THIS IS THE FIX FOR IE TO PREVENT WHITE SPACE BETWEEN LI'S */

 	/* Fix IE. Hide from IE Mac \*/
	* html ul li { float: left; height: 1%; }
	* html ul li a { height: 1%; }
	/* End */
	
/*
====================================================================================
6.0 INFO
====================================================================================
*/

#faq {
  position: relative;
  padding-top: 20px;
}

#faq h2 {
  height: 50px;
}

#faq li {
  list-style: none;
  padding: 10px 0;
}

#terms h4 {
  padding: 10px 0;
}

#terms ol {
  padding-left: 30px;
}

#terms li {
  padding: 5px 0;
}