/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2: font.css and reset.css
*/
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
html{color:#000;background:#fff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;}



/*clear fix taken and adapted from positioniseverything.net */
/* alternative version - try it out, if it doesn't work, revert back to the previous version */
.cf:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.cf {height:1%;}

.fl {float:left;}
.fr {float:right;}
.pr {position: relative;}

.lbl-hidden {position:absolute;top:-1000px; left:-1000px; z-index:-1}
.lbl-invisible {visibility:hidden;} /*leaves in flow for spacing */
iframe.tracking {position:absolute; left:-10000px; display:none; width:1px; height:1px; border:0;}
object:focus, embed:focus {border:0; outline:0;}

a { text-decoration:none; color:#fff; cursor: hand; cursor: pointer;}
.p a { color:#ffcc00;}
.disabled{  filter:alpha(opacity=45);opacity: 0.45;-moz-opacity:0.45;}

.hr {height:1px;  margin:10px}
.bullet li{list-style:disc}

select {background:#757473; border:solid 1px #9c9c9c; padding:2px; margin-right:9px; font-size:120%; font-weight:bolder; color:#fff; vertical-align:middle; }



/* begin: layout */
body ,html{font-family:Helvetica,Arial,sans-serif;}

#top,#bottom,#left,#right {position:fixed;background:#333; z-index:20}
#top,#bottom {left:0;width:100%;height:6px;}
#top { top:0; }
#bottom {bottom:0; }
#left,#right {top:0;height:100%;width:6px;}
#left {left:0;}
#right {right:0;}


/* Monopoly background  colour scheme */
body, html { background:#d04d1c url(/static/img/monopoly/bg-monopoly.jpg) repeat-x top center; color:#fff;}
#top,#bottom,#left,#right { background:#333;}
#nav2 { background:#d04d1c }
.nav3 ul li a img {border-color:#d04d1c;}


h2.generic{font-size:150%; font-weight: bold; padding-bottom: 10px; }

.container {width:936px;  margin:0 auto; }
.footer {margin:50px 0 140px 0; font-size:110%; }
.footer .top {height:4px; width:936px; background: url(../img/monopoly/footer-top.gif) no-repeat; overflow:hidden ; margin-bottom:-1px; }
.footer .mid { border-left:1px solid #fff; border-right:1px solid #fff; padding:5px 0; height:20px; background:url(../img/monopoly/footer-mid.gif) repeat-x; width:934px;}
.footer .mid span {float:left; padding-left:18px; color:#30292a;}
.footer .mid ul {float:left; padding:0 0 0 15px;}
.footer .mid ul li {float:left; padding-right:10px}
.footer .mid ul li a{color:#30292a;}
.footer .bot { height:4px ; width:936px; background: url(../img/monopoly/footer-bot.gif) no-repeat; overflow:hidden; margin-left:0;}
.footer .footer_tc { text-align: left; padding-top: 45px; padding-bottom: 10px; color: #30292A; font-size: 80%; width: 670px; margin-left: 135px;} /* Modified in IE6.css */
	.footer .footer_tc a { color: #30292A; }
	.footer .footer_tc a:hover { color: #30292A; text-decoration: underline;}
	.footer .footer_tc span.pa {position: absolute; left: -120px; top: 47px;}

/* end: layout */	

/* Begin: nav 1 */
.nav1 {padding:13px 0pt 0 30px ; overflow:hidden}
.nav1 ul { padding:20px 38px 0 0; float:right;overflow:hidden; width:auto; }
.nav1 h1{ float:left }
.nav1 h1 a {display:block; width:80px; height:60px; background:url(../img/monopoly/logo.png) no-repeat; position:relative; }
	.nav1 h1 a span { position:absolute; left: -9999px; }

.nav1 ul li{float:left; margin-left:20px;}
.nav1 ul li a {position:relative; display:block; height:37px}
.nav1 ul li a span {position:absolute; text-align:center; font-size:168%; line-height:43px; height:30px; display:block; overflow:hidden }

.nav1 ul li a span.selected {background-color:#ca362d; margin:1px 1px; height:28px;}

.nav1 ul li:hover a span.setHover {background-color:#4f493a; margin:1px 1px;  height:28px;}
.nav1 ul li.doIeHover a span.setHover {background-color:#4f493a; margin:1px 1px; height:28px;}

.nav1 ul li a span.txt {visibility:hidden;}
.nav1 ul li a span.glass { background-repeat:no-repeat }

.nav1 ul li a.food,
.nav1 ul li a.food span { width:68px;}
.nav1 ul li a.food span.selected, .nav1 ul li a.food span.setHover{width:66px;}
.nav1 ul li a.food span.glass {background-image:url(../img/nav1/food.png); }
.nav1 ul li a.restaurants,
.nav1 ul li a.restaurants span {width:126px;}
.nav1 ul li a.restaurants span.selected, .nav1 ul li a.restaurants span.setHover {width:124px; }
.nav1 ul li a.restaurants span.glass {background-image:url(../img/nav1/restaurants.png);}
.nav1 ul li a.ourworld,
.nav1 ul li a.ourworld span { width:111px; }
.nav1 ul li a.ourworld span.selected, .nav1 ul li a.ourworld span.setHover {width:109px;}
.nav1 ul li a.ourworld span.glass {background-image:url(../img/nav1/our-world.png);}
.nav1 ul li a.sports,
.nav1 ul li a.sports span { width:74px;  }


.nav1 ul li a.sports span.selected, .nav1 ul li a.sports span.setHover {width:72px;}
.nav1 ul li a.sports span.glass {background-image:url(../img/nav1/sport.png); }
.nav1 ul li a.about-us,
.nav1 ul li a.about-us span { width:100px; }
.nav1 ul li a.about-us span.selected, .nav1 ul li a.about-us span.setHover {width:98px;}
.nav1 ul li a.about-us span.glass {background-image:url(../img/nav1/about-us.png); }
.nav1 ul li a.careers,
.nav1 ul li a.careers span { width:90px;}
.nav1 ul li a.careers span.selected, .nav1 ul li a.careers span.setHover {width:88px; }
.nav1 ul li a.careers span.glass {background-image:url(../img/nav1/careers.png); }

/* End: nav 1 */

/* Begin: nav 2 (FLY OUT NAV )*/

#nav2-space { height:0; margin:0 0 32px; }
#nav2 { border-top:1px solid #3b352e; border-bottom:1px solid #c6c4b5; left:0; margin-top:18px; padding-left:10px; overflow:hidden; }
.js #nav2 { width:100%; border-top:1px solid #3b352e; border-bottom:1px solid #c6c4b5; left:0; position:absolute; margin-top:0; padding-left:0; z-index:200; top:88px; /* height:252px; */ overflow:hidden; }
#nav2 .nav2-inner {width:936px; overflow:hidden; margin:0 auto; position:relative; }

#nav2 .nav2-inner .header-buttons a.hide{float:right; margin:11px 22px 0 0; }
#nav2 .nav2-inner .header-buttons a.hide img{display:block; margin-top:5px; }
#nav2 .nav2-inner .nav2-category {position:relative; overflow:visible; margin-top:9px}
#nav2 .nav2-inner .nav2-category h2 { position:absolute; top:-35px; font-weight:normal; font-size:150%}
#nav2 .nav2-inner .nav2-category ul {  width:960px; margin:0; padding:0;}
#nav2 .nav2-inner .nav2-category ul li {float:left;  margin:0; padding:0; margin:0 0 10px 10px; left:-10px; position:relative;}


#nav2 .nav2-inner .nav2-category ul li img { display:block }

#nav2 .nav2-inner .nav2-category ul li a {display:block; width:120px; height:84px; border:solid 1px #e96022;}
#nav2 .nav2-inner .nav2-category ul li .text { height:10px; position:absolute; bottom:9px; left:0; text-align: center; width:100%; display:block; font-size:82% }
#nav2 .nav2-inner .nav2-category ul li .glass { position:absolute; bottom:1px; background:#e96022; left:1px; height:28px; width:120px; display:block }
#nav2 .nav2-inner .nav2-category ul li:hover .glass{background:#d04d1c;}
#nav2 .nav2-inner .nav2-category ul li.liHover .glass{ background:#d04d1c; }

#nav2 .nav2-category {display:none;}
.food #nav2 .food, .restaurants #nav2 .restaurants,
.ourworld #nav2 .ourworld, .sports #nav2 .sports,
.about-us #nav2 .about-us, .careers #nav2 .careers {display:block;}
/* End: nav 2 */

/* Begin: nav 3 ( DOCKED NAV ) */
.nav3 { border-top:1px solid #9d2c1e; background: #dc291e;  width:927px; margin:0 auto;}
.js .nav3 { position:fixed; bottom:0; z-index:500; overflow:hidden; width:100%; height:115px; border-top:1px solid #9d2c1e; background: #dc291e; display: none;}


.preLoader { position:fixed; bottom:0; z-index:501; overflow:hidden; width:100%; height:115px; background: #dc291e;}
#docNavLoad { display: none; height:115px; z-index:501; left:0;}
#docNavLoad div#loader{width:40px; margin:40px auto 0;}


/* End: nav 3 */

/* New styles */
.header {margin: 20px 0 28px 0; overflow: hidden;}
	.header img {float: left;}
	.header img.txt {margin: 39px 0 0 31px;}
	.header img.txt2 {margin: 70px 0 0 31px;}
	.header img.txt-pr {margin: 85px 0 0 31px;}
.panels {width: 954px;}
	.panels .panel {background: #333; float: left; width: 420px; min-height: 131px; margin-right: 19px; position: relative; padding: 23px 19px; color: #fff;}	
		.panels .panel .hdr {margin-bottom: 10px;}
		.panels .panel p {font-size: 120%;}
		.panels .panel p.btn {margin-top: 31px;}
			.panels .panel p.btn a.txtlink {font-size: 80%; color: #fcc02c; font-family: arial, helvetica, sans-serif; font-weight: normal; text-decoration: underline; position: relative; top: -10px; left: 40px;}
			.panels .panel p.btn a.txtlink:hover {text-decoration: none;}
		.panels .panel .pa-tl {position: absolute; top: -41px; left: -21px;}	
		.panels .panel .pa-br {position: absolute; bottom: -29px; right: -26px;}	
		
.panels .panel_tog {background: #333; float: left; width: 458px; min-height: 131px; margin-right: 19px; position: relative; padding: 23px 0; color: #fff;}				
		.panels .panel_tog .hdr {margin-bottom: 10px; padding:0 19px;}

.panels .panel_tog .tabs {position: relative;}
.panels .panel_tog .tabs #tab1, .panels .panel_tog .tabs #tab2 {position: relative; top: 0; left: 0; float: left; background: #333;}
body.js .panels .panel_tog .tabs #tab1, body.js .panels .panel_tog .tabs #tab2 {position: absolute;}
.panels .panel_tog .tabs .tab .hdr {border-bottom: 1px #444 solid; margin: 0 0 24px 0; width: 418px;}
.panels .panel_tog .tabs dl {font-size: 110%; padding: 0 19px;}
.panels .panel_tog .tabs dt, .panels .panel_tog .tabs dd {float: left; border-bottom: 1px #444 solid; height: 154px; margin: 0 0 24px 0;} 
.panels .panel_tog .tabs dt {width: 230px;}
.panels .panel_tog .tabs dd {width: 188px;}
.panels .panel_tog .tabs dd p {height: 70px;}
.panels .panel_tog .tabs dd a {font-size: 70%; padding: 5px 0 0 0; display: table-cell; width: auto;}
.panels .panel_tog .tabs dd a:hover {text-decoration: underline;}
		
		
		.panels .panel .guidelines dl {margin: 20px 0 57px 0; overflow: hidden;}
	.panels .panel .guidelines dt, .panels .panel .guidelines dd {float: left; margin: 0 0 20px 0;} 
	.panels .panel .guidelines dt {width: 124px;}
	.panels .panel .guidelines dd {width: 294px;}
	.panels .panel .guidelines dt.wide {float: none;}

.promo {padding: 50px 0 0 290px; clear: left; font-family: arial, helvetica, sans-serif; color: #fff; font-size: 110%;}
	.promo a {text-decoration: none; position: relative; top: -57px; left: 30px}
	.promo a:hover {text-decoration: underline;}	
	
	
	#accord_faq_wrap { margin: 20px 18px 18px 0; }
	#accord_faq_wrap a.toggler { background: url(../img/buttons/question_faq.png) 0 0 no-repeat; padding: 2px 0 2px 50px; font-size: 130%; margin-bottom: 5px; display: block; color: #fff; }
		#accord_faq_wrap a.toggler:hover { background-position: 0 -49px; }
	#accord_faq_wrap a.on { background-position: 0 -100px;  }
		#accord_faq_wrap a.on:hover { background-position: 0 -149px; }
	#accord_faq_wrap div.accord_ele { display: block; padding: 0; }
		#accord_faq_wrap div.accord_ele p { padding: 5px 10px 15px 10px; font-size: 130%; }

/* Terms and conditions */
#header {height: 136px; width: 936px; overflow: hidden;}
a.back-btn {display: block; margin: 18px 0 15px 0; width: 77px;}
p.back-btn {clear: left; padding: 20px 0;}
.form-bg {background: #333; padding: 23px 23px 0 23px; margin:  0 0 20px 0; color: #fff; border: 1px #333 solid;}
	.form-bg h1 {border-bottom: 1px #444 solid; padding: 0 0 12px 0; margin-bottom: 22px;}
	.form-bg p {padding: 0 0 21px 35px;}
#content .terms {font-size: 100%; font-weight: normal; font-family: arial,helvetica,sans-serif;}	
.terms table {border: 1px #666 solid; margin: 20px 0; width: 100%;}	
.terms table thead th {border-bottom: 1px #666 solid;}
.terms table tbody th, .terms table tbody td {border-bottom: 1px #3f3f3f solid;}
.terms table tfoot th, .terms table tfoot td {border-top: 1px #666 solid; font-size: 90%;}
.terms table.playcom td, .terms table.playcom th {padding: 4px; width: 25%; vertical-align: top;}
.terms table.playcom td.first, .terms table.playcom th.first {width: 50%;}
.terms table.prizes td, .terms table.prizes th {padding: 4px; width: 25%; vertical-align: top;}
.terms table.products td, .terms table.products th {padding: 4px; vertical-align: top;}
.terms table.products td.odd, .terms table.products th.odd {width: 10%;}

#content .terms ol li {padding-top: 10px;}
#content .terms ul {margin: 10px 0 10px 0;}
#content .terms ul li {padding: 0 0 0 5px; list-style-type: disc; margin-left: 15px;}

.faqhdr {padding: 10px 0;}