/* Layout CSS */
body {
	margin:0;
	padding:0;
	font:12px Arial, Helvetica, sans-serif;
	color:#333;
	background: #fff url("//drh.img.digitalriver.com/DRHM/Storefront/Site/ea/cm/images/spore/bg_body.jpg") repeat-x scroll center top;
}

div#wrapper {width:970px; margin:0 auto; background: url("//drh.img.digitalriver.com/DRHM/Storefront/Site/ea/cm/images/spore/bg_content.png") repeat-y top left;}
div#header {width:970px; height:117px; margin:0;background: url("//drh.img.digitalriver.com/DRHM/Storefront/Site/ea/cm/images/spore/bg_header.png") no-repeat top left;}

#dr_pageContainer {
  background:transparent url(//drh.img.digitalriver.com/DRHM/Storefront/Site/ea/cm/images/spore/bg_left_cutout2.png) no-repeat scroll left top;
  overflow:hidden;
  width:100%;
  padding:0;
	min-height:315px;
}
#dr_CategoryList #dr_merchTier1Bkg {padding:0px 0px 10px 0px;}
#dr_ShoppingCart #dr_cartTbl {
  width:100%;
}
#dr_orderDetailsTbl {width:940px;}
#dr_orderDetailsTbl .dr_productName {border-left:1px solid #595959 !ie;}
.dr_oddRow {background:none;}
div#dr_tier1PlatRating {padding-left:20px;}
#dr_CheckoutPaymentShippingInfo .dr_confirmElement h3 {height:15px;}

/* Column2 for _spore is turned on/off in the COLUMNS_LOGIC */
#dr_pageColumnLeft_spore {
  display:none;
}
#dr_pageColumnCenter_spore {
  float:left;
  padding:8px 10px 2px 15px;
  width:940px;
}
#dr_pageColumnRight_spore {
  float:left;
  display:none;
  padding:8px 10px 0 0;
}
div#footer {width:970px; height:180px; margin:0; background: #fff url("//drh.img.digitalriver.com/DRHM/Storefront/Site/ea/cm/images/spore/bg_footer.png") no-repeat top left;}

p.btnCustomer a:link, p.btnCustomer a:visited {
	position:relative;
	display:block;
	top:35px;
	left:743px;
	text-indent:0px;
	height:23px;
	font-size:10px;
	color:#fff;
	text-decoration:none;
	padding:8px 0 0 0;
	background: url("//drh.img.digitalriver.com/DRHM/Storefront/Site/eaemea/cm/images/spore/btn_customer_service_blank.jpg") no-repeat top left;
	text-align:center;
	text-transform: uppercase;
	width:192px
}
* html .btnCustomer a:link {
  top:16px;
}

#header h1 a:link, div#header h1 a:visited {
	display:block;
	position:relative;
	top:25px;
	left:20px;
  left:-380px !ie;
	width:175px;
	height:0px;
	padding-top:48px;
	font-size:12px;
  text-indent:-5000px;
	border-right:0;
	text-decoration:none;
}
#header h1 a:hover, div#header h1 a:active {border:0;text-decoration:none;}

#poweredByEAStore {
  text-align:center;
  padding:0 0 5px 0;
}
#poweredByEAStore a:link, #poweredByEAStore a:visited {
background:transparent url(//drh.img.digitalriver.com/DRHM/Storefront/Site/ea/cm/images/spore/powered_by_ea_store_blank.png) no-repeat scroll right top;
color:#000000;
display:block;
font-size:10px;
height:37px;
margin:0pt auto;
padding-top:23px;
text-align:left;
text-decoration:none;
width:165px;
}
* html #poweredByEAStore a:link, #poweredByEAStore a:visited {
background:transparent url(//drh.img.digitalriver.com/DRHM/Storefront/Site/eaemea/cm/images/spore/powered_by_ea_store_blank.jpg) no-repeat scroll right top;
}
#footer {font-size:10px;}
#footLeft {
  display:inline;
  float:left;
  margin:0pt;
  padding:85px 2px 10px 19px;
  width:390px;
}
#footRight {
  display:inline;
  float:right;
  margin:0pt;
  padding:33px 10px 10px;
  width:520px;
}
#footLeft ul {list-style:none; float:left; display:inline; margin:0 80px 0 0; padding:0}
#footLeft ul li {margin:0; padding:0}

#footRightLinks {
  float:right;
  margin:0 8px 0 250px;
  text-align:right;
  width:225px;
	display:inline;
}
#notePrice {
  float:right;
  padding:40px 0 16px 0;
  margin:0;
  height:50px;
  text-align:right;
  width:250px;
  display:inline;
}
* html #notePrice {height:58px;}
#footLogo {
  background: url("//drh.img.digitalriver.com/DRHM/Storefront/Site/ea/cm/images/spore/spore_ea_logo.png") top left no-repeat;
  float:right;
  margin:25px 5px 0 0;
  display:inline;
  width:60px;
  height:53px;
}
* html #footLogo {background: url("//drh.img.digitalriver.com/DRHM/Storefront/Site/ea/cm/images/spore/spore_ea_logo.jpg") top left no-repeat;}
#copyright {
  float:right;
  width:519px;
}

/* CSS Document */
#footer a:link {
	color: #828282;
	text-decoration:underline;
}

#footer a:visited {
	color: #999999;
	text-decoration:underline;
}

#footer a:hover {
	color: #5B82A3;
	text-decoration: underline;
}
img {
border:none;
}
#container {
		width:880px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
		text-align:left;
		background-color:#000;
		}
h1 {
font-size:14px;
margin:0px;
padding:0px;
text-align:center;
color: #fff;
}
#deck {
font-size: 10px;
font-weight: bold;
margin-top: 5px;
}
.screenshots h1 {
color:#8AB172;
}
h5 {
font-size: 12px;
margin:1px;
text-align:left;
color: #5F5F5F;
}
.location {
font-weight:bold;
}
#header {
position:relative;
background-color:#000;
width:800px;
height:230px;
}

#uiabout{
position:absolute;
left:231px;
top: 100px;
visibility:visible;
z-index: 5;
}
#uiabout img, #uiscreens img, #uipress img {
border:0px;
}

#uiabout a {
		display:block;
		width:101px;
		height:92px;
		background: url("http://www.spore.com/images/button_about.gif") 0 0 no-repeat;
		}
#uiabout a:hover {
		background-position: 0px -90px;
		}
#uiabout a:active {
		background-position: 0px -185px;
		}
#uipress{
position:absolute;
left:353px;
top: 116px;
visibility:visible;
z-index: 5;
}

#uipress a {
		display:block;
		width:101px;
		height:92px;
		background: url("http://www.spore.com/images/button_press.gif") 0 0 no-repeat;
		}
#uipress a:hover {
		background-position: 0px -90px;
		}
#uipress a:active {
		background-position: 0px -184px;
		}


#uiscreens{
position:absolute;
left:474px;
top: 100px;
visibility:visible;
z-index: 5;
}

#uiscreens a {
		display:block;
		width:101px;
		height:92px;
		background: url("http://www.spore.com/images/button_screens.gif") 0 0 no-repeat;
		}
	#uiscreens a:hover {
		background-position: 0px -90px;
		}
#uiscreens a:active {
		background-position: 0px -185px;
		}



















#newsletter {
position:absolute;
top:200px;
left: 135px;
font-size: 10px;
font-weight:bold;
visibility:visible;
}
#contentcontainer {
position:relative;
background-color:#000;
background-image:url(http://www.spore.com/images/bk.gif);
background-repeat: repeat-y;
}
#content {
position:relative;
margin-left: 120px;
width: 520px;
padding: 2px 20px 5px 20px;
}
#advert {
position: absolute;
top: 0px;
right: 20px;
width: 160px;
height: 600px;
}
#footer {
position:relative;
background:#000;
width: 800px;
background-image:url(http://www.spore.com/images/bk.gif);
background-repeat: repeat-y;
}
.footerText {
position:relative;
margin-left: 120px;
width: 540px;
padding: 10px 5px 5px 5px;
font-size: 10px;
text-align:center;
}
#footerbottom {
background-image:url(http://www.spore.com/images/footer_bottom.gif);
background-repeat:no-repeat;
width: 800px;
height: 11px;
}
.eafooter {
position:relative;
text-align:center;
}
.eafooter img{
padding-right: 40px;
padding-top: 5px;
}
.footer {
font-size: 10px;
}
.navlinks {
font-weight: bold;
}
.frontAlert{
padding-top:10px;
}
.about h2 {
color: #8AB172;
}
.about h1 {
color:#8AB172;
}
.phases {
float:left;
margin-right: 5px;
}
.about {
position:relative;
clear:both;
padding-bottom:20px;
margin-left:auto;
margin-right:auto;
}

.contentLeft {
text-align:left;
padding-top:10px;
}
img.contentLeft{
float:left;
margin-right:10px;
}
.contentRight {
text-align:right;
}
img.contentRight{
float:right;
margin-left:10px;
margin-bottom: 5px;
}
.press {
padding-bottom:15px;
padding-top: 15px;
}
.news a {
font-size: 10px;
font-weight: bold;
}
.news h1 {
color:#8AB172;
}
.news h3 {
font-weight:bold;
font-size:12px;
margin:0px;
}
#warrior {
position:relative;
left: 1px;
bottom:0px;
z-index:30;
}
.screenshots {
text-align:center;
}
.screenshots img {
border: 1px solid #000;
}
.screenshots h1 {
color:#8AB172;
}
.creatures {
text-align:left;
padding-top: 25px;
}
.creaturedescription h2 {
text-align:center;
color:#fff;
}
#creaturedescription {
position:relative;
width: 300px;
height:20px;
text-align:left;
margin-left: auto;
margin-right: auto;
}
.creaturedescription {
position: absolute;
top: 5px;
width: 300px;
height: 20px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
#creaturedescription b{
text-align:center;
}
.screens {
text-align:left;
padding-top: 25px;
}
.screenslist {
position:relative;
display:inline;
text-align:center;
margin-bottom: 10px;
margin-top: 10px;
}
.thumbs {
position:relative;
text-align:center;
padding-top:5px;
}
.BigScreen {
position:relative;
float:right;
}
.screensmore {
font-size: 10px;
}
.movies {
text-align:left;
padding-bottom: 10px;
}
.thumbshelp {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin-top:0px;
}