/* ------------------------- CSS CALLS ------------------------- */

@import url("thickbox.css");











/* ------------------------- ELEMENTS ------------------------- */

* {

	margin: 0;

	padding: 0;

	}



body {

	background: #1f354d url(../images/bg_body.jpg) repeat-x;

	color: #fff;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	width: 100%;

	}

	

p, ul, ol, dl, table {

	margin-bottom: 15px;

	}



img {

	border: 0;

	}

	

hr {

	display: none;

	/* for accessibility purposes */

	}



table { 

	border-collapse: collapse; 

	border-spacing: 0;

	}



table tr td {

	text-align: left;

	vertical-align: top; 

	}	



ul, ol {

	padding-left: 22px;

	}

	

ul li, ol li {

	padding-bottom: 5px;

	}

	

a {

	color: #fff;

	text-decoration: underline;

	}

	

a:hover {

	color: #f8d489;

	text-decoration: underline;

	}



a:focus {

	outline: none;

	}











/* ------------------------- GENERAL ------------------------- */

.asterik {

	color: #c33 !important;

	}

	

.clear {

	clear: both;

	}

	

.line-break {

	display: block;

	}

	

.text-less-important {

	font-size: 11px;	

	}

	

.tracking-tag {

	display: none;

	}











/* ------------------------- LAYOUT ------------------------- */

#container {

	margin: 0 auto;

	position: relative;

	width: 1000px;

	}







/* ---------- HEADER ---------- */

#header {

	background: #2d2c2c url(../images/bg_header.jpg) repeat-x;

	height: 116px;

	}

	

#logo-dsrl span,

#welcome span,

#logo-oreo span {

	display: none;	

	}	

	

#logo-dsrl,

#welcome,

#logo-oreo {

	float: left;

	}



#logo-dsrl {

	padding: 20px 0 0 49px;

	}



#logo-dsrl h1 {

	background: url(../images/logo_dsrl.png) no-repeat;

	height: 90px;

	width: 112px;

	}



#welcome {

	padding: 31px 0 0 25px;

	}



#welcome h2 {

	background: url(../images/welcome.png) no-repeat;

	height: 82px;

	width: 568px;

	}

	

#logo-oreo {

	padding: 29px 0 0 67px;

	}	



#logo-oreo h3 {

	background: url(../images/logo_oreo.png) no-repeat;

	height: 85px;

	width: 133px;

	}









/* ---------- MAIN AREA ---------- */

#mainarea {

	background: #08182b url(../images/bg_mainarea.jpg) repeat-x;

	color: #ccc;

	font-size: 13px;

	min-height: 642px;

	position: relative;

	}

	

*html #mainarea {

	height: 642px;

	/* IE6 fix for non-support of min-height */

	}

	

#headline {

	padding: 15px 0 0 30px;	

	}



#headline h2 {

	background: url(../images/headline.png) no-repeat;

	height: 49px;

	width: 488px;

	}

	

#headline span {

	display: none;

	}

	

#section {

	height: 559px;

	margin: 0 auto;

	width: 922px;

	}

	

#section-wrapper {

	margin: 0 auto;	

	}

	

#section-head {

	padding-bottom: 10px;

	}



#section-head .head {

	margin: 0 auto;

	}

	

#section-content {

	color: #fff;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: normal;

	line-height: 26px;

	margin: 0 auto;

	text-align: center;

	}

	

#section-button {

	text-align: center;

	width: 1000px;

	position: absolute;

	top: 0px;

	left: 0px;

	}

	

#section-button p {

	color: #fff;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

	margin: 0;	

	}



#section-button .button {

	margin: 0 auto;

	}



#legal {

	color: #d1d4d8;

	font-size: 11px;

	position: relative;

	top: -20px;

	text-align: center;

	width: 100%;

	}

	

#legal a {

	color: #d1d4d8;

	font-weight: bold;

	text-decoration: underline;

	}

	

#legal a:hover {

	color: #f8d489;

	text-decoration: underline;

	}











/* ---------- FOOTER ---------- */

#footer {

	background: #2c2e30 url(../images/bg_footer.jpg) repeat-x;

	min-height: 47px;

	position: relative;

	}

	

*html #footer {

	height: 47px;

	}











/* ------------------------- MODIFIERS ------------------------- */







/* EARLY */

#modifier-early #section-wrapper {

	padding-top: 125px;

	}

	

#modifier-early #section-content {

	width: 350px;

	}

	

#modifier-early #section-button {

	top: 472px;

	}







/* OVER */

#modifier-over #section-wrapper {

	padding-top: 140px;

	}

	

#modifier-over #section-content {

	width: 390px;

	}

	

#modifier-over #section-button {

	top: 420px;

	}







/* INELIGIBLE */

#modifier-ineligible #section-wrapper {

	padding-top: 160px;

	}

	

#modifier-ineligible #section-content {

	width: 460px;

	}

	

#modifier-ineligible #section-button {

	top: 383px;

	}







/* LIMIT */

#modifier-limit #section-wrapper {

	padding-top: 160px;

	}

	

#modifier-limit #section-content {

	width: 460px;

	}

	

#modifier-limit #section-button {

	top: 383px;

	}







/* ERROR */

#modifier-error #section-wrapper {

	padding-top: 160px;

	}

	

#modifier-error #section-content {

	width: 460px;

	}

	

#modifier-error #section-content ul {

	margin: 0;

	padding: 0;

	}



#modifier-error #section-content ul li {

	list-style: none;

	margin: 0;

	padding: 0 0 5px 0;

	}

	

#modifier-error #section-button {

	top: 403px;

	}







/* GENERALERROR */

#modifier-generalerror #section-wrapper {

	padding-top: 160px;

	}

	

#modifier-generalerror #section-content {

	width: 460px;

	}

	

#modifier-generalerror #section-button {

	top: 403px;

	}







/* FLASH */

#modifier-flash #flash {

	height: 750px;

	margin: 0 auto;

	position: relative;

	z-index: 2;

	width: 999px;

	}

	

#flash-legal {

	color: #d1d4d8;

	font-size: 11px;

	position: absolute;

	text-align: center;

	top: 702px;

	width: 100%;

	z-index: 3;

	}



#flash-legal p {

	margin: 0;

	}

	

#flash-legal a {

	color: #d1d4d8;

	font-weight: bold;

	text-decoration: underline;

	}

	

#flash-legal a:hover {

	color: #f8d489;

	text-decoration: underline;

	}

	



	









/* ------------------------- POP UP ------------------------- */

#pop-body {

	background: #1b4d91;	

	}

	

#pop-container {

	height: 536px;

	margin: 0 auto;

	position: relative;

	width: 536px;

	}

	

#pop-header {

	background: #dc771b url(../images/pop_bg_header.jpg) no-repeat;

	height: 110px;

	position: relative;

	z-index: 10;

	}

	

#pop-logo {

	padding: 10px 0 0 5px;

	}



#pop-logo h1 {

	background: url(../images/pop_logo_dsrl.png) no-repeat;

	height: 73px;

	width: 97px;

	}

	

#pop-logo h1 span {

	display: none;

	}

	

#pop-close {

	position: absolute;

	right: 15px;

	top: 15px;

	}

	

#pop-close a {

	background: url(../images/pop_link_close.png) no-repeat;

	cursor: pointer;

	display: block;

	height: 15px;

	width: 51px;

	}

	

#pop-close a span {

	display: none;

	}

	

#pop-headline {

	padding: 20px 0 0 15px;	

	}



#pop-headline h2 {

	background: url(../images/pop_headline.png) no-repeat;

	height: 29px;

	width: 504px;

	}

	

#pop-headline h2 span {

	display: none;

	}

	

#pop-head {

	padding: 0 0 0 15px;	

	}

	

#pop-mainarea {

	background: url(../images/pop_bg_body.jpg) repeat-x;

	height: 426px;

	}

	

#pop-content {

	padding: 20px;	

	}

	

#scrollbox {

	color: #fff;

	font-size: 12px;

	height: 285px;

	padding: 0 15px 0 2px;

	overflow: auto;

	position: relative;

	}



#scrollbox a {

	position: relative;

	}



.list-stars {

	margin-left: 0;

	padding-left: 0;

	}

	

.list-stars li {

	background: url(../images/icon_star.gif) no-repeat;

	list-style: none;

	margin: 0;

	padding: 10px 10px 10px 35px;

	}



p.faqQ{font-size:13px; font-weight:bold; margin-bottom:5px;}









/* ------------------------- SHARED ------------------------- */









/* ---------- BACKGROUNDS ---------- */

.bg-mannings-vs-trumps {

	background: url(../images/bg_mannings_vs_trumps.png) no-repeat;	

	}

	

.bg-mannings-vs-trumps-short {

	background: url(../images/bg_mannings_vs_trumps_short.png) no-repeat;	

	}

	

.bg-mannings {

	background: url(../images/bg_mannings.png) no-repeat;	

	}









/* ---------- BUTTONS ---------- */

.button {

	background-color: transparent;

	background-position: 0 0;

	background-repeat: no-repeat;

	border: 0;

	cursor: pointer;

	display: block;

	height: 68px;

	}

	

.button:hover {

	background-position: 0 -68px;	

	}

	

.button span {

	display: none;

	}



#btn-back {

	background-image: url(../images/btn_back.png);

	width: 112px;

	}



#btn-facebook {

	background-image: url(../images/btn_facebook.png);

	width: 209px;

	}



#btn-ok {

	background-image: url(../images/btn_ok.png);

	width: 112px;

	}



#btn-back {

	background-image: url(../images/btn_back.png);

	width: 112px;

	}



#btn-watch {

	background-image: url(../images/btn_watch.png);

	width: 229px;

	}









/* ---------- HEADS ---------- */

.head {

	}



.head span {

	display: none;

	}

	

#head-mannings {

	background: url(../images/head_mannings.png) no-repeat;

	height: 153px;

	width: 378px;

	}



#head-pop-faqs {

	background: url(../images/pop_head_faqs.png) no-repeat;

	height: 46px;

	width: 113px;

	}



#head-pop-prize {

	background: url(../images/pop_head_prize.png) no-repeat;

	height: 40px;

	width: 148px;

	}



#head-pop-rules {

	background: url(../images/pop_head_rules.png) no-repeat;

	height: 40px;

	width: 315px;

	}



#head-thanks {

	background: url(../images/head_thanks.png) no-repeat;

	height: 131px;

	width: 327px;

	}



#head-whoops {

	background: url(../images/head_whoops.png) no-repeat;

	height: 58px;

	width: 307px;

	}



#head-wow {

	background: url(../images/head_wow.png) no-repeat;

	height: 76px;

	width: 484px;

	}