* {margin:0;padding:0}

p {margin-bottom:12px}
p.breadcrumb {margin:0 0 14px 0}
p.firstp {margin-top:12px}

body {font-size:75%;font-family:arial,verdana,helvetica,sans-serif;color:#666;background-color:#fff;margin:0 0 0 20px;min-width:960px;width:960px}

.mb15 {margin-bottom:15px}
.mb22 {margin-bottom:22px}

.mt10 {margin-top:10px}
.mt20 {margin-top:20px}

.p5 {padding:5px}
.p7 {padding:7px}
.p10 {padding:10px}
.p20 {padding:20px}

.pb5 {padding-bottom:5px}
.pb7 {padding-bottom:7px}
.pb10 {padding-bottom:10px}
.pb20 {padding-bottom:20px}

.pl5 {padding-left:5px}
.pl10 {padding-left:10px}
.pl15 {padding-left:15px}
.pl25 {padding-left:25px}
.pl30 {padding-left:30px}

.pr5 {padding-right:5px}
.pr10 {padding-right:10px}
.pr15 {padding-right:15px}
.pr20 {padding-right:20px}

.pt5 {padding-top:5px}
.pt7 {padding-top:7px}
.pt10 {padding-top:10px}
.pt15 {padding-top:15px}
.pt20 {padding-top:20px}
.pt25 {padding-top:25px}

/*general styles*/
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
.center {text-align:center}
.right {text-align:right}
.bold {font-weight:bold}
.italic {font-style:italic}
.imageHead {margin-bottom:12px}
.red {color:#000;font-weight:bold}
.breadcrumb {font-size:90%;margin:19px 0 14px 0}
.floatLeft {float:left}
.floatRight {float:right}
.error {font-weight:bold;color:red;clear:both}
.errorLogin {font-weight:bold;color:red;width:250px;margin-bottom:2px;margin-top:-7px;margin-top:3px !ie}
.gray {color: #666666;}

/*gutters*/
.leftIndent {margin-left:20px}

/*lines*/
div.line {border-top:1px solid #e2e2e2 !important;width:100%;height:1px;text-align:left;margin:7px 0 7px 0}
div.lineNoMargin {border-top:1px solid #e2e2e2 !important;width:100%;height:1px;text-align:left;margin:0}
hr {display:none;}

/*layouts*/
.mainContent {float:left;margin-right:12px;width:708px}
.mainColumnOne {float:left;width:348px;margin-right:12px}
.mainColumnTwo {float:left;width:348px}
.rightContent {float:left;width:240px}
.insideColumnOne {float:left;width:737px;margin-right:21px}
.insideColumnTwo {float:left;width:202px}
.singleColumn {width:718px}
.singleColumnNarrow {width:500px}
.leftColumn {float:left;width:171px;margin-right:12px}
.rightColumn {float:left;width:202px}
.contentLeft {float:left;width:737px;margin-right:21px}
.contentMiddle {float:left;width:554px;margin-right:21px}
.contentRight {float:left;width:777px}
.twoColumnOne {float:left;width:460px;margin-right:21px}
.twoColumnTwo {float:left;width:459px}
.loginColumnOne {float:left;width:359px;margin-right:21px}
.loginColumnTwo {float:left;width:280px}
.w150 {float:left;width:150px}
.w500 {float:left;width:500px}
.cinemaRewardsOne {float:left;width:378px;margin-right:16px}
.cinemaRewardsTwo {float:left;width:378px}
.joinTodayPara {margin-bottom:20px;position:relative;width:100%;overflow:hidden}
.joinTodayPara .text {float:left;width:644px;margin-right:86px}
.joinTodayPara .button {float:left;width:142px}
.halfHalf {width:100%;position:relative;overflow:hidden}
.halfHalf div.c {float:left;width:47%;margin-right:3%}

/*header*/
#header {background: url('/images/backgrounds/header.gif') no-repeat}
#logoLink {display:block;position:absolute;width:240px;height:54px;top:12px;left:20px;z-index:5}
#loginCard {
background: transparent url('/images/backgrounds/card.png') no-repeat;
position:absolute;
top:7px;
left:720px;
width:256px;
height:150px;
font-size:90%;
}
#loginCardForm {position:absolute;width:100%;top:50px;left:735px;font-size:90%;color:#333;top:36px !ie}
#loginCardForm a {color:#333}
.loginLinks {margin-top:5px}

.topNav {padding-top:13px;float:right}
.topNav div {float:left;color:#ccc;list-style-type:none;font-size:90%}
.topNavBottom {color:#666;padding-top:12px;text-align:right}

/*footer*/
#footer {border-top:1px solid #ccc;margin-top:20px;padding-top:10px;overflow:hidden:position:relative;width:100%}
#centeredNav {float:left;width:590px;position:relative;overflow:hidden;margin-bottom:32px}
#centeredNav ul {clear:left;float:left;list-style:none;margin:0;padding:0;position:relative;left:50%;text-align:center}
#centeredNav li {display:block;float:left;list-style:none;margin:0;padding:0;position:relative;right:50%;color:#333}
#centeredNav li {color:#ccc}
#centeredNav li a {padding:0 8px 6px 8px;font-size:90%}
#facebook {width:165px;float:left}
#rewardsBadge {float:left;width:186px}

.copyright {color:#ccc;font-size:85%;text-align:center}
.legalNotes {font-size:85%;margin-top:15px}

/*home*/
.homeRewards {width:100%;position:relative;overflow:hidden}
.homePromos {width:100%;position:relative;overflow:hidden;margin-top:30px}
.featuredRewards {width:100%;position:relative;overflow:hidden}
.featuredRewards div {float:left;width:112px;border:1px solid #d0d0d0;margin:0 3px 7px 0}
.arrow {float:left;width:20px}
.reward {float:left;width:215px;margin-right:7px}

.signedInNav {margin:30px 0 20px 0;position:relative;overflow:hidden;width:100%}
.signedInNav a {float:left;width:190px;margin:0 2px 0 0;margin:0 1px 0 0 !ie}
.signedInNav a.last {margin:0}
.signedOutNav {margin:56px 0 20px 0;width:100%;overflow:hidden}
.signedOutNav a {float:left;width:246px}
.signedOutNav a.blank {width:218px}

#homeTabs {width:100%;position:relative;overflow:hidden;background: url('/images/backgrounds/rewards.gif') no-repeat 0 11px;margin-top:30px;padding-left:20px}
#homeTabs div {float:left;width:114px;border-right:1px solid #ccc;border-left:1px solid #ccc;border-top:1px solid #ccc;text-align:center;padding:5px;margin-right:5px}
.activeTab {background:#fff;cursor:pointer}
.inactiveTab {background:#ccc;cursor:pointer}
.inactiveTab a {font-weight:normal;color:#666}
.inactiveTab a:hover {text-decoration:none}
.rewardType {position:relative;overflow:hidden;/*background:url('/images/backgrounds/rewards_bottom.gif') no-repeat 0 100%;padding:0 0 30px 0;margin:0 0 10px 0;*/}
.rewardType div {float:left;width:114px}
.rewardTypeBottom {display:block;clear:both;overflow:hidden;background:url('/images/backgrounds/rewards_bottom.gif') no-repeat 0 100%;padding:0 0 10px 0;margin:0 0 10px 0;}
#topRewardsList {display:block;}
#newRewardsList,#expiringSoonList,#comingSoonList,#clearviewList {display:none}

.storyBadge {float:right;margin-top:15px;}

.rewardType {margin:15px 0 15px 0}
.rewardType div {float:left;width:114px;margin-right:18px}
.rewardType div p {margin:5px 0 0 0}
.rewardType img {border:solid 1px #ccc}

.partnerPromo {width:100%;position:relative;overflow:hidden;margin-bottom:11px}
.partnerPromo .image {float:left;width:112px;border:1px solid #d0d0d0;margin-right:11px}
.partnerPromo .text {float:left;width:223px}

#storeContainer {background:white url('/images/backgrounds/store_discounts.gif') 0 100% repeat-x;border:1px solid #ccc;padding:7px 5px 0 5px}
.storeProduct {width:100%;position:relative;overflow:hidden;margin:12px 0 12px 0}
.storeProduct div.image {float:left;width:110px;margin-right:7px}
.storeProduct div.text {float:left;width:97px}
.yourPrice {font-weight:bold;color:#900}
.storePrice {background-color:yellow;font-weight:bold}

.signedInFeatures {margin:38px 0 0 0;width:677px;overflow:hidden;position:relative}
.signedInFeatures .facebook {float:left;width:185px;margin-right:15px}
.signedInFeatures .facebook .box .bdGrayShadow .c {padding-bottom:22px}
.signedInFeatures .featuredPartners {float:left;width:477px;position:relative;overflow:hidden}
.signedInFeatures .featuredPartners div {width:112;float:left;margin-right:5px}
.signedInFeatures .featuredPartners div img.partner {border:1px solid #ccc}

/*login*/
.loginBox {border:1px #e2e2e2 solid;padding:16px;background:url('/images/backgrounds/account.gif') 0 100% repeat-x;width:680px;position:relative;overflow:hidden}
.registerBox {border:1px #e2e2e2 solid;padding:16px;background:url('/images/backgrounds/account_right.gif') 0 100% repeat-x;width:248px;}

/*List Discounts*/
.listDiscounts {width:100%;position:relative;overflow:hidden;padding:13px 0 10px 0;border-bottom:1px solid #ececec}
.listDiscounts .image {float:left;width:120px;margin-right:27px}
.listDiscounts .blurb {float:left;width:300px;padding-right:25px}
.listDiscounts .price {float:left;padding-left:50px;border-left:1px solid #ececec;height:111px}

/*List Detail Discounts*/
.listDetailDiscounts {position:relative;overflow:hidden;margin:13px 0 23px 0;padding-bottom:10px;width:100%}
.listDetailDiscounts .itemtitle {font-size:16px;color:#990000;font-weight:bold;padding-bottom:10px}
.listDetailDiscounts .image {float:left;width:120px;margin-right:27px}
.listDetailDiscounts .blurb {float:left;width:200px;padding-right:25px}
.listDetailDiscounts .order {position:relative;top:100px;left:100px}

/*Browse Rewards*/
.ourPartners,.ourRewards {width:100%;overflow:hidden;position:relative;margin-bottom:18px}
.ourPartners div {float:left;border:1px solid #ccc;width:114px;margin-right:30px}
.ourRewards div {float:left;width:114px;margin-right:30px}
.ourRewards div img {border:1px solid #ccc}

.browseByCategory {width:100%;position:relative;overflow:hidden;border-bottom:1px solid #ccc}
.browseByCategory div {width:100%;position:relative;overflow:hidden;float:left;width:242px}
.browseByCategory div.image {float:left;width:67px;margin-right:10px}
.browseByCategory div.link {float:left;width:160px;font-size:120%}
.browseByCategory div.link a {padding-top:29px;display:block}
.browseByCategory div.link a.twoLine {padding-top:20px}
.browseByCategory div.link img {margin-left:4px}

/*UEs*/
.ueBlurb {float:left;width:503px;margin-right:20px}
.ueBlurbLarge {float:left;width:350px;margin-right:105px}
.ueImage {float:left;width:211px;margin-top:25px}
.ue {margin-bottom:22px}
.ue img {margin-bottom:10px;border:1px solid #ccc}
.ue p {margin-bottom:6px}
.uniqueExperience {width:100%;position:relative;overflow:hidden;margin:13px 0 33px 0}
.uniqueExperience .image {float:left;width:295px;margin:0 27px 0 20px}
.uniqueExperience .blurb {float:left;width:190px;border-right:1px solid #ececec;padding-right:25px}
.uniqueExperience .play {float:left;width:110px;padding-left:25px}

/*Cinema Rewards*/
.movie {width:100%;overflow:hidden;position:relative;margin-top:13px;padding-bottom:16px;border-bottom:1px solid #ececec}
.boxImage {float:left;width:134px;margin:0 23px 0 20px}
.description {float:left;width:556px}

/*Concerts and Events*/
.concertsEvents {width:652px;overflow:hidden;position:relative;}
.concertsEvents .image {float:left;width:323px;margin: 0px 27px 0px 0px;}
.concertsEvents .blurb {float:left;width:280px;}

/*headers*/
h2,h3,h5 {font-weight:bold;margin-bottom:12px;color:#900003}
h2 {font-size:150%}
h3 {font-size:130%}
h5 {font-size:110%}
h3.head523 {background: url('/images/backgrounds/header523.jpg') no-repeat;padding:21px 0 0 20px}
h3.head652 {background: url('/images/backgrounds/header652.jpg') no-repeat;padding:21px 0 0 20px}
h3.head708 {background: url('/images/backgrounds/header708.jpg') no-repeat;padding:21px 0 0 20px}
h3.head718 {background: url('/images/backgrounds/header718.jpg') no-repeat;padding:21px 0 0 20px}
h3.head737 {background: url('/images/backgrounds/header737.jpg') no-repeat;padding:21px 0 0 20px}
h3.head777 {background: url('/images/backgrounds/header777.jpg') no-repeat;padding:21px 0 0 20px}

/*lists*/
ul {margin:0 0 12px 30px}
ul li {margin-bottom:8px}
.tenReasons {margin:0 0 12px 40px}
.tenReasons li {color:#666;margin-bottom:2px}
ul.square {list-style-type:square;color:#bcbcbc}
ul.square span {color:#666}
ul.grayArrows {list-style-image: url('/images/arrows/double_gray.gif');margin-left:25px}

/*arrows*/
.topGrayArrows {padding:0 0 2px 3px}

/*forms*/
.formField {margin-top:3px;clear:both}
label {float:left;width:200px;font-weight:bold}
input {margin:0 5px 3px 0;margin:-1px 5px 2px 0 !ie}
fieldset {border:0}
fieldset.login {padding-left:20px}
fieldset.login label {width:80px;margin-top:2px}
fieldset.narrow label {width:100px;margin-top:2px}
fieldset.survey label {width:400px;margin-top:2px}
fieldset.survey .formField {margin-top:10px}
input.login {width:140px}
fieldset.login input.text {width:130px}
fieldset.login div.formField {margin-bottom:10px;clear:both}
.loginPassword {float:left;margin-top:2px;width:130px;margin-right:3px;overflow:hidden;position:relative}
.loginUsername {width:130px}
.loginPassword input,.loginUsername input {width:130px;border:0}
.loginPassword input {margin-top:3px;margin-top:2px !ie}
.loginButton {float:left;margin:2px 0 0 5px;width:67px}
.checkbox {margin:0 4px 0 0;margin:-1px 2px -1px 0 !ie}
.radio {margin:2px 5px 0 0}
.radioEntry {margin-bottom:5px}
.finishedButton {margin:20px 0 20px 0;width:530px;text-align:right}
.thankYouButton {margin:15px 0 0 100px}

/*boxes*/
.box .hdGrayShadow .c,.box .ftGrayShadow .c {font-size:1px;height:5px;}

.box .hdGrayShadow {background:transparent url(/images/corners/ltgrayshadow.gif) no-repeat 0 0}
.box .hdGrayShadow .c {background:transparent url(/images/corners/rtgrayshadow.gif) no-repeat right 0}
.box .bdGrayShadow {background:transparent url(/images/corners/lmgrayshadow.gif) repeat-y 0 0;}
.box .bdGrayShadow .c {background:transparent url(/images/corners/rmgrayshadow.gif) repeat-y right 0;padding:10px}
.box .ftGrayShadow {background:transparent url(/images/corners/lbgrayshadow.gif) no-repeat 0 0}
.box .ftGrayShadow .c {background:transparent url(/images/corners/rbgrayshadow.gif) no-repeat right 0}


a {color:#1daadb;text-decoration:none;font-weight:bold}
a:hover {text-decoration:underline}
/*tooltip*/
a.tooltip {z-index:100}
a.tooltip div {display:none;overflow:visible;z-index:100}
a.tooltip:hover {position:relative;z-index:100;text-decoration:none;overflow:visible;z-index:100}
a.tooltip:hover div {display:block;position:absolute;top:20px;left:-75px;border:1px solid #003;background:#e2e2e2;width:250px;z-index:100;overflow:visible}
a.tooltip:hover div p {margin-bottom:0;font-size:90%;color:#000;padding:7px;overflow:visible;font-weight:normal}


.last {margin-right:0}
.noborder {border:0}