@import "reset-min.css";

/*html {
	background: url(/templates/img/bg_tile.gif) center top;
}*/
body {
	color: #FFF;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(/templates/img/bg_tile.gif) center top;
	/*background: url(/templates/img/bg_top_tile.gif) repeat-x center top;*/
}
a { color: #FFF; }
a:hover { text-decoration: none; }
*:focus { outline: none; }
input {
	color: #747474;
	/* width:105px; */
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	padding-top:2px;
}
ol li { list-style: decimal inside; }
em { font-style: italic; }
sup { font-size: 0.7em; font-weight: normal; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }

#formRecruit input#submit.submit {
	width: 71px;
}
#formUnsubscribe input#submit.submit {
	width: 106px;
}
input.submit {
	/* width:66px; */
}
/* =============================== */
/* = HEADER AND MASTER CONTAINER = */
/* =============================== */
#container {
	margin: 0 auto 0;
	width: 958px;
}
	#top {
		width: 958px;
		height: 20px;
		font-size: 1px;
		line-height: 1px;
		background: url(/templates/img/white_top.png) no-repeat center top;
		_background: url(/templates/img/white_top_ie.gif) no-repeat center top;
	}
	#tile-mid {
		position: relative;
		width: 958px;
		background: url(/templates/img/white_mid.png) repeat-y center top;
		_background: url(/templates/img/white_mid_ie.gif) repeat-y center top;
	}
	#bot {
		width: 958px;
		height: 20px;
		font-size: 1px;
		line-height: 1px;
		background: url(/templates/img/white_bottom.png) no-repeat center top;
		_background: url(/templates/img/white_bot_ie.gif) no-repeat center top;
	}
#header {
	display: block;
	margin: -10px auto 0;
	_margin: 0 auto 0;
	padding: 1px 0 0 0;
	width: 938px;
	height: 93px;
	background: #FFF url(/templates/img/BFC_Join_Header.png) no-repeat 286px top;
}
	#logo {
		float: left;
		display: block !important;
		display: inline;
		margin: 10px 0 0 14px;
		width: 104px;
		height: 71px;
		text-indent: -9999px;
		background: url(/templates/img/hdr_logo.gif) no-repeat;
	}
	.side-line {
		float: left;
		display: block !important;
		display: inline;
		margin: 15px 0 0 16px;
		padding: 0 16px;
		width: 104px;
		height: 63px;
		border-left: 1px solid #E2221D;
		border-right: 1px solid #E2221D;
	}
	#header .masthead {
	  display: block !important;
	  display: inline;
	  float: left;
	  margin: 0 0 0 16px;
	  padding: 43px 0 0 0;
	  width: 450px;
	}
	#header .masthead a {
	  display: block;
	  margin: 0 0 4px;
	}
	.first img { display: block; margin: 8px 0 0; }
	.second a.top { display: block; margin: -7px 0 0 12px; _margin: -2px 0 0 -12px; }
	.second a.bot { display: block; margin: 6px 0 17px; }
	
	.side-right {
		float: right;
		display: block !important;
		display: inline;
		margin: 15px 18px 0 0;
		width: 173px;
		height: 45px;
		text-align: right;
	}
	.side-right img.top { margin: 12px 0 0 0; }
	.side-right form {
		position: relative;
		margin: 4px 0 0 0;
		width: 173px;
		_width: 150px;
		height: 20px;
	}
	.side-right form a,
	.side-right form img { font-size: 1px; line-height: 1px; }
	.side-right form .dq-logo { position: absolute; top: 0; right: 120px; }
	.side-right form .go { position: absolute; top: 5px; right: 0; }
	.side-right form #zip_code,
	.side-right form #address1 {
		display: block;
		position: absolute;
		top: 1px;
		/* left: 65px; */
		right: 37px;
		width: 70px;
		height: 17px;
		padding: 3px;
		font-size: 10px;
		text-transform: uppercase;
		border: 0 none;
		background: transparent url(/templates/img/nav_field.gif) no-repeat center top;
	}
	.side-right form #address1 {
		*right: 34px;
		*height: 13px;
		*background: none;
		*border: 2px inset;
	}

#errorcontent {
	margin: 0 auto 0;
	width: 918px;
	height: 410px;
	padding: 0 10px;
	color: #000;
}

/* =================================================== */
/* = HOMEPAGE, CONTENT, COLUMNS AND FLASH CONTAINERS = */
/* =================================================== */
#content {
  position: relative;
	margin: 0 auto 0;
	width: 918px;
	padding: 0 10px;
	background: #FFF;
}
	#flashcontent {
		margin: 0 auto 0;
		width: 938px;
		height: 410px;
	}
	#flashcontent a {
	  margin: 10px 0 0 10px;
	  _font-size: 1px;
	  _line-height: 1px;
	}
	#mainflashcontent {
		margin: 0 auto 0;
		width: 930px;
		height: 420px;
	}
	#blizzualizer {
		height: 600px;
		margin: 0pt auto;
		width: 918px;
	}
	#modules {
		padding: 0 10px;
	}
	#modules a {
		float: left;
		display: block !important;
		display: inline;
		margin: 10px 0 0 10px;
		font-size: 1px;
		line-height: 1px;
	}
	.left-col,
	.right-col {
		display: block !important;
		display: inline;
		/*padding: 0;
        width: auto;*/
	}
	.left-col {
		width: 478px;
		float: left;
	}
	.right-col {
		float: right;
		clear: right;
		width: 430px;
	}
#copy {
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:18px;
	padding-left:15px;
	padding-right:15px;
	padding-top:35px;
	vertical-align:top;
}
.radio input {
	width:15px;
	margin:0 3px 0 3px;
}
.pad input {
	margin:0 0 6px 0;
	width:135px;
}

/* HOMEPAGE POLLING MODULE */
#poll-module {
    background-image: url(/templates/img/bg_homepage_poll.jpg);
    background-repeat: no-repeat;
	border: 10px solid #ffffff;
	border-bottom: 0 none;
	position: absolute;
	bottom: 0;
	left: 242px;
	width: 222px;
	height: 341px !important;
}
/* #poll-module.question { background-position: top left; }
#poll-module.result { background-position: top right; } */
#poll-module h1 {
	text-indent: -9999px;
}
#poll-module #close_poll {
	float: right;
	padding: 4px 5px 0 0;
}
#poll-module .poll {
	margin: 95px 12px 0 18px;
}
#poll-module #poll fieldset {
	display: block;
}
#poll-module #poll fieldset.buttons {
	margin-top: 10px;
}
#poll-module .poll h2 {
	color: #73CBFD;
	font-size: 12px;
	margin-bottom: 10px;
}
#poll-module .poll * em {
	font-weight: bold;
}
#poll-module #poll input {
	*height: 12px;
	*width: 12px;
	*line-height: 12px;
	vertical-align: top;
}
#poll-module #poll p {
	*line-height: 12px;
	margin-bottom: 16px;
}
#poll-module #poll p label {
	font-weight: bold;
	*line-height: 12px;
}
#poll-module #poll a#see_results {
	background: url(/templates/img/poll_btn_see_results.gif) no-repeat left top;
	float: left;
	font-size: 10px;
	margin: 0;
	width: 91px;
	height: 10px;
	text-indent: -9999px;
}
#poll-module #poll button#submit_poll,
.left-col #join-us form.forward fieldset button#submit_forward {
	background: transparent url(/templates/img/btn_submit_blue.gif) no-repeat left top;
	border: 0 none;
	cursor: pointer;
	display: block;
	float: left;
	margin: 0 0 0 20px;
	padding: 0;
	_padding: 0 0 0 20px;
	width: 66px;
	height: 11px;
	text-indent: -9999px;
}

#poll-module #poll_results p {
    
}
#poll-module #poll_results p.progress_bar {
    background: url(/templates/img/poll_grey_background.gif) no-repeat left top;
    margin-bottom: 5px;
    height: 14px;
    line-height: 14px;
    width: 182px;
}
#poll-module #poll_results p.progress_bar img {
    margin: 6px 4px 0;
    max-width: 173px;
}

#poll-module .poll a#close_link {
    background: url(/templates/img/btn_poll_close.gif) no-repeat left top;
    display: block;
    float: right;
    width: 53px;
    height: 11px;
    text-indent: -9999px;
}

/* LEFT COLUMN LAYOUT BLOCKS */
#join-us, #recruit, #tv-ads {
  padding: 176px 20px 0;
  width: 438px;
  height: 420px;
  background: url(/templates/img/bg_join.jpg) no-repeat top left;
  clear:both;
}
#recruit { background: url(/templates/img/bg_recruit.jpg) no-repeat top left; }
#tv-ads { background: url(/templates/img/bg_tvads.jpg) no-repeat top left; }
#unsubscribe {
  padding: 133px 20px 0;
  width: 438px;
  height: 128px;
  background: url(/templates/img/bg_unsubscribe.jpg) no-repeat top left;
}
.left-col h1 { text-indent: -9999px; position: absolute; }
#privacy .left-col {
  padding: 20px 20px 0;
  width: 601px;
  height: auto;
  min-height: 536px;
  background: transparent url(/templates/img/bg_blue.jpg) repeat-y top left;
}
#privacy .left-col h1 {
  position: relative;
  margin-bottom: 15px;
  font-size: 27px;
  font-style: italic;
  text-indent: 15px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
#privacy p,
#privacy .left-col .box,
#privacy .left-col .box h3,
#privacy .left-col .box li {
  margin: 0 0 15px;
}
#privacy .left-col .box .top {
  display: block;
  width: 605px;
  height: 14px;
  background: transparent url(/templates/img/privacy_bg_top.gif) no-repeat top left;
  _font-size: 1%;
}
#privacy .left-col .box .mid {
  padding: 5px 30px 5px;
  width: 545px;
  height: auto;
  background: transparent url(/templates/img/privacy_bg_mid.gif) repeat-y top left;
}
#privacy .left-col .box .end {
  display: block;
  width: 605px;
  height: 14px;
  background: transparent url(/templates/img/privacy_bg_end.gif) no-repeat top left;
  _font-size: 1%;
}

/* RIGHT COLUMN LAYOUT BLOCKS */
.link-box {
  margin-bottom: 10px;
  width: 430px;
  height: 26px;
  line-height: 26px;
  position: relative;
}
.link-box.red { background: #CC0000; }
.link-box.green {
  margin: 0;
  text-align: right;
  background: #A8C67E;
}
.link-box.blue {
	background: #03547F;
	text-align: right;
	margin-bottom: 0;
}
.link-box.tall {
  height: 34px;
  line-height: 34px;
}
  .link-box a {
    display: block;
    padding: 8px 0 7px;
    height: 12px;
    margin: 0 0 0 10px;
  }
  .link-box.green a, .link-box.blue a { padding-right: 10px; }
  .link-box.tall a { padding: 10px 0 11px; }
.content-area {
  padding: 20px 20px 0;
  width: 390px;
  height: 391px;
  margin-bottom: 10px;
  *font-size: 1%;
}
  .mceContentBody h1,
  .mceContentBody h2,
  .mceContentBody h3,
  .content-area h1,
  .content-area h2,
  #rating-form h3,
  .left-col h2 {
    margin: 0 0 4px;
    font-size: 20px;
    font-style: italic;
    text-transform: uppercase;
  }
  .mceContentBody h2,
  .content-area h2,
  .left-col h2 {
    margin: 0 0 16px;
    font-size: 13px;
  }
  .left-col #join-us h2 {
    font-size: 16px;
    font-style: normal;
    text-transform: none;
    margin-bottom: 5px;
  }
  #rating-form h2 {
    font-style: normal;
  }
  #rating-form h3 {
    margin: 0 0 6px;
    _margin: 0 0 4px;
    font-size: 14px;
	font-style: normal;
	color: #000;
	text-transform: none;
  }
  .content-area p { font-size: 12px; }
	#blizzard-feature { background: url(/templates/img/bg_cups.jpg) no-repeat top left; }
  /*  [NO OREO PROMO] Use this #tall-blizzard-feature is there is no OREO promotion present. bg_right_col_join is a normal
   *  sized version */
	#tall-blizzard-feature {
	    background: url('/templates/img/bg_right_col_join.jpg') no-repeat 0 0;
      height:407px;
	}

  /*  [OREO PROMO] Use this #tall-blizzard-feature if the oreo promo is active, it uses a shorted form of the box art */
	/*#tall-blizzard-feature {*/
			/*background: url('/templates/img/bg_right_col_join2.jpg') no-repeat 0 0;*/
      /*height: 221px;*/
	/*}*/
  #hands-cups {
    margin: 0;
    padding: 20px 25px 0;
    width: 380px;
    height: 205px;
    _height: 204px;
    background: url(/templates/img/bg_hands-cups-tall.jpg) no-repeat left bottom;
  }
  #player {
    width: 430px;
    height: 326px;
    margin-bottom: 10px;
  }
  #rating-form {
    margin-bottom: 0;
    padding: 10px 20px 0;
    width: 402px;
    height: 208px;
    *font-size: 1%;
    background: url(/templates/img/bg_ratethistvad.jpg) no-repeat left bottom;
  }
* html #rating-form {
	 padding: 2px 20px 0;
}
div.spacer { font-size: 1%; margin-bottom: 10px; }

#tv-ads dl.tab {
	margin-top: 10px;
	width: 400px;
	height: 380px;
	overflow: auto;
}

#tv-ads dl { margin: 25px; _padding-top: 25px; }
#tv-ads dl dt { float: left; width: 126px; padding:10px 0 0 0; }
#tv-ads dl dd { min-height: 95px; _height: 95px;}
#tv-ads h2 {
  padding: 18px 0 0;
  color: #CC0000;
  text-transform: uppercase;
}
#tv-ads h2 a {
  color:#c00;
}
#tv-ads h2 a:link,
#tv-ads h2 a:visited {
  text-decoration:none;
}
#tv-ads h2 a:hover,
#tv-ads h2 a:active {
  text-decoration:underline;
}
#tv-ads h3 {
  padding: 0 0 16px;
  color: #B7B7B7;
  font-size: 10px;
  text-transform: uppercase;
}

#privacy .right-col {
  padding: 20px 20px 0;
  width: 227px;
  background: url(/templates/img/bg_green.jpg) repeat-y top left;
}
#privacy .right-col h1 {
  margin-bottom: 15px;
  font-size: 19px;
  font-style: italic;
  letter-spacing: 1px;
  text-transform: uppercase;
}
#privacy .right-col div.hr {
  height: 0;
  margin: 20px 0;
  font-size: 1%;
  border-top: 1px solid #546143;
}
#privacy .right-col a { color: #546143; }
.green-text { color: #546143; }

/* JOIN PAGE */
h2#faq-head {
	width: 36px;
	height: 13px;
	text-indent: -9999px;
	background: url(/templates/img/hdr_faqs.gif) no-repeat left top;
}
#benefits_tab .controls h2 {
    font-style: italic;
    text-indent: -9999px;
}
a.back {
	float: right;
	display: block;
	_display: inline;
	width: 50px;
	height: 9px;
	line-height: 13px;
	text-indent: -9999px;
	background: url(/templates/img/btn_back.gif) no-repeat left top;
}
a#faq_btn,
a#benefit_btn {
	float: left;
	display: block;
	_display: inline;
	margin-right: 20px;
	width: 152px;
	height: 15px;
	text-indent: -9999px;
	background: url(/templates/img/btn_faq.gif) no-repeat;
}
a#benefit_btn { background: url(/templates/img/btn_benefits.gif) no-repeat; width: 75px; }
.controls { _margin-bottom: 15px; }

#promo_tab .controls { margin-top: 20px; } 
#promo_tab p,
.left-col #join-us .view-state p { color: #cfe0ee; }

#forward-to-friend {
	background: url(/templates/img/bg_forward_to_friend.jpg) no-repeat;
	line-height: 1.25em;
	padding: 34px 10px 0 85px;
	*padding: 34px 0 0 85px;
	position: relative;
	width: 335px;
	*width: 345px;
	height: 89px;
}
#forward-to-friend a {
	position: absolute;
	right: 10px;
	bottom: 10px;
	margin: 0;
	padding: 0;
	height: auto;
}

.left-col #join-us form.join { padding-top: 30px; }
.left-col #join-us .view-state { height: 362px; padding: 20px 25px; }
.left-col #join-us .view-state.step3 { background: url(/templates/img/bg_join_form.gif) no-repeat left top; padding: 20px 0 20px 25px; }
.left-col #join-us .view-state.step4 { background: url(/templates/img/bg_join_form.gif) no-repeat right top; height: 377px; padding: 12px 25px 20px;}
.left-col #join-us h2 em { font-weight: bold; }
.left-col #join-us .step3 h2.lower { margin: 35px 0 5px; }
.left-col #join-us .step4 h2.lower { margin: 45px 0 18px; }
.left-col #join-us p { color: #B4CDE1; }
.left-col #join-us p.lower { color: #FFFFFF; }
.left-col #join-us p label { color: #FFFFFF; }
.left-col #join-us div.links { text-align: right; }
.left-col #join-us div.links a { display: block; margin: 0 0 8px 0; }
.left-col #join-us form.forward { padding-top: 20px; *padding-top: 10px; }
.left-col #join-us form.forward fieldset { margin: 0 0 10px; *margin: 0 0 7px; }
.left-col #join-us form.forward fieldset p { margin: 0 0 5px; }
.left-col #join-us form.forward fieldset p input { padding: 1px; width: 270px; }
.left-col #join-us form.forward fieldset p label { font-weight: bold; }
.left-col #join-us form.forward fieldset button#submit_forward {
    background: url(/templates/img/btn_submit_green.gif) no-repeat left top;
    float: right;
    margin: 0 38px 0 0;
    _margin: 0 19px 0 0;
}

/* 	OLD FAQ/BENEFITS STYLES
	dl#questions dt,
	dl#questions dd {
		padding: 7px 0 0 32px;
		min-height: 26px;
		_height: 26px;
		font-size: 12px;
		font-weight: bold;
		background: url(/templates/img/icon_faq_Q.gif) no-repeat left top;
	}
	dl#questions dd {
		margin-bottom: 20px;
		font-size: 10px;
		font-weight: normal;
		color: #8FB0CC;
		background: url(/templates/img/icon_faq_A.gif) no-repeat left top;
	} */

#benefits_tab .content {}
#benefits_tab .content h3 { font-size: 11px; }
#benefits_tab .content ul {
	font-size: 11px;
	color: #8FB0CC;
	line-height: 1.25em;
	padding: 0.75em 15px 1.5em;
	list-style: disc outside;
}
#benefits_tab .content ul li { margin-bottom: 1em; }


/* FORM STYLING */
.left-col form.join,
.left-col form.recruit,
.left-col form.unsubscribe {
	display: block;
	padding: 40px;
}
form.rating {
  /* margin: 14px 0 0 10px; */
  font-size: 12px;
  color: #000; /* approximate color */
}
.left-col form.recruit { padding: 18px 33px 18px 33px; }
.left-col form.unsubscribe { padding-top: 33px; }
.left-col form p,
.left-col form fieldset { margin: 0 0 15px; *margin: 0 0 15px; }
.left-col form.recruit fieldset { margin: 10px 0 11px; }
.left-col form.recruit p { margin: 0 0 6px; _margin: 0 0 6px; }
.left-col form.join p span { font-size: 10px; margin: 0 0 0 105px; }

.left-col #join-us form#formSubscribeFinal {
    height: 342px;
    margin: 30px 15px 30px 30px;
    overflow: auto;
    padding: 0 10px 0 0;
    *padding: 30px 10px 0 0;
}
.left-col form#formSubscribeFinal p { clear: left; margin: 0; *margin: 0 0 12px; _margin: 0; padding: 0 0 12px; }
.left-col form#formSubscribeFinal p input.radio { width: auto; float: left; }
.left-col form#formSubscribeFinal p label.radio { margin-left: 12px; float: left; width: auto; line-height: 14px; }
.left-col form#formSubscribeFinal p input#submit { float: right; width: auto; }
form fieldset.radio-group p {
	float: left;
	margin: 0 0 2px 0;
	*margin: 0;
	width: 100px;
	line-height: 14px;
	*line-height: 20px;
}
form.rating fieldset.radio-group p {
  width: 190px;
  margin: 0 0 5px 0;
  _margin: 0 0 6px 0;
}
* html form.rating fieldset.radio-group p {
	margin: 0 0 2px 0;
  _margin: 0 0 3px 0;
}
fieldset.radio-group { margin-bottom: 10px; }
.left-col fieldset.radio-group { _margin-bottom: 15px; }
form fieldset.radio-group p.last { width: auto; }
form fieldset.radio-group label { *line-height: 20px; }

.left-col form label { float: left; width: 100px; line-height: 20px; }
.left-col form.recruit label { width: 114px; }

.left-col div.join {
	margin: 40px;
	*padding-top: 40px;
	width: 350px;	
}
.left-col div.join form {
	padding: 0;
	height: 350px;
	overflow: auto;
}

.left-col div.unsubscribe {
	margin:5px 20px;
	width: 395px;
}
.left-col div.unsubscribe form {
	padding: 0;
}

.left-col div.recruit {
	padding: 40px 0 0 30px;
	width: 380px;
}
.left-col div.recruit form {
	padding: 0;
}

form label.radio {
    float: none;
    width: auto;
    margin-left: 5px;
    *margin: 0;
    line-height: 14px;
    *line-height: 20px;
}
form input.radio {
    float: left;
    width:20px;
    line-height: 14px;
    *line-height: 20px;
}
.left-col form input.text,
.left-col form textarea {
	width: 250px;
	font-size: 12px;
	color: #000;
}
.left-col form textarea { height: 78px; *width: 248px; }
.left-col form select {
	font-size: 11px;
	width: 80px;
	margin: 0 4px 7px 0;
}
.left-col form select.last { margin-right: 0; }
.left-col form select.wide { width: 254px; *width: 250px; }

form input.submit { float: right; padding:0 4px 10px 0; margin: 0 0 10px 0}
form.rating input.submit { margin-top: 10px; }
.left-col form a.signup,
.left-col form a.submit {
	float: right;
	display: block !important;
	display: inline;
	margin: 10px 0 8px;
	*margin: 0;
	height: 9px;
	text-indent: -9999px;
	background: url(/templates/img/btn_signupnow.gif) no-repeat;
}
.left-col form a.submit { background: url(/templates/img/btn_submit.jpg) no-repeat; }
.left-col form a.recruit { background: url(/templates/img/btn_recruit.jpg) no-repeat; }

/* ========== */
/* = FOOTER = */
/* ========== */
#footer {
	margin: 10px 0 50px;
	font-size: 10px;
}
	#footer .wrap {
		margin: 0 auto 0;
		width: 800px;
		overflow: auto;
	}
	#footer #links {
		overflow: auto;
		float: left;
	}
	#footer #links li {
		float: left;
		padding: 3px 0 0;
	}
	#footer #links li img {
		margin: 0 10px;
	}
	#footer form .site_search {
		margin: 0 4px 6px;
		*margin: 0 4px 2px;
		padding: 4px;
		width: 122px;
		height: 12px;
		border: 0 none;
		background: url(/templates/img/bottom_nav_field.gif) no-repeat;
	}
	#footer #logos {
		margin: 0 auto 0;
		padding-top: 30px;
		width: 360px;
	}
	#footer #logos li {
		float: left;
		padding-left: 0px;
		line-height: 26px;
	}
	#footer #logos li a {
		color: #FFFFFF;
		padding: 0 6px 0;
	}
	#footer #logos li.imgs a {
		padding: 0 1px 0;
	}
	#footer #logos li a img.dq-logo {
		padding: 0 7px 0 10px;
		margin-bottom: -4px;
	}
	#footer #logos a:hover { text-decoration: none; }
	#footer div.hr {
		width: 958px;
		height: 13px;
		clear: both;
		background: url(/templates/img/footer_hr.gif) no-repeat;
	}
	#footer #quick_links {
		margin: 0 0 0 0;
		padding: 0 8px 0;
	}
		#footer #quick_links a {
			color: #FFF;
			text-decoration: underline;
		}
		#footer #quick_links p.legal {
			opacity: 0.6;
			filter: alpha(opacity=60);
		}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix { _display: inline-block; }

/* History - Behind the Blizzard */
#history {
	color: #000;
	margin-left: 20px;
	margin-right: 10px;
}
	#history .main {
		background-image: url(/templates/images/bg_behindtheblizz.gif);
		background-repeat: no-repeat;
		height: 445px;
		width: 442px;
		float: left;
		margin-right: 10px;
		padding-left: 36px;
		padding-top: 151px;
	}
		ul.nav {
			margin-left: 0;
			padding-left: 0;
			display: inline;
		}
			ul.nav li {
				list-style: none;
				display: inline;
				float: left;
			}
			ul.nav li a {
				background-repeat: no-repeat;
				display: block;
				width: 116px;
				height: 25px;
				background-position: 0 0;
			}
			ul.nav li a.inactive {
				background-position: 0 -25px;
			}
			ul.nav li a.facts { background-image: url(/templates/images/tab_facts.gif); }
			ul.nav li a.secrets { background-image: url(/templates/images/tab_secrets.gif); }
			ul.nav li a.history { background-image: url(/templates/images/tab_history.gif); }
			
		.main div.tab {
			margin-top: 10px;
			padding: 0 10px 0 0;
			width: 400px;
			height: 380px;
			overflow: auto;
			color: #0e4d79;
		}
		.main #secrets_tab,
		.main #facts_tab {
		  *margin-top: -140px;
		}
      .main div.tab h2,
      .main div.tab p {
				padding-bottom: 10px;
			}
      .main div.tab ul {
				display: block;
				padding-left: 20px;
			}
        .main div.tab ul li {
					list-style: disc none outside;
					/* display: block; */
					padding-bottom: 10px;
				}
      .main div.tab strong {
				font-weight: bold;
			}
    .main div.inactive,
		.content-area div.inactive {
			display: none;
			*font-size: 1%;
		  *height: 1%;
		}
		
		.content-area div.tab { padding: 15px 20px; }
		.content-area div#promo_tab { padding: 78px 0 15px 3px; }
		.content-area div.tab .content {
			height: 137px;
			overflow: auto;
		}
	
	#history .calltoaction {
		background-image: url(/templates/images/watchtheads.gif);
		background-repeat: no-repeat;
		background-position: 10px center;
		background-color: #cc0003;
		width: 430px;
		height: 26px;
		float: right;
		margin-right: 10px;
		margin-bottom: 10px;
		display: block;
		text-indent: -9999px;
	}
	#cinema {
		width: 430px;
		height: 325px;
		float: right;
		margin-right: 10px;
		margin-bottom: 10px;
		display: block !important;
		display: inline;
	}
	#timeline2 {
		width: 430px;
		height: 224px;
		float: right;
		margin-right: 10px;
		display: block !important;
		display: inline;
	}

img.bordered {
	padding: 5px;
	border: 1px solid #b1b1b1;
}

span.rating-result {
	margin-top: 2px;
	width: 180px;
	border: 1px solid #b1b1b1;
	background: #fff;
	line-height:1px;
	font-size:1px;
	display: block;
}

span.norating-result {
	margin-top: 6px;
	display: block;
}

.memberCounter img {
	float: left;
	display: block;
	padding-right: 1px;
}

.memberCounter img.comma {
	padding-right: 0;
	margin-right: -1px;
	left: -1px;
	top: 19px;
	position: relative;
}

/* OREO PROMO STYLES */
#OreoLogo {
  display: block;
  margin-left: -10px;
}
#oreo-promo {
	background: url('/templates/img/bg_oreo_promo.jpg') no-repeat 0 0;
	width: 416px;
	height: 162px;
	padding: 14px 0 0 14px;
	line-height: normal;
}
#HeadingJoin {
  background: url('../img/heading_join_oreo.gif') no-repeat 0 0;
  width: 346px;
  height: 0;
  padding-top: 57px;
  overflow: hidden;
  margin-bottom: 20px;
}
#HeadingLogin,
#HeadingLogin em {
  font-weight: bold;
}
#HeadingLogin {
  font-family: 'Gill Sans', Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 3px;
  line-height: normal;
}
#oreo-promo form {}
#oreo-promo form fieldset {
  display: block;
  margin-bottom: 3px;
}
#oreo-promo form #email-address {}
#oreo-promo form #promo-code {}
#oreo-promo #small-text {
	font-size: 10px;
}

/* Error States */
.error, 
.left-col #join-us .error p {
  color: #fff;
}
.error {
  background: #024568;
  opacity: .75; /* CSS Opacity in Firefox, Safari, Chrome, and Opera */
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75); /* IE6, IE7, and IE8 */	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=75)"; 	/* IE8 only */
  position: absolute;
  font-size: 13px;
  line-height: 1.5em;
  display: none;
}
a.close-this {
  display: block;
  width: auto;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 15px;
  right: 13px;
  padding-right: 17px;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  background: url('/templates/img/close_error.png') no-repeat right 2px;
}
#oreo-promo .error {
  top: 0;
  left: 0;
  width: 330px;
  height: 76px;
  padding: 50px;
}
#formSubscribe .error {
  top: 161px;
  left: 30px;
  width: 338px;
  height: 64px;
  padding: 180px 50px;
  font-size: 13px;
  line-height: 1.5em;
  -moz-border-radius: 12px;
  border-radius: 12px;
}

/* Facebook Like Button Styles */
.hidden {
  visibility: hidden;
}
#LikeMasthead {
  position: absolute;
  left: 477px;
  top: 59px;
}
#FooterBogo {
  float: left;
  margin: 10px 0 0 10px;
  width: 222px;
  height: 90px;
  background: url('../img/bg_join_module.png') no-repeat 0 0;
  color: #fff;
  position: relative;
}
#FooterBogo #BtnJoin {
  background: url('../img/btn_join_module.png') no-repeat 0 0;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 54px;
  padding-top: 25px;
  height: 0;
  overflow: hidden;
}
#LikeFooter {
  position: absolute;
  left: 4px;
  bottom: 5px;
}
#JoinBogo {
  height: 221px;
  background: url('../img/bg_join_bogo.png') no-repeat 0 0;
  position: relative;
}
#JoinBogo p {
  position: absolute;
  top: 178px;
  left: 16px;
  text-align: center;
  width: 395px;
  color: #002d6b;
  font-size: 11px;
  line-height: 12px;
}
#JoinBogo p.small {
  top: 225px;
  left: 298px;
  text-align: left;
  font-size: 10px;
}
#LikeJoin {
  position: absolute;
  top: 217px;
  left: 134px;
}