/**
 * global.css
 * Global styles for all pages.
 **/

/* metadata associated with any item */
.meta-data {
	display: none;
}

/* Mozilla fix: remove outlines from everything (e.g. links or embeds) */
* {
	outline: none;
}

img {
	border: 0;
}

html {
	height: 100%;
	overflow-y: scroll; /* show scroll bar at all times, to avoid shifting whenever content grows larger than window */
}

body {
	height: 100%;
	padding: 0;
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #fff;
	background: url(/image/backdrop.jpg) no-repeat center top;
	background-color: #420709;
}

.missing {
	position: absolute;
	width: 900px;
	height: 200px;
	top: 50%;
	left: 50%;
	margin-top: -100px;
	margin-left: -450px;
	text-align: center;
	background: url(/image/logo_dp.png) 50% 0% no-repeat;
	_background: url(/image/logo_dp_ie6.png) 50% 0% no-repeat;
}

.missing a, .missing a:visited {
	text-decoration: none;
	color: #ff1653;
}

.missing a:active, .missing a:hover {
	text-decoration: underline;
}

.missing .caption {
	position: absolute;
	top: 160px;
	font-size: 14px;
	width: 900px;
	left: 50%;
	margin-left: -450px;
}

.missing .headline {
	font-size: 24px;
	color: #ff1653;
	font-weight: bold;
}

#missing-page {
	display: none;
}

#missing-flash {
	display: none;
}
#backdrop-corner-left {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -100;
	background: url(/image/backdrop_corner_left.png) no-repeat;
	width: 600px;
	height: 600px;
	display: none;
}

#backdrop-corner-right {
	position: absolute;
	right: 0;
	top: 0;
	z-index: -100;
	background: url(/image/backdrop_corner_right.png) no-repeat;
	width: 600px;
	height: 600px;
	display: none;
}

/* Wapper for ALL content inside body */
#body-content {
	min-height: 100%;
	width: 100%;
	position: relative;
	top: 0;
	display: none;
}

/* Container for main menu, header box, and content box */
#main-area {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
}

/* Overlaying main menu */
#main-menu {
	z-index: 50;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -540px;
	width: 1049px;
	height: 150px;
	background: url(../image/mainnav_logoAOOAK.png) 50% 50%;
}

#main-menu .item {
	position: absolute;
	top: 50px;
	width: 120px;
	height: 25px;
	cursor: pointer;
	z-index: 800;
	margin-top: 5px;
}

#main-menu .item.home {
	left: 425px;
	top: 0;
	width: 200px;
	height: 140px;
	margin-top: 0;
}
#main-menu .item.products {
	left: 75px;
	width: 70px;
	background: url('../image/mainnav_sprite.png') no-repeat 0 -90px;
}
#main-menu .item.products.selected,
#main-menu .item.products:hover {
	background-position: -160px -90px;
}

#main-menu .item.promotions {
	left: 184px;
	width: 85px;
	background: url('../image/mainnav_sprite.png') no-repeat 0 -120px;
}
#main-menu .item.promotions.selected,
#main-menu .item.promotions:hover {
	background-position: -160px -120px;
}

#main-menu .item.entertainment {
	left: 320px;
	width: 110px;
	background: url('../image/mainnav_sprite.png') no-repeat 0 -60px;
}
#main-menu .item.selected,
#main-menu .item.entertainment:hover {
	background-position: -160px -60px;
}

#main-menu .item.about {
	left: 640px;
	width: 50px;
	background: url('../image/mainnav_sprite.png') no-repeat 0 0px;
}
#main-menu .item.about.selected,
#main-menu .item.about:hover {
	background-position: -160px 0;
}

#main-menu .item.video {
	left: 735px;
	width: 45px;
	background: url('../image/mainnav_sprite.png') no-repeat 0 -180px;
}
#main-menu .item.video.selected,
#main-menu .item.video:hover {
	background-position: -160px -180px;
}

#main-menu .item.store {
	left: 820px;
	width: 42px;
	background: url('../image/mainnav_sprite.png') no-repeat 0 -150px;
}
#main-menu .item.store.selected,
#main-menu .item.store:hover {
	background-position: -160px -150px;
}

#main-menu .item.community {
	left: 900px;
	width: 84px;
	background: url('../image/mainnav_sprite.png') no-repeat 0 -30px;
}
#main-menu .item.community.selected,
#main-menu .item.community:hover {
	background-position: -160px -30px;
}

/* Spanish Main Nav */

#lang-es #main-menu {
	background: url(../image/es/mainnav_logoAOOAK.png) 50% 50%;
}

#lang-es #main-menu .item.products {
	left: 75px;
	width: 75px;
	background: url('../image/es/mainnav_sprite.png') no-repeat 0 -90px;
}
#lang-es #main-menu .item.products.selected,
#lang-es #main-menu .item.products:hover {
	background-position: -160px -90px;
}

#lang-es #main-menu .item.promotions {
	left: 181px;
	width: 95px;
	background: url('../image/es/mainnav_sprite.png') no-repeat 0 -120px;
}
#lang-es #main-menu .item.promotions.selected,
#lang-es #main-menu .item.promotions:hover {
	background-position: -160px -120px;
}

#lang-es #main-menu .item.entertainment {
	left: 310px;
	width: 116px;
	background: url('../image/es/mainnav_sprite.png') no-repeat 0 -60px;
}
#lang-es #main-menu .item.entertainment.selected,
#lang-es #main-menu .item.entertainment:hover {
	background-position: -160px -60px;
}

#lang-es #main-menu .item.about {
	left: 634px;
	width: 107px;
	background: url('../image/es/mainnav_sprite.png') no-repeat 0 0px;
}
#lang-es #main-menu .item.about.selected,
#lang-es #main-menu .item.about:hover {
	background-position: -160px 0;
}

#lang-es #main-menu .item.video {
	left: 763px;
	width: 45px;
	background: url('../image/es/mainnav_sprite.png') no-repeat 0 -180px;
}
#lang-es #main-menu .item.video.selected,
#lang-es #main-menu .item.video:hover {
	background-position: -160px -180px;
}

#lang-es #main-menu .item.store {
	left: 830px;
	width: 50px;
	background: url('../image/es/mainnav_sprite.png') no-repeat 0 -150px;
}
#lang-es #main-menu .item.store.selected,
#lang-es #main-menu .item.store:hover {
	background-position: -160px -150px;
}

#lang-es #main-menu .item.community {
	left: 900px;
	width: 84px;
	background: url('../image/es/mainnav_sprite.png') no-repeat 0 -30px;
}
#lang-es #main-menu .item.community.selected,
#lang-es #main-menu .item.community:hover {
	background-position: -160px -30px;
}

/* END Spanish Main Nav */

#signin-link,
#signout-link,
#myaccount-link,
#register-link {
	position: absolute;
	right: 10px;
	top: 27px;
	left: 73px;
	width: 57px;
	height: 15px;
	background: url(../image/mainnav_signin_signout.png) no-repeat 0 0;
	z-index: 800;	
	cursor: pointer;
}
	#signin-link			{ background-position: 0px 0px;		}
	#signin-link:hover		{ background-position: -80px 0px;	}

	#signout-link			{ background-position: 0px -18px;	}
	#signout-link:hover		{ background-position: -80px -18px;	}

	#myaccount-link			{ background-position: 0px -38px; left: 140px; width: 61px; }
	#myaccount-link:hover	{ background-position: -80px -38px;	}

	#register-link			{ background-position: 0px -58px; left: 140px;}
	#register-link:hover	{ background-position: -80px -58px; }

#lang-es #signin-link,
#lang-es #signout-link,
#lang-es #myaccount-link,
#lang-es #register-link {
	background-image: url(../image/es/mainnav_signin_signout.png);
}

	
#spanish-link, #english-link {
	position: absolute;
	right: 72px;
	top: 30px;
	width: 61px;
	height: 8px;
	background: url(../image/mainnav_esp_eng.png) no-repeat;
	z-index: 800;	
	cursor: pointer;
	overflow: hidden;
}
#english-link{
	background-position: 0px 0px;
}

#spanish-link{
	background-position: 0px -16px;
}

#english-link:hover,
#spanish-link:hover{
	background-position: 0px -8px;
}


/* Flash or image header for page */
#header-box {
	z-index: 0;
	position: relative;
	left: 50%;
	margin-left: -500px;
	width: 1000px;
	height: 475px;
}

/* Actual content w/expandable boxes, etc. */
#content-box {
	z-index: 25;
	position: relative;
	left: 50%;
	margin-left: -450px;
	width: 900px;
}

/* Spacer for footer area (needed to avoid overlap between footer-area and main-area) */
#footer-area-spacer {
	height: 200px; /* precisely: 191px */
	width: 100%;
}

/* Container for promo-box and footer link bar; will remain anchored to the bottom of the window, if space permits */
#footer-area {
	position: absolute;
	bottom: 0;
	display: block;
	height: 191px;
	clear: both;
	width: 100%;
	z-index: 20;
}

/* Footer link bar */
#footer {
	z-index: 100;
	position: absolute;
	width: 100%;
	height: 25px;
	bottom: 0;
	left: 0;
	padding-top: 2px;
}

#footer .container {
	position: absolute;
	left: 50%;
	margin-left: -500px;
	width: 1000px;
	text-align: center;
	font-size: 9px;
	color: #d31245;
}

#footer .backdrop {
	z-index: -50;
	background-color: #420203;
	width: 100%;
	height: 27px; /* IE7 fix; otherwise, 100% would do */
	left: 0;
	top: 0;
	position: absolute;
}

#footer a, #footer a:visited {
	color: #d31245;
	text-decoration: none;
	font-weight: normal;
}

#footer a:active, #footer a:hover {
	color: #ff1653;
	text-decoration: none;
}