﻿#MainContent
{
    /*margin: 20px auto;*/
    width: 922px;
    height: 518px; 
    position: relative;
    border: solid 0px white;
    background-color: Black;
    overflow: auto;
}

#StartDiv
{
    margin: 15px auto;
    padding: 0px; /*background-color:#333333;*/
}

img
{
    behavior: url( '../iepngfix.htc' );
    border: 0px;
}

body
{
    background-color: Silver; /*background: url(../images/fridays_stripes.gif) fixed #d9201d;*/
    text-align: center;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: White;		   
	scrollbar-face-color:#8e0c11;
	scrollbar-highlight-color:#070707;
	scrollbar-3dlight-color:#cccccc;
	scrollbar-darkshadow-color:gray;
	scrollbar-shadow-color:darkgray;
	scrollbar-arrow-color:red;
	scrollbar-track-color:gray;
}

td
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

/* A */
A
{
    color: #990000;
}

A:hover
{
    color: #d9021d;
}

a img, a:hover img, a:visited img
{
    border: none;
    text-decoration: none;
}

/* Div */
div
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

/* CSS Selectors */
#header
{
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    width: 890px;
}

#paragraphDiv,
.paragraphDiv
{
    margin-bottom: 20px;
}

#topNav
{
    background: #FFFFFF;
}

#contentFrame
{
    width: 890px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-top: 6px;
    padding-bottom: 0px;
}

#blackBG
{
    width: 878px;
    margin: 0px;
    padding: 0px 6px 0px 6px;
    background: #000000;
}

#mainContent
{
    background-color: #CCCCCC;
    color: White;
    width: 858px;
    margin-left: 6px;
    margin-right: 6px;
    margin-bottom: 0px;
    margin-top: 0px;
    text-align: center;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
}

#footer
{
    width: 890px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    margin-top: 0px;
    padding-top: 3px;
}

#footerLeft
{
    float: left;
    width: 213px;
    text-align: left;
    padding-left: 5px;
}

#footerCenter
{
    float: left;
    width: 480px;
    text-align: center;
}

#footerRight
{
    float: right;
    width: 185px;
    text-align: right;
    padding-right: 5px;
}

/* Classes */
.footerText
{
    font-size: 10px;
    font-weight: normal;
    color: #FFFFFF;
}

.whiteText
{
    color: #FFFFFF;
}

/* A.whiteLinks */
A.whiteLinks
{
    text-decoration: none;
}

A.whiteLinks:link
{
    color: #FFFFFF;
}

A.whiteLinks:hover
{
    color: #FFFFFF;
    text-decoration: underline;
}

A.whiteLinks:visited
{
    color: #FFFFFF;
}

.headingText
{
    font-weight: bold;
    font-size: 16px;
    color: #990000;
}

.boldheadingText
{
    font-weight: bold;
    font-size: 16px;
    color: #000000;
}

#clear
{
    clear: both;
}

hr
{
    color: #FFFFFF;
}

sup
{
    font-size: 10px;
}

#retailFindFrame
{
    width: 890px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-top: 6px;
    padding-bottom: 0px;
    position: relative;
    top: -40px;
    left: -312px;
}

#retailFooter
{
    width: 890px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    margin-top: 0px;
    padding-top: 3px;
    position: relative;
    top: -45px;
}

.cssErrorMessage
{
    font: font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #d9021d;
}
.points
{
    font: font-family:Verdana, Arial, Helvetica, sans-serif;
    /*font-size: 14px;*/
    font-weight: bold;
    color: #ffd771;
}

.field
{
    font-family: Verdana;
    font: Verdana;
    font-size: 10px;
}

.cell_100_Left
{
    width: 105px;
    float: left;
    margin: 0px;
    padding: 0px;
}
.cell_110_Left
{
    width: 110px;
    float: left;
    margin: 0px;
    padding: 0px;
}
.cell_150_Left
{
    width: 150px;
    float: left;
    margin: 0px;
    padding: 0px;
}
.cell_200_Left
{
    width: 200px;
    float: left;
    margin: 0px;
    padding: 0px;
}
.cell_Right
{
    float: left;
    margin: 0px;
    padding: 0px;
}

.kidcell_110_Left
{
    width: 110px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.kidcell_Right
{
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.boldWhite13
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: White;
}
.boldWhite11
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: White;
}

.boldBlack12
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: Black;
}

#leftPanel
{
    background-color: #000000;
}

.subDiv
{
    color: #000000;
    padding: 0px 0px 0px 20px;
    width: 550px;
}

/* ----------------------------
=Aslett Clearing Method for floats 
-------------------------------*/
.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix
{
    display: inline-block;
}
/* backslash hack hides from IE Mac \*/
* html .clearfix
{
    height: 1%;
}
.clearfix
{
    display: block;
}
/* end backslash hack */

.noMargins 
{
	margin: 0;
}

.noPadding
{
	padding: 0;	
}

p.formNote
{
	color: Black;
	left: 15px; 
	width: 631px; 
	position: relative;
	font-size:11px;
}

.optInPopupBox
{
	border: solid 1px black;
	padding: 7px 10px 10px 10px;
	display:none;
	position:absolute;
	top:-33px;
	left:315px; 
	z-index:20000; width:260px; 
	height: 73px; 
	background-color: #FFFFFF;
}

a.subscribeNote
{
	color:#000099;	
}

a.subscribeNote:hover 
{
	color:#0000FF;	
}
#MainContent .paragraphTitle{
	padding-top:20px;
}
/****MemberAccount*****/
.reward{
	width:104px;
	height:126px;
	background:url("../images/MemberAccount/the-two-hand-bg.png") no-repeat 0 0 transparent;
	display:block;
	float:left;
	margin-right:18px;
	text-decoration:none;
	color:#fff;
}
.disable{
	opacity:0.4;
	filter:alpha(opacity=30);
	cursor:default;
}
.button-see-whats-new{
	background:url("../images/MemberAccount/btn-see-whats-new.png") no-repeat scroll 0 0 transparent;
	height:92px;
	text-indent:-1000px;
	width:212px;
	position:absolute;
	top:0px;
	left:696px;
	z-index:100;
	cursor:pointer;
}
.button-see-whats-new-yellow{
	background:url("../images/button-whats-new-yellow.png") no-repeat scroll 0 0 transparent;
	height:88px;
	text-indent:-1000px;
	width:206px;
	position:absolute;
	top:0px;
	left:703px;
	z-index:100;
	cursor:pointer;
}
/*This is used on member account page*/
.button-see-whats-new-yellow1{
	background:url("../images/button-whats-new-yellow.png") no-repeat scroll 0 0 transparent;
	height:88px;
	text-indent:-1000px;
	width:206px;
	position:absolute;
	top:86px;
	left:704px;
	z-index:100;
	cursor:pointer;
}

/*Modal popup*/
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
#reward-popups{
}
#reward-popups .reward-popup {
  position:absolute;
  top:100px;
  left:372px;
  width:399px;
  height:357px;
  display:none;
  z-index:9999;
  padding:20px;
  background:url("../images/MemberAccount/popup-background.png") no-repeat scroll 0 0 transparent;
}
#reward-popups STRONG{
	color:#ffffff;
	font-size:35px;
	font-family:Arial;
	position:relative;
	top:114px;
	left:-112px;
	text-align:center;
	display:block;
}
#reward-popups .close{
	color:#ffffff;
	margin-left:263px;
	font-weight:bold;
}
#reward-popups IMG{
	padding:68px 0 0 58px;
}
#reward-popups .buttons-wrapper{
	left:66px;
	position:absolute;
	top:277px;
}
#reward-popups .buttons-wrapper2{
	left:115px;
	position:absolute;
	top:210px;
}
#reward-popups .button-goback{
	background:url("../images/MemberAccount/btn-goback.png") no-repeat 0 0 transparent;
	width:107px;
	height:39px;
	text-indent:-1000px;
	display:block;
	border:none;
	float:left;
	margin:0;
}
#reward-popups .button-getreward{
	background:url("../images/MemberAccount/btn-get-reward.png") no-repeat 0 0 transparent;
	width:158px;
	height:40px;
	text-indent:-1000px;
	display:block;
	border:none;
	float:left;
	margin-top:-1px;
}
#reward-popups .button-getreward2{
	/*background:url("../images/MemberAccount/btn-goback.png")no-repeat 0 0 transparent;*/
	width:158px;
	height:40px;
	text-indent:-1000px;
	display:block;
	border:none;
	float:none;
	margin-top:-1px;
}
#reward-popups .conditions1{
	font-size:11px;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	color:#000;
	padding:0;
	margin:0;
	width:331px;
	position:absolute;
	top:225px;
	left:36px;
}
#reward-popups .conditions2{
	font-size:11px;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	color:#000;
	position:absolute;
	top:300px;
	left:300px;
	width:320px;
	position:absolute;
	top:321px;
	left:35px;
	margin:0;
}
#reward-popups .tooltip-lunchuer{
}
#reward-popups .tips{
	display:none;
	position:absolute;
	left:98px;
	bottom:144px;
	background-color:#fff;
	border:1px solid #AAAAAA;
	color:#000;
	z-index:1000;
	text-align:center;
	width:208px;
}
#reward-popups 	.tips .title{
	color:#000;
	font-weight:bold;
	padding:5px 0 0 10px;
}
#reward-popups 	.tips UL{
	padding:0 0 0 21px;
	margin:5px; 
	text-align:left;
}
/*********************/

.button-preferences{
	width:152px;
	height:33px;
	background:url("../images/btn_UpdateAccountInfo_out.gif") no-repeat 0 0 transparent;
	display:block;
	float:left;
	margin-right:5px;
}
.button-preferences:hover{
	background:url("../images/btn_UpdateAccountInfo_over.gif") no-repeat 0 0 transparent;
	width:152px;
	height:33px;
	display:block;
	float:left;
}
.button-view-activity{
	width:160px;
	height:33px;
	background:url("../images/btn_ViewAccount_out.gif") no-repeat 0 0 transparent;
	display:block;
	float:left;
	margin-right:5px;
}
.button-view-activity:hover{
	background:url("../images/btn_ViewAccount_over.gif") no-repeat 0 0 transparent;
	width:160px;
	height:33px;
	display:block;
	float:left;
}
.button-view-reward{
	width:158px;
	height:33px;
	background:url("../images/btn-ViewReward_out.gif") no-repeat 0 0 transparent;
	display:block;
	float:left;
	margin-right:5px;
}
.button-view-reward:hover{
	background:url("../images/btn-ViewReward_over.gif") no-repeat 0 0 transparent;
	width:158px;
	height:33px;
	display:block;
	float:left;
}
/*****End of Member account******/

/*****GetRewardConfirmation*******/
#rewardConfirmation{
}
#rewardConfirmation .rewardTitle{
	margin:132px 0 0 155px;
	font-size:15px;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	text-align:center;
	width:380px;
}
#rewardConfirmation IMG{
	margin:8px 0 0 241px;
}
#rewardConfirmation H3{
	margin:21px 0 0 146px;
	font-size:17px;
	padding:0;
	font-family:Arial,Verdana,Helvetica,sans-serif;
}
#rewardConfirmation .reward-note1{
	font-size:16px;
	margin:9px 0 0 35px;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	text-align:center;
}
#rewardConfirmation .reward-note2{
	font-size:9px;
	margin:4px 0 0 32px;
	text-align:center;
	font-family:Arial,Verdana,Helvetica,sans-serif;
}
#rewardConfirmation .button-print{
	background:url("../images/GetRewardConfirmation/btn-print-now.png") no-repeat 0 0 transparent;
	width:107px;
	height:40px;
	text-indent:-1000px;
	display:block;
	margin:0;
	position:absolute;
	top:440px;
	left:527px;
}
#rewardConfirmation .button-goback{
	background:url("../images/btn-goback.png") no-repeat 0 0 transparent;
	width:71px;
	height:23px;
	text-indent:-1000px;
	display:block;
	margin:0;
	position:absolute;
	top:453px;
	left:804px;
}
.print-coupon{
}
.print-coupon P{
	font-size:10px;
	color:#000;
	padding:0 10px 5px 14px;
	text-align:justify;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	position:absolute;
	top:0;
	left:0;
	width:545px;
	z-index:100;
	margin:102px 0 0 0;
}
.print-coupon H1{
	font-size:26px;
	color:#cc0000;
	padding:0;
	margin:0;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	text-transform: uppercase;
	height:19px;
	text-align:left;
}
.print-coupon H2{
	font-size:13px;
	color:#000;
	padding:0;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	text-transform: uppercase;
	text-align:left;
}
.coupon-data{
	float:left;
	border-left:1px solid #cc0000;
	margin:4px 0 0 4px;
	padding:5px 0 5px 5px;
	text-align:left;
	color:#000000;
	width:197px;
}
.coupon-data SPAN{
	color:#cc0000;
	font-weight:bold;
	text-transform: uppercase;
	font-size:11px;
	padding-right:3px;
}
/*****End of GetRewardConfirmation*******/

/*****Whats New*******/
#whats-new{
}
#whats-new IMG{
	margin:111px 0 0 295px;
	width:368px;	
	height:143px;
}
#whats-new .surpise{
	background:url("../images/WhatsNew/whats-new-sprite.png") no-repeat scroll 0 -75px transparent;
	position:absolute;
	top:257px;
	left:32px;
	width:227px;	
	height:56px;
	margin:0;
}
#whats-new .what-line{
	background:url("../images/WhatsNew/whats-new-sprite.png") no-repeat scroll 0  -190px transparent;
	position:absolute;
	top:397px;
	left:32px;
	width:280px;
	height:59px;
	margin:0;
}
#whats-new .earn-baby-earn{
	background:url("../images/WhatsNew/whats-new-sprite.png") no-repeat scroll 0 0 transparent;
	position:absolute;
	top:170px;
	left:32px;
	width:245px;
	height:76px;
	margin:0;
}
#whats-new .deals{
	background:url("../images/WhatsNew/whats-new-sprite.png") no-repeat scroll 0  -132px transparent;
	position:absolute;
	top:326px;
	left:32px;
	width:248px;
	height:58px;
	margin:0;
}
#whats-new .shiny-new-rewards{
	background:url("../images/WhatsNew/whats-new-sprite.png") no-repeat scroll 0  -249px transparent;
	position:absolute;
	top:264px;
	left:327px;
	width:249px;
	height:94px;
	margin:0;
}
#whats-new .more-rewards-emails{
	background:url("../images/WhatsNew/whats-new-sprite.png") no-repeat scroll 0  -343px transparent;
	position:absolute;
	top:374px;
	left:327px;
	width:217px;
	height:58px;
	margin:0;
}
#whats-new .Login_WhatsNew{
	background:url("../images/WhatsNew/Login_WhatsNew.png") no-repeat scroll 0 0 transparent;
	width:198px;
	height:46px;
	text-indent:-1000px;
	position:absolute;
	top:423px;
	left:486px;
	z-index:100;
	/*cursor:pointer;*/
}

/*****View Activity*******/
#view-activity{
	margin-left:30px;
}
#view-activity .button-print{
	background:url("../images/ViewActivity/button-print.png") no-repeat 0 0 transparent;
	width:52px;
	height:15px;
	text-indent:-1000px;
	display:block;
	display:none;/*remove this to show print button*/
}
#view-activity .activities-table{
	margin-left:43px;
	margin-top:27px;
}
#view-activity .activities-table TH{
	font-size: 12px;
	font-weight: bold;
	color:#000;
	text-align:center;
}
#view-activity .activities-table TD{
	color:#000;
	text-align:center;
}
#view-activity .activities-table TD.description{
	width: 120px;
}

#view-activity H2{
	margin:-110px 0 0 10px;
	color:#000000;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
#view-activity .button-goback{
	background:url("../images/btn-goback.png") no-repeat 0 0 transparent;
	width:71px;
	height:23px;
	text-indent:-1000px;
	display:block;
	margin:16px  0 0 214px;
}
#view-activity .button-see-whats-new-yellow{
	left:695px;
}
#view-activity #contact-us{
	margin:0 0 0 20px;
	position:relative;
	top:0;
	left:0;
}
/************************/
/*Coupon-activity*/
#coupon-activity{
	margin-left:30px;
}
#coupon-activity .button-print{
	background:url("../images/ViewActivity/button-print.png") no-repeat 0 0 transparent;
	width:52px;
	height:15px;
	text-indent:-1000px;
	display:block;
	display:none;/*remove this to show print button*/
}
#coupon-activity .coupon-table{
	margin-left:5px;
	margin-top:27px;
    width: 623px;
}
#coupon-activity .coupon-table TH{
	font-size: 12px;
	font-weight: bold;
	color:#000;
	text-align:left;
}
#coupon-activity .coupon-table TD{
	color:#000;
	text-align:left;
}
#coupon-activity .coupon-table TD.description{
	width: 180px;
}
#coupon-activity TD.stat{
	width: 60px;
}
#coupon-activity H2{
	margin:-110px 0 0 10px;
	color:#000000;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
#coupon-activity .button-goback{
	background:url("../images/btn_back_arrow.png") no-repeat 0 0 transparent;
	width:123px;
	height:46px;
	text-indent:-1000px;
	display:block;
	margin:10px  0 0 170px;
}
#coupon-activity #contact-us{
	margin:0 0 0 20px;
	position:relative;
	top:0;
	left:0;
}
/************************/

#contact-us{
	position:absolute;
	top:436px;
	left:245px;
}
#contact-us .got-questions{
	background:url("../images/got-questions-white.png") no-repeat 0 0 transparent;
	width:80px;
	height:15px;
	text-indent:-1000px;
	display:block;
	margin: 0 0 2px 0;
}
#contact-us .button-contact-us{
	background:url("../images/button-contact-us.png") no-repeat 0 0 transparent;
	width:80px;
	height:31px;
	text-indent:-1000px;
	display:block;
	margin:0 0 0 1px;
}

#programPerks .button-goback{
	background:url("../images/btn-goback.png") no-repeat 0 0 transparent;
	width:71px;
	height:23px;
	text-indent:-1000px;
	display:block;
	margin:0;
	position:absolute;
	top:592px;
	left:521px;
}
#programPerks .button-see-whats-new{
	left:689px;
}
