/*
 * File: ea_global_footer.css
 * Description: Defines all styles required for global footer. It does NOT include any CSS reset style definitions.
 * Guidelines: None
 * 
 * TABLE OF CONTENTS
 * -------------------------
 * 1. General
 * 2. Site Links
 * 3. Highlight Area
 * 4. Corporate Links & Legal Notices
 * 5. Duplicate Entries (button styles, thumbnail backgrounds, etc. which exist elsewhere, but are duplicated to keep footer independent)
 * 
 * Copyright 2008 Fi (www.f-i.com)
 */

/* GENERAL
================================================== */

#footer {
	clear:  both;
	font-family: Arial;
	font-size: 12px;
	width: 972px;
	margin: 0px auto;
	margin-top: 17px;
}

#footer .utilityBar {
	height: 45px;
	width: 100%;
	/*overflow: hidden;*/
	background: transparent url(footer.png) no-repeat;
}

#footer .utilityBar h4 {
	margin: 7px;
	width: 60px;
	height: 30px;
	float: left;
}

#footer .utilityBar h4 a {
	display: block;
	width: 60px;
	height: 30px;
	text-indent: -9999px;
	background: transparent url(footer.png) no-repeat scroll 0px -50px;
}

#footer_search {
	margin-top: 7px;
	margin-right: 7px;
	padding-left: 20px;
	height: 34px;
	float: right;
	width: auto;
}

#footer_search input {
	border: 0px;
	display: block;
	float: left;
}

#spotlight-footer {
	color: #717171;
	padding-left: 30px;
	width: 350px;
	height: 22px;
	padding-top: 8px;
	background: transparent url(footer.png) no-repeat scroll 0px -100px;
}

#footer_search input.searchSubmit {
	padding: 0px 20px 0px 20px;
	height: 30px;
	color: #fff;
	font-weight: bold;
	background: transparent url(footer.png) no-repeat scroll right -100px;
}
#footer_search .submitsd,
#footer_search .submitsd_on{
	float: left;
	height: 30px;
	padding-left: 2px;
	cursor: pointer;
	background: transparent url(footer.png) no-repeat scroll 0px -100px;
}
#spotlight-footer.focus {background-position: 0px -150px;}
#footer_search .submitsd {background-position: -510px -100px;}
#footer_search .submitsd_on {background-position: -510px -150px;}
#footer_search .submitsd_on input, #footer_search input.searchSubmit:hover {background-position: right -150px;}
#footer_search .submitsd_on input, #footer_search input.searchSubmit:active {background-position: right -150px;}

#footer_search .submitsd_on input, #footer_search input.searchSubmit:hover, #footer_search input.searchSubmit:active{
	color: #0f4097;
}

/* SITE LINKS
================================================== */

#ea_global_footer {
	margin: 0px auto;
	width: 970px;
	background-color: #fff;
	border: 1px solid #dee1e2;
	border-top: 0px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	overflow: hidden;
}

#ea_global_footer a:link {color: #000;}
#ea_global_footer a:visited {color: #000;}
#ea_global_footer a:hover {color: #5b5b5b;}
#ea_global_footer a:active {color: #000;}

#ea_global_footer ul {
	border-right: 1px solid #e9e9e9;
	padding: 13px 17px;
	width: 132px;
/* begin Min Height Fast Hack */
	
	height: auto !important;
	
	/* end Min Height Fast Hack */
	float: left;
}

#ea_global_footer dt {
	margin-bottom: 7px;
	font-size: 13px;
	font-weight: bold;
}

#ea_global_footer dd + dt {
	margin-top: 14px;
}

#ea_global_footer li {
	line-height: 1.55;
}

/* This background image is not global! If it needs to be, we can move it out 
 * of the icons_bullets.png sprite and have it be its own file. The same goes 
 * for the "More Info" and "Add to Cart" button graphics. */
#ea_global_footer dd.rss a {
	padding-right: 16px;
	background: transparent url(icons_bullets.png) no-repeat scroll right -150px;
}

/* HIGHLIGHT AREA
================================================== */

#ea_global_footer .highlight {
	width: 438px;
	padding: 9px 12px;
	float: left;
}

#ea_global_footer .highlight h2 {
	font-size: 16px;
}

#ea_global_footer .highlight h4 {
	font-size: 12px;
}

#ea_global_footer .highlight img.main {
	margin-top: 6px;
	margin-bottom: 6px;
}

#ea_global_footer .highlight ul.platforms li {
	display: inline;
	color: #717171;
}

#ea_global_footer .highlight ul.platforms li:after {
	content: ", ";
}

#ea_global_footer .highlight ul.platforms li.last:after {
	content: "";
}

#ea_global_footer .highlight p.desc {
	margin-bottom: 10px;
	color: #141414;
	font-size: 11px;
}
#ea_global_footer .highlight a.btn_info{
	margin-right: 3px;
}
#ea_global_footer .highlight a.btn_info,
#ea_global_footer .highlight a.btn_addcart {
	float: right;
}

/* CORPORATE LINKS & LEGAL NOTICES
================================================== */

#ea_corporate_links {
	margin: 45px auto;
}

#ea_corporate_links,
#ea_corporate_links a {
	color: #888;
	font-family: Arial, sans-serif;
	font-size: 11px;
	text-align: center;
}

#ea_corporate_links li {
	display: inline;
	padding: 0px 7px;
}

#ea_corporate_links li + li {
	border-left: 1px solid #888;
}

#ea_corporate_links li a {
	vertical-align: 1px;
}

#ea_corporate_links p.legal {
	margin-top: 7px;
	clear: left;
}

/* DUPLICATE ENTRIES
================================================== */
/*
.btn_addcart,
.btn_info,
.btn_addcart span,
.btn_info span {
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	background: transparent url(footer.png) no-repeat;  PNG sprites will not work on IE6 -- specific "footer.gif" within IE6-targeted CSS file 
}

.btn_addcart,
.btn_info {
	display: inline-block;
	padding-top: 4px;
	padding-right: 21px;
	padding-bottom: 4px;
}

.btn_addcart span,
.btn_info span {
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
}

.btn_addcart {background-position: right -200px;}
.btn_addcart span {background-position: left -200px;}
	.btn_addcart:hover {background-position: right -250px;}
	.btn_addcart:hover span {background-position: left -250px;}
	.btn_addcart:active {background-position: right -300px;}
	.btn_addcart:active span {background-position: left -300px;}
	
.btn_info {background-position: right -350px;}
.btn_info span {background-position: left -350px;}
	.btn_info:hover {background-position: right -400px;}
	.btn_info:hover span {background-position: left -400px;}
	.btn_info:active {background-position: right -450px;}
	.btn_info:active span {background-position: left -450px;}
*/