/* Main Container */
div#contentContainer {
	width:775px;
}

div#contentContainer a {
	outline:none;
}

/******** Top Portion ********/
/* Top Container */
div#topContainer {
	height:435px;
	width:100%;
	background-image:url('/images/homepage/topBG.jpg');
	background-repeat:no-repeat;
	padding-top:5px;
}

/* Big Box */
div#bigBox {
	margin:2px 0px 0px 10px;
	float:left;
	width:316px;
	height:280px;
	background-image:url('/images/homepage/bigboxBG.png');
	background-repeat:no-repeat;
	position:relative;
}

div#bigBox img {
	border:0;
}

div#bigBoxContent {
	width:300px;
	height:250px;
	margin:7px 0px 0px 8px;
}

div#bigBoxCurtain {
	position:absolute;
	background-color:#0D131A;
	z-index:5;
	width:300px;
	height:250px;
}

div#bigBoxControls {
	margin:1px 0px 0px 8px;
	z-index:1;
	position:relative;
	height:22px;
	text-align:center;
	width:300px;
}

ul#bigBoxButtons {
	height:22px;
	margin:0px;
	padding:0px;
	z-index:10;
}
ul#bigBoxButtons li {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0 2px;
	width:14px;
	height:22px;
	background-image:url('/images/homepage/controlsBG.jpg');
	background-repeat:repeat-x;
}
ul#bigBoxButtons img { margin-top:3px; }

ul#bigBoxButtons li.first, ul#bigBoxButtons li.last {
	width:10px;
	height:22px;
	background-repeat:no-repeat;
	padding:0px;
}
ul#bigBoxButtons li.first { background-image:url('/images/homepage/bb_controlsLeft.png'); }
ul#bigBoxButtons li.last { background-image:url('/images/homepage/bb_controlsRight.png'); }

/* Side Promos */
div#sidePromos {
	float:left;
	padding-left:6px;
	height:282px;
}

div#sidePromos div.promoItem {
	background-image:url('/images/homepage/sidepromoContainer.png');
	background-repeat:no-repeat;
	height:131px;
	width:316px;
	margin-top:2px;
}

div#sidePromos div.promoItem div.promoImage {
	position:relative;
	overflow:hidden;
	top:6px;
	margin-left:7px;
	width:278px; /* img width is 276 + 1px borders */
}

div#sidePromos div.promoItem div.promoImage div.promoRollover {
	width:276px;
	height:117px;
	position:absolute;
	top:-117px;
	left:1px;
}

div#sidePromos div.promoItem div.promoImage div.promoRollover a {
	/*display:block;*/
	display:table-cell;
	width:276px;
	height:117px;
	background-image:url('/images/homepage/sidePromoRollover.png');
	background-repeat:no-repeat;

	color:#FFF;
	vertical-align:middle;
	padding: 20px 22px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:center;
	font-weight:bold;
	font-style:italic;
	line-height:22px;	
}

/* Dedicated Promos */
div#dedicatedPromos {
	padding:7px 3px;
	float:left;
}

div#dedicatedPromos div.promoButton {
	margin-left:11px;
}
/******** End of Top Portion ********/




/******** Bottom Portion ********/
/* Rotating Promos */
div#rotatingPromos {
	width:100%;
	background-image:url('/images/homepage/homepage_bottomBG.jpg');
	background-repeat:no-repeat;
	background-color:#ff9c00;
	/*padding-left:3px;*/
	padding-top:5px;
	padding-bottom:5px;
}

div#rotatingPromos div.rotatingPromosRow {
	padding-top:7px;
	padding-bottom:7px;
	padding-left:3px;
}
/******** End of Bottom Portion *********/


/******** Shared Styles ********/
/* Promo Items */
div#dedicatedPromos div.promoItem, div#rotatingPromos div.promoItem {
	width:192px; /* 190 for img and 2 for borders */
	margin-left:7px;
	margin-right:7px;
	float:left;
}

div#dedicatedPromos div.promoImage, div#rotatingPromos div.promoImage {
	position:relative;
	overflow:hidden;
	height:114px; /* img height is 112 + 1px borders */
}

div#dedicatedPromos div.promoRollover, div#rotatingPromos div.promoRollover {
	width:190px;
	height:112px;
	position:absolute;
	top:-112px;
	left:1px;
}

div#dedicatedPromos div.promoRollover a, div#rotatingPromos div.promoRollover a {
	/*display:block;*/
	display:table-cell;
	width:190px;
	height:112px;
	background-image:url('/images/homepage/promoRollover.png');
	background-repeat:no-repeat;

	color:#FFF;
	vertical-align:middle;
	padding: 20px 22px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:center;
	font-weight:bold;
	font-style:italic;
	line-height:22px;	
}

/* Image Shadow Borders */
div.promoItem img {
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
}
/******** End of Shared Styles ********/


/******** Style removal ********/
div.promoItem div.promoButton img {
	border:none !important;
}

div.clear {
	clear:both;
}