* {
    font-family: arial;
    font-size: 12px;
    color: #ffffff;
    margin: 0px;
    padding: 0px;
}

a {
    outline: none;
}

body {
    background-color: #20419b;
}
#flashsound{
	float:left;
	width:64px;
	height:10px;
	margin:0px;
	padding:0px;
}

#wrapper {
    background-image: url(/images/wrapper_bg.jpg);
    background-repeat: no-repeat;
    width: 1024px;
    min-height: 900px;
    margin: 0 auto;
}

#gameWrapper {
    background-image: url(/images/wrapper_bg.jpg);
    background-repeat: no-repeat;
    width: 1024px;
    min-height: 755px;
    margin: 0 auto;
}

.hidden {
    display: none;
}

input, select {
    color: #9a9a9a;
}

#logo {
    height: 250px;
    width: 1024px;
}

#couponQuestion {
    background-image: url(/images/coupon_question2.png);
    background-repeat: no-repeat;
    height: 65px;
    margin: 0 auto;
    width: 770px;
}

#no, #yes {
    float: left;
    height: 345px;
    margin: 40px;
    width: 424px;
}

#no {
    background-image: url(/images/no_bg.png);
    background-repeat: no-repeat;
}

#yes {
    background-image: url(/images/yes_bg.png);
    background-repeat: no-repeat;
}

.answerHead {
    height: 110px;
}

.answerBody {
    height: 130px;
}

.answerBody p {
    color: #ffffff;
    font-family: arial;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    padding: 30px 40px;
}

.answerButtons {
    margin: 0 auto;
    width: 200px;
}

#no #tld {
    background-image: url(/images/tld.png);
}
#no #bonding {
    background-image: url(/images/play.png);
}
#yes #register {
    background-image: url(/images/register.png);
}

#no .answerButtons a {
    display: block;
    float: left;
    height: 77px;
    margin: 0 10px;
    width: 77px;
}
#yes .answerButtons a {
    display: block;
    height: 44px;
    margin: 10px 0;
    width: 204px;
}

#mechanics {
    background-image: url(/images/registrationDescription.png);
    background-repeat: no-repeat;
    height: 594px; 
    margin: -107px auto 0 auto;
    width: 905px;
}

#mechanics #mechanicsText {
    float: left;
    margin-left: 30px;
    margin-top: 155px;
    width: 290px;
}

#mechanics #mechanicsText p {
    line-height: 20px;
    margin: 20px 0;
	font-size:10pt;
}

#regForm {
    background-image:url(/images/registrationForm2.png);
    float:left;
    height:432px;	
    margin-left:125px;	
    padding-left:30px; 
    padding-top:140px;
    width:427px;
}

#regForm .field {
    width: 185px;
    float: left;
    margin-top: 15px;
    position: relative;
}

#regForm #birthday {
    width: 370px;
    float: left;
    margin-top: 15px;
    position: relative;
}

#regForm #birthday .label {
    font-family: arial;
    font-size: 12px;
    height: 25px;
    width: 370px;
}

#regForm #birthday #year {
    background-color:transparent;
    background-image:url(/images/year_bg.png);
    border:medium none;
    height:25px;
    margin-right: 30px;
    padding:3px;
    width:70px;
}

#regForm #locationHolder {
    width: 160px;
    float: left;
    margin-top: 15px;
    position: relative;
}

#regForm #locationHolder .label {
    font-family: arial;
    font-size: 12px;
    height: 25px;
    width: 160px;
}

#regForm #locationHolder #location {
    background-color:transparent;
    background-image:url(/images/month_bg.png);
    border:medium none;
    height:25px;
    margin-right: 30px;
    padding:3px;
    width:120px;
}
option{
	color:#9A9A9A;
}

#regForm #areaHolder {
    width: 160px;
    float: left;
    margin-top: 15px;
    position: relative;
}

#regForm #areaHolder .areaError {
    left: 120px;
}

#regForm #areaHolder .label {
    font-family: arial;
    font-size: 12px;
    height: 25px;
    width: 160px;
}

#regForm #areaHolder #area {
    background-color:transparent;
    background-image:url(/images/month_bg.png);
    border:medium none;
    height:25px;
    margin-right: 30px;
    padding:3px;
    width:120px;
}
#regForm #storeHolder {
    width: 370px;
    float: left;
    margin-top: 10px;
    position: relative;
}

#regForm #storeHolder .label {
    font-family: arial;
    font-size: 12px;
    height: 25px;
    width: 370px;
}

#regForm #storeHolder #store {
    background-color:transparent;
    background-image:url(/images/month_bg.png);
    border:medium none;
    height:25px;
    margin-right: 30px;
    padding:3px;
    width:120px;
}

#regForm #birthday #day {
    background-color:transparent;
    background-image:url(/images/day_bg.png);
    border:medium none;
    height:25px;
    margin-right: 30px;
    padding:3px;
    width:70px;
}

#regForm #birthday #month {
    background-color:transparent;
    background-image:url(/images/month_bg.png);
    border:medium none;
    height:25px;
    margin-right: 30px;
    padding:3px;
    width:120px;
}

#regForm .field .label {
    font-family: arial;
    font-size: 12px;
    height: 25px;
}

#regForm .field .inputField {
    background-color:transparent;
    background-image:url(/images/textfield_bg.png);
    border:medium none;
    height:15px;
    padding:5px;
    width:160px;
	overflow:hidden;
}


#submit {
    background-color:transparent;
    background-image:url(/images/submit_bg.png);
    border:medium none;
    float: right;
    height: 30px;
    margin-right: 50px;
    margin-top: 0px;
    width: 99px;
	cursor:pointer;
}

.errorLeft {
    background-image:url(/images/error_bg_left.png);
    height:25px;
    left:-150px;
    padding:10px 0 0 15px;
    position:absolute;
    top:0;
    width:135px;
}

.errorRight {
    background-image:url(/images/error_bg_right.png);
    height:25px;
    left:170px;
    padding:10px 0 0 15px;
    position:absolute;
    top:0;
    width:135px;
}

.errorLeft p, .errorRight p {
    color: red;
}

#holder {

   height: 273px;
    position: relative;

/*
	position:absolute;
	height: 273px;
	top:0px;
	width:1024px;
*/
}

#homeLink{
	position:absolute;
	height: 273px;
	top:0px;
	width:1024px;
	margin-left:155px;
	z-index:3000;
}

#homeLink2{
	position:absolute;
	float:left;
	top: 175px; 
	margin-left: 960px; 
	width: 129px; 
	height: 30px; 
	background-image: url(/images/home-icon.png); 
	background-repeat: no-repeat;
	cursor:pointer;
	z-index:3000;
}

#homeLink2 a {
    height:30px;
    width:129px;
    display: block;
}

#ad711 {
    background-image: url(/images/reg_footer.png);
    height: 117px;
    width: 285px;
    float: right;
    margin-right: 80px;
}

#footer {    
    width: 1024px;
	position:relative;
	width:1024px;
}

#gameFooter {
    background-image: url(/images/footer_top_rep.png);
    background-repeat:repeat-x;
    height: 375px;
    margin-top: -30px;
}

#footerTop {
    background-image: url(/images/fotter_product_tab.png);
    background-repeat: no-repeat;
    background-position: 76px 0px;
    height: 31px;
    margin: 0 auto;
    width: 1024px;
}

#footerBottom { 
    background-color: #14387c;
    height: 374px;
    width: 1024;
    margin: 0 auto;
}

#gameFooter #ad711 {
    float: right;
    margin-top: 75px;
}

#newProduct {
    background-image: url(/images/new_products.png);
    float: left;
    height: 257px;
    margin-left: -40px;
    width: 470px;
}

#footerContents {
    width: 870px;
    margin: 0 auto;
}

#game {
    height: 400px;
    margin: 0 auto;
    width: 872px;
}

#flash {
    float: left;
    height: 400px;
    width: 600px;
}

#ad1, #ad2, #ad3 {
    float: right;
    height: 191px;
    width: 241px;
}

#ad2, #ad3 {
    margin-top: 18px;
    position: relative;
}

#ad2 p, #ad3 p {
    bottom: 10px;
    font-size: 10px;
    left: 20px;
    position: absolute;
    padding: 5px;
}

.columns {
    height: 681px;
    float: left;
}

#leftColumn {
    width: 695px;
}

#leftColumn  #banner{
    background-image: url(/images/head_banner3.png);
    height: 77px;
    width: 688px;
	padding-bottom:50px;
	background-repeat:no-repeat;
}

#content #homecookies{
    background-image: url(/images/home-oreo-cookies3.png);
    height: 368px;
    width: 355px;
	background-repeat:no-repeat;
	float:left;
}

#leftColumn  #content{
    height: 256px;
    margin: 0 auto;
    width: 680px;
}

#leftColumn  #content p{
    line-height: 20px;
    margin: 15px auto;
	text-align:justify;
    width: 300px;
	clear:both;
	float:left;
}

#rightColumn {
    background-image: url(/images/sidebar_bg2.png);
    height: 681px;
    width: 290px;
	margin-bottom:100px;
}

#homeContent #content a.register-btnhome {
    background-image:url(/images/register_bg2.png);
    float:right;
    height:58px;
    margin-right:35px;
    margin-top:70px;
    width:270px;
}

#homeContent #content a.claim-btnhome {
    background-image:url(/images/claimOreo_bg2.png);
    float:right;
    height:58px;
    margin-right:35px;
    margin-top:13px;
    width:270px;
	margin-bottom:20px;
}

#homeContent #content #partnership {
    background-image: url(/images/home_7112.png);
	background-repeat:no-repeat;
    float: left;
    height: 140px;
    width: 136px;
	margin-left:93px;
	margin-top:17px;
}
#homeContent #content #partnership a.linklogo{
    float: left;
    height: 94px;
    width: 95px;
	margin-left:20px;
	margin-top:22px;
}

#game1 img, #game2 img {
    display:block;
    margin:55px auto 0;
}

#game2 {
    margin: 36px auto 0;
}

#game2 img {
    display:block;
    margin: 0px auto 0px;
}

.box {
    background-image: url(/images/game_bg.png);
    height: 128px;
    margin: 0 auto;
    position: relative;
    width: 249px;
}

#game1Box {
    background-image: url(/images/game_bg1.png);
    height: 118px;
    margin: 0 auto;
    width: 249px;
}

.box h1 {
    height:55px;
    line-height:55px;
    margin:0 auto;
    width:221px;
}

.box p {
    font-size: 11px;
    margin:0 auto;
    width:221px;
}

.box a {
    background-image: url(/images/play_bg.png);
    display: block;    
    height: 31px;
    position: absolute;
    right: 10px;
    bottom: 0px;
    width: 100px;
}

#homeFooterBoxes {
    height: 220px;
    margin: 0 auto;
    width: 851px;
    padding-top: 50px;
}
#leftBox {
    background-image: url(/images/footer_box_bg.png);
    float: left;
    height: 270px;
    width: 411px;
}

#rightBox {
    background-image: url(/images/footer_box_bg.png);
    float: right;
    height: 270px;
    width: 411px;
}

#leftBox #picture {
    height:118px;
    margin:41px auto 0;
    overflow: hidden;
    width:367px;
}

#leftBox p {
    margin: 20px auto;
    line-height: 20px;
    width: 367px;
}

#leftBox p a {
    color: #6699ff;
    font-size: 9px;
    text-decoration: none;
}

#rightBox #eventLabels, #rightBox #eventList {
    margin: 0 auto;
    width: 367px;
}

#rightBox #eventLabels .labels{
    float: left;
}
#rightBox #eventLabels #dateLabel{
    float: left;
    line-height: 40px;
    text-align: center;
    width: 105px;
}
#rightBox #eventLabels #locationLabel{
    float: left;
    line-height: 40px;
    text-align: center;
    width: 255px;
}

#rightBox #eventList #locationLabel{
    float: left;
    line-height: 40px;
    text-align: center;
    width: 255px;
}

#rightBox .date, #rightBox .location {
    color: #82c9ee;
    float: left;
    font-size: 11px;
    height: 30px;
    line-height: 30px;
}

#rightBox .date {
    width: 105px;
    text-align: center;
}

#rightBox .location {
    width: 245px;
    text-align: center; 
}

#eventList {
    height: 118px;
    overflow-y: scroll;
    width: 367px;
}

#upcommingEvent {
    width: 367px;
    margin: 0 auto;
}

#upcommingEvent h1 {
    height:40px;
    line-height:40px;
    width: 367px;
    margin: 0 auto;
}

#upcommingEvent p {
    line-height:20px;
    margin: 0 auto;
    width:367px;
}

#loginForm .inputField {
    background-color: transparent;
    border: none;
}

#loginForm #email {
    background-image: url(/images/username_bg.png);
    background-color: transparent;
    border: none;
    height: 15px;
    padding: 5px;
    width: 134px;
	background-repeat:no-repeat;

}

#loginForm #password {
    background-image: url(/images/password_bg.png);
    background-color: transparent;
    border: none;
    height: 15px;
    padding: 5px;
    width: 124px;
	background-repeat:no-repeat;
    

}

.login-email {
    background-image: url(/images/username_bg.png);
    background-color: transparent;
    border: none;
    height: 15px;
    padding: 5px;
    width: 124px;
	background-repeat:no-repeat;

}

.login-password {
    background-image: url(/images/password_bg.png);
    background-color: transparent;
    border: none;
    height: 15px;
    padding: 5px;
    width: 124px;
	background-repeat:no-repeat;
}

#loginForm #login {
    background-image: url(/images/login_bg.png);
    background-color: transparent;
    border: none;
    height: 25px;
    width: 66px;
	cursor:pointer;
	padding: 5px;
}

#loginForm #logout {
    background-image: url(/images/logout_bg.png);
    background-color: transparent;
    border: none;
    height: 25px;
    width: 66px;
	cursor:pointer;
}

.register{
	margin-left: 350px;
	position:absolute;
	top:10px;
    background-image: url(/images/login_register_bg.png); 
    background-color: transparent;
    border: none;
    height: 25px;
    width: 75px;	
	cursor:pointer;
	
}

.register2{
	margin-left: 168px;
	margin-top:20px;
    background-image: url(/images/login_register_bg.png);
    background-color: transparent;
    border: none;
    height: 25px;
    width: 75px;
	cursor:pointer;
}

#loginForm {
    background-image: url(/images/loginForm_bg3.png);
    float: right;
    height: 21px;
    margin-right: 70px;
    padding: 10px 10px 10px 20px;
    width:  421px;
    position: relative;
}

#homeLink {
    height:135px;
    width:300px;
    top: 50px;
    left: 50px;
    position: absolute;
}

#homeLink a {
    height:135px;
    width:300px;
    display: block;
}

.sharethis{
	float:right;
	width:100px;
	text-align:center;
	margin-right:158px;
	margin-top:50px;
	font-size:12pt;
	font-weight:bold;
}

.userInfo{
	top:12px;
	font-size:12pt;
}

.logoutForm{
	position:absolute;
	top:12px;
	padding-left:345px;
}