body{ background: #e1e5e6 url('/win-for-life/images/bodybg.jpg') repeat-x; font-size: 14px; font-family: arial; color: #686868; padding-bottom: 20px; }
#container{ width: 1000px; margin: 0 auto; }
#text a{ color: #13499F; }

/*left column*/
#left{ float: left; width: 161px; padding-left: 15px; }
#logo{ display: block; margin-top: 40px; text-indent: -9999em; width: 132px; height: 130px; background: url('/win-for-life/images/logo.png') no-repeat; }
#social{  padding-top:  30px ;height:  24px; line-height: 24px; }
#social p, #social img.twitter, #social img.facebook{ float: left; margin-right:6px; }
#social p.sharethis{ background: url('/win-for-life/images/sharethis.png') no-repeat; width: 69px; height: 13px; display: block; text-indent: -9999em; margin-top: 5px; }

/*menu*/
ul#menu{ height: 175px; margin-top:  10px; margin-bottom: 25px; }
ul#menu a{ color: #ffffff; font-size:14px; height:42px; line-height: 42px; text-decoration: none; padding-left: 10px;  display: block; text-indent: -9999em;  }
ul#menu .entertowin a{ background: url('/win-for-life/images/menu-sprite.png') 0 0 no-repeat; }
ul#menu .entertowin a:hover{ background: url('/win-for-life/images/menu-sprite.png') -159px 0 no-repeat;  }
body.enter ul#menu .entertowin a, body.login ul#menu .entertowin a, body.tickets ul#menu .entertowin a{ background: url('/win-for-life/images/menu-sprite.png') -319px 0 no-repeat;  }
ul#menu .thewinners a{ background: url('/win-for-life/images/menu-sprite.png') 0 -42px no-repeat; }
ul#menu .thewinners a:hover{ background: url('/win-for-life/images/menu-sprite.png') -159px -42px no-repeat;  }
body.winners ul#menu .thewinners a{ background: url('/win-for-life/images/menu-sprite.png') -319px -42px no-repeat;  }
ul#menu .officialrules a{ background: url('/win-for-life/images/menu-sprite.png') 0 -85px no-repeat; }
ul#menu .officialrules a:hover{ background: url('/win-for-life/images/menu-sprite.png') -159px -85px no-repeat;  }
body.rules ul#menu .officialrules a{ background: url('/win-for-life/images/menu-sprite.png') -319px -85px no-repeat;  }
ul#menu .wheretoplay a{ background: url('/win-for-life/images/menu-sprite.png') 0 -128px no-repeat; }
ul#menu .wheretoplay a:hover{ background: url('/win-for-life/images/menu-sprite.png') -159px -128px no-repeat;  }
body.play ul#menu .wheretoplay a{ background: url('/win-for-life/images/menu-sprite.png') -319px -128px no-repeat;  }

/*right column*/
#right{ background: url('/win-for-life/images/bg-right.png') top center no-repeat; width: 826px; float: left; margin-left:  -30px; }
#content{ margin-left:27px; width: 780px; background: url('/win-for-life/images/bg-content-main.jpg') 0 335px repeat-x; }
#content #flash-movie { width:780px; height:454px; z-index: 1;  }
#content #user{ background: #515a63; height:20px; width: 770px; font-size: 11px; color:#ffffff; text-align: right; line-height: 20px; padding-right: 10px; z-index: 99; }
#content #user a{ color: #c3ced4; text-decoration: none;  }
#content #main{  padding: 0 0 0 20px; }
#content a.waystowin, #content a.whowon{ float: left;  }
#content a.waystowin{ width: 372px; height: 183px; background: url('/win-for-life/images/waystowin.png') 0 -200px; text-indent: -9999em; display: block; }
#content a.waystowin:hover{ background: url('/win-for-life/images/waystowin.png') 0 -8px; }
#content a.whowon{ width: 372px; height: 183px; background: url('/win-for-life/images/whowon.png') 0 -185px; text-indent: -9999em; display: block; }
#content a.whowon:hover{ background: url('/win-for-life/images/whowon.png') 0 0; }
#content #footer{ clear: both; background: url('/win-for-life/images/bg-footer.jpg') no-repeat; height: 85px; color: #67727d; font-size: 12px; padding-top: 46px; padding-left: 145px; }
#content #footer p{ line-height: 150%; }
#content #footer a{ color: #67727d; }

/*page specific styles*/
.rules #content, .winners #content{ width: 793px;  background: none; }
#textwrap{ padding-top: 138px; background:  url('/win-for-life/images/bg-text.png') no-repeat; }
#text h1{ font-size:  21px; padding-bottom: 5px; }
#text h2{ font-size: 13; font-weight: bold; padding-bottom: 15px; }

/*rules*/
body.rules #pageheader{ background:  url('/win-for-life/images/hdr-officialrules.png'); width: 325px; height: 60px; position: absolute; top: 30px; margin-left: 50px; }
body.rules #text{  width: 640px;  margin: 0 auto; font-size: 13px; line-height: 140%; color: #333333; height: 500px; overflow-y: scroll;  }
body.rules #text h1{ padding-top: 3px; }
body.rules #text li, body.rules #text p{ padding: 0 15px 30px 0; }
body.rules .print{  }
body.rules #text ol{ padding-left: 30px; width: 570px; }
body.rules #text ol li{ list-style-type: decimal;  }
body.rules #text table{ margin: 20px auto 10px auto; }
body.rules #text table tr td{ padding: 5px; }
body.rules #text table tr.title{ background: #ffffff; font-weight: bold; }

/*winners*/
body.winners #pageheader{ background:  url('/win-for-life/images/hdr-thewinners.png'); width: 325px; height: 60px; position: absolute; top: 30px; margin-left: 50px; }
body.winners #text{ width: 650px; height: 625px; margin: 0 auto; font-size: 13px; line-height: 140%; color: #333333;  padding-right: 10px; min-height: 588px; }
body.winners #bgwinners{ background: url('/win-for-life/images/wfl-grand-prize.jpg'); width: 650px; height: 148px; color: #0b2e6f; text-align: center; text-indent: -9999em; }
body.winners #bgwinners h1{ font-size: 35px; padding-top: 8px; line-height: 110%; }
body.winners #bgwinners h2{ font-weight: normal; padding-top: 5px; }
body.winners .atmwinners{ font-size: 18px; color:#424242; font-weight: bold; padding: 15px 0 5px 0; }
body.winners #winnersbox{ width: 283px; padding: 10px 0; z-index: 99; }
body.winners #winnersbox .winner{ margin-top:  15px; border-bottom: 1px solid #9aa1a7; clear:both; height: 50px; }
body.winners #winnersbox .winner.last{ border-bottom:  none; }
body.winners #winnersbox .winner h3{ color: #424242; font-size: 16px; text-transform: uppercase; font-weight: normal; height: 50px; float: left; }
body.winners #winnersbox .winners{ float: left; border-left: 1px solid #ffffff; width: 165px;   }
body.winners #winnersbox #winnerweeks{ width: 105px; float: left;  text-align: center; font-size: 16px; margin-top:10px; }
body.winners #winnersbox #winnerweeks a{ color: #424242; text-decoration: none; text-transform: uppercase; display: block; height: 35px; line-height: 35px; margin-bottom: 15px; }
body.winners #winnersbox #winnerweeks a:hover, body.winners #winnersbox #winnerweeks li.act a{ background: #ffffff; color: #424242; }
body.winners #winnersbox #winnerweeks li.inact a:hover, body.winners #winnersbox #winnerweeks li.inact a{ background: none; color: #b1b6b9; cursor: default; }
body.winners #winnersbox .winner div{ height: 50px; float: left; padding-left: 10px;  }
body.winners #winnersbox .winner h4{ font-size: 16px; font-weight: normal; }
body.winners #winnersbox .winner p{ font-size: 13px; }
body.winners #atmimage{ width: 496px; height: 559px; background: url('/win-for-life/images/atm.png') top right no-repeat; position: absolute; top:235px; z-index: 1; margin-left: 250px; }
body.winners .disclaimer { margin-left:-45px; font-size:10px; padding-top:10px; clear:both; width:290px;}
body.winners #footer {margin-top:45px;}

/*entry form, login form & previous #s */
body.enter #pageheader, body.login #pageheader, body.tickets #pageheader{ background:  url('/win-for-life/images/hdr-entertowin.png'); width: 325px; height: 60px; position: absolute; top: 30px; margin-left: 50px; }
body.enter #textwrap{ background:  url('/win-for-life/images/bg-text-enter.jpg') no-repeat; }
body.enter #text{ width: 650px; height: 700px; margin: 0 auto; font-size: 13px; line-height: 140%; color: #333333;  padding-right: 10px; background: url('/win-for-life/images/bg-smallatm.png') 58px 375px no-repeat; }
body.enter #entryleft{ width:270px; float: left; font-size:13px; line-height: 150%; padding: 15px; }
body.enter #entryleft strong{ font-size: 14px; }
body.enter #entryleft p{ padding-bottom: 10px; }
body.enter #entryright{  width:350px; float: right; font-size: 16px; line-height: 150%; color: #333333; height: 424px; }
body.enter #entryright form{ padding: 35px 0 0 25px; background: url('/win-for-life/images/bg-tickets.png') no-repeat; height: 400px;  }
body.enter #entryright ol{ margin-left: 20px; color: #656668; }
body.enter #entryright ol li{ list-style-type: decimal; padding-bottom: 10px; }
body.enter #entryright p{ font-size: 12px; line-height: 16px; }
body.enter #entryright p input{ margin-right: 5px; }
body.enter #entryright form ol input{ border: 1px solid #b4b6b8; padding: 5px; text-align: center; }
body.enter #entryright #error{ color: #c71300; text-transform: uppercase; font-size: 11px; padding: 0 15px 5px 0; display: none; line-height: 13px; }
body.enter #entryright #error.error{ display: block!important; }
body.enter a.preventries{ display: block; background: url('/win-for-life/images/preventries.png'); width: 199px; height:60px; text-indent: -9999em; }
body.enter #ticketimage{ height: 312px; width: 367px; margin-top: -100px; background: url('/win-for-life/images/ticket.png') no-repeat;}
body.enter form input.submit{ margin: 5px 0 0 40px; width: 206px; }
body.enter #ti11, body.enter #ti21, body.enter #ti31, body.enter #ti41, body.enter #ti51{ width: 25px; }
body.enter #ti12, body.enter #ti22, body.enter #ti32, body.enter #ti42, body.enter #ti52{ width: 75px; }
body.enter #ti13, body.enter #ti23, body.enter #ti33, body.enter #ti43, body.enter #ti53{ width: 50px; }

body.login #text, body.tickets #text{ padding: 20px; width: 610px; height: 300px; margin: 0 auto; font-size: 13px; line-height: 140%; color: #13499f;  padding-right: 10px; }
body.login #text a{ color: #13499f; }
body.login a.signup{ background: url('/win-for-life/images/btn-signup.png'); text-indent: -9999em; width: 146px; height: 40px; display: block; float: right; }
body.login form div.username input, body.login form div.password input{ width: 180px; border: 1px solid #6b6b6b; padding: 10px;  }
body.login form div{ float: left; margin: 5px 10px 5px 0;  }
body.login form div input.submit{ margin-top: 18px; }
body.login p{ padding: 10px 0; }
body.login #error{  }

body.tickets #text{ height: auto; }
body.tickets #text h1{ padding-bottom: 15px; }
body.tickets #text a{ color: #13499f; font-size: 14px; }
body.tickets #text ul li{ height: 35px; line-height: 35px; padding: 0 15px; color: #101010;  }
body.tickets ul li.highlight{ background: #bcc6cb; }
body.tickets #leftcol{ width: 305px;  float: left; text-align: right; margin-top: 15px; }
body.tickets #rightcol{ width: 305px;  float: left; margin-top: 15px; }

body.tickets #pagination{ clear: both; padding: 15px 0; margin: 15px auto; width: 200px;  }
body.tickets #pagination span{ padding: 10px 0; display: block; float: left; margin: 0 3px; color: #101010; }
body.tickets #pagination a{ padding: 10px; border: 1px solid #101010; display: block; float: left; color: #101010; text-decoration: none; }
body.tickets #pagination a.back{ background: url('/win-for-life/images/page-back.jpg') 13px 10px no-repeat; height: 23px; width: 21px; border: none; }
body.tickets #pagination a.next{ background: url('/win-for-life/images/page-next.jpg') 13px 10px no-repeat; height: 23px; width: 21px; border: none; }
