* { margin:0; padding:0px; /*box-sizing: border-box;*/ } a { outline: 0; } input { outline: 0; } input::-moz-focus-inner { border: 0; } html { margin:0; padding:0px; } img { border:0; outline:0;} .spacing10 { margin-top:10px;} .spacing20 { margin-top:20px;} .textLink { color:#999; text-decoration:none;} .textLink:hover { color:#ccc;} .textLink2 { color:#000 !important; text-decoration:underline;} .textLink2:hover { color:#ccc !important;} .textLink3 { color:#ccc; text-decoration:none;} .textLink3:hover { color:#999;} .textLink4 { color:#000 !important; } .textLink4:hover { color:#ffffff !important;} .navbar-collapse { padding-left: 0px !important;} [disabled] {background:#bcb197;} input[disabled="disabled"]{ background:#bcb197;} .formFieldError { border:1px solid #a30004 !important;} .noBorder { border:none !important;} body { font-family:"Lato", sans-serif, "Trebuchet MS"; line-height:16px; margin:0 auto; /*background:url(../images/page_bg_tile.jpg) #111111 no-repeat top center;*/ } #wrapper { background-color: #000; width:980px; /*width:992px;*/ margin:0 auto 0 40px; font-size:12px; } /*#wrapper { background:#111 url(../images/page_bg.jpg) no-repeat center top; margin:0 auto;max-width:980px; }*/ #layout-container.sub-page { /*background: #111111 url(../images/page_bg.jpg) no-repeat center top;*/ background-color: #111111; margin:0 auto; max-width: 1060px; } #layout-container.sub-page #footer { width: 980px; /*1035px;*/ margin-left: 40px; /*0px;*/ } #rewardsLandingContainer { background:#000 url(../images/header_drpshadow.jpg) no-repeat center top;} /* Header Starts Here */ /*#header { width:980px; height:144px; background:url(../images/members_header.jpg) no-repeat; position:relative;}*/ #header { width:980px; height:220px; background:url(../images/members_header.jpg) no-repeat; position:relative; margin-left:0px; } #header #pageTitle { position:absolute; bottom:15px; left:25px;} #header #pageTitleRewards { position:absolute; bottom:15px; left:25px;} #header #pageTitleProfile { position:absolute; bottom:15px; left:25px;} /* ====================================== CSS for Rewards Program Landing Page ========================================= */ #corporateHeader {/*border-bottom:3px #817e7e solid;*/ height:145px; background:url(../images/members_header.jpg) no-repeat;} #siteWrapper { margin:0; padding:0; } /* activate message container */ #activateContainer { position:relative; width:951px; margin:0 0 5px 30px; height:25px; padding-top: 10px} #activateContainer a { color:#fff; font-size:12px;} #activateContainer a:hover { color:#ccc;} #ActivateBlock { background:url(../images/smallDivider.png) no-repeat right; padding-right:10px; } #RewardsHomeBlock { margin-left:8px; } #activateContainer #socialContainer { position:absolute; top:-3px; right:28px; font-size:12px; color:#fff;} #activateContainer #socialContainer ul { list-style:none; height:20px;} #activateContainer #socialContainer ul li { float:left; height:auto; } #activateContainer #socialContainer ul li.socialFirst { padding-right:10px; } #activateContainer #socialContainer ul li.socialSecond { padding-right:10px;} /* background:url(../images/smallDivider.png) no-repeat right;*/ #activateContainer #socialContainer ul li.socialThird { padding-left:12px;} #cafeRewardsMainContentContainer { background:url(../images/bgMainContentContainer.jpg) no-repeat; width:929px; height:524px; margin-left:25px; display:block; z-index:10; position:relative; } #cafeRewardsMainContentContainer #hardRockRewardsCardContainer { width:670px;/* background:url(../images/hardRockRewardsCard.png) left no-repeat*/; height:124px; padding-left:195px; display:block; color:#fff; position:absolute; top:28px; left:28px; z-index:30; } #hardRockRewardsCardContainer h1 { font-size:24px; text-transform:uppercase; padding-bottom:8px;} #cafeRewardsMainContentContainer #hardRockRewardsCardContainer p { font-size:12px; line-height:17px; letter-spacing:0.5px; } #cafeRewardsMainContentContainer #programBenefitsContainer { position:absolute; left:34px; top:170px; background:url(../images/bgProgramBenefits.png) no-repeat; width:350px; height:316px; z-index:30; color:#fff; display:block;} #cafeRewardsMainContentContainer #programBenefitsContainer h3 { color:#c79616; text-transform:uppercase; font-size:14px; font-weight:normal; margin:9px 0 0 45px; letter-spacing:-0.5px; word-spacing:1.5px;} #cafeRewardsMainContentContainer #programBenefitsContainer div { color:#c79616; text-transform:uppercase; font-size:14px; font-weight:normal; margin:9px 0 0 45px; letter-spacing:-0.5px; word-spacing:1.5px;} #cafeRewardsMainContentContainer #programBenefitsContainer ul { margin-left:40px; width:290px;} #cafeRewardsMainContentContainer #programBenefitsContainer ul li { list-style-image:url(../images/bulletImage.png); line-height:18.2px; text-transform:uppercase; font-size:14px; margin-top:17px; padding-left:5px; letter-spacing:0.2px;} #cafeRewardsMainContentContainer #rewardsBannerContainer { position:absolute; left:405px; top:165px; /*background:url(../images/sliderImage1.jpg) no-repeat;*/ width:488px; height:316px; z-index:30; } #TermsContent .textLink2{ text-decoration: underline !important;} .HeaderYellowBanner{margin-top: 8.5px; font-size: 14px; text-transform: uppercase;color: #fff; margin-bottom: 7px; font-weight: normal;} /* comparison Table CSS starts Here */ #comparisonTable { width: 928px; height: 390px; background-image: url(../images/comparisonTable_new.jpg); background-repeat: no-repeat; position: relative; margin: 30px 0 0 25px; } .ct_body{font-family: Trebuchet MS; color: #ffffff; font-size: 15px; line-height: 35px; padding: 0 30px 0 70px; text-align: left; margin-bottom: 30px;} .ct_header { font-family: Trebuchet MS; color: #ffffff; font-size: 24px; line-height: 24px; padding: 30px 30px 10px 30px; text-align: left;} .ct_sub { font-family: Trebuchet MS; color: #ffffff; font-size: 15px; line-height: 24px; padding: 0 30px 11px 30px; text-align: left;} /*comparison table columns css */ /*#comparisonTableColumnContainer { background:url(../images/bgComparisonTableColumns.png) no-repeat transparent bottom; position:absolute; top:0; left:527px; height:100.7%; width:375px; z-index:114; overflow:visible;} #comparisonTableColumnContainer #comparisonTableColumn1 { position:absolute; top:0; left:4px; height:auto; width:172px; z-index:115; text-align:center; color:#fff;} #comparisonTableColumnContainer #comparisonTableColumn2 { position:absolute; top:0; left:201px; height:auto; width:171px; z-index:115; text-align:center; color:#fff;}*/ .joinButtonContainer { width: 30%; margin: 0 auto; height:88px; font-size:12px; color:#d4a018;} .joinButton{margin: auto;} .joinButton a { display: block; background: url(../images/joinNowButton_new.png) no-repeat; width: 278px; height: 58px; text-align: center; text-transform: uppercase; color: #ffffff; font-size: 20px !important; font-weight: bold; padding-top: 15px; text-decoration: none; position: relative; z-index: 30;} .joinButton a:hover { background:url(../images/joinNowButton_new2.png) no-repeat;} .checkContainer { } .checkContainer p { display:block; height:20px; padding-top:10px; margin:0; } /* comparison table content css */ #comparisonTableHeadContainer { font-family: Trebuchet MS; color: #ffffff; font-size: 24px; line-height: 24px; padding: 30px 30px 10px 30px; text-align: left; } #comparisonTableHeadContainer h3 { color:#fff; font-size:22px; text-transform:uppercase; margin:0;} #comparisonTableHeadContainer span.heading { display:block; width:450px; line-height:28px;} #comparisonTableInfoContainer { width:924px; min-height:282px; height:auto; position:relative; z-index:100; background:url(../images/bgRewardsProgramContainer.png) repeat; } #comparisonTableRows { width:500px; height:21px; z-index:111; color:#fff; padding:9px 0 0 30px; } /*terms and conditions and benefits container with 2 join buttons */ #termsContainer { color:#fff; background:#000; width:930px; height:115px; text-transform:uppercase; font-size:10px; position:relative; padding-top:8px; margin-left:25px;/* padding-bottom:50px;*/ } #termsContainer a { text-decoration:none; color:#fff;} #termsContainer a:hover { text-decoration:none; color:#ccc;} #termsContainer #joinButtonBottom1 { background:url(../images/bgRewardsProgramInfoContainerBottomButton.png) no-repeat; width:171px; height:56px; position:absolute; top:0; left:533px; padding-top:17px; font-size:16px; font-weight:bold; text-align:center; } #termsContainer #joinButtonBottom2 { background:url(../images/bgRewardsProgramInfoContainerBottomButton.png) no-repeat; width:171px; height:56px; position:absolute; top:0; left:730px; padding-top:17px; font-size:16px; font-weight:bold; text-align:center; } /* Comparison table CSS ends here */ /* ======================= CSS for Joined Page ========================== */ /*login message container css */ #loginMessageContainer { position:relative; width:921px; margin:0 0 12px 30px; height:18px; border-bottom:1px solid #333; padding: 15px 0 10px 0; } #loginMessageContainer h1 { color:#fff; font-size:18px; text-transform:uppercase; word-spacing:1.5px;} #loginMessageContainer #socialContainer { position:absolute; top:12px; right:0px; font-size:12px; color:#fff;} #loginMessageContainer #socialContainer ul { list-style:none; height:20px;} #loginMessageContainer #socialContainer ul li { float:left; height:auto; } #loginMessageContainer #socialContainer ul li.welcome { background:url(../images/smallDivider.png) no-repeat right; padding-right:10px; color:#ccc; } #loginMessageContainer #socialContainer ul li.logout { padding:2px 0 0 4px; color:#fff; } #loginMessageContainer #socialContainer ul li.logout a { color:#fff; text-decoration:none; } #loginMessageContainer #socialContainer ul li.logout a:hover { color:#ccc;} #loginMessageContainer #socialContainer ul li.social { padding-left:9px;} #joinMessageContainer { color:#999999; font-size:12px; margin-left:30px; width:915px; line-height:16px; letter-spacing:0.5px;} #loginContentContainer { margin-left:27px; width:928px; height:530px; position:relative; margin-top:26px;} #loginContentContainer #tempRewardsCardContainer { background:url(../images/bgRewardsCardContainer.png) no-repeat; width:452px; height:388px; position:absolute; top:0px; left:0px;} #tempRewardsCardContainer #printTempCardContainer { position:absolute; top:20px; right:37px; color:#fff;} #tempRewardsCardContainer #tempRewardsCard { background:url(../images/bgRewardsCard.png) no-repeat; width:386px; height:241px; position:absolute; top:47px; left:29px;} #tempRewardsCardContainer #tempRewardsCard #cardMemberInfoContainer { font-size:14px; padding:26px 0 0px 29px; line-height:20px; height:91px; width:327px;} /* new confirmation page */ #tempRewardsCard2 { background:url(../images/bgRewardsCard.png) no-repeat; width:389px; height:240px; position:absolute; top:47px; left:29px;} #tempRewardsCard2 #cardMemberInfoContainer2 { font-size:14px; padding:30px 20px 0px 20px; line-height:20px; height:121px; width:349px; color:#fff; float:none;} #tempRewardsCard2 #cardMemberInfoContainer2 #rewardsCardDetailContainer { height:40px; margin-top:25px;} #tempRewardsCard2 #rewardsCardBarCode2 p{ text-align:center; font-size:14px;} /* ends */ #rewardsCardBarCode { width:257px; height:107px; margin:0 auto;} #loginContentContainer #rewardsBenefitsContainer { position:absolute; top:0px; left:472px; width:457px; height:387px;} #myAccountButtonContainer { position:absolute; bottom:32px; left:30px; width:165px;} #myAccountButton a {display:block; background:url(../images/buttonMyAccount.png) no-repeat; text-decoration:none !important; color:#fff; width:133px; padding-right:2px; height:30px; text-align:center; font-size:16px; text-transform:uppercase; font-weight:normal; padding-top:8px; font-size:14px;} #myAccountButton a:hover { background:url(../images/buttonMyAccountOver.png) no-repeat;} #myAccountButtonContainer #completeProfileContainer { position:absolute; bottom:12px; left:150px; width:300px; color:#fff; letter-spacing:0.3px; font-size:12px;} /* ======================= CSS for confirmation copy page ========================== */ #confirmationContentContainer { margin-left:27px; width:928px; height:480px; position:relative; margin-top:24px;} #confirmationPageRewardsBenefitsContainer { position:absolute; top:0px; left:0px; width:410px; height:347px; background:#504a3c; padding:20px; color:#fff;} #confirmationPageRewardsBenefitsContainer h3 { font-size:14px; color:#fff; text-transform:uppercase; font-weight:normal;} #confirmationPageRewardsBenefitsContainer #customerInfoContainer { background:#413b30; color:#fff; padding:16px 15px 20px 15px; width:377px;} #customerInfoContainer p { line-height:16px;} #invoiceSummaryContainer { border-top:1px solid #403317; border-bottom:1px solid #403317; padding:10px 0 0 0; float:left;} /*width:400px;*/ #invoiceSummaryContainer span.invoiceSummaryImage { float:left; width:60px; height:33px; text-align:left;} #invoiceSummaryContainer span.invoiceSummaryDetail { float:left; width:302px; height:33px; padding-top:5px;} #invoiceSummaryContainer span.invoiceSummaryPrice { float:right; height:33px; padding-top:5px;} #invoiceTotalSummary { width:150px; text-align: left; float:right; padding:12px 10px 15px 0; color:#ccc;} #invoiceTotalSummary p { display:block; width:150px; float:left;} #confirmationPageRewardsCardContainer { background:url(../images/bgRewardsCardContainer.png) no-repeat; width:452px; height:388px; position:absolute; top:0px; left:472px;} #confirmationPageRewardsCardContainer #printTempCardContainer { position:absolute; top:20px; right:37px; color:#fff;} #confirmationPageRewardsCardContainer #tempRewardsCard2 { background:url(../images/bgRewardsCard2.png) no-repeat; width:386px; height:241px; position:absolute; top:47px; left:29px;} #confirmationPageRewardsCardContainer #tempRewardsCard2 #cardMemberInfoContainer { font-size:14px; padding:26px 0 0px 29px; line-height:20px; height:91px; width:327px;} /* CSS for rewards members renew page */ #confirmationPageRewardsBenefitsContainer #rewardsRenewContainer { background:#413b30; color:#fff; padding:16px 15px 20px 15px; width:377px;} #confirmationPageRewardsBenefitsContainer #rewardsRenewContainer ul { margin-top:3px;} #confirmationPageRewardsBenefitsContainer #rewardsRenewContainer ul li { margin-left:18px; margin-top:5px; list-style-image:url(../images/signupPageBottomBullets.png);} /* ======================= CSS for activate page ========================== */ #activateContentContainer { background:url(../images/bgActivateContent.png) no-repeat; width:909px; /*height:352px;*/ padding:25px 9px; margin:30px 0 30px 30px; } #activateContentContainer #sectionOne { float:left; width:300px; height:auto; position:relative; padding:19px 0 0 70px; color:#ccc;} #sectionOne a { font-size:11px;} #sectionOne label { display:block; margin-bottom:-2px; } #sectionOne input { height:11px; width:188px;} #sectionOne h2 { font-size:16px; font-weight:normal; color:#fff; text-transform:uppercase;} #activateContentContainer #sectionTwo { float:left; width:530px; height:auto; position:relative; padding:19px 0 0 0;} #sectionTwo #activateComparisonTableTop { background:url(../images/bgActivateComparisonTableTop.png) no-repeat; width:525px; height:auto; padding-top:23px; overflow:auto; padding-bottom:8px; } #sectionTwo h2 { font-size:16px; font-weight:normal; color:#fff; text-transform:uppercase;} #sectionTwo #activateComparisonTableTop span { float:left; color:#fff;} #sectionTwo #activateComparisonTableTop span h3 { font-size:14px; text-transform:uppercase;} #sectionTwo #activateComparisonTableTop span.column1 { width:199px; padding-left:28px; line-height:19px;} #sectionTwo #activateComparisonTableTop span.column2 { width:137px; padding-right:13px; line-height:18px;} #sectionTwo #activateComparisonTableTop span.column3 { width:138px;} #sectionTwo #activateComparisonTableMid { background:url(../images/bgActivateComparisonTableMid.png) repeat-y; overflow:auto; } #sectionTwo #activateComparisonTableMid p { height:18px; padding-top:5.5px; display:block;} #sectionTwo #activateComparisonTableMid span { float:left; color:#fff; height:25px; display:block; } #sectionTwo #activateComparisonTableMid span.column1 { width:199px; padding-left:28px; } #sectionTwo #activateComparisonTableMid span.column2 { width:135px; padding-right:15px; text-align:center;} #sectionTwo #activateComparisonTableMid span.column3 { width:135px; text-align:center;} #sectionTwo #activateComparisonTableBottom { background:url(../images/bgActivateComparisonTableBottom.png) no-repeat; width:525px; /*height:60px;*/ padding-top:15px;} #sectionTwo #activateComparisonTableBottom h2 { color:#d4a017; font-size:18px; text-transform:uppercase;} #sectionTwo #activateComparisonTableBottom span { float:left; color:#fff; height:25px; display:block;} #sectionTwo #activateComparisonTableBottom span.column1 { width:205px; padding-right:20px; padding-top:10px; } #sectionTwo #activateComparisonTableBottom span.column2 { width:127px; padding:0 15px 0 8px; text-align:center; position:relative;} #sectionTwo #activateComparisonTableBottom span.column3 { width:103px; padding:0 13px 0 19px; text-align:center; position:relative;} .joinButtonActivate a { display:block; background:url(../images/buttonJoinActivatePage.png) no-repeat; width:107px; padding-right:4px; height:32px; margin:0px auto; text-align:center; text-transform:uppercase; color:#fff; font-size:14px; font-weight:bold; padding-top:11px; text-decoration:none; position:relative; z-index:30;} .joinButtonActivate a:hover { background:url(../images/buttonJoinActivatePageOver.png) no-repeat;} /*.joinButtonActivate { display:block; background:url(../images/buttonJoinActivatePage.png) no-repeat; width:107px; padding-right:4px; height:32px; margin:0px auto; text-align:center; text-transform:uppercase; color:#fff; font-size:14px; font-weight:bold; padding-top:11px; text-decoration:none; position:relative; z-index:30;} .joinButtonActivate:hover { background:url(../images/buttonJoinActivatePageOver.png) no-repeat; cursor:pointer;}*/ /* ===================== CSS for login Page ===================== */ #loginContainer { width:536px; height:281px; margin:28px auto 12px auto; background:url(../images/bgLoginContainer.png) no-repeat; color:#fff; position:relative; font-size:12px;} #loginContainer #socialContainer { width:220px; height:200px; position:absolute; top:23px; left:26px; } #socialContainer p { line-height:30px;} #socialContainer h1 { font-size:16px; font-weight:normal; text-transform:uppercase; } #loginContainer #formContainer { width:217px; height:200px; position:absolute; top:48px; left:254px; font-size:12px; background:url(../images/loginBoxSeparator.png) no-repeat top left; padding-left:34px;} #formContainer p { } #formContainer label{ display:block; margin-top:1px;} #formContainer input.loginForm { margin-top:2px; height:15px; width:210px;} #formContainer a { text-decoration:underline; color:#fff; font-weight:bold;} #formContainer a:hover { text-decoration:underline; color:#ccc; font-weight:bold;} #joinLinks { width:536px; height:20px; margin:0 auto; color:#fff; font-size:11px; margin-bottom:153px;} #joinLinks a { color:#fff; text-decoration:underline;} #joinLinks a:hover { color:#ccc; text-decoration:underline;} .checkbox {padding-bottom:2px; vertical-align:middle; margin-right:5px;} /* ===================== CSS for Signup Page ===================== */ #contentWrapper { position:relative; width:100%; min-height:948px; background:#000 url(../images/header_drpshadow.jpg) no-repeat center top;} #signupLeftColumn { position:absolute; left:26px; top:28px; width:455px; height:auto; } #signupRightColumn { position:absolute; left:502px; /*background:url(../images/bgSignupForm.png) no-repeat;*/ width:427px; /*height:850px;*/ color:#fff; padding:18px 0 25px 25px; background: #564624; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#846b32), to(#564624)); background: -webkit-linear-gradient(#846b32, #564624); background: -moz-linear-gradient(#846b32, #564624); background: -ms-linear-gradient(#846b32, #564624); background: -o-linear-gradient(#846b32, #564624); background: linear-gradient(#846b32, #564624); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#846b32', EndColorStr='#564624', GradientType=0); -pie-background: linear-gradient(#846b32, #564624); behavior: url(PIE.htc); } #signUpFormContainer { height:auto; float:left; } #signUpFormContainer h2 { text-transform:uppercase; font-size:16px; font-weight:normal; padding-bottom:4px; } #signUpFormContainer2 { height:auto; float:left; } #signUpFormContainer2 h2 { text-transform:uppercase; font-size:16px; font-weight:normal; padding-bottom:4px; } .signupFormContainerHeading { text-transform:uppercase; font-size:14px; font-weight:normal; padding:10px 0 0 0; height:25px; } #formLeft { float:left; width:209px;} #formLeft label { display:block; font-size:11px; color:#ccc; margin-left:2px;} #formLeft label.fName { padding:0 0 5px 0;} #formLeft label.email { padding:5px 0 3px 0;} #formLeft label.password { padding:25px 0 2px 0;} #formLeft label.securityQuestion { padding:15px 0 3px 0;} #formLeft label.address1 { padding:0px 0 4px 0;} #formLeft label.addressType { padding:25px 0 2px 0;} #formLeft label.city { padding:5px 0;} #formLeft label.country { padding:6px 0 4px 0;} #formLeft label.phone { padding:6px 0 4px 0;} #formLeft label.dob { padding:20px 0 3px 0;} #formLeft label.offers { padding:7px 0 3px 0;} #formLeft label.zip { padding:8px 0 3px 0;} #formLeft input { width:193px; height:16px; border:none;} #formLeft input.phone { width:90px; margin-right:4px;} #formLeft select.phone { width:96px; border:none; height:16px;} #formLeft select.dobmonth { width:91px; margin-right:4px; border:none; height:16px;} #formLeft select.dobyear { width:95px; border:none; height:16px;} #formLeft select.loginForm { width:194px; border:none; height:16px;} #formRight { float:left; width:210px; height:100%; position:relative;} #formLeft2 { float:left; width:209px;} #formLeft2 label { display:block; font-size:11px; color:#ccc; margin-left:2px;} #formLeft2 label.fName { padding:0 0 5px 0;} #formLeft2 label.email { padding:5px 0 3px 0;} #formLeft2 label.password { padding:25px 0 2px 0;} #formLeft2 label.securityQuestion { padding:15px 0 3px 0;} #formLeft2 label.address1 { padding:0px 0 4px 0;} #formLeft2 label.addressType { padding:25px 0 2px 0;} #formLeft2 label.city { padding:5px 0;} #formLeft2 label.country { padding:6px 0 4px 0;} #formLeft2 label.phone { padding:6px 0 4px 0;} #formLeft2 label.dob { padding:20px 0 3px 0;} #formLeft2 label.offers { padding:7px 0 3px 0;} #formLeft2 label.zip { padding:8px 0 3px 0;} #formLeft2 input { width:193px; height:16px; border:none;} #formLeft2 input.phone { width:90px; margin-right:4px;} #formLeft2 select.phone { width:96px; border:none; height:16px;} #formLeft2 select.dobmonth { width:91px; margin-right:4px; border:none; height:16px;} #formLeft2 select.dobyear { width:95px; border:none; height:16px;} #formLeft2 select.loginForm { width:194px; border:none; height:16px;} #formLeft3 { float:left; width:209px;} #formLeft3 label { display:block; font-size:11px; color:#ccc; margin-left:2px;} #formLeft3 label.fName { padding:0 0 5px 0;} #formLeft3 label.email { padding:5px 0 3px 0;} #formLeft3 label.password { padding:25px 0 2px 0;} #formLeft3 label.securityQuestion { padding:15px 0 3px 0;} #formLeft3 label.address1 { padding:0px 0 4px 0;} #formLeft3 label.addressType { padding:25px 0 2px 0;} #formLeft3 label.city { padding:5px 0;} #formLeft3 label.country { padding:6px 0 4px 0;} #formLeft3 label.phone { padding:6px 0 4px 0;} #formLeft3 label.dob { padding:20px 0 3px 0;} #formLeft3 label.offers { padding:7px 0 3px 0;} #formLeft3 label.zip { padding:8px 0 3px 0;} #formLeft3 input { width:193px; height:16px; border:none;} #formLeft3 input.phone { width:90px; margin-right:4px;} #formLeft3 select.phone { width:96px; border:none; height:16px;} #formLeft3 select.dobmonth { width:91px; margin-right:4px; border:none; height:16px;} #formLeft3 select.dobyear { width:95px; border:none; height:16px;} #formLeft3 select.loginForm { width:194px; border:none; height:16px;} #formRight2 { float:left; width:210px; height:100%; position:relative;} #formRight label { display:block; font-size:11px; color:#ccc;} #formRight label.lName { padding:0 0 5px 0;} #formRight label.cemail { padding:5px 0 3px 0;} #formRight label.cpassword { padding:21px 0 2px 0;} #formRight label.address2 { padding:0 0 4px 0;} #formRight label.state { padding:6px 0 4px 0;} #formRight label.zip { padding:6px 0 4px 0;} #formRight label.securityAnswer { padding:15px 0 4px 0;} #formRight2 label { display:block; font-size:11px; color:#ccc;} #formRight2 label.lName { padding:0 0 5px 0;} #formRight2 label.cemail { padding:5px 0 3px 0;} #formRight2 label.cpassword { padding:21px 0 2px 0;} #formRight2 label.address2 { padding:0 0 4px 0;} #formRight2 label.state { padding:6px 0 4px 0;} #formRight2 label.zip { padding:6px 0 4px 0;} #formRight2 label.securityAnswer { padding:15px 0 4px 0;} #formRight input { width:193px; height:16px; border:none;} #formRight select.loginForm { width:194px; border:none; height:16px;} .errorMsgBlock {width:173px; min-height:53px; background:#635128; margin-top:26px; padding:9px 10px 9px 10px; position:relative; font-size:12px;} .errorMsgBlock p { line-height:18px;} .errorMsgBlock ul { margin-left:12px;} .errorMsgBlock li { list-style-image:url(../images/bullet_error_msg_block.png); font-size:11px; color:#ccc; line-height:15px;} .errorMsgBlock img.pointer {position:absolute; top:15px; left:-10px;} #formSubmitButtonContainer { margin-left:-1px; float:left; padding-top:13px;} button.activateNow { background:url(../images/buttonActivateNow.png) no-repeat; width:168px; height:48px; text-align:center; padding-bottom:5px; border:none; font-size:16px; font-weight:normal; color:#fff; text-transform:uppercase; cursor:pointer; margin-left:0px; position:relative;} button.activateNow:hover { background:url(../images/buttonActivateNowOver.png) no-repeat;} button.cancel { background:url(../images/buttonCancel.png) no-repeat; width:92px; padding-right:2px; height:33px; text-align:center; color:#fff; border:none; text-transform:uppercase; font-size:14px; cursor:pointer; padding-bottom:7px; margin:0 0 0 37px; position:relative;} button.cancel:hover { background:url(../images/buttonCancelOver.png) no-repeat;} #signupChecks { border-bottom:1px solid #403317; margin:0; padding-top:21px; padding-bottom:18px; font-size:12px; width:402px; float:left; color:#ccc; } input.signupCheckbox { border:none; float:left; } .signupCheckbox {padding-bottom:2px; vertical-align:middle; margin-right:10px;} #signupChecks span { display:block; padding-left:25px; } #signupChecks a { text-decoration:underline; color:#fff;} #signupChecks a:hover { text-decoration:underline; color:#ccc;} #signupChecks span.check1 { padding-bottom:10px; } #signupChecks span.check2 { padding-bottom:10px; } #signupChecks span.check3 { } #joinVIPButtonContainer { border-top:1px #48391c solid; padding-top:10px; margin:18px 0 0 3px; width:395px;} #joinVIPButton a { background:url(../images/buttonJoinVIP.png) no-repeat; width:104px; height:25px; text-transform:uppercase; color:#fff; font-size:12px; display:block; text-decoration:none; text-align:center; padding-top:5px; } #joinVIPButton a:hover { background:url(../images/buttonJoinVIPOver.png) no-repeat;} #joinVIPButtonContainer2 { border-top:1px #48391c solid; padding-top:10px; margin:18px 0 0 3px; width:395px;} #joinVIPButton2 a { background:url(../images/buttonJoinVIP2.png) no-repeat; width:146px; height:30px; text-transform:uppercase; color:#fff; font-size:12px; display:block; text-decoration:none; text-align:center; padding-top:8px; } #joinVIPButton2 a:hover { background:url(../images/buttonJoinVIP2Over.png) no-repeat;} #signupPageTermsContainer { color:#fff; padding:18px 0 20px 0;} #signupPageTermsContainer a { color:#fff; text-transform:uppercase; font-size:10px; text-decoration:none;} #signupPageTermsContainer a:hover { color:#ccc; text-transform:uppercase; font-size:10px; text-decoration:none;} #signupPageTermsContainer2 { color:#fff; padding:5px 0 20px 0;} #signupPageTermsContainer2 a { color:#fff; text-transform:uppercase; font-size:10px; text-decoration:none;} #signupPageTermsContainer2 a:hover { color:#ccc; text-transform:uppercase; font-size:10px; text-decoration:none;} /* Left Banner Container - Join Free Page */ #joinFreeLeftBannerContainer { color:#fff; font-size:18px; text-transform:uppercase; font-weight:bold; padding-top:5px; text-align:center;} /* ============================================ CSS for bottom bullet container for signup page =============================================== */ #bottomBulletsContainer { width:449px; height:168px; background:url(../images/bgLeftBottomBulletsContainer.png) no-repeat; color:#fff; padding:10px 0 0 26px;} #bottomBulletsContainer h2 { text-transform:uppercase; font-size:16px; font-weight:normal; letter-spacing:0.8px;} #bottomBulletsContainer ul { width:400px; margin:6px 0 0 5px; } #bottomBulletsContainer ul li { list-style-image:url(../images/signupPageBottomBullets.png); font-size:12px; margin:7px 0 0 18px; padding-left:2px; letter-spacing:0.5px;} /* ============================================ CSS for join-paid1 - paypal =============================================== */ #signupRightColumn2 { position:absolute; left:502px; top:28px; /*background:url(../images/bgSignupForm.png) no-repeat;*/ width:427px; color:#fff; padding:18px 0 18px 25px; background: #564624; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#846b32), to(#564624)); background: -webkit-linear-gradient(#846b32, #564624); background: -moz-linear-gradient(#846b32, #564624); background: -ms-linear-gradient(#846b32, #564624); background: -o-linear-gradient(#846b32, #564624); background: linear-gradient(#846b32, #564624); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#846b32', EndColorStr='#564624', GradientType=0); -pie-background: linear-gradient(#846b32, #564624); behavior: url(PIE.htc); } #formLeft label.phone2 { padding:9px 0 4px 0;} #formLeft label.promotionCode { padding:20px 0 2px 0;} button.apply { background:url(../images/buttonApply.png) no-repeat; width:55px; padding-right:2px; height:24px; text-align:center; padding-bottom:5px; border:none; font-size:10px; font-weight:normal; color:#fff; text-transform:uppercase; cursor:pointer; margin-left:0px;} button.apply:hover { background:url(../images/buttonApplyOver.png) no-repeat;} #signupChecks2 { margin:0; padding-top:19px; padding-bottom:19px; font-size:12px; width:402px; float:left; color:#ccc; } #signupChecks2 #paypalContainer { background:#a08852; width:377px; padding:18px 8px 18px 17px; font-size:12px; color:#fff; margin-bottom:18px; word-spacing:-0.05em;} input.signupCheckbox { border:none; float:left; } .signupCheckbox {padding-bottom:2px; vertical-align:middle; margin-right:10px;} #signupChecks2 span { display:block; padding-left:25px; } #signupChecks2 a { text-decoration:none; color:#fff;} #signupChecks2 a:hover { text-decoration:none; color:#ccc;} #signupChecks2 span.check1 { padding-bottom:8px; } #signupChecks2 span.check2 { padding-bottom:6px; word-spacing:-0.05em; } #signupChecks2 span.check3 { padding-bottom:8px; } #formSubmitButtonContainer2 { margin-left:-1px; float:left; padding-top:13px; border-top:1px solid #403317; width:402px;} button.continuePaypal { background:url(../images/buttonContinueToPaypal.png) no-repeat; width:209px; padding-right:3px; height:49px; text-align:center; padding-bottom:5px; border:none; font-size:16px; font-weight:normal; color:#fff; text-transform:uppercase; cursor:pointer; margin-left:0px; margin-right:-15px;} button.continuePaypal:hover { background:url(../images/buttonContinueToPaypalOver.png) no-repeat;} #bottomBulletsContainer2 { width:449px; height:168px; /*background:url(../images/bgLeftBottomBulletsContainer.png) no-repeat;*/ color:#fff; padding:8px 0 0 26px;} #bottomBulletsContainer2 h2 { text-transform:uppercase; font-size:16px; font-weight:normal; letter-spacing:0.8px;} #bottomBulletsContainer2 ul { width:400px; margin:6px 0 0 5px; } #bottomBulletsContainer2 ul li { list-style-image:url(../images/signupPageBottomBullets.png); font-size:12px; margin:3.5px 0 0 18px; padding-left:2px; letter-spacing:0.5px;} #signupPageTermsContainer3 { color:#fff; padding:10px 0 20px 0;} #signupPageTermsContainer3 a { color:#fff; text-transform:uppercase; font-size:10px; text-decoration:none;} #signupPageTermsContainer3 a:hover { color:#ccc; text-transform:uppercase; font-size:10px; text-decoration:none;} /* Css for Join paid 2 */ #signupRightColumnJoinPaid2 { position:absolute; left:502px; margin-top:28px; background:url(../images/bgSignupForm.png) no-repeat; width:427px; /*height:662px;*/ color:#fff; padding:18px 0 36px 25px; } #orderSummaryContainerJoin2 { width:402px; padding-top:20px;} #orderSummaryContainerJoin2 h2 { font-size:14px; text-transform:uppercase; font-weight:normal;} #orderSummaryContainer { border-top:1px solid #403317; border-bottom:1px solid #403317; padding:10px 0 0 0; float:left; width:402px;} #orderSummaryContainer span.orderSummaryImage { float:left; width:60px; height:33px; text-align:left;} #orderSummaryContainer span.orderSummaryDetail { float:left; width:302px; height:33px; padding-top:5px;} #orderSummaryContainer span.orderSummaryPrice { float:right; height:33px; padding-top:5px;} #orderTotalSummary { width:150px; text-align: left; float:right; padding:8px 0 15px 0; color:#ccc;} #orderTotalSummary span.ordertitle { float:left;} #orderTotalSummary span.amount { width:100px; text-align:right; float:right;} button.purchaseMembership { background:url(../images/buttonPurchaseMembership.png) no-repeat; width:209px; padding-right:4px; height:50px; text-align:center; padding-bottom:5px; border:none; font-size:16px; font-weight:normal; color:#fff; text-transform:uppercase; cursor:pointer; margin-left:0px; margin-top:6px; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif} button.purchaseMembership:hover { background:url(../images/buttonPurchaseMembershipOver.png) no-repeat;} /* ============================================ CSS for bottom bullet container for join free page =============================================== */ #bottomBulletsContainerJoinFree { width:429px; height:auto; /*height:161px; background:url(../images/bgLeftBottomBulletsContainerJoinFree.png) no-repeat;*/ color:#fff; padding:7px 0 0 26px;} #bottomBulletsContainerJoinFree h2 { text-transform:uppercase; font-size:16px; font-weight:normal; letter-spacing:0.8px;} #bottomBulletsContainerJoinFree ul { width:400px; margin:6px 0 0 5px; } #bottomBulletsContainerJoinFree ul li { list-style-image:url(../images/signupPageBottomBullets.png); font-size:12px; margin:4px 0 0 18px; padding-left:2px; letter-spacing:0.5px;} #signUpFormContainer h3 { font-size:14px; text-transform:uppercase; font-weight:normal;} #signUpFormContainer2 h3 { font-size:14px; text-transform:uppercase; font-weight:normal;} /* ===================== CSS for bullet container ===================== */ #bulletsContainer { background:url(../images/bgBullets.png) no-repeat; width:390px; height:374px; color:#fff; padding:32px 35px 0 30px;} #bulletsContainer h2 { text-transform:uppercase; font-size:16px; font-weight:normal; } .bulletsContainerHeader{text-transform:uppercase; font-size:16px; font-weight:normal; } #bulletsContainer p { letter-spacing:-0.2px; margin-top:3px;} #bulletsContainer ul { width:400px; margin-top:2px; } #bulletsContainer ul li { list-style-image:url(../images/bulletImage.png); line-height:18px; text-transform:uppercase; font-size:14px; margin:18px 0 0 23px; padding-left:5px; letter-spacing:0.2px;} /* End CSS for bullet container */ /* ========================= CSS for Rewards Members page ============================= /*Left Column =========== #rewardsThreeColumnLayout { width:980px; height:100%; overflow:auto; color:#fff; margin-left:1px; padding-bottom:25px;} #rewardsThreeColumnLeft { float:left; width:220px;} #rewardsLeftNav { background:url(../images/bgLeftNav.png) bottom center no-repeat #817e7e; padding:20px 0 px 0; width:212px; height:auto; font-size:12px; text-transform:uppercase;} #rewardsLeftNav ul li { list-style:none; line-height:26px; } #rewardsLeftNav ul li a { color:#fff; padding-left:20px; margin-top:1px; text-decoration:none; } #rewardsLeftNav ul li a:hover, #rewardsLeftNav ul li a.active { background:#dedcdd; color:#000; margin-top:1px; display:block; width:192px; padding-left:20px; height:25px; } #bottomLeftColumn imgColumnImage { display:block; width:180px; height:auto; margin:0 0 0 33px; padding:15px 0 10px;} Center Column ============= #rewardsThreeColumnCenter { float:left; width:488px; padding:19px 7px 0 15px;} #centerHead { height:32px; border-bottom:1px solid #333;} #centerHead h2 { font-size:18px; font-weight:bold;} #centerContent { padding:14px 0 0 0;} #centerContent p.heading { font-size:14px; font-weight:normal; margin-bottom:5px; color:#ccc;} #centerContent p { font-size:12px; color:#ccc;} #imageRotationContainer { padding-top:31px;} #rewardsMessage { color:#666; font-size:10px; padding-top:8px;} Right Column ============ #rewardsThreeColumnRight { float:left; width:230px; padding:21px 0px 0 13px;} #rightColumnContent { background:url(../images/bgRightColumn.png) bottom center #846b32 no-repeat; width:209px; min-height:601px; height:auto;} #rightColumnContent #rightColumnInfoContainerMemberInfo { width:175px; margin:0 auto; padding:14px 0 15px 0; height:auto; border-bottom:1px solid #514120; color:#ccc; font-size:12px;} #rightColumnInfoContainerMemberInfo p { line-height:16px;} #rightColumnInfoContainerMemberInfo #memberLoginContainer { height:58px; margin-top:1px;} #rightColumnInfoContainerMemberInfo #memberLoginContainer p { line-height:16px;} #rightColumnInfoContainerMemberInfo a { color:#fff; font-size:12px; text-decoration:underline;} #rightColumnInfoContainerMemberInfo #memberLoginContainer p.memberName { font-size:16px; font-weight:bold; color:#fff; } #rightColumnContent #rightColumnInfoContainerPointsInfo { width:175px; margin:0 auto; padding:14px 0 15px 0; height:auto; border-bottom:1px solid #514120;} #rightColumnInfoContainerPointsInfo p { line-height:16px;} #rightColumnInfoContainerPointsInfo #rewardPointsContainer { background:#54431f; width:100%; height:auot; text-align:center; padding:13px 0 9px 0; margin-top:4px;} #rightColumnInfoContainerPointsInfo .points { font-size:26px; font-weight:bold; color:#fff; margin-bottom:10px;} #rightColumnContent #rightColumnInfoContainerRewardsInfo { width:175px; margin:0 auto; padding:14px 0 23px 0; height:auto; border-bottom:1px solid #514120;} #rightColumnInfoContainerRewardsInfo p { line-height:16px;} #rightColumnInfoContainerRewardsInfo a { color:#fff; font-size:12px; text-decoration:underline;} #rightColumnInfoContainerRewardsInfo span { display:inline-block; width:155px;} #rightColumnContent #rightColumnInfoContainerStatusInfo { width:175px; margin:0 auto; padding:18px 0 26px 0; height:auto; } #rightColumnInfoContainerStatusInfo textarea.share { width:162px; height:75px; resize:none; scroll:auto; margin:8px 0; color:#999; font-size:11px; padding:5px; overflow:auto; letter-spacing:-1px; font-weight:normal;} #bottomLeftColumn { background:url(../images/bgLeftColumnBottom.png) no-repeat top; width:212px; height:auto; } ======================================== CSS for Rewards Members page FREE Member ======================================== #freeMemberArea { background:url(../images/bgRewardsMembersFreeBlock.png) no-repeat; padding:17px 25px 20px 27px; width:130px; height:113px; float:right; margin-top:15px; font-size:11px; } #freeMemberArea p { text-transform:uppercase; line-height:15px;} #freeMemberArea ul { margin:6px 0 13px 0;} #freeMemberArea ul li { color:#655027; margin-left:14px;} #freeMemberArea ul li span { color:#fff;} #upgradeNowButton a { display:block; background:#0f0b03; color:#ba8c14; padding:3px 3px 4px 3px; text-align:center; text-decoration:none; text-transform:uppercase; width:120px; height:auto; font-weight:bold; margin-left:3px;} */ /* ========================= CSS for Two Column Layout =============================*/ #rewardsTwoColumnLayout { /*background-color: #000;*/ background:#000 url(../images/header_drpshadow.jpg) no-repeat center top; width:980px; height:auto; overflow:hidden; color:#fff; padding-bottom:25px; margin-left:0px;} /*margin-left:1px;*/ #rewardsTwoColumnLeft { float:left; width:220px;} /* Two Column Right Column */ #rewardsTwoColumnRight { float:left; margin-left:17px; width:743px; position:relative; background:url(../images/bgContentCustomerCareCancel.png) no-repeat bottom; } /* Right Column Content CSS */ #rightColumnTopContent { width:712px; height:32px; border-bottom:1px solid #333; margin-top:19px; position:relative;} #rightColumnTopContent h1 { font-size:18px; text-transform:uppercase;} #rightColumnTopContent div.heading { font-size:18px; text-transform:uppercase; font-weight: bold;} #rightColumnTopContent #socialContainer { position:absolute; top:0px; right:0px; font-size:12px; color:#fff;} #rightColumnTopContent #socialContainer ul { list-style:none; height:20px;} #rightColumnTopContent #socialContainer ul li { float:left; height:auto; } #rightColumnTopContent #socialContainer ul li.welcome { background:url(../images/smallDivider.png) no-repeat right; padding-right:10px; color:#ccc; } #rightColumnTopContent #socialContainer ul li.logout { padding:2px 0 0 4px; color:#fff; } #rightColumnTopContent #socialContainer ul li.logout a { color:#fff; text-decoration:none; } #rightColumnTopContent #socialContainer ul li.logout a:hover { color:#ccc; text-decoration:none; } #rightColumnTopContent #socialContainer ul li.social { padding-left:9px;} #rightColumnCustomerCareContentContainer { padding-left:20px; width:337px; color:#999; } #rightColumnCustomerCareContentContainer h2 { color:#fff; font-size:12px; letter-spacing:0.2px} #rightColumnCustomerCareContentContainer button.requestCredit { background:url(../images/buttonRequestcredit.png) no-repeat; width:129px; padding:5px 0 7px 0; border:none; color:#fff; display:block; text-transform:uppercase; font-size:12px;} #rightColumnCustomerCareContentContainer input { width:215px;} #customerCareForm { background:url(../images/bgCustomerCareForm.png) no-repeat; width:277px; height:387px; position:absolute; top:67px; left:373px; padding:19px 20px 0 28px;} #customerCareForm p { margin-top:15px; line-height:20px; letter-spacing:0.2px; color:#ccc;} #customerCareForm h2 { color:#fff; font-size:12px; text-transform:uppercase; letter-spacing:0.2px} #customerCareForm label { display:block; color:#ccc;} #customerCareForm input { width:270px; height:17x; padding-top:2px; font-size:12px; color:#333;} #customerCareForm textarea.customerCareTextArea { width:273px; height:93px; resize:none; scroll:none; overflow:auto; font-size:12px; color:#333;} #customerCareForm button.customerCareButton { background:url(../images/buttonCustomerCare.png) no-repeat; width:87px; height:32px; border:none; font-size:12px; color:#fff; text-transform:uppercase; cursor:pointer; } #customerCareForm button.customerCareButton:hover { background:url(../images/buttonCustomerCareOver.png) no-repeat;} #receiptImageContainer { position:absolute; top:75px; right:19px; background:url(../images/bgReceiptContainer.png) no-repeat; width:281px; height:259px; padding:25px 19px 25px 25px;} #receiptImageContainer #receiptBox { width:100%; height:90px; padding-top:15px; color:#666; background:#fff; text-transform:uppercase; text-align:center;} #buttonCommunicationPreferences a { background:url(../images/buttonCommunicationPreferences.png) no-repeat; width:206px; height:19px; padding:7px 0 7px 0; display:block; text-align:center; text-decoration:none; color:#fff; text-transform:uppercase; font-size:12px;} #buttonCommunicationPreferences a:hover { background:url(../images/buttonCommunicationPreferencesOver.png) no-repeat;} /* CSS for FAQ Page */ #rewardsTwoColumnRightFAQ { float:left; margin-left:17px; width:743px; position:relative; background:url(../images/bgContent.png) no-repeat bottom; } #faqSearchContainer { border-bottom:1px solid #333; width:680px; color:#999; padding:14px 0 15px 0px; float:left; margin-left:18px;} #faqSearchContainer input.faqSearch { width:310px; height:17px; font-size:12px; color:#999;} #faqSearchContainer button.faqSearch { background:url(../images/buttonSearch.png) no-repeat; width:79px; height:26px; border:none; color:#fff; cursor:pointer; padding:0 3px 4px 0; } #faqSearchContainer button.faqSearch:hover { background:url(../images/buttonSearchOver.png) no-repeat;} #faqsQuestionContainer { border-bottom:1px solid #333; width:680px; color:#999; padding:25px 0 32px 0px; margin-left:18px } #faqsQuestionContainer h2 { color:#fff; font-size:12px; text-transform:uppercase; letter-spacing:0.2px} #faqsQuestionContainer ol li { line-height:16px; } #faqsQuestionContainer ol li span { margin-left:-1px; display:block;} #faqsQuestionContainer ol li a { text-decoration:none;} #faqsAnswersContainer { width:680px; color:#999; padding:24px 0 53px 0; margin-left:18px; } #faqsAnswersContainer h2 { color:#fff; font-size:12px; text-transform:uppercase; letter-spacing:0.2px} #faqsAnswersContainer p { margin-top:15px; line-height:16px; } /* end css for faq page */ /* css starts for terms page */ #rewardsTwoColumnRightTerms { float:left; margin-left:17px; width:743px; position:relative; /*background:url(../images/bgContent.png) no-repeat bottom;*/ } #firstHalfWrapper { background:url(../images/bgContentCustomerCareCancel.png) no-repeat bottom;} #secondHalfWrapper { background:url(../images/bgContentCustomerCareCancel.png) no-repeat bottom;} #termsPageContainer { width:680px; color:#999; padding:5px 0 32px 0px; margin-left:18px } #termsPageContainer h2 { color:#fff; font-size:14px; text-transform:uppercase; letter-spacing:0.2px; font-weight:normal;} #termsPageContainer h3 { color:#ccc; font-size:12px; text-transform:uppercase; letter-spacing:0.2px; font-weight:normal; margin-bottom:5px;} #termsPageContainer p { margin-top:15px; display:block; line-height:16px; font-weight:bold; letter-spacing:0.5px; } #termsPageContainer #mapsContainer { width:700px; text-align:center; padding-top:10px; padding-bottom:10px;} #termsPageContainer #mapsContainer span { display:inline-block; width:70px; text-align:center; margin-right:14px; height:73px;} #termsPageContainer #mapsContainer span img {margin-bottom:4px;} #termsPageContentContainer .textLink2 { text-decoration: underline; } /* css starts for conversion rates page */ #conversionPageContainer { width:680px; color:#999; padding:13px 0 32px 0px; margin-left:0px } #conversionPageContainer h2 { color:#fff; font-size:14px; text-transform:uppercase; letter-spacing:0.2px; font-weight:normal;} #conversionPageContainer #content { margin:15px 0 15px 18px; padding-bottom:21px; border-bottom:1px solid #333;} #conversionPageContainer #content p { margin-left:0px; display:block; line-height:16px; font-weight:bold; letter-spacing:0.5px; } #conversionPageContainer #content #conversionContent { margin-top:24px; width:350px; float:left;} #conversionPageContainer #content #conversionContent h3 { font-size:12px; color:#fff; font-weight:normal; float:left; text-transform:uppercase; margin-bottom:3px;} #conversionPageContainer #content #conversionContent p span.left { float:left; width:50px;} #conversionPageContainer #content #conversionContent p span.mid { float:left; width:200px;} #conversionPageContainer #content #conversionContent p span.right { float:left; width:100px;} /* css starts for benefits page */ #benefitsPageContainer { width:680px; color:#999; padding:15px 0 32px 0px; margin-left:18px } #benefitsPageContainer h2 { color:#fff; font-size:12px; text-transform:uppercase; letter-spacing:0.2px; margin-bottom:-10px;} #benefitsPageContainer p { margin-left:0px; margin-top:15px; display:block; line-height:16px; font-weight:bold; letter-spacing:0.5px; } #benefitsPageContainer ul { margin-left:0px;} #benefitsPageContainer ul li { margin-top:15px; list-style-type:none} #benefitsPageContainer ul li a { text-decoration:none;} #benefitsPageContainer .textLink2 { text-decoration: underline; } #benefitsPageContainer .textLink4 { text-decoration: underline !important;} /* css starts for visit map page #visitMapPageContainer { width:680px; color:#999; padding:2px 0 23px 0px; margin-left:22px; } span.leftArrow { background:url(../images/pointsIconArrowLeftOff.png) no-repeat; display:inline-block; width:10px; height:47px; cursor:pointer; float:left; } span.leftArrow:hover { background:url(../images/pointsIconArrowLeft.png) no-repeat;} span.rightArrow { background:url(../images/pointsIconArrowRightOff.png) no-repeat;display:inline-block; width:10px; height:47px; cursor:pointer; margin-left:1px; } span.rightArrow:hover { background:url(../images/pointsIconArrowRight.png) no-repeat;} #visitMapPageContainer h2 { color:#fff; font-size:16px; text-transform:uppercase; letter-spacing:0.2px; margin-bottom:0px; font-weight:normal;} #visitMapPageContainer img.visitStars { margin-left:5px; float:left;} #visitMapPageContainer p { margin-left:0px; margin-top:9px; display:block; line-height:16px; font-weight:normal; letter-spacing:-0.2px; } #visitMapPageContainer #mapHead { background:#272727; text-transform:uppercase; color:#ccc; font-size:10px; height:25px; padding-top:10px; padding-left:20px; width:659px;} #visitMapPageContainer #mapHead img { padding-bottom:2px; vertical-align:middle; margin-right:5px; } #visitMapPageContainer #mapHead span { margin-right:15px;} #visitMapPageContainer #mapContainer { margin:0px; float:left;} #visitMapPageContainer ul { margin-left:17px;} #visitMapPageContainer ul li { margin-top:15px;} #visitMapPageContainer #visitListContainer { margin-top:18px; height:auto; width:680px;} #visitListContainer #visitListHead { background:#272727; color:#ccc; padding:8px 15px 10px 15px; height:16px; display:block; } #visitListDetailContainer {margin-top:13px; float:left; width:680px;} #visitListDetailContainer #visitListDetail { float:left; width:340px;} #visitListDetailContainer #visitListDetail ul { list-style:none; margin-left:2px;} #visitListDetailContainer #visitListDetail ul li { margin-bottom:4.5px; margin-top:0px; color:#ccc; text-transform:uppercase;} #visitListDetailContainer #visitListDetail ul li.visitListFirstRow {border-bottom:1px solid #333; padding-bottom:1px; color:#999; margin-top:0px !important; margin-bottom:9px; } #visitListDetailContainer #visitListDetail ul li span.visitListLeft {width:116px; display:inline-block;} #visitListDetailContainer #visitListBanner { float:right; width:330px; text-align:right; margin-top:7px;} #mapResultsContainer { width:680px; color:#999; padding:10px 0 2px 0px; float:left; } #mapResultsContainer h2 { color:#fff; font-size:14px; text-transform:uppercase; letter-spacing:0.2px; font-weight:normal;} #mapResultsContainer #mapTableHead { width:685px; color:#fff; padding:0px 0px 0px 0px; margin-top:2px; text-transform:uppercase; font-size:12px; background:#1a1919; height:33px; } #mapResultsContainer #mapTableHead ul { list-style:none; margin-left:0px; } #mapResultsContainer #mapTableHead ul li { float:left; height:25px; text-align:center; padding-top:8px; margin-top:0px; cursor:pointer;} #mapResultsContainer #mapTableHead ul li.first { width:90px; } #mapResultsContainer #mapTableHead ul li.second { width:140px; } #mapResultsContainer #mapTableHead ul li.third { width:135px; } #mapResultsContainer #mapTableHead ul li.fourth { width:150px; } #mapResultsContainer #mapTableHead ul li.off { background:url(../images/bgMapTableHead.png) no-repeat left;} #mapResultsContainer #mapTableHead ul li.on, #mapResultsContainer #mapTableHead ul li:hover { background:url(../images/bgMapTableHeadOver.png) repeat-x;} .mapTableHeadResultsContainer { padding:17px 0px 2px 18px; width:665px; float:left; background:url(../images/bgVisitMapMapTableHeadResultsContainer.png) repeat-x; height:25px; border-top:1px solid #4f4024; border-bottom:1px solid #171717; float:left; text-transform:uppercase; height:20px;} .mapTableResultsContainer { padding:5px 0 0px 0; width:685px; float:left; border-top:1px solid #171717; margin-bottom:10px;} .mapTableResultsContainerCol1 { float:left; width:75px; } .mapTableResultsContainerCol2 { float:left; width:411px; } .mapTableResultsContainerCol3 { float:left; width:38px;} .mapTableResultsContainerCol4 { float:left; width:43px;} .mapTableResultsContainerCol5 { float:left; width:48px;} .mapTableResultsContainerCol6 { float:left; width:40px;} .mapTableResultsContainerColInner1 { float:left; width:75px; color:#999;} .mapTableResultsContainerColInner2 { float:left; width:411px; text-transform:uppercase; color:#ccc;} .mapTableResultsContainerColInner3 { float:left; width:38px;} .mapTableResultsContainerColInner4 { float:left; width:43px;} .mapTableResultsContainerColInner5 { float:left; width:48px;} .mapTableResultsContainerColInner6 { float:left; width:40px;} .mapTableResultsContainer ul { list-style:none; float:left; margin-left:0px;} .mapTableResultsContainer ul li { float:left; height:28px; width:665px; padding:9px 0px 0px 20px; color:#fff; margin-top:0px;} .mapTableResultsContainer ul li a { text-decoration:none;} .mapTableResultsContainer ul li.on { background:#272727;} .mapTableResultsContainer ul li.off { background:none;} .mapTableResultsContainer ul li.expired { color:#666;} tabs in visit map page .ui-tabs { position: relative; padding: 0em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") .ui-tabs ul { margin-left:0px !important;} .ui-tabs .ui-tabs-nav { margin: 0; padding:0; } .ui-tabs .ui-tabs-nav ul { margin-left:0px;} .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0px; margin:0; border-bottom: 0 !important; padding: 0; white-space: nowrap; background:url(../images/bgMapTableHead.png); } .ui-tabs .ui-tabs-nav li a { float: left; padding:8px 20px 0; text-decoration: none; height:25px; color:#ccc; text-transform:uppercase; margin-left:1px;} .ui-tabs .ui-tabs-nav li a:hover, .ui-tabs .ui-tabs-nav li.ui-tabs-selected { background:url(../images/bgMapTableHeadOver.png) repeat-x; margin-left:1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... .ui-tabs .ui-tabs-panel { display: block; border-width: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* end tabs in visit map page */ /* ====================================== */ /* css for modal activate */ #modalActivateContainer { /*background:url(../images/bgActivateModal.png) no-repeat;*/ width:344px; /*449px;*/ margin:50px auto; padding:29px 38px 36px 38px; color:#999; font-size:12px; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif; position:relative;} #modalActivateContainer3 { /*background:url(../images/bgActivateModal.png) no-repeat;*/ width:344px; /*449px;*/ margin:50px auto; padding:29px 38px 36px 38px; color:#999; font-size:12px; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif; position:relative;} #modalActivateContainerGrace { /*background:url(../images/bgActivateModal.png) no-repeat;*/ width:344px; /*449px;*/ margin:50px auto; padding:29px 38px 36px 38px; color:#999; font-size:12px; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif; position:relative;} #modalActivateContainerRenew { /*background:url(../images/bgActivateModal.png) no-repeat;*/ width:344px; /*449px;*/ margin:50px auto; padding:29px 38px 36px 38px; color:#999; font-size:12px; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif; position:relative;} /*#modalActivateContainer { position:relative; width:447px; margin:50px auto; color:#999; font-size:12px; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif; } #modalActivateContainerTop { background:url(../images/bgActivateModalTop.png) no-repeat; height:38px;} #modalActivateContainerMid {background:url(../images/bgActivateModalMid.png) repeat-y bottom; width:387px; /*449px; height:259px; padding:58px 0 58px 60px; position:relative; height:auto;} #modalActivateContainerBottom {background:url(../images/bgActivateModalBottom.png) no-repeat; height:22px;}*/ #modalActivateContainer h4 { text-transform:uppercase; font-size:14px; color:#fff; font-weight:normal; margin-bottom:6px; position:relative;} #modalActivateContainer h5 { text-transform:uppercase; font-size:12px; color:#ccc; font-weight:normal; margin-bottom:0px; position:relative;} #modalActivateContainer p { line-height:16px; /*letter-spacing:-0.1px; word-spacing:-1px;*/ /*width:340px;*/ position:relative;} #modalActivateContainer label { display:block;} #modalActivateContainer .modalFormContainer { margin:38px 0 0 65px;} #modalActivateContainerGrace h4 { text-transform:uppercase; font-size:14px; color:#fff; font-weight:normal; margin-bottom:6px; position:relative;} #modalActivateContainerGrace h5 { text-transform:uppercase; font-size:12px; color:#ccc; font-weight:normal; margin-bottom:0px; position:relative;} #modalActivateContainerGrace p { line-height:16px; /*letter-spacing:-0.1px; word-spacing:-1px;*/ /*width:340px;*/ position:relative;} #modalActivateContainerGrace label { display:block;} #modalActivateContainerGrace #modalFormContainer { margin:38px 0 0 65px;} #modalActivateContainerRenew h4 { text-transform:uppercase; font-size:14px; color:#fff; font-weight:normal; margin-bottom:6px; position:relative;} #modalActivateContainerRenew h5 { text-transform:uppercase; font-size:12px; color:#ccc; font-weight:normal; margin-bottom:0px; position:relative;} #modalActivateContainerRenew p { line-height:16px; /*letter-spacing:-0.1px; word-spacing:-1px;*/ /*width:340px;*/ position:relative;} #modalActivateContainerRenew label { display:block;} #modalActivateContainerRenew #modalFormContainer { margin:38px 0 0 65px;} #modalActivateContainer3 h4 { text-transform:uppercase; font-size:14px; color:#fff; font-weight:normal; margin-bottom:6px; position:relative;} #modalActivateContainer3 h5 { text-transform:uppercase; font-size:12px; color:#ccc; font-weight:normal; margin-bottom:0px; position:relative;} #modalActivateContainer3 p { line-height:16px; /*letter-spacing:-0.1px; word-spacing:-1px;*/ /*width:340px;*/ position:relative;} #modalActivateContainer3 label { display:block;} #modalActivateContainer3 .modalFormContainer { margin:38px 0 0 65px;} #modalFormContainer input.email { width:190px; margin-bottom:12px;} #modalFormContainer a.activateSubmitButton { background:url(../images/buttonModalActivateSubmit.png) no-repeat; width:96px; height:27px; padding-top:5px; text-transform:uppercase; color:#fff; text-align:center; border:none; outline:none; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; display:block; text-decoration:none;} #modalFormContainer a.activateSubmitButton:hover { background:url(../images/buttonModalActivateSubmitOver.png) no-repeat;} #modalActivateContainer #modalActivateCloseButton a { background:url(../images/modalActivateCloseButton.png) no-repeat; height:26px; width:26px; position:absolute; top:0px; right:0px; text-decoration:none; text-indent:-99999px; z-index:20;} #modalActivateContainer #modalActivateCloseButton a:hover { background:url(../images/modalActivateCloseButtonOver.png) no-repeat; z-index:20;} #modalActivateContainer #modalActivateCloseButton2 a { background:url(../images/modalActivateCloseButton.png) no-repeat; height:26px; width:26px; position:absolute; top:0px; right:0px; text-decoration:none; text-indent:-99999px; z-index:20;} #modalActivateContainer #modalActivateCloseButton2 a:hover { background:url(../images/modalActivateCloseButtonOver.png) no-repeat; z-index:20;} #modalActivateContainer #modalActivateCloseButton2 input { background:url(../images/modalActivateCloseButton.png) no-repeat; height:26px; width:26px; position:absolute; top:0px; right:0px; text-decoration:none; text-indent:-99999px; z-index:20;} #modalActivateContainer #modalActivateCloseButton2 { background:url(../images/modalActivateCloseButton.png) no-repeat; height:26px; width:26px; position:absolute; top:0px; right:0px; text-decoration:none; text-indent:-99999px; z-index:20; cursor:pointer;} /* BG */ #modalActivateContainer2 #modalActivateCloseButton3 a { background:url(../images/modalActivateCloseButton.png) no-repeat; height:26px; width:26px; position:absolute; top:0px; right:0px; text-decoration:none; text-indent:-99999px; z-index:20;} #modalActivateContainer2 #modalActivateCloseButton3 a:hover { background:url(../images/modalActivateCloseButtonOver.png) no-repeat; z-index:20;} #modalActivateContainer2 #modalActivateCloseButton3 input { background:url(../images/modalActivateCloseButton.png) no-repeat; height:26px; width:26px; position:absolute; top:0px; right:0px; text-decoration:none; text-indent:-99999px; z-index:20;} #modalActivateContainer2 #modalActivateCloseButton3 { background:url(../images/modalActivateCloseButton.png) no-repeat; height:26px; width:26px; position:absolute; top:0px; right:0px; text-decoration:none; text-indent:-99999px; z-index:20; cursor:pointer;} /* BG */ #modalActivateContainer2 #modalActivateCloseButton4 a { background:url(../images/modalActivateCloseButton.png) no-repeat; height:26px; width:26px; position:absolute; top:0px; right:0px; text-decoration:none; text-indent:-99999px; z-index:20;} #modalActivateContainer2 #modalActivateCloseButton4 a:hover { background:url(../images/modalActivateCloseButtonOver.png) no-repeat; z-index:20;} #modalActivateContainer2 #modalActivateCloseButton3 input { background:url(../images/modalActivateCloseButton.png) no-repeat; height:26px; width:26px; position:absolute; top:0px; right:0px; text-decoration:none; text-indent:-99999px; z-index:20;} #modalActivateContainer2 #modalActivateCloseButton3 { background:url(../images/modalActivateCloseButton.png) no-repeat; height:26px; width:26px; position:absolute; top:0px; right:0px; text-decoration:none; text-indent:-99999px; z-index:20; cursor:pointer;} /* BG */ #modalActivateContainer3 #modalActivateCloseButton5 a { background:url(../images/modalActivateCloseButton.png) no-repeat; height:26px; width:26px; position:absolute; top:0px; right:0px; text-decoration:none; text-indent:-99999px; z-index:20;} #modalActivateContainer3 #modalActivateCloseButton5 a:hover { background:url(../images/modalActivateCloseButtonOver.png) no-repeat; z-index:20;} #modalActivateContainer3 #modalActivateCloseButton5 input { background:url(../images/modalActivateCloseButton.png) no-repeat; height:26px; width:26px; position:absolute; top:0px; right:0px; text-decoration:none; text-indent:-99999px; z-index:20;} #modalActivateContainer3 #modalActivateCloseButton5 { background:url(../images/modalActivateCloseButton.png) no-repeat; height:26px; width:26px; position:absolute; top:0px; right:0px; text-decoration:none; text-indent:-99999px; z-index:20; cursor:pointer;} /* BG */ #modalActivateContainer3 #modalActivateCloseButton6 a { background:url(../images/modalActivateCloseButton.png) no-repeat; height:26px; width:26px; position:absolute; top:0px; right:0px; text-decoration:none; text-indent:-99999px; z-index:20;} #modalActivateContainer3 #modalActivateCloseButton6 a:hover { background:url(../images/modalActivateCloseButtonOver.png) no-repeat; z-index:20;} #modalActivateContainer3 #modalActivateCloseButton6 input { background:url(../images/modalActivateCloseButton.png) no-repeat; height:26px; width:26px; position:absolute; top:0px; right:0px; text-decoration:none; text-indent:-99999px; z-index:20;} #modalActivateContainer3 #modalActivateCloseButton6 { background:url(../images/modalActivateCloseButton.png) no-repeat; height:26px; width:26px; position:absolute; top:0px; right:0px; text-decoration:none; text-indent:-99999px; z-index:20; cursor:pointer;} /* BG */ #modalActivateContainer #modalActivateCloseButtonGrace a { background:url(../images/modalActivateCloseButton.png) no-repeat; height:26px; width:26px; position:absolute; top:0px; right:0px; text-decoration:none; text-indent:-99999px; z-index:20;} #modalActivateContainer #modalActivateCloseButtonGrace a:hover { background:url(../images/modalActivateCloseButtonOver.png) no-repeat; z-index:20;} #modalActivateContainer #modalActivateCloseButtonRenew a { background:url(../images/modalActivateCloseButton.png) no-repeat; height:26px; width:26px; position:absolute; top:0px; right:0px; text-decoration:none; text-indent:-99999px; z-index:20;} #modalActivateContainer #modalActivateCloseButtonRenew a:hover { background:url(../images/modalActivateCloseButtonOver.png) no-repeat; z-index:20;} /* css for memberships_forgotpass_1 */ #forgotPassContainer { width:680px; color:#999; padding:10px 0 32px 0px; margin-left:18px } #forgotPassContainer h2 { color:#fff; font-size:12px; text-transform:uppercase; letter-spacing:0.2px; margin-bottom:-13px;} #forgotPassContainer p { margin-left:0px; margin-top:15px; display:block; line-height:16px; font-weight:bold; letter-spacing:0.5px; } #forgotPassContainer label {display:block; margin-top:13px; margin-bottom:2px;} #forgotPassContainer input.email { width:200px; height:15px;} #forgotPassContainer button.continueButton { background:url(../images/buttonCustomerCare.png) no-repeat; width:77px; padding-right:2px; height:32px; text-align:center; border:none; font-size:12px; color:#fff; text-transform:uppercase; cursor:pointer; margin:0px; padding-bottom:4px; padding-top:2px; font-weight:normal; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif;} #forgotPassContainer button.continueButton:hover {background:url(../images/buttonCustomerCareOver.png) no-repeat;} #forgotPassContainer button.membershipHome { background:url(../images/buttonJoinVIP2.png) no-repeat; width:143px; padding-right:3px; height:38px; text-align:center; border:none; font-size:12px; color:#fff; text-transform:uppercase; cursor:pointer; margin:0px; padding-bottom:5px; padding-top:1px; font-weight:normal; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif;} #forgotPassContainer button.membershipHome:hover {background:url(../images/buttonJoinVIP2Over.png) no-repeat;} /* Member Sign In Page */ #memberSignInContainer { width:680px; color:#999; padding:13px 0 32px 0px; margin-left:18px; float:left;} #memberSignInContainer #memberSignInContainerInner { border-bottom:1px solid #34332e; padding-bottom:20px; margin-bottom:10px; float:left; width:680px;} #memberSignInContainer #memberSignInContainerInner h2 { color:#fff; font-size:14px; text-transform:uppercase; letter-spacing:0.2px; margin-bottom:-13px; font-weight:normal;} #memberSignInContainer #memberSignInContainerInner p { margin-left:0px; display:block; line-height:16px; font-weight:normal; letter-spacing:0.5px; } #memberSignInContainer #memberSignInContainerInner a { text-decoration:none; } #memberSignInContainer #memberSignInContainerInner label {display:block;} #memberSignInContainer #memberSignInContainerInner input.email { width:200px; height:15px;} #memberSignInContainerInnerLeftColumn {float:left; width:220px; background:url(../images/member_signin_divider.png) no-repeat right top; padding-right:45px} #memberSignInContainerInnerRightColumn { padding-left:40px; width:250px; float:left; padding-top:25px;} #memberSignInContainer button.signin {display:block; background:url(../images/buttonMyAccount.png) no-repeat; text-decoration:none !important; color:#fff; width:133px; padding-right:2px; height:35px; text-align:center; font-size:16px; text-transform:uppercase; font-weight:normal; padding-top:5px; border:none; margin-top:5px; cursor:pointer; font-weight:normal; padding-bottom:6px;} #memberSignInContainer button.signin:hover {background:url(../images/buttonMyAccountOver.png) no-repeat;} #memberSignInContainer input.loginForm { width:215px; height:16px; border:none;} #requestPointCreditContainer { width:680px; color:#999; padding:15px 0 32px 0px; margin-left:18px } #requestPointCreditContainer #requestPointCreditLeftColumn { float:left; width:350px; margin-top:30px;} #requestPointCreditContainer #requestPointCreditLeftColumn label { display:block;} #requestPointCreditContainer #requestPointCreditLeftColumn button.requestCredit { background:url(../images/buttonRequestcredit.png) no-repeat; width:129px; padding:5px 0 7px 0; border:none; color:#fff; display:block; text-transform:uppercase; font-size:12px; cursor:pointer;} #requestPointCreditContainer #requestPointCreditLeftColumn button.requestCredit:hover { background:url(../images/buttonRequestcreditOver.png) no-repeat;} #requestPointCreditContainer #requestPointCreditLeftColumn h2 { color:#fff; font-size:14px; text-transform:uppercase; letter-spacing:0.2px; font-weight:normal;} #requestPointCreditContainer #requestPointCreditLeftColumn #errorContainer { color:#a30004; background:#ffffcf; border:1px solid #a30004; width:295px; padding:3px 10px 2px 10px; font-weight:bold; font-size:12px; line-height:15px;} #requestPointCreditContainer #requestPointCreditLeftColumn #errorContainerRenew { color:#a30004; background:#ffffcf; border:1px solid #a30004; width:295px; padding:3px 10px 2px 10px; font-weight:bold; font-size:12px; line-height:15px;} #requestPointCreditContainer #requestPointCreditLeftColumn #errorContainerGrace { color:#a30004; background:#ffffcf; border:1px solid #a30004; width:295px; padding:3px 10px 2px 10px; font-weight:bold; font-size:12px; line-height:15px;} #requestPointCreditContainer #requestPointCreditLeftColumn input.loginForm { width:215px; height:17px;} #requestPointCreditContainer #requestPointCreditRightColumn { background:url(../images/bgRequestCreditReceipts.png) no-repeat; width:302px; height:269px; float:left; padding:25px 0 0px 20px; margin-top:30px; color:#ccc;} .requestMemberRewardsContainer { width:680px; color:#999; padding:15px 0 15px 0px; margin-left:18px;} .requestMemberRewardsContainer h2 { color:#fff; font-size:14px; text-transform:uppercase; letter-spacing:0.2px; font-weight:normal;} .requestMemberRewardsContainer p { padding: 5px 0 0 0; } #rewardsSummaryContainer { width:717px; float:left; height:auto;} #rewardsSummaryContainer ul { list-style:none;} #rewardsSummaryContainer li { background:url(../images/bgRewardsSummaryTable.png) no-repeat; width:717px; height:64px; float:left; border:none;} #rewardsSummaryContainer li:hover { background:url(../images/bgRewardsSummaryTableOver.png) no-repeat; } #rewardsSummaryContainer li .rewardsColumn1 { display:block; float:left; width:250px; padding-left:20px; padding-top:12px;} #rewardsSummaryContainer li .rewardsColumn1 img { margin-right:10px; float:left;} #rewardsSummaryContainer li .rewardsColumn2 { display:block; float:left; width:213px; padding-left:20px; padding-top:22px; color:#ccc; font-size:11px;} #rewardsSummaryContainer li .rewardsColumn3 { display:block; float:left; width:180px; font-size:10px; color:#deb23b; padding-left:28px; padding-top:18px;} .requestMemberRewardsContainer #myRewardsTableHead { width:665px; color:#fff; padding:5px 0px 5px 20px; background:#272727; margin-top:2px; height:20px; text-transform:uppercase; font-size:11px;} .requestMemberRewardsContainer #myRewardsTableHead select { height:18px; width:150px; margin-left:5px; font-size:11px; text-transform:uppercase;} #myRewardsTableResultsContainer { padding:10px 0px 2px 20px; width:665px; float:left;} #myRewardsTableResultsContainerCol1 { float:left; width:125px;} #myRewardsTableResultsContainerCol2 { float:left; width:362px;} #myRewardsTableResultsContainerCol3 { float:left; width:115px;} #myRewardsTableResultsContainerCol4 { float:left; width:40px;} #myRewardsTableResultsContainerColInner1 { float:left; width:125px; padding-top:2px;} #myRewardsTableResultsContainerColInner2 { float:left; width:362px;} #myRewardsTableResultsContainerColInner3 { float:left; width:115px; padding-top:4px;} #myRewardsTableResultsContainerColInner4 { float:left; width:40px;} #myRewardsResultsContainer { padding:9px 0 10px 0; width:685px; float:left; border-top:1px solid #333; border-bottom:1px solid #333; margin-bottom:10px;} #myRewardsResultsContainer ul { list-style:none; float:left;} #myRewardsResultsContainer ul li { float:left; height:35px; width:665px; padding:9px 0px 0px 20px; color:#fff;} #myRewardsResultsContainer ul li.on { background:#1b1a16;} #myRewardsResultsContainer ul li.off { background:none; height:36px;} #myRewardsResultsContainer ul li.expired { color:#666;} /* CSS for tooltip */ /* global */ div.ui-cluetip { font-size: 1em;} .ui-cluetip-header, .ui-cluetip-content {padding: 12px;} .cluetip-close {position:absolute; right:3px; border:0; top:-2px; font-size:11px; } .cluetip-close a { text-decoration:none; color:#696969;} .cluetip-close a:hover { color:#000;} .cluetip-close img { border: 0; right:0px; position:absolute; top:5px;} #cluetip-waitimage { width: 43px; height: 11px; position: absolute; background-image: url(images/wait.gif);} .cluetip-arrows { display: none; position: absolute; top: 0; width: 8px; height: 16px; background-repeat: no-repeat; background-position: 0 0; border-width: 0;} .cluetip-extra { display: none;} .cluetip-jtip { background: url(../images/bgTooltip.png) no-repeat; -moz-box-shadow: 0px 1px 6px 1px #000; -webkit-box-shadow: 0px 1px 6px 1px #000; box-shadow: 0px 1px 6px 1px #000; /* background-color: #c8c8c8; background-image: -webkit-gradient(linear, left top, left bottom, from(#c8c8c8), to(#999696)); /* Saf4+, Chrome */ /* background-image: -webkit-linear-gradient(top, #c8c8c8, #999696); /* Chrome 10+, Saf5.1+, iOS 5+ */ /* background-image: -moz-linear-gradient(top, #c8c8c8, #999696); /* FF3.6+ */ /* background-image: -o-linear-gradient(top, #c8c8c8, #999696); /* Opera 11.10+ */ /* background-image: linear-gradient(to bottom, #c8c8c8, #999696); filter: progid:DXImageTransform.Microsoft.Matrix(/* IE6–IE9 */ /* M11=0.9999025240093042, M12=-0.013962180339145272, M21=0.013962180339145272, M22=0.9999025240093042,SizingMethod='auto expand');*/ } .cluetip-jtip .cluetip-outer { position: relative; overflow:hidden !important;} .cluetip-jtip .cluetip-inner { padding: 5px; display: inline-block;} /* jtip arrows */ div.cluetip-jtip .cluetip-arrows { border-width: 0; background: transparent none;} div.clue-right-jtip .cluetip-arrows { background-image: url(../images/tooltipArrowLeft.png); left:-8px; top:50% !important;} div.clue-left-jtip .cluetip-arrows { background-image: url(../images/tooltipArrowRight.png); left: 247px; top:30px !important; margin-right: 0px;} div.clue-top-jtip .cluetip-arrows { background-image: url(../images/tooltipArrowDown.png); top: 100%; left: 50%; width: 16px; height: 8px; margin-left: 0px;} div.clue-bottom-jtip .cluetip-arrows { background-image: url(../images/tooltipArrowTop.png); top: -8px; left: 50%; width: 16px; height: 8px; margin-left: -11px;} .rewardsTooltip { color:#000;} .rewardsTooltip { padding:10px;} .rewardsTooltip div.heading { font-size:12px !important; font-weight: bold; text-transform:uppercase; color:#000; line-height:18px;} .rewardsTooltip p { font-size:11px !important; line-height:18px;} .rewardsTooltip a { color:#000; text-decoration:underline; font-weight:bold;} .rewardsTooltip a:hover { color:#666;} .rewardsTooltip .tCode { font-weight:bold; color:#000;} .rewardsTooltip button.removeVisit { background:url(../images/buttonRemoveVisit.png) no-repeat; width:99px; height:23px; text-align:center; border:none; font-size:10px; color:#fff; text-transform:uppercase; cursor:pointer; margin:0px; padding-bottom:4px; padding-top:1px; font-weight:normal; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif;} .rewardsTooltip button.removeVisit:hover {background:url(../images/buttonRemoveVisitOver.png) no-repeat;} .rewardsTooltip button.editVisit { background:url(../images/buttonRemoveVisit.png) no-repeat; width:99px; height:23px; text-align:center; border:none; font-size:10px; color:#fff; text-transform:uppercase; cursor:pointer; margin:0px; padding-bottom:4px; padding-top:1px; font-weight:normal; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif;} .rewardsTooltip button.editVisit:hover {background:url(../images/buttonRemoveVisitOver.png) no-repeat;} .rewardsTooltip button.addLocation { background:url(../images/buttonAddLocation.jpg) no-repeat; width:120px; height:23px; text-align:center; border:none; font-size:10px; color:#fff; text-transform:uppercase; cursor:pointer; margin:0px; padding-bottom:4px; padding-top:1px; font-weight:normal; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif;} .rewardsTooltip button.addLocation:hover {background:url(../images/buttonAddLocationOver.jpg) no-repeat;} .rewardsTooltip button.saveEditLocation { background:url(../images/buttonRemoveVisit.png) no-repeat; width:99px; height:23px; text-align:center; border:none; font-size:10px; color:#fff; text-transform:uppercase; cursor:pointer; margin:0px; padding-bottom:4px; padding-top:1px; font-weight:normal; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif;} .rewardsTooltip button.saveEditLocation:hover {background:url(../images/buttonRemoveVisitOver.png) no-repeat;} .rewardsTooltip button.cancelLocation { background:url(../images/buttonRemoveVisit.png) no-repeat; width:99px; height:23px; text-align:center; border:none; font-size:10px; color:#fff; text-transform:uppercase; cursor:pointer; margin:0px; padding-bottom:4px; padding-top:1px; font-weight:normal; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif;} .rewardsTooltip button.cancelLocation:hover {background:url(../images/buttonRemoveVisitOver.png) no-repeat;} .rewardsTooltip select.month { width:100px; font-size:11px; padding:1px;} .rewardsTooltip select.year { width:70px; font-size:11px; padding:1px;} /* ============ */ /* end CSS for tooltip */ /* css for my transactions page */ #myTransactionsContainer { width:682px; color:#999; padding:15px 0 15px 0px; margin-left:18px;} #totalPointsContainer { background:url(../images/bgTransactionsTotalPointsContainer.png) no-repeat; width:658px; height:85px; color:#ccc; padding:14px; font-size:12px; margin-top:12px;} #totalPointsContainer #pointsDetailBox {border-top:1px solid #63481b; margin:1px 0; padding:5px 0;} #totalPointsContainer #pointsDetailBox p { float:left; margin-top:2px;} .pointsHistoryContainer { width:682px; color:#999; padding:1px 0 15px 0px; margin-left:18px; float:left;} .pointsHistoryContainer h2 { color:#fff; font-size:14px; text-transform:uppercase; letter-spacing:0.2px; font-weight:normal; } .pointsHistoryContainer .pointsTableHead { width:662px; color:#fff; padding:7px 0px 5px 20px; background:#272727; margin-top:5px; height:20px; text-transform:uppercase; font-size:11px;} .pointsHistoryContainer .pointsTableHead select { height:18px; width:150px; margin-left:5px; font-size:11px; text-transform:uppercase;} #pointsFirstRow { padding:9px 0px 2px 20px; width:665px; float:left;} #pointsFirstRowCol1 { float:left; width:98px;} #pointsFirstRowCol2 { float:left; width:70px;} #pointsFirstRowCol3 { float:left; width:230px;} #pointsFirstRowCol4 { float:left; width:80px;} #pointsFirstRowCol5 { float:left; width:75px;} #pointsFirstRowCol6 { float:left; width:80px;} #pointsDataWrapper { border-top:1px solid #2a2926; border-bottom:1px solid #2a2926; float:left; padding:3px 0; margin-bottom:4px;} #pointsDataContainer { height:140px; width:682px; overflow:auto; position:relative; padding:0px 0 10px 0; float:left; } #pointsDataContainer ul { list-style:none; float:left;} #pointsDataContainer ul li { float:left; height:27px; width:640px; padding:3px 0px 0px 20px; color:#ccc;} #pointsDataContainer ul li.on { background:#272727;} #pointsDataContainer ul li.off { background:none;} #pointsDataContainer ul li.expired { color:#666;} #pointsFirstRowColInner1 { float:left; width:98px; padding-top:3px; text-transform:uppercase;} #pointsFirstRowColInner2 { float:left; width:70px;} #pointsFirstRowColInner3 { float:left; width:230px; padding-top:3px;} #pointsFirstRowColInner4 { float:left; width:80px; padding-top:3px;} #pointsFirstRowColInner5 { float:left; width:75px; padding-top:3px;} #pointsFirstRowColInner6 { float:left; width:80px; padding-top:3px; text-transform:uppercase;} #hotelFirstRow {padding:6px 0px 2px 20px; width:665px; float:left;} #hotelFirstRowCol1 { float:left; width:98px;} #hotelFirstRowCol2 { float:left; width:500px;} #hotelDataWrapper { border-top:1px solid #2a2926; border-bottom:1px solid #2a2926; float:left; padding:3px 0; margin-bottom:4px;} #hotelDataContainer { height:135px; width:682px; overflow:auto; position:relative; padding:0px 0 10px 0; float:left; } #hotelDataContainer ul { list-style:none; float:left;} #hotelDataContainer ul li { float:left; height:23px; width:640px; padding:6px 0px 0px 20px; color:#ccc;} #hotelDataContainer ul li.on { background:#272727;} #hotelDataContainer ul li.off { background:none;} #hotelDataContainer ul li.expired { color:#666;} #hotelFirstRowColInner1 { float:left; width:98px;} #hotelFirstRowColInner2 { float:left; width:500px;} /* end css for my transactions page */ /* css for my profile address book */ #rewardsTwoColumnRightAddressBook { float:left; margin-left:17px; width:743px; position:relative; background:url(../images/bgContent.png) no-repeat bottom; } #addressBookContainer { width:690px; color:#999; padding:13px 0 0px 18px; float:left; margin-top:20px;} #addressBookContainer h2 { color:#fff; font-size:14px; text-transform:uppercase; letter-spacing:0.2px; font-weight:normal; } #addressBookContainer p { Padding: 5px 0 0 0; } #addressBookContainer #addressBookData { width:685px; float:left;} #addressBookContainer2 { width:690px; color:#999; padding:13px 0 0px 18px; float:left; margin-top:20px;} #addressBookContainer2 h2 { color:#fff; font-size:14px; text-transform:uppercase; letter-spacing:0.2px; font-weight:normal; } #addressBookContainer2 p { Padding: 5px 0 0 0; } #addressBookContainer2 #addressBookData { width:685px; float:left;} #addressBookData .data { float:left; width:217px; margin-right:10px; margin-bottom:25px;} #addressBookData .data h2 { color:#fff; font-size:12px; text-transform:uppercase; letter-spacing:0.2px; font-weight:normal;margin-bottom:9px; } #addressBookData .data p { line-height:16px;} button.addressBookEditButton { background:url(../images/buttonApply.png) no-repeat; width:55px; padding-right:2px; height:24px; text-align:center; border:none; font-size:10px; color:#fff; text-transform:uppercase; cursor:pointer; padding-bottom:7px; padding-top:2px; font-weight:normal; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif;} button.addressBookEditButton:hover { background:url(../images/buttonApplyOver.png) no-repeat;} button.addressBookDeleteButton { background:url(../images/buttonApply.png) no-repeat; width:55px; padding-right:2px; height:24px; text-align:center; border:none; font-size:10px; color:#fff; text-transform:uppercase; cursor:pointer; padding-bottom:7px; padding-top:2px; font-weight:normal; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif;} button.addressBookDeleteButton:hover { background:url(../images/buttonApplyOver.png) no-repeat; } .rightSpacing { margin-right:5px;} #addressBookData .dataEmpty { float:left; width:130px; height:120px; border:2px dashed #666; padding:62px 20px 0; text-align:center; text-transform:uppercase; display:block; } #addressBookData .dataEmpty:hover { border:2px dashed #d8a520; color:#d8a520; cursor:pointer;} /* end css for profile address book page */ /* css for address book add page */ #addressBookAddContainer { width:680px; color:#999; padding:10px 0 32px 0px; margin-left:18px; float:left;} #addressBookAddContainer h2 { color:#fff; font-size:12px; text-transform:uppercase; letter-spacing:0.2px; } #addressBookAddContainer p { margin-left:0px; line-height:16px; font-weight:bold; letter-spacing:0.5px; } #addressBookAddContainer #addAddressForm { width:680px; margin-top:17px;} #addressBookAddContainer #addAddressForm label {display:block; margin-bottom:1px; } #addressBookAddContainer #addAddressForm input.form { width:192px; font-size:11px; color:#666;} #addressBookAddContainer label {display:block; margin-bottom:1px; } #addressBookAddContainer input.form { width:192px; font-size:11px; color:#666;} #addressBookAddContainer #addAddressForm select.form { width:195px; font-size:11px; color:#666;} #addressBookAddContainer #addAddressForm input.formSmall { width:100px; font-size:11px; color:#666;} #addressBookAddContainer #addAddressForm select.formSmall { width:86px; font-size:11px; color:#666;} #addressBookAddContainer #addAddressForm #left { float:left; width:208px;} #addressBookAddContainer #addAddressForm #right { float:left; width:208px;} #addressBookAddContainer #addAddressForm #right .address2 { margin-top:39px;} button.createAddress { background:url(../images/button_createAddress.png) no-repeat; width:105px; padding-right:2px; height:25px; text-align:center; border:none; font-size:12px; font-weight:normal; color:#fff; text-transform:uppercase; cursor:pointer; margin:0px; padding-bottom:4px; padding-top:1px; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif;} button.createAddress:hover {background:url(../images/button_CreateAddressOver.png) no-repeat;} button.editAddress { background:url(../images/button_addressbookadd_edit.png) no-repeat; width:54px; padding-right:2px; height:25px; text-align:center; border:none; font-size:10px; color:#fff; text-transform:uppercase; cursor:pointer; margin:0px; padding-bottom:4px; padding-top:1px; font-weight:normal; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif;} button.editAddress:hover {background:url(../images/button_addressbookadd_editOver.png) no-repeat;} /* end css for address book add page */ /* address book change email page */ #changeEmailContainer { width:680px; color:#999; padding:10px 0 0px 0px; margin-left:18px; float:left;} #changeEmailContainer p { margin-left:0px; line-height:16px; font-weight:bold; letter-spacing:0.5px; } #changeEmailContainer #changeEmailForm { width:680px; margin-top:23px;} #changeEmailContainer #changeEmailForm #left { float:left; width:335px;} #changeEmailContainer #changeEmailForm #left input.form { width:192px; font-size:11px; color:#666; height:15px;} #changeEmailContainer #changeEmailForm #left input.formdisabled { width:192px; font-size:11px; color:#666; height:15px;} #changeEmailContainer #changeEmailForm #left label {display:block; margin-bottom:1px; } #changeEmailContainer #changeEmailForm #left h2 { float:left; color:#fff; font-size:12px; text-transform:uppercase; letter-spacing:0.2px; } #changeEmailContainer #changeEmailForm #right { float:left; width:200px; border-left:1px solid #34332e; padding-left:20px;} #changeEmailContainer #changeEmailForm #right input.form { width:192px; font-size:11px; color:#666; height:15px;} #changeEmailContainer #changeEmailForm #right input.formdisabled { width:192px; font-size:11px; color:#666; height:15px;} #changeEmailContainer #changeEmailForm #right label {display:block; margin-bottom:1px; } #changeEmailContainer #changeEmailForm #right h2 { float:left; color:#fff; font-size:12px; text-transform:uppercase; letter-spacing:0.2px;} #changeEmailButtonContainer {border-top:1px solid #34332e; height:40px; width:195px; margin-top:25px; padding-top:18px; } #changeEmailButtonContainer2 {border-top:1px solid #34332e; height:40px; width:195px; margin-top:25px; padding-top:18px; } #changeEmailButtonContainer3 {border-top:1px solid #34332e; height:40px; width:195px; margin-top:25px; padding-top:18px; } #changeEmailButtonContainer4 {border-top:1px solid #34332e; height:40px; width:195px; margin-top:25px; padding-top:18px; } button.changeEmail { background:url(../images/buttonChangeEmailAddress.png) no-repeat; width:139px; padding-right:3px; height:34px; text-align:center; border:none; font-size:12px; color:#fff; text-transform:uppercase; cursor:pointer; margin:0px; padding-bottom:7px; padding-top:1px; font-weight:bold; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif;} button.changeEmail:hover {background:url(../images/buttonChangeEmailAddressOver.png) no-repeat;} /* end address book change email page */ /* css communication page */ #profileCommunicationContainer { width:680px; color:#999; padding:10px 0 22px 0px; margin-left:18px; float:left;} #profileCommunicationContainer p { margin-left:0px; line-height:16px; font-weight:normal; letter-spacing:0.5px; } #profileCommunicationContainer #communicationLocationsContainer { background:url(../images/bgCommunicationLocations.png) no-repeat; width:659px; height:212px; color:#ccc; margin-top:9px; padding:8px 0 0 20px; } #communicationLocationsContainer select { width:260px; height:146px; margin-top:2px; padding-top:4px; color:#666; font-size:11px; padding:4px;} #communicationLocationsContainer select option { height:15px;} #communicationLocationsContainer select [selected] { background:#ccc; color:#666;} button.addToList { background:url(../images/buttonAddToList.png) no-repeat; width:96px; padding-right:4px; height:27px; text-align:center; border:none; font-size:10px; color:#fff; text-transform:uppercase; cursor:pointer; margin:0px; padding-bottom:4px; padding-top:1px; font-weight:bold; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif;} button.addToList:hover {background:url(../images/buttonAddToListOver.png) no-repeat;} button.saveChanges { background:url(../images/buttonSaveChanges.png) no-repeat; width:128px; padding-right:4px; height:34px; text-align:center; border:none; font-size:12px; color:#fff; text-transform:uppercase; cursor:pointer; margin:0px; padding-bottom:7px; padding-top:1px; font-weight:normal; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif;} button.saveChanges:hover {background:url(../images/buttonSaveChangesOver.png) no-repeat;} #profileCommunicationContainer .radioButton { margin-right:3px;} /* end css communications page */ /* profile dashboard page */ #profileDashboard { width:720px; color:#999; padding:0px 0 22px 0px; float:left;} #profileDashboard p { margin-left:0px; line-height:16px; font-weight:normal; letter-spacing:0.5px; } #profileDashboard .profileBlock { /*background:url(../images/bgProfileDashboardContent.png) no-repeat;*/ width:330px; height:240px; float:left; padding:9px 12px 2px 18px; color:#999;} #profileDashboard .profileBlock h2 { color:#fff; font-size:12px; text-transform:uppercase; letter-spacing:0.2px; font-weight:normal; float:left; width:180px; } #profileDashboard .profileBlock p {letter-spacing:0px; line-height:20px;} .profileAddressBookBlock p { line-height:14px !important;} #profileDashboard .profileBlock img.complete { float:right;} button.personalInfo { background:url(../images/button_personalInformation.png) no-repeat; width:168px; padding-right:4px; height:33px; text-align:center; border:none; font-size:12px; color:#fff; text-transform:uppercase; cursor:pointer; margin:0px; padding-bottom:7px; padding-top:1px; font-weight:normal; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif; float:left;} button.personalInfo:hover {background:url(../images/button_personalInformationOver.png) no-repeat;} button.rewardsHome { background:url(../images/buttonSaveChanges.png) no-repeat; width:128px; padding-right:4px; height:34px; text-align:center; border:none; font-size:12px; color:#fff; text-transform:uppercase; cursor:pointer; margin:0px; padding-bottom:7px; padding-top:1px; font-weight:normal; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif; float:left;} button.rewardsHome:hover {background:url(../images/buttonSaveChangesOver.png) no-repeat;} /* end profile dashboard page */ /* profile personal page */ #profilePersonalContainer { width:680px; color:#999; padding:0px 0 22px 0px; margin-left:18px; float:left; position:relative;} #profilePersonalContainer p { margin-left:0px; line-height:16px; font-weight:normal; letter-spacing:0.2px; } #profilePersonalContainer #personalBlock1 { float:left; display:block; padding:0px 0; border-bottom:1px solid #34332e; width:410px;} #profilePersonalContainer #personalBlock1 h2 { color:#fff; font-size:12px; text-transform:uppercase; letter-spacing:0.2px; font-weight:normal; } #profilePersonalContainer #personalBlock2 { float:left; display:block; padding:0px 0; border-bottom:1px solid #34332e; width:410px;} #profilePersonalContainer #personalBlock2 h2 { color:#fff; font-size:12px; text-transform:uppercase; letter-spacing:0.2px; font-weight:normal; } #profilePersonalContainer #personalBlock3 { float:left; display:block; padding:0px 0; border-bottom:1px solid #34332e; width:410px;} #profilePersonalContainer #personalBlock3 h2 { color:#fff; font-size:12px; text-transform:uppercase; letter-spacing:0.2px; font-weight:normal; } #profilePersonalContainer #personalBlock4 { float:left; display:block; padding:0px 0; border-bottom:1px solid #34332e; width:410px;} #profilePersonalContainer #personalBlock4 h2 { color:#fff; font-size:12px; text-transform:uppercase; letter-spacing:0.2px; font-weight:normal; } #profilePersonalContainer #primaryAddressBlock { float:left; display:block; width:410px; border-bottom:none; padding-top:18px; padding-bottom:0px;} #profilePersonalContainer #primaryAddressBlock h2 { color:#fff; font-size:12px; text-transform:uppercase; letter-spacing:0.2px; font-weight:normal; } #profilePersonalContainer #primaryAddressBlock #personalRight1 {padding-top:80px;} #profilePersonalContainer #primaryAddressBlock #personalRight2 {padding-top:80px;} #profilePersonalContainer #primaryAddressBlock #personalRight3 {padding-top:80px;} #profilePersonalContainer #primaryAddressBlock #personalRight4 {padding-top:80px;} #profilePersonalContainer #primaryAddressBlock2 { float:left; display:block; width:410px; border-bottom:none; padding-top:18px; padding-bottom:0px;} #profilePersonalContainer #primaryAddressBlock2 h2 { color:#fff; font-size:12px; text-transform:uppercase; letter-spacing:0.2px; font-weight:normal; } #profilePersonalContainer #primaryAddressBlock2 #personalRight1 {padding-top:80px;} #profilePersonalContainer #primaryAddressBlock2 #personalRight2 {padding-top:80px;} #profilePersonalContainer #primaryAddressBlock2 #personalRight3 {padding-top:80px;} #profilePersonalContainer #primaryAddressBlock2 #personalRight4 {padding-top:80px;} .personalLeft {float:left; width:210px; font-size:11px;} .personalLeft .title { margin-top:8px;} .personalRight {float:left; width:200px; font-size:11px;} .personalLeft label { display:block;} .personalLeft select.communicationForm { width:194px; } .personalLeft input.communicationForm { width:190px; } .personalLeft input.communicationFormSmall { width:75px;} .personalRight label { display:block;} .personalRight select.communicationForm { width:194px; } .personalRight input.communicationForm { width:190px; } .personalRight input.communicationFormSmall { width:75px; } .personalLeft select, .personalRight select { height:14px !important; font-size:10px; color:#333;} .personalLeft input, .personalRight input { height:11px !important; font-size:10px; color:#333;} .personalRight p { letter-spacing:-0.2px;} button.changePassword { background:url(../images/button_changePassword.png) no-repeat; width:123px; height:28px; text-align:center; border:none; font-size:10px; color:#fff; text-transform:uppercase; cursor:pointer; margin:0px; padding-bottom:7px; padding-top:1px; padding-right:3px; font-weight:bold; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif;} button.changePassword:hover {background:url(../images/button_changePasswordOver.png) no-repeat;} #avatarBlock {position:absolute; left:422px; top:36px; width:258px; height:445px; background:url(../images/bgAvatarBlock.png) no-repeat; color:#ccc; font-size:12px; } #avatarBlock h2 { color:#fff; font-size:14px; text-transform:uppercase; letter-spacing:0.2px; font-weight:normal; } #avatarBlock p { margin-left:0px; line-height:16px; font-weight:normal; letter-spacing:0.2px; } button.browse { background:url(../images/buttonBrowse.png) no-repeat; width:78px; padding-right:3px; height:28px; text-align:center; border:none; font-size:12px; color:#fff; text-transform:uppercase; cursor:pointer; margin:0px; padding-bottom:7px; padding-top:1px; font-weight:bold; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif;} button.browse:hover {background:url(../images/buttonBrowseOver.png) no-repeat;} /* end profile personal page */ /* profile preference page */ #profilePreferencesContainer { width:680px; color:#999; padding:0px 0 22px 0px; float:left; font-size:12px !important;} #profilePreferencesContainer #favMusicBlock { /*background:url(../images/bgFavoriteMusic.png) no-repeat bottom;*/ float:left; width:724px; height:174px; padding-left:18px; padding-top:14px;} #profilePreferencesContainer #favMusicBlock span.heading { color:#fff; font-size:12px; text-transform:uppercase; letter-spacing:0.2px; font-weight:normal;} #profilePreferencesContainer #favMusicBlock span.choices { width:173px; float:left;} #profilePreferencesContainer #favMusicBlock p.choices { margin-left:10px; margin-top:9px; line-height:27px; font-weight:normal; letter-spacing:-0.2px; } #profilePreferencesContainer #favMusicBlock p { margin-left:0px; line-height:6px; font-weight:normal; letter-spacing:-0.2px; } #profilePreferencesContainer #favMusicBlock input { margin-right:5px; padding-bottom:2px; vertical-align:middle;} #profilePreferencesContainer #rockShopMerchandiseContainer { /*background:url(../images/bgRockShopMerchandise.png) no-repeat bottom;*/ float:left; width:723px; height:158px; padding-left:18px; padding-top:16px;} #profilePreferencesContainer #rockShopMerchandiseContainer span.heading { color:#fff; font-size:12px; text-transform:uppercase; letter-spacing:0.2px; font-weight:normal;} #profilePreferencesContainer #rockShopMerchandiseContainer span.choices { width:173px; float:left;} #profilePreferencesContainer #rockShopMerchandiseContainer p.choices { margin-left:10px; margin-top:9px; line-height:26px; font-weight:normal; letter-spacing:-0.2px; } #profilePreferencesContainer #rockShopMerchandiseContainer p { margin-left:0px; line-height:7px; font-weight:normal; letter-spacing:-0.2px; } #profilePreferencesContainer #rockShopMerchandiseContainer input { margin-right:5px; padding-bottom:2px; vertical-align:middle;} #profilePreferencesContainer #favFoodsContainer { /*background:url(../images/bgRockShopMerchandise.png) no-repeat bottom;*/ float:left; width:723px; height:129px; padding-left:18px; padding-top:24px;} #profilePreferencesContainer #favFoodsContainer span.heading { color:#fff; font-size:12px; text-transform:uppercase; letter-spacing:0.2px; font-weight:normal;} #profilePreferencesContainer #favFoodsContainer span.choices { width:173px; float:left;} #profilePreferencesContainer #favFoodsContainer p.choices { margin-left:10px; margin-top:10px; line-height:26px; font-weight:normal; letter-spacing:-0.2px; } #profilePreferencesContainer #favFoodsContainer p { margin-left:0px; line-height:8px; font-weight:normal; letter-spacing:-0.2px; } #profilePreferencesContainer #favFoodsContainer input { margin-right:5px; padding-bottom:2px; vertical-align:middle;} #profilePreferencesContainer #roomPreferenceContainer { /*background:url(../images/bgRoomPreference.png) no-repeat bottom;*/ float:left; width:722px; height:363px; padding-left:18px; padding-top:20px;} #profilePreferencesContainer #roomPreferenceContainer span.heading { color:#fff; font-size:12px; text-transform:uppercase; letter-spacing:0.2px; font-weight:normal;} #profilePreferencesContainer #roomPreferenceContainer span.choices { width:173px; float:left;} #profilePreferencesContainer #roomPreferenceContainer p.choices { margin-left:10px; margin-top:15px; line-height:27px; font-weight:normal; letter-spacing:-0.2px; } #profilePreferencesContainer #roomPreferenceContainer p { margin-left:0px; line-height:10px; font-weight:normal; letter-spacing:-0.2px; } #profilePreferencesContainer #roomPreferenceContainer p.subChoices { margin-left:25px; margin-top:3px; line-height:27px; font-weight:normal; letter-spacing:-0.2px; padding-left:30px; float:left; } #profilePreferencesContainer #roomPreferenceContainer span.subChoices { width:198px; float:left;} #profilePreferencesContainer #roomPreferenceContainer input { margin-right:5px; padding-bottom:2px; vertical-align:middle;} #profilePreferencesContainer #roomPreferenceContainer button.saveChanges { background:url(../images/buttonSaveChanges.png) no-repeat; width:132px; height:34px; text-align:center; border:none; font-size:12px; color:#fff; text-transform:uppercase; cursor:pointer; margin:0px; padding-bottom:4px; padding-top:1px; font-weight:bold; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif;} #profilePreferencesContainer #roomPreferenceContainer button.saveChanges:hover {background:url(../images/buttonSaveChangesOver.png) no-repeat;} /* end profile preferences page */ /* rewards members offers page */ .currentOffersContainer { width:680px; color:#999; padding:0px 2px 16px 18px; float:left; } .currentOffersContainer h2 { color:#fff; font-size:14px; text-transform:uppercase; letter-spacing:0.2px; margin-bottom:0px; font-weight:normal;} .currentOffersContainer .offersheadline3 { color:#fff; font-size:12px; text-transform:uppercase; letter-spacing:0.2px; margin-bottom:0px; font-weight:normal;} .currentOffersContainer .offersheadline4 { color:#ccc; font-size:12px; text-transform:uppercase; letter-spacing:0.2px; margin-bottom:0px; font-weight:normal;} .currentOffersContainer p { margin-left:0px; margin-top:5px; display:block; line-height:16px; font-weight:bold; letter-spacing:-0.2px; } .offersBlock h2 { color:#fff; font-size:14px; text-transform:uppercase; letter-spacing:0.2px; margin-bottom:0px; font-weight:normal;} .offersBlock h3 { color:#fff; font-size:12px; text-transform:uppercase; letter-spacing:0.2px; margin-bottom:0px; font-weight:normal;} .offersBlock {} .offersBlock .OfferHeadingContainer { background:#1f1d19; width:660px; padding:6px 0px 4px 20px; margin:13px 0 3px 0; float:left;} .offersBlock .OfferHeadingContainer #OffersContainer h3 { color:#fff; font-size:12px; text-transform:uppercase; letter-spacing:0.2px; margin-bottom:0px; font-weight:normal;} .offersBlock .offerContentBlock { width:680px; float:left; margin:10px 0 0 0; border-bottom:1px solid #333; padding-bottom:12px;} .offersBlock .offerContentBlock span.image { float:left; width:180px; text-align:right;} .offersBlock .offerContentBlock span.leftContent { float:left; width:500px;} .offersBlock .offerContentBlock span.leftContent a { text-decoration:none;} .offerSearchHead {background:#272727; width:664px; padding:13px 20px 16px 20px; margin:30px 0 0 0; float:left; font-size:11px;} .offerSearchHead select { height:20px; font-size:11px; color:#333; font-weight:bold;} .offerSearchResultContainer {float:left; padding-top:4px;} .offerSearchResults { margin-left:20px; width:620px; display:block; border-bottom:1px solid #333; margin-top:16px; color:#999; padding-bottom:10px;} .offerSearchResults h3 { color:#fff; font-size:12px; text-transform:uppercase; letter-spacing:0.2px; margin-bottom:0px; font-weight:normal; display:inline-block;} .offerSearchResults p { margin-left:0px; line-height:16px; font-weight:bold; letter-spacing:-0.2px; width:530px; } .offerSearchResults p.learnMoreButtons { margin-top:12px !important;} .offerSearchResults img { padding-bottom:2px; vertical-align:middle; margin-left:15px;} a.learnMore { background:url(../images/buttonSaveChanges.png) no-repeat; width:132px; height:29px; text-align:center; border:none; font-size:12px; color:#fff; text-transform:uppercase; cursor:pointer; margin:0px; padding-bottom:4px; padding-top:5px; font-weight:bold; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif; display:inline-block; text-decoration:none;} a.learnMore:hover {background:url(../images/buttonSaveChangesOver.png) no-repeat;} a.disclaimer { background:url(../images/buttonDisclaimer.png) no-repeat; width:132px; height:29px; text-align:center; border:none; font-size:12px; color:#fff; text-transform:uppercase; cursor:pointer; margin:0px; padding-bottom:4px; padding-top:5px; font-weight:bold; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif; display:inline-block; text-decoration:none;} a.disclaimer:hover {background:url(../images/buttonDisclaimerOver.png) no-repeat;} button.go { background:url(../images/buttonGo.png) no-repeat; width:57px; height:25px; text-align:center; border:none; font-size:11px; color:#fff; text-transform:uppercase; cursor:pointer; margin:0px; padding-bottom:4px; padding-top:1px; font-weight:bold; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif;} button.go:hover {background:url(../images/buttonGoOver.png) no-repeat;} /* end rewards offers coupon */ .darkGrey { color:#333;} .lightGrey { color:#ccc;} .whiteColor { color:#fff;} .greyColor { color:#999;} .mainContainer { font-size:12px; color: #ccc; font-family:"Lato", sans-serif, "Trebuchet MS" } .mainContainer a { color: #fff; text-decoration:underline; } .mainContainer a.noUnderline, .mainContainer .noUnderline a { text-decoration: none; } .mainContainer a.underline { text-decoration:underline; } .mainContainer a:hover { color: #ccc; } a.inactive { cursor:default; } { float:left; } .right { float:right; } .clear { clear:both; } .clear2 { height:0; clear:both; } span.clear { display:block; } .upper { text-transform: uppercase; } .bold { font-weight: bold; } .italics { font-style:italic; } .hide { display:none; } .valignmiddle{ vertical-align:middle; } .valigntop{ vertical-align:top; } .valignbottom{ vertical-align:bottom; } .valignsub{ vertical-align:sub; } .sm { font-size: 11px; } .xsm { font-size: 10px; } .lg { font-size: 14px; /*16px;*/ } .xlg { font-size: 20px; } .med { font-size: 14px; } .alignCenter { text-align:center; } .alignRight { text-align:right; } .white { color: #fff; } .red { color:#9F1431; } .darkGray { color: #666; } .medGray { color: #999; } .ltGray { color: #CCC; } .gold { color:#F3CC43; } a.underlineHover { text-decoration:none; } a.underlineHover:hover { text-decoration:underline; } .grayDivider { border-bottom:solid 1px #333; height:1px; padding: 12px 0; } .medGrayDivider { border-bottom:solid 1px #464646; height:1px; padding: 12px 0; } .ltGrayDivider { border-bottom:solid 1px #999; height:1px; padding: 12px 0; } .whiteLinks a, a.whiteLinks { color: #fff; text-decoration:underline; } .whiteLinks a:hover, a:hover.whiteLinks { color: #CCC; } .grayLinks a, a.grayLinks, a.grayLink { color: #666; text-decoration:none; } .ltGrayLinks a, a.ltGrayLinks, a.ltGrayLink { color: #CCC; text-decoration:none; } .ltGrayLinks a:hover, a.ltGrayLinks:hover, a.ltGrayLink:hover { color: #FFF; } .grayLinks a:hover, a:hover.grayLinks { color: #CCC; } /* Layout styles */ #top { position:absolute; top:0; left:0; width:100%; z-index:101; } /*#top .container { width: 980px; margin: 0 auto; }*/ body.narrow #top .container { width:754px; } .navBar { background: #111111 url(https://www.hardrock.com/images/navbar.jpg) no-repeat center 0; height: 46px; } body.narrow .navBar { } #outterContainer { background: url(https://www.hardrock.com/images/mainbg.jpg) no-repeat center 0; position:relative; } body.narrow #wrapper { background: url(https://www.hardrock.com/images/BG_tile_strip_narrow.jpg) repeat-y center 0; } body.narrow.cafe #outterContainer { background: url("https://www.hardrock.com/images/narrow_cafe.jpg") no-repeat scroll center 0; } body.wide.cafeHome #outterContainer, body.wide.locations #outterContainer, body.wide.error404 #outterContainer { background: url("https://www.hardrock.com/images/wide_cafe.jpg") no-repeat scroll center 0; } body.narrow #wrapper { background: url(https://www.hardrock.com/images/BG_tile_strip_narrow.jpg) repeat-y center 0; } #innerContainer { width:980px; margin:0 auto; position:relative; } body.narrow #innerContainer { width: 777px; background-color:#000; } .error { color: #DA2128; } /* Homepage Styles */ #bottomThumbs .rrItem { cursor:pointer; } #findLocation { position:relative; min-height:199px; width: 334px; } #findLocationLayer1 { width: 334px; height: 63px; top: 31px; text-align:right; overflow:hidden; } #findLocationLayer2 { background: url(https://www.hardrock.com/images/findlocationBG.png) no-repeat; height:100%; width: 100%; } #findLocationLayer2 .container { padding:30px; } .findLocationBoxSmall #findLocationLayer2 .container { padding-right:17px; padding-left: 24px; } .viewLocationMapLink { position: absolute; right: 32px; top: 32px; width: 78px; } #bottomThumbs { background: url(https://www.hardrock.com/images/locationshadow.png) no-repeat scroll 0 0; height:199px; } #bottomThumbs .container { background: url(https://www.hardrock.com/images/thumbsBG.jpg) no-repeat scroll right top; height: 100%; } .txtLocationSearch { padding-left: 4px; background-color: #AFAFAD; border:none; height:18px; width:115px; color:#333; font-size: 11px } #findLocation.findLocationBoxSmall { width:263px; } #bottomThumbs .prevBtn, #bottomThumbs .nextBtn { cursor:pointer; } /* End Homepage Styles */ /*End Layout styles */ /*search box*/ #search { height:26px; text-align:right; padding-top: 8px; position:relative; z-index:10001; } span.searchBox { width:200px; /* 297px for rewards drop list*/ display:block; position:absolute; right:0; background-color: #333; z-index:10001; } body.narrow span.searchBox { } ul li.searchBox a.rmLink { padding:2px 10px; display:block; background: url(https://www.hardrock.com/images/mem_arrow.gif) no-repeat 90% 8px; font-size: 11px; text-decoration:none; text-transform:uppercase; text-align:left; color:#CCCCCC; cursor:pointer; } ul li.searchBox a.rmExpanded,ul li.searchBox a:hover { color: #FFFFFF; } ul.searchBoxNav { list-style:none; padding:0; margin:0; } .radSearchBox { width:110px; } .radSearchBox ul li.searchBox:hover a.rmLink { background-image: url(https://www.hardrock.com/images/mem_arrow_over.gif); } .radSearchBox ul li.searchBox { background: #333; text-align:left; } .radSearchBox ul li.searchBox:hover { background: url(https://www.hardrock.com/images/mem_hoverBG.gif) repeat-x; } ul li.searchBox .menuContent { /*display:none;*/ width:194px; height:432px; background:url(https://www.hardrock.com/images/mem_menu.png) no-repeat; text-align:left; padding-top: 12px; } ul li.searchBox .menuContent a.subMenuItemLink { color:#cccccc; } ul li.searchBox .menuContent a { display:block; margin: 0 4px 0 2px; } ul li.searchBox .menuContent a:hover { background-color: #666; color: #fff } ul li.searchBox .promoCol, ul li.searchBox .socialButtons { display:none; } .radSearchBox ul li.searchBox:hover .menuContent,.radSearchBox ul li.searchBox .menuContentContainer:hover { display:block; } .searchBox_nav { width:99px; float:left; height:20px; } .searchBox_nav .rmRootGroup .rmSlide ul { } .searchBox_nav .rmRootGroup li.searchBox { height:22px; position:relative; left:-1px; } .searchBox_search{ border: solid 1px #333; border-left: none; width: 197px; float:right; background-color: #AFAFAD; height:20px; } .searchBox .spacer { clear:both; } .searchBox_search .searchText{ background-color: #AFAFAD; border:none; height:18px; width:166px; color:#333; } #bottomBar .txtEmail { background-color: #AFAFAD; border:none; height:18px; width:166px; color:#333; padding-left: 4px; } #bottomBar .txtEmailContainer { background-color: #AFAFAD; /*padding:3px 0px 2px 6px;*/ margin-left:6px; } #bottomBar .lblSignup { padding-left: 15px; } #bottomBar .msgEmailSuccess { padding-left: 115px; } .searchBox_search .searchButton{ vertical-align:top } .emailSignupContainer { display:inline; } /* ie transparency fade fix */ img.png { background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */ zoom: 1; } .itemDesc { padding-top:4px; color: #999; text-transform:uppercase; font-size:12px; } /* Navigation */ #navBar{ background: url(https://www.hardrock.com/images/navbar.jpg) no-repeat; width:928px; height: 46px; /*padding:10px 0 0 20px;*/ } ul.rmRootGroup { list-style:none; margin:0; padding:0; } ul.rmRootGroup li.main .rmLink, li.home .rmLink { font-size: 19px; color: #FFF; text-transform: uppercase; float:left; position:relative; cursor:pointer !important; } li.home .rmLink { height: 46px; width:100px; } ul.rmRootGroup li.main.rmLast { float:right; } ul.rmRootGroup li.main { padding: 0 5px; height:47px; } body.narrow ul.rmRootGroup li.main { padding: 0px; } ul.rmRootGroup li.main a.rmLink { font-size: 19px; color: #FFF; text-decoration:none; } body.narrow ul.rmRootGroup li.main a.rmLink { font-size: 15px; } ul.rmRootGroup li.main a.rmLink.linked { cursor:pointer; } ul.rmRootGroup li.main:hover { /*background-image: url(https://www.hardrock.com/images/arrow_over.gif);*/ background: url(https://www.hardrock.com/images/mainnav_mouseover_bg.jpg) repeat-x; } ul.rmRootGroup li.home { background: url(https://www.hardrock.com/images/hardrocklogo.jpg) no-repeat; width: 112px !important; height:46px; padding: 0; cursor:pointer; } body.narrow ul.rmRootGroup li.home { width: 108px !important; } ul.rmRootGroup li.home:hover { padding: 0; background: url(https://www.hardrock.com/images/hardrocklogo_over.jpg) no-repeat; } ul.rmRootGroup li.main a.rmLink { padding:11px 13px; display:block; background: url(https://www.hardrock.com/images/navarrow.gif) no-repeat right 19px; } ul.rmRootGroup li.main:hover a.rmLink { background-image: url(https://www.hardrock.com/images/navarrow_over.gif) } .home .menuContent { background: url(https://www.hardrock.com/images/corp_dropBG.png) no-repeat; width:193px; height: 259px; } .twoColRight .menuContent { background: url(https://www.hardrock.com/images/drpdwn_2_right.png) no-repeat; width:438px; height: 306px; } .twoColLeft .menuContent { background: url(https://www.hardrock.com/images/drpdwn_2_left.png) no-repeat; width:438px; height: 306px; } .threeColLeft .menuContent { background: url(https://www.hardrock.com/images/drpdwn_3_left.png) no-repeat; width: 629px; height: 306px; } .twoColLeft .rmSlide { left:auto !important; right: -2px !important; /*left: -311px !important;*/ } .threeColLeft .rmSlide { left:auto !important; right: -2px !important; /* left: -519px !important;*/ } /* Navigation | drop down styles */ .menuContent { } .menuContent a.subMenuItemLink { font-size: 11px; display:block; padding: 2px 16px; text-decoration:none; text-transform:uppercase; } .menuContent span.header { padding: 3px 16px 0 18px; display:block; font-size: 11px; color: #848484; font-weight:bold; text-transform:uppercase; } .menuContent div.spacer { margin: 6px 16px; padding: 0px; height: 1px; border: none; } .content { width:720px; padding:18px 0 15px 20px; } li.main .menuContent div.spacer, li.searchBox .menuContent div.spacer { /*border-bottom: 1px solid #5C5C5C;*/ background-color: #5C5C5C; } li.home .menuContent div.spacer { /*border-bottom: 1px solid #CCC;*/ background-color: #CCC; } li.main .menuContent { color: #CCC; } li.main .menuContent .socialButtons{ margin: 0px 18px; padding-top: 8px; clear:both; } li.main .menuContent .socialButtons a{ margin-right: 6px; } li.main .menuContent a.subMenuItemLink { color: #CCC; } li.main .menuContent a.subMenuItemLink:hover { background-color: #666; color: #CCC; } li.home .menuContent a.subMenuItemLink { color: #333; } li.home .menuContent a.subMenuItemLink:hover { background-color: #ccc; color: #000; } /* Navigation | drop down | column 1 */ li.twoColLeft .menuContent .col1 { width: 189px; margin: 0 5px; padding: 8px 0 0 0; } li.twoColRight .menuContent .col1 { width: 189px; margin: 0 4px; padding: 8px 0 0 0; } li.twoColRight .menuContent .col1 { float:left; } li.threeColLeft .menuContent .col1 { width: 189px; margin: 0 5px 0 0; padding: 8px 0 0 0; float:right; } li.twoColLeft .menuContent .col1 { float:right; } li.home .menuContent .col1 { width: 189px; margin: 0 1px; padding: 8px 0 0 0; } /* Navigation | drop down | column 2 */ li.threeColLeft .menuContent .col2 { width: 189px; margin: 16px 3px 0 0px; padding: 8px 0 0 0; float:right; } /* Navigation | drop down | promo column */ .menuContent .promoCol .promoText { color: #ccc; text-align:left; margin:6px 16px; } .menuContent .promoCol .promoText a { color: #fff; } .menuContent .promoCol .promoText a:hover { color: #999; } li.threeColLeft .menuContent .promoCol { float:left; } .menuContent .promoCol{ padding-top: 38px; text-align:center; width: 236px; } .menuContent .promoCol .spacer { margin: 12px 16px 6px 16px; } li.twoColRight .menuContent .promoCol { margin-right: 2px; float:right; } li.twoColLeft .menuContent .promoCol { margin-left: 2px; float:left; } /*End Navigation Styles */ /* Footer */ #footer { /*background: #000 url(https://www.hardrock.com/images/footer.jpg) no-repeat scroll right top;*/ min-height:150px; font-size:12px; line-height: 1.4285; padding-bottom: 50px; color: #ccc; /*color:#666666;*/ /*width:777px;*/ margin-right:13px; padding:30px 0px 50px 0px; /*13px;*/ margin-left:1px; } /*footer h1,footer h2,footer h3,footer h4,footer h5,footer h6,footer .h2,footer .h3,footer .h4,footer .h5,footer .h6 {*/ h1 h2 h3 h4 h5 h6 .h2 .h3 .h4 .h5 .h6#footer { color: red; line-height: 1; font-family: inherit; font-weight: 500; } h4,.h4,h5,.h5,h6,.h6#footer { margin-top: 8.5px; margin-bottom: 8.5px; } h5,.h5#footer { font-size: 12px; } .footerHeaderLink { } #footer .column { width: 16%; float: left; } #footer .divider { border-left: 1px solid #333; float: left; height: 155px; width: 4%; } #footer .column.col5 a { color:#CCCCCC; } #footer .copyright { /*width: 850px; */ width:97%; padding: 0pt 0px; padding-top:22px; } #footer .copyright a { color: #666666; } #footer .copyright a:hover { color: #999999; } #footer .copyright { width:97%; } #footer .copyright .right { width:50%; text-align:right; } #footer a.footerLink { color:#666666; } #footer a.footerLink:hover { color:#999; } #footer a { color: #999; /*olor:#CCCCCC;*/ text-decoration:none; /*font-size:11px;*/ } #footer a:hover { color: #FFF; } #bottomBar a { color: #666; text-decoration: none; } #bottomBar a:hover { color: #333; text-decoration: none; } #bottomBar { z-index: 503; } .bottomBarBG { position:fixed; bottom:0; width:100%; background: url(https://www.hardrock.com/images/bottomnav_BG.png) repeat-x center bottom; } #bottomBar .container { background: url(https://www.hardrock.com/images/bottom_navbar.png) no-repeat center bottom; height: 53px; } #bottomBar .center { /*background: url(https://www.hardrock.com/images/bottom_navbar_40.png) no-repeat center center;*/ background: url(../images/bottom_navbar_logo.png) no-repeat center center; position:absolute; width:155px; height:86px; /*height: 100px;*/ position:absolute; left: 46%; bottom:0; } #bottomBar .centerImg { width:100%; height:65px; position:absolute; bottom:0; left:0; } #bottomBar .centerLink { cursor:default; } #bottomBar .container .outter { height: 40px; position:absolute; bottom: 0; width: 100%; } #bottomBar .container .inner { width:928px; margin: 0 auto; padding: 0px 0; color: #666; font-size: 11px; font-weight: bold; text-transform: uppercase; } #bottomBar .container .inner Section { position: relative; padding:10px 0; width:400px; float:left; } #bottomBar .container .inner .rightSection { position: relative; padding:2px 0 0 0; float:right; } .footerLocationListContainer{ width:928px; margin: 0 auto; padding: 0px 0; position:relative; } #bottomBar .container .botBarHash{ vertical-align:middle; padding: 0 10px; } #bottomBar .container .botBarMap{ vertical-align: middle; position:relative; bottom:2px; } #bottomContent { color:#999999; padding: 8px 0 30px 30px ; background: url(https://www.hardrock.com/images/home/botmbody_socialBG.jpg) no-repeat; } /* Footer | Find a location */ .findSearchLocationContainter { border-bottom:1px solid #666666; margin-bottom:17px; padding-bottom:23px; } .footerFindLocation { position:absolute; right:-30px; bottom: 40px; height: 630px; width: 216px; background: url(https://www.hardrock.com/images/bot_locationdrpBG.png) no-repeat; z-index: 102; visibility:hidden; } .footerFindLocation .container { padding:8px 0 0 8px; } .footerFindLocation .spacer{ background: url(https://www.hardrock.com/images/bot_locationdrpDivder.gif) no-repeat 0 center; height: 8px; } .footerFindLocation .locationList { overflow:scroll; height: 560px; width: 200px; padding-top: 8px; } .footerFindLocation span.location { display:block; width:186px; } .footerFindLocation span.location a { font-size: 11px; color: #333; text-transform:uppercase; display:block; padding: 4px 12px; text-decoration:none; } .footerFindLocation .findLocationClose { position:absolute; top:3px; left:1px; } .footerFindLocation .globalLink { margin-top: 14px; } .footerFindLocation span.location.hotel a { color: #782AB2; } .footerFindLocation span.location a:hover { background-color: #ccc; } /* Footer | Email Signup */ .signupEmail { margin-left: 25px; display:inline; } input.emailSubmitButton { vertical-align: top; display:inline; margin-left: 6px; } .signupEmail .rfvEmail { color: #DA2128; } span.validationErrors { position:relative; display:block; /*padding: 0 6px;*/ } .divRFVEmail, .divInvalidEmail { /* display:inline; color: #CC0000; position:absolute; left:1px; top:1px;*/ } .rfvEmail,.revEmail { display:none; } .valError { border: solid 1px #DA2128 !important; } #bottomBar .valSum { position:absolute; right:26px; bottom: 34px; background-color: #ccc; display:none; padding:12px 12px; width:252px; /*height: 46px;*/ text-align:center; color: #DA2128; background: url(https://www.hardrock.com/images/errorbox.png) 0 0; } input.txtEmail { margin-right: 0px; } /* End Footer */ .viewLocationMap { color: #CCC; text-decoration:none; font-size: 8px; text-transform: uppercase; } /* Cafe Page Styles */ .bannerDivider, .bannerSpacer { padding:7px 0; } /*cleanup styles*/ #col2 p { text-align:left; margin:4px 0; } #col2 center { text-align:left; } /* cafe / main styles */ #cafeMainContentContainer .fbLike { margin-top: 20px; } span.cafePageTitle, div.cafePageTitle { color:#FFF; font-size: 20px; font-weight: bold; display:block; border-bottom:solid 1px #343434; padding: 0 0 2px 0; margin: 4px 0 10px 0; text-transform: uppercase; } .cafePageSubTitle { color:#CCC; font-size: 16px; font-weight: bold; display:block; padding: 0 0 2px 0; margin: 0px 0 0px 0; text-transform: uppercase; } .CafeAltHeaderCafeName { display:none; } #cafeLeft { float:left; width:172px; } #cafeRight { float:left; width:605px; background: #000000 url(https://www.hardrock.com/images/cafes/calendarBOT_BG.jpg) no-repeat 0 0px; min-height: 200px; } #cafeMainContentContainer.onecolumn #cafeLeft { width:0; display:none; } #cafeMainContentContainer.onecolumn #cafeRight { background: #000000 url(https://www.hardrock.com/images/cafes/menu_bg.jpg) repeat-x 0 0px; width:100%; } #cafeMainContentContainer.onecolumn #col2 { width:100%; } #newsTicker { width:605px; background: #000000 url(https://www.hardrock.com/images/cafes/calendarBG.jpg) no-repeat; margin-bottom: -12px; } .divFeature { margin-bottom: 4px; } .newsTickerSpacer { padding: 4px 0; } #col1 { width: 172px; float:left; } #col2 { width: 390px; float:left; } #col2 .container { padding: 15px 0 15px 15px; } #cafeMainContentContainer.twocolumn #col2 { width: 590px; } #cafeContainer { background-color: #000; } #col3 { width:200px; float:right; } #col3 .container { padding: 15px 0px; } #cafeSocialButtons { text-align:right; margin:0 12px 14px 0; } ContentContainer{ background: #000000 url(https://www.hardrock.com/images/cafes/submenu_botshadow.jpg) no-repeat left top ; padding: 14px 0 12px 10px; min-height:50px; } .CafeSubHeader { font-weight: bold; color:#FFF; font-size: 11px; } .participating_top { margin-top:12px; } .memorabiliaHeading { text-transform: none; margin: 4px 0 12px 0; } .cafeDirections { display:block; padding:5px; background-color: #000; } .cafeDirections #googleMap { color:#333; } /* cafe menu select */ .cafeSelectMenu { width:387px; margin:0 auto; text-align:center; min-height:500px; } .cafeSelectMenu .selectCafeBox { background: url(https://www.hardrock.com/images/cafes/menu_box.jpg) no-repeat; width:273px; height:62px; margin:0 auto; } .cafeSelectMenu .selectCafeBox .selectCafeText { color: #000; font-weight:bold; font-size: 12px; padding: 8px 0 4px 0; display:block; } /*google map and directions title */ .CafeSubHeader.ContentID_51 { position:relative; left:-5px; } #getDirections { display:block; background: url(https://www.hardrock.com/images/cafes/directions_box.jpg); width:365px; height:67px; margin-bottom:8px; } #LocationMap .title { margin-top:12px; display:block; } #LocationMap .contentBox { margin-top:12px; } #getDirections .instructions { color: #000; font-weight:bold; } .cafeDirections .title { display:block; margin: 8px 0; } #getDirections #txtStartingAddress { width: 240px; } #getDirections .container { padding: 12px 0 12px 12px; } #getDirections .directionsSubmit { cursor: pointer; position:relative; top: 5px; left: 4px; } /* cafe pages | news ticker */ #newsTicker { height:64px; } #newsTicker .container { padding: 20px 15px 15px 25px; } #newsTicker .calendarTitle { float:left; width:62px; font-size: 11px; color: #999; } #newsTicker .viewAll { float:right; width: 87px; text-align: right; margin-right:8px; } #newsTicker .viewAll a { text-decoration: none; color: #999; font-size: 11px; } #newsTicker .viewAll a:hover { color: #ccc; } #newsTicker .viewAll img { vertical-align:top; } .newsRotator { float:left; width:430px; margin-right: 20px; } .newsRotator a { color: #FFF; text-decoration: none; } .newsRotatorButtons { float: left; width:36px; } .radTickerNewsItems { font-size: 11px; overflow:hidden; } .radTickerNewsItems span { overflow:hidden; height: 16px; display:block; } /*twitter ticker */ ul#tweetlist { margin:0; padding:0; list-style: none; } ul#tweetlist li { padding: 6px 0 0 12px; height:19px; overflow:hidden; } ul#tweetlist li span { overflow:hidden; display:block; height: 27px; } /* Cafe Pages / Sub Menu */ .subPageMenu a { text-decoration:none; } .subPageMenu { background: #525252 url(https://www.hardrock.com/images/cafes/cafe_submenu.jpg) no-repeat ; padding: 18px 0; } .subPageMenu ul { list-style: none; padding: 0; margin: 0; } .MenuLink a:link, .MenuLink a:visited { text-decoration:none; margin: 0px; padding: 0px 0 0 24px; display:block; /*color:#D8D8D8;*/ color: #fff; line-height:20px; letter-spacing: 0px; text-align: left; text-decoration:none; font-weight:bold; margin-left:1px; /*ie7 spacing issue fix*/ width:188px; font-size: 11px; } body.cafe .MenuLink a:link, body.cafe .MenuLink a:visited { margin: 0px; /*ie7 spacing issue fix*/ width:150px; font-size: 11px; } .subPageMenu .MenuLink.selected { } .subPageMenu .MenuLink.selected a { color: #000; background-color:#DDDBDC; background-image: url(https://www.hardrock.com/images/cafes/Cafe_submenu_over.jpg); background-color: #DDDBDC; background-repeat: repeat-y; background-position: 0 0; } body.cafe .MenuLink a:link, body.cafe .MenuLink a:visited { padding: 0px 10px; } li.ListSubMenu a.LinkSubMenu { padding-left: 18px; line-height:20px; } li.ListSubMenu a.LinkSubMenu:hover { } .MenuLinkActive { color: #000; /*background-color:#C7C7C7;*/ } .MenuLink.MenuLinkActive a { color: #000; background-image: url(https://www.hardrock.com/images/cafes/Cafe_submenu_over.jpg); background-color: #DDDBDC; background-repeat: repeat-y; background-position: 0 0; /*padding-bottom:0;*/ } .MenuLink.MenuLinkActive .SubMenuLink a { background:#333333; padding-bottom: 4px; /*ie7 spacing issue fix*/ width:140px; } .subPageMenu ul li.MenuDrop ul li.SubMenuLinkActive a.LinkSubMenu { color: #FFFFFF; } li.MenuLink:hover { } .MenuLink a:hover, .SubMenuLink a:hover { color: #FFFFFF; background-image: url(https://www.hardrock.com/images/cafes/Cafe_submenu_over.jpg); background-color: #DDDBDC; background-repeat: repeat-y; background-position: 0 0; } .MenuLink.MenuFlyout { background: url(https://www.hardrock.com/images/cafes/submenu_arrow.gif) no-repeat 162px 6px; } .MenuLink.MenuFlyout a:hover { background-image: url(https://www.hardrock.com/images/cafes/Cafe_submenuarrow_over.jpg); background-position: 0 0; } .MenuLink.MenuFlyout:hover { background-image: url(https://www.hardrock.com/images/cafes/Cafe_submenuarrow_over.jpg); background-position: 0 0; background-repeat: repeat; } .MenuLink.MenuFlyout ul li a:hover { background-image: none; background-color: #989898 !important; } .MenuLink.MenuDrop a:hover { color: #FFFFFF; background-image: none; } .MenuLink a img.SubMenuFlyoutArrow {display: none; position:absolute; right:0px; top:0px; } .MenuFlyout a img.SubMenuFlyoutArrow.ArrowUp {display: inline; } .MenuFlyout a img.SubMenuFlyoutArrow.ArrowDown {display: none; } .MenuDrop a img.SubMenuFlyoutArrow.ArrowUp {display: none; } .MenuDrop a img.SubMenuFlyoutArrow.ArrowDown {display: inline; } .subPageMenu ul li a, .menu ul li a:visited {display:block; text-transform:uppercase; } .subPageMenu ul {padding:0; margin:0;list-style-type: none; width: 100%; z-index:10;} body.cafe .subPageMenu ul li {/*width: 170px;*/ margin:0 1px} body.cafe .subPageMenu ul li ul li { margin:0;} .subPageMenu ul li {margin:1px auto; z-index:10; } .subPageMenu ul li.MenuFlyout {position:relative; /*background: url(https://www.hardrock.com/images/cafes/submenu_arrow.gif) no-repeat 162px 6px;*/} .subPageMenu ul li ul {display: none; } .barMenu ul li.MenuFlyout ul {margin-left: -1px; } .subPageMenu ul li.MenuFlyout ul li a{/*padding-left: 20px; padding-right: 8px;*/ background: #C7C7C7;} body.cafe .subPageMenu ul li.MenuFlyout ul li a{width:158px;} .subPageMenu ul li.MenuDrop ul {display: block; } .subPageMenu ul li.MenuDrop ul li {} .subPageMenu ul li.MenuDrop ul li a {display:block; color:#CCC; padding-left: 20px; background-color: #333333; } /* IE7 and other browsers only */ .subPageMenu ul li:hover a {color:#000; } .subPageMenu ul li.MenuFlyout:hover ul {display:block; position:absolute; top:0; left:170px; padding-left: 0px; width: 187px; height:108px; background: url(https://www.hardrock.com/images/cafes/submenu_2ndmenu.png) no-repeat 0px -8px; } .subPageMenu ul li.MenuFlyout:hover ul li{margin: 0 1px;} .subPageMenu ul li.MenuFlyout:hover ul li a{background:none; width:auto; } .subPageMenu ul li.MenuFlyout ul { padding-top:1px; } .subPageMenu ul li:hover ul li{width:171px; } .subPageMenu ul li.MenuFlyout:hover ul li a {display:block; color:#000000; line-height:20px; } .subPageMenu ul li:hover ul li a:hover { color:#FFFFFF; background-color:#666; } /*cafe pages/ history */ .CafeSubHeader.ContentID_42 { font-size:inherit; color: inherit; font-weight:inherit; } /*cafe pages/ memo */ .memoItem1 { margin-top: 27px; background: url(https://www.hardrock.com/images/cafes/memo_1.gif) no-repeat 0 0; } .memoItem2 { background: url(https://www.hardrock.com/images/cafes/memo_2.gif) no-repeat 0 0; } .memoItem3 { background: url(https://www.hardrock.com/images/cafes/memo_3.gif) no-repeat 0 0; } .memoItem4 { background: url(https://www.hardrock.com/images/cafes/memo_4.gif) no-repeat 0 0; } .memoItem5 { background: url(https://www.hardrock.com/images/cafes/memo_5.gif) no-repeat 0 0; } .memoItem6 { background: url(https://www.hardrock.com/images/cafes/memo_6.gif) no-repeat 0 0; } .memoItem7 { background: url(https://www.hardrock.com/images/cafes/memo_7.gif) no-repeat 0 0; } .memoItem8 { background: url(https://www.hardrock.com/images/cafes/memo_8.gif) no-repeat 0 0; } .memoItem9 { background: url(https://www.hardrock.com/images/cafes/memo_9.gif) no-repeat 0 0; } .memoItem10 { background: url(https://www.hardrock.com/images/cafes/memo_10.gif) no-repeat 0 0; } span.memoItem { display:block; padding: 0 0 12px 35px; margin-bottom: 12px; border-bottom:1px solid #343434; } span.memoNumber { display:block; float:left; width:30px; } span.memoContent { display:block; float:left; width:325px; } .CafeSubHeader.ContentID_29 { color: #CCC; } .memoItem.last { border:none; } /*cafe page | events */ .EventGridHeader { text-align:left; text-transform:uppercase; } #eventsList .cafePageSubTitle { margin: 26px 0 10px 0; border-bottom:solid 1px #343434; } .EventGridRow a { text-decoration:none; font-size:11px; } .CafeSubHeader.ContentID_104 { display:block; position:relative; } #headerPager { position:absolute; right:0; bottom: 0px; color:#ccc; font-size:12px; } .eventsPager.last { height:30px; } .EventGridHeader { padding: 0 10px ; } .EventGridCell { padding-left: 4px; } .EventGridCell.date { text-transform:uppercase; } .EventGridRow.even{ background-color:#1C1C1C; border: solid 1px #464646; border-left:none; border-right:none; } .eventsPager { color: #999; } .eventsPager a { text-decoration:none; } /* cafe / tour */ #cafeMainContentContainer.tour #col2 .container { padding:15px 0 15px 5px; } #cafeMainContentContainer.tour #col2 .container .cafePageTitle { margin-left: 10px; } /*cafe splash page */ #subPageLeft { float:left; width:214px; } body.cafeHome #subPageLeft, body.splash #subPageLeft { width:263px; background: url(https://www.hardrock.com/images/splashPageLeft_bg.jpg) no-repeat 0 0; } body.locations #subPageContent { background: url(https://www.hardrock.com/images/subpageRight_bg.jpg) no-repeat 0 0; } #subPageLeft .contentContainer { background: url(https://www.hardrock.com/images/subPageLeft_bg.jpg) no-repeat 0 0; padding: 32px 0px 32px 23px; min-height: 170px; } body.cafeHome #subPageLeft .contentContainer { background: url(https://www.hardrock.com/images/cafes/cafesplsh_shdwLeft.jpg) no-repeat 0 0; } body.splash #subPageLeft .contentContainer { background: url(https://www.hardrock.com/images/splashpageLeft_BG.jpg) no-repeat 0 0; } #subPageRight { float:left; background: url(https://www.hardrock.com/images/subpageRight_bg.jpg) no-repeat 0 0; width:766px; min-height: 189px; } body.cafeHome #subPageRight, body.splash #subPageRight { width:717px; } #subPageRight .contentContainer { padding: 13px 25px 20px 20px; } #subPageRight Col { float:left; width:470px; } body.twoColumn #subPageRight Col { width:727px; } #subPageRight .rightCol { float:right; width:190px; text-align:right; } #subPageRight .subNav { width:717px; height:104px; } body.cafeHome #subPageRight .subNav { background: url(https://www.hardrock.com/images/cafes/home/cfsplsh_orgnbar.jpg) no-repeat; } #subPageRight .subNav .container { padding: 24px 20px; } #subPageRight .subNav ul { margin:0; padding:0; list-style: none; } #subPageRight .subNav ul li { float:left; width: 163px; margin:0 2px; text-align:center; } #subPageRight .subNav ul li.first { margin-left:0; } #subPageRight .subNav ul li a { color: #FFF; text-decoration:none; text-transform:uppercase; font-size: 16px; display:block; height:46px; padding-top: 20px; } body.cafeHome #subPageRight .subNav ul li a:hover { color: #52200a; } .findLocationBoxSmall #findLocationLayer1 { width:262px; } .findLocationBoxSmall #findLocationLayer2 { background: url(https://www.hardrock.com/images/findlocationBG_small.png) no-repeat; } .findLocationBoxSmall .viewLocationMapLink { right:16px; width: 64px; text-align:center } .findLocationBoxSmall .txtLocationSearch { width:100px; } .comingSoonItem { padding: 2px 0; } .comingSoonLocation { color:#fff; font-weight:bold; } .comingSoonLocation a, .comingSoonLocation a.inactive { color: #CCC; text-decoration: none; } /*cafe home /news events box*/ #newsEventsBox { background-color: #2f2f2f; padding: 10px; } #newsEventsBox .heading { background-color: #1b1b1b; padding: 12px; height:16px; } #newsEventsBox .heading .title { color: #fff; font-weight:bold; font-size: 14px; } .mainContainer .title a { text-decoration:none; } #newsEventsBox .newsEvents { margin-top: 8px; } #newsEventsBox .newsEvents a { color: #CCC; text-decoration:none; } #newsEventsBox .newsEvents a:hover, #newsEventsBox .newsEvents a span:hover { color: #FFF; text-decoration:underline; } #newsEventsBox .RSSItem { padding: 6px 0; border-bottom: solid 1px #666; } #newsEventsBox .RSSItemDate { /*float:left; display:block; */ font-weight:bold; width:60px; color: #FFF; } #newsEventsBox .RSSItemTitle { /*float:left; display:block;*/ } #newsEventsBox .newsEvents.news .RSSItemTitle { width:352px; } #newsEventsBox .newsEvents.events .RSSItemTitle { width:285px; } #newsEventsBox .RSSItemLocation { /*float:right; display:block;*/ width:75px; overflow:hidden; color: #787878; } /* cafe pages/gallery detail*/ a.HighlitedNum { font-weight: bold; color: Gray; text-decoration: none; } .DLTD { vertical-align: top; } a.galleryHome { display: block; background-color: Transparent; width: 104px; TEXT-DECORATION: none; outline: none; color: #999; font-size:11px; } a.galleryHome:hover { color: #CCC} .albumTitle { font-weight: bold; color: #fff; text-transform:uppercase; } .photoDescription { vertical-align: top; font-size:10px; width:132px; text-align:left; padding-top:2px; } a.albumNextPrev{ text-decoration: none; text-transform:uppercase; color:#CCC; } a.albumNextPrev:hover { color: #FFF; } /*cafepages / Gallery */ .PhotoGridViewTd table { display: inline; } .PhotoGridViewTd td { border: none; font-style: normal; font-family: Georgia; font-size: 12px; font-weight: normal; } .PhotoGridViewTr tr { border: none; } .PhotoGridViewTable { border: none; } a.photoTitle { text-transform:uppercase; text-decoration:none; color:#fff; font-weight:bold; } /*philanthropy*/ #philanthropySlideshow { min-height: 350px; } .RadRotator_Default .rrClipRegion { border:none; } .philanthropyHeaderTitle, .subPageHeaderTitle { position:absolute; bottom:13px; left: 26px; } /*scrollball styles */ .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; } .jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: url(https://www.hardrock.com/images/bot_drp_scrolltrack.gif) repeat-y scroll 0 0; } .jScrollPaneDrag { position: absolute; background: url(https://www.hardrock.com/images/bot_drp_scrollbar.gif) no-repeat scroll 0 0; height: 20px; cursor: pointer; overflow: hidden; left: 0px; border-bottom: solid 1px #999; } .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; } .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; } a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; background: url(https://www.hardrock.com/images/botdrp_arrowup.gif) no-repeat scroll 0 0; height: 9px; } a.jScrollArrowUp:hover { /*background-color: #f60;*/ } a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; background: url(https://www.hardrock.com/images/bot_drp_arrowdown.gif) no-repeat scroll 0 0; height: 9px; } a.jScrollArrowDown:hover { /*background-color: #f60;*/ } a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/ } /* careers styles */ .subPageTopHeaderTitleImg { position:absolute; bottom: 7px; left:10px; } .subPageTitle { font-size: 18px; font-weight:bold; text-transform:uppercase; color: #FFF; padding-bottom: 8px; border-bottom: solid 1px #333; margin-bottom:8px; } .subPageSubHeaderTitle { font-size: 14px; font-weight:bold; text-transform:uppercase; color: #CCC; padding-bottom: 4px; border-bottom: solid 1px #333; margin-bottom:14px; } .subPageTitle2 { font-size: 18px; font-weight:bold; text-transform:uppercase; color: #FFF; margin-bottom:16px; } .careersHotelList { margin: 8px 0 8px 0; } .careersHotelList a { font-size: 12px; color: #fff; text-decoration:none; } .careersHotelList a:hover { color: #CCC; } body.wide.liveOrlando #outterContainer, body.liveBlog #outterContainer { background: url(https://www.hardrock.com/images/live/live_BG_interior.jpg) no-repeat scroll center 0; } body.wide.careers #outterContainer { background: url(https://www.hardrock.com/images/careers/BG_careers.jpg) no-repeat scroll center 0; } body.careers #subPageRight .subNav { background: url(https://www.hardrock.com/images/careers/mainlink_BG.jpg) no-repeat; margin: 24px auto 12px auto; width: 672px; height: auto; } body.careers #subPageRight .subNav a:hover { color:#85e4cf; } body.careers #subPageRight .subNav .container { padding:0; } body.careers .subNav ul li a { font-size: 18px; } #subPageRight .subNav ul li.item1 { width:162px; } body.careers #subPageRight .subNav ul li.item1 { width:314px; } #subPageRight .subNav ul li.item2 { width:221px; } body.careers #subPageRight .subNav ul li.item2 { width:346px; } body.careers .content { width:710px; padding:18px 0 15px 30px; float:left; } #subPageRight .subNav ul li.item3 { width:275px; } body.careers.splash #subPageLeft .contentContainer { background: url("https://www.hardrock.com/images/careers/sidedrpshdw.jpg") no-repeat; } .subPageSubTitle { font-weight:normal; font-size: 12px; color: #CCC; } .subPageSubTitleBold { font-weight:bolder; font-size: 12px; color: #CCC; } .subPageSubTitle2 { color: #CCC; font-size: 12px; } .subPageSubHeader { font-weight:normal; font-size: 12px; text-transform:uppercase; color:#fff; } .subPageSubHeaderBold { font-weight:bolder; font-size: 12px; text-transform:uppercase; color:#fff; } .subPageInformation { font-weight:normal; font-size: 10px; text-transform:uppercase; font-style:italic; color:#fff; } .jobPostings { background: url(https://www.hardrock.com/images/careers/sideboxBG.jpg) no-repeat; height:542px; } .jobPostings .title { height: 30px; color: #FFF; text-transform:uppercase; font-size: 16px; font-weight:bold; padding: 20px 20px 0px 20px; } .jobPostings .posts { padding: 0px 20px 0px 20px; } .jobPostings .posts a.jobTitle { color:#fff; font-size: 12px; text-decoration:none; font-weight:bold; } .jobPostings .posts a.jobTitle:hover { text-decoration:underline; } /*live splash style s*/ body.wide.live #outterContainer { background: url(https://www.hardrock.com/images/live/live_BG_interior.jpg) no-repeat scroll center 0; } body.live #subPageRight .subNav { background: url(https://www.hardrock.com/images/live/livelinkbarBG.gif) no-repeat; margin: 24px auto 12px auto; width: 719px; height: auto; } body.live #subPageRight .subNav a:hover, body.live #subPageRight .subNav li.selected a { color:#0B5079; } body.live #subPageRight .subNav .container { padding: 0 0px; } body.live #subPageRight .subNav ul li.item1 { width: 205px; } body.live #subPageRight .subNav ul li.item2 { width: 267px; } body.live #subPageRight .subNav ul li.item3 { width:232px; } /*members styles*/ body.wide.accountUpdate #outterContainer { background: url(../images/bgRewards.jpg) no-repeat scroll center 0; } body.wide.accountUpdate #subPageLeft .contentContainer { background: url("https://www.hardrock.com/images/accountupdate/members_bodyshadow.jpg") no-repeat scroll 0 0 transparent; } body.wide.accountUpdate #subPageRight { background: url("https://www.hardrock.com/images/accountupdate/members_bodyshadow.jpg") no-repeat scroll 0 0 transparent; } body.wide.accountUpdate .subPageTopHeaderTitleImg { position:absolute; bottom: 15px; left:25px; } #subPageLeft { } .validationSummaryBox { background-color: #FBE7A8; padding: 8px 12px; border:solid 1px #C60206; color: #C60206; } /*corporate styles*/ body.wide.corporate #outterContainer { background: url(https://www.hardrock.com/images/corporate/corp_mainBG.jpg) no-repeat scroll center 0; } body.corporate #subPageRight .subNav { background: url(https://www.hardrock.com/images/corporate/corp_linkbarBG.gif) no-repeat; margin: 24px auto 12px auto; width: 719px; height: auto; } body.corporate #subPageRight .subNav a:hover { color:#874A14; } body.corporate #subPageRight .subNav .container { padding: 0 10px; } body.corporate #subPageRight .subNav ul li.item1 { width: 202px; } body.corporate #subPageRight .subNav ul li.item2 { width: 165px; } body.corporate #subPageRight .subNav ul li.item3 { width: 163px; } body.corporate #subPageRight .subNav ul li.item4 { width: 152px; } body.corporate #newsEventsBox .jobPosting { border-bottom: 1px solid #666666; padding: 6px 0; } body.corporate .jobPostings { background:none; height: auto; } body.corporate .jobPostings .posts { padding: 0 14px; margin-top: 8px; } /*group sales styles */ body.wide.groupSales #outterContainer { background: url(https://www.hardrock.com/images/groupsales/mainBG.jpg) no-repeat scroll center 0; } body.groupSales #subPageRight .subNav { background: url(https://www.hardrock.com/images/groupsales/gssplsh_redbar.jpg) no-repeat; } body.groupSales #subPageRight .subNav a:hover { color: #4e060f; } body.groupSales #subPageRight .subNav ul li.i1 { width:210px; } body.groupSales #subPageRight .subNav ul li.i2 { width:192px; } body.groupSales #subPageRight .subNav ul li.i3 { width:258px; } .gsHeadlines .container { margin: 0 auto; } .gsHeadlines .title { height: 30px; color: #FFF; text-transform:uppercase; font-size: 16px; font-weight:bold; padding: 20px 20px 0px 20px; } .gsHeadlines .news { margin-bottom: 20px; } .gsHeadlines .news a { color: #CCC; text-decoration:none; } .gsHeadlines .news a:hover { color:#FFF; } .gsHeadlines .news a .RSSItemDate { color: #FFF; font-weight:bold; } .gsHeadlines .news .RSSItem { margin-bottom: 8px; } /* philanthropy styles */ .subPageTopBar { background:url(https://www.hardrock.com/images/subpage_topbar.jpg) no-repeat; height:44px; padding: 20px 20px 0 30px; } .subPageTopBar { width: 510px; } .subPageTopBar .right { width:185px; } body.wide.philanthropy #outterContainer { background: url(https://www.hardrock.com/images/philanthropy/wide_philanthropy.jpg) no-repeat scroll center 0; } #philanthropyHeader { min-height:141px; } body.philanthropy #subPageRight .subNav { background: url(https://www.hardrock.com/images/philanthropy/phsplsh_purplebar.jpg) no-repeat; } body.philanthropy #subPageRight .subNav ul li a:hover { color: #421c25; } .philHeadlines { background: url(https://www.hardrock.com/images/philanthropy/philanthropy_headlines.jpg) no-repeat; height:400px; } .philHeadlines .container { margin: 0 auto; } .philHeadlines .title { height: 30px; color: #FFF; text-transform:uppercase; font-size: 16px; font-weight:bold; padding: 20px 20px 0px 20px; } .philHeadlines .news { padding: 10px 20px 20px 20px; } .philHeadlines .news a { color: #CCC; text-decoration:none; } .philHeadlines .news a:hover { color:#FFF; } .philHeadlines .news a .RSSItemDate { color: #FFF; font-weight:bold; } .philHeadlines .news .RSSItem { margin-bottom: 8px; } .philMerchDesc { padding: 4px 0; } .philMerchDesc a { color: #FFF; font-size:11px; text-decoration:none; } .philMerchDesc a:hover { color: #999; } .philanthropyHeaderTitle, .subPageHeaderTitle { left:22px; } .philSideboxTitle { width:190px; margin: 0 auto; padding: 12px 0 0 0; height: 22px; color: #FFF; font-size: 14px; text-transform:uppercase; text-align:center; font-weight:bold; } .philSlideShowTitle { text-align:left; margin-top: 4px; font-weight:bold; color:#FFF; } .philSlideShowDesc { text-align:left; } /*events popup*/ .eventsPopupContainer { width:577px; height: 635px; background: url(https://www.hardrock.com/images/newseventspopup/newspopBG.png) no-repeat scroll 0 0; } .eventsPopupHeader { background: url(https://www.hardrock.com/images/newseventspopup/eventpop_header.jpg) no-repeat; height:37px; width:534px; } /*event popup themes */ /*pinktober*/ .eventsPopupContainer.pinktober { background: url(https://www.hardrock.com/images/philanthropy/pinktober2011/poupBG.png) no-repeat scroll 0 0; } .eventsPopupContainer.pinktober .eventsPopupHeader { background: url(https://www.hardrock.com/images/philanthropy/pinktober2011/events_popup_header.jpg) no-repeat; } /*pinktober*/ .eventsPopupContainer.live { background: url(https://www.hardrock.com/images/live/livenewsBG.png) no-repeat scroll 0 0; } .eventsPopupContainer.live .eventsPopupHeader { background: url(https://www.hardrock.com/images/live/liveeventsDIV_header.gif) no-repeat; } /* end event popup themes */ /*news popup */ div.NewsTitle { font-weight: bold; font-size: 16px; margin-top: 4px; margin-bottom: 2px; color: #FFF; } div.NewsDate { font-size: 11px; margin-bottom: 12px; color: #999; } div.NewsDescription { padding-right: 15px; } body.newsPopup { font-family:"Lato", sans-serif, "Trebuchet MS" font-size: 12px; color: #c3c3c3; background: none; margin: 0; } .newsPopupContainer { width:577px; height: 635px; background: url(https://www.hardrock.com/images/newseventspopup/newspopBG.png) no-repeat scroll 0 0; } .newsPopupHeader { background: url(https://www.hardrock.com/images/newseventspopup/newspop_header.jpg) no-repeat; height:37px; width:534px; } /*popup themes */ /* live splash */ .newsPopupContainer.live { background: url(https://www.hardrock.com/images/live/livenewsBG.png) no-repeat scroll 0 0; } .newsPopupContainer.live .newsPopupHeader { background: url(https://www.hardrock.com/images/live/livenewsDIV_header.gif) no-repeat; } /*group sales */ .newsPopupContainer.groupsales { background: url(https://www.hardrock.com/images/groupsales/newspopBG.png) no-repeat scroll 0 0; } .newsPopupContainer.groupsales .newsPopupHeader { background: url(https://www.hardrock.com/images/groupsales/newspop_header.jpg) no-repeat; } /*pinktober */ .newsPopupContainer.pinktober { background: url(https://www.hardrock.com/images/philanthropy/pinktober2011/poupBG.png) no-repeat scroll 0 0; } .newsPopupContainer.pinktober .newsPopupHeader { background: url(https://www.hardrock.com/images/philanthropy/pinktober2011/news_popup_header.jpg) no-repeat; } /*philanthropy */ .newsPopupContainer.philanthropy { background: url(https://www.hardrock.com/images/philanthropy/poupBG.png) no-repeat scroll 0 0; } .newsPopupContainer.philanthropy .newsPopupHeader { background: url(https://www.hardrock.com/images/philanthropy/philanthropy_popup_header.jpg) no-repeat; } /*corporate */ .newsPopupContainer.corporate { background: url(https://www.hardrock.com/images/corporate/corpnewsBG.png) no-repeat scroll 0 0; } .newsPopupContainer.corporate .newsPopupHeader { background: url(https://www.hardrock.com/images/corporate/corpnews_header.jpg) no-repeat; } /*end popup themes */ body.newsPopup a:link, body.newsPopup a:active { color:#ffffff; text-decoration:underline; } body.newsPopup a:hover, body.newsPopup a:visited { color:#d3d3d3; } body.newsPopup #footer { text-align:center; height: 39px; color: #666; background:none; min-height: 0; } /* locations */ .locatorLocations .regionHeader { background-color: #1B1B1B; padding: 6px 8px; margin-bottom: 8px; position:relative; } .suggestedSearch a { text-decoration:underline; } .locationsNoResultsFound { margin-bottom:12px; } .regionContainer { display:none; } .selectedRegion .regionContainer, .regionContainer.search, .regionContainer.show { display:block; } .locatorLocations .regionHeader .regionName { color: #FFF; font-size: 16px; font-weight:bold; float:left; width: 500px; text-transform:uppercase; } .locatorLocations .regionHeader .regionHide { float:right; text-align:right; font-weight:bold; padding-top: 3px; } .locatorLocations .regionHeader .regionHide a { text-transform:uppercase; color: #666; text-decoration:none; } .locatorLocations .countryHeader { text-transform:uppercase; font-weight:bold; padding: 4px 0; border-bottom: solid 1px #333; margin-bottom: 4px; } .locatorLocations .locations { margin: 12px 0; } .locatorLocations .location.simple { /*width: 25%; float:left;*/ } .locatorLocations .location.advanced, .locatorLocations .location.search { padding: 8px 0; border-top:1px solid #333333; } .locatorLocations .location.advanced.first, .locatorLocations .location.search.first { border:none; } .locatorLocations .location.advanced .locationIconNumber { display:none; } .locatorLocations .location a { text-decoration:none; } .location a .prefix { text-transform:uppercase; color:#CCC; font-weight:bold; } .locatorLocations .location a .name { text-transform:uppercase; color:#fff; font-weight:bold; } .locatorLocations .location.cafe a { color: #ccc; } .locatorLocations .location.cafe a:hover { color: #FFF; } .locatorLocations .location.live a { color: #1c93df; } .locatorLocations .location.bar a { color: #bb9117; } .locatorLocations .location.live a:hover { color: #70c7ff; } .locatorLocations .location.bar a:hover { color: #e8bb38; } .locatorLocations .location.cafe a:hover { color: #FFF; } .locatorLocations .location.hotel a { color: #8876CA; } .locatorLocations .location.hotel a:hover { color: #AB89FF; } .findLocationDirections { font-size:11px; color: #333; } .filterOptionText { bottom: 2px; position: relative; } .locationsSearchFilter { background:url(https://www.hardrock.com/images/locations/search_BG.jpg) no-repeat; width:189px; height:311px; } .locationsSearchFilter .locationSearch { height: 142px; } .locationsSearchFilter .locationSearch .container { padding:17px; } .locationsSearchFilter .locationFilter .container { padding:17px; } .locationsSearchFilter .locationFilter { height:170px; } .locationFilterTable { position:relative; left:-4px; } .locationFilterTable td { color: #fff; } .locationIconNumber { position:absolute; left: 5px; top: 2px; font-weight:bold; font-size:12px; width: 14px; height: 13px; text-align:center; display:block; } /*location map styles */ .mapInfoDivider { border-bottom:solid 1px #ccc; height:1px; padding: 6px 0; margin-bottom: 6px; } .mapLocationInfoContainer { border-bottom: solid 1px #ccc; margin-bottom: 4px; } .mapInfo { color: #666; } .mapInfo a { color: #666; } .mapInfo a:hover { color: #999; } img.mapInfoClose { width: 18px; height:19px; cursor:pointer; } .mapInfoTopDiv { text-align:right; position:absolute; top:9px; right:9px; } .mapInfoContentDiv { padding:20px; } .mapLocationType { color: #989898; font-size:11px; } .mapLocationName { font-weight:bold; color: #000; text-transform:uppercase; margin-bottom:0px; } .mapLocationThumb { float:left; width:88px; min-height: 67px; margin-top:2px; } .mapLocationInfo { float:left; width:150px; line-height:14px; position:relative; top:-3px; min-height:82px; } .mapLocationActionLinks { /*margin-bottom:4px;*/ height:42px; } .mapLocationActionLinks a,.mapLocationActionLinks { font-size:11px; } .mapLocationAddress, .mapLocationPhone, .mapLocationVisit { font-size: 11px; } .mapLocationSocial { padding:5px; background-color:#E4E4E2; } .mapLocationSocial img { vertical-align:top; } /* directions */ .directionsContainer { display:none; border-top:1px solid #333333; padding:12px 0; margin-top: 8px; /*position:relative;*/ } img.directionsClose { position:absolute; top:0; right:0; } #directionsLocation img.directionsClose { display:none; } #directionsLocation { margin-bottom: 12px; position:relative; } #directionsLocation.hasDirections { padding-top: 12px; } .location.dir .directionsContainer { display:block; } .directionsContainer .container { background-color: #000; /*padding:20px 12px; position:relative;*/ } .directionsContainer .container .directionsForm { background-color: #1b1b1b; padding:20px 12px; } /* google directions styles &*/ .adp-list { background-color: #1b1b1b; border:none; } .adp-listsel { background-color: #333; } .adp-placemark { background-color: #1b1b1b; border:none; color: #CCC; } .adp-text { padding-left: 5px; } .adp-summary,.adp-directions { margin: 0 auto; width:655px; } .adp-step, .adp-stepicon, .adp-substep { border-top-color:#333; } /*Live */ .featuredEventBox{ background-color: #2F2F2F; padding: 20px 80px; position:relative; } .eventItem { min-height: 82px; border-top: solid 1px #484848; padding: 18px 0; } #fbNewsList li { padding: 8px 0; border-bottom: solid 1px #6B7A81; } .EventItemButtonText { position:absolute; top:4px; left:0; width: 86px; height: 42px; text-align:center; display:block; padding: 5px; font-size: 11px; } .eventItemThumb{width:140px;} .eventItemTitle{width:230px;} .eventItem.wide .eventItemTitle{width:438px;} .eventItemActions{width: 100px;} .photoAlbumItem { background-color:#1A1A1A; width:160px; height:160px; } #liveEventPopup, #liveEventPopup * { z-index:1000; } body.liveOrlando #subPageContent { padding-bottom: 45px; } body.liveEventPopup { margin:0; background-color: transparent; color:#CCC; font-family:"Lato", sans-serif, "Trebuchet MS" font-size:12px; } body.liveEventPopup a { color:#FFF; text-decoration:underline; } body.liveEventPopup a:hover { color:#CCC; text-decoration:underline; } body.liveEventPopup .eventTitle, .liveEventDetails .eventTitle { font-weight: bold; color:#FFF; display:block; } body.liveEventPopup .eventLabel, .liveEventDetails .eventLabel { color: #999; font-weight:bold; text-transform:uppercase; } body.liveEventPopup .eventSpacer, .liveEventDetails .eventSpacer { padding: 8px 0; } body.liveEventPopup a { color: #ccc; } body.liveEventPopup a:hover { color: #FFF; } body.liveEventPopup #stwrapper { top: 200px !important; } /*news popup photo gallery */ div.postPhotoGallery{ background-color:#111111; padding: 14px; position:relative; } .postPhotoGallery .title { text-transform:uppercase; padding: 0 0 4px 4px; } .postPhotoGallery .photo { float:left; width: 25%; height: 85px; overflow:hidden; text-align:center; } .postPhotoGallery .photo.first { clear:both; } .postPhotoGallery .photo.last { } /*corporate styles */ #logoPopup { background: url(https://www.hardrock.com/images/corporate/corp_logosDIVBG.png) no-repeat scroll 0 0; width:583px; height: 737px; } #logoPopup .container { width:534px; padding: 24px 0 0 0; margin: 0 auto; } #logoPopup .container .content { padding: 14px; width:490px; } .logos .logo { margin: 0 11px; } .logos .logo.first,.logos .logo.last { margin: 0; } .divlogos { padding: 0px 12px; } .divlogos .logo { vertical-align:middle; margin-right:30px; margin-left: 12px;*/ } .divlogos .logo.first { margin-left: 12px; margin-right:30px; } .divlogos .logo.last { } #logoPopup.logoOptions tr td { padding-bottom:20px; } #logoPopup .formLabel{width: 80px; float:left;} #logoPopup .formInput{width: 185px; float:left;} #logoPopup .formSpacer{clear:both; padding:0px 0;} /* carousel text */ .blockHeading { font-size:18px; text-transform:uppercase; line-height: 19px; } .blockText { text-transform:uppercase; font-size:11px; margin-top:6px; line-height: 12px; } /* Added by BG - Start */ #activateProgramPanel { width:924px; min-height:393px; height:auto; position:relative; background-color:#7c652f; margin-left:30px; } #activateLeftColumn { position:absolute; left:100px; top:28px; width:200px; height:auto; } #activateRightColumn { position:absolute; height:auto; left:370px; top:28px; width:225px; padding:0 0 0 25px; } #activateComparisonTable { border:2px solid #8b7541; min-height:332px; height:auto; width:475px; position:relative; margin:0 0 0 25px; } #activateComparisonTableColumnContainer { background:url(../images/bgComparisonTableColumns.png) no-repeat transparent bottom; position:absolute; top:0; left:225px; height:99.0%; width:250px; z-index:114; overflow:visible;} #activateComparisonTableColumnContainer #comparisonTableColumn1 { position:absolute; top:0; left:0px; height:auto; width:115px; z-index:115; text-align:center; color:#fff;} #activateComparisonTableColumnContainer #comparisonTableColumn2 { position:absolute; top:0; left:138px; height:auto; width:114px; z-index:115; text-align:center; color:#fff;} #joinButtonContainer { background-color:#000; width:473px; height:69px; position:absolute; padding-top:0px; font-size:12px; color:red; left:-48px; top:236px; } #joinButtonContainer #joinButtonBottom1 { background:url(../images/bgRewardsProgramInfoContainerBottomButton.png) no-repeat; width:113px; height:56px; position:absolute; top:0px; left:225px; padding-top:14px; font-size:16px; font-weight:bold; text-align:center; z-index:116; } #joinButtonContainer #joinButtonBottom2 { background:url(../images/bgRewardsProgramInfoContainerBottomButton.png) no-repeat; width:112px; height:56px; position:absolute; top:0px; left:362px; padding-top:14px; font-size:16px; font-weight:bold; text-align:center; z-index:116; } #joinButtonContainer .joinButton input { display:block; background:url(../images/buttonJoin.png) no-repeat; border:none; width:100px; height:32px; margin:0px auto; text-align:center; text-transform:uppercase; color:#fff; font-size:12px; font-weight:bold; padding-top:2px; text-decoration:none; outline:none;} #joinButtonContainer .joinButton input:hover { background:url(../images/buttonJoinOver.png) no-repeat; border:none; width:100px; height:32px; margin:0px auto; text-align:center; text-transform:uppercase; color:#fff; font-size:12px; font-weight:bold; padding-top:2px; } #activateComparisonTableHeadContainer { width:447px; height:93px; background:url(../images/bgRewardsProgramContainerRow1.png) repeat-x; color:#fff; z-index:110; padding:19px 0 0 28px; } #activateComparisonTableHeadContainer h3 { color:#fff; font-size:16px; text-transform:uppercase; margin:0;} #activateComparisonTableHeadContainer span.heading { display:block; width:175px; line-height:28px;} #activateComparisonTableInfoContainer { width:475px; min-height:150px; height:auto; position:relative; z-index:100; background:url(../images/bgRewardsProgramContainer.png) repeat; } #activateComparisonTableRows { width:225px; height:21px; z-index:111; color:#fff; padding:9px 0 0 30px; } #activateComparisonTableColumnContainer .checkContainer { } #activateComparisonTableColumnContainer .checkContainer p { display:block; height:20px; padding-top:10px; margin:0; } .activationErrors { width:300px; height:auto; top:20px; position:relative; border:solid 1px red; z-index:116; } input.activateNow { background:url(../images/buttonActivateNow.png) no-repeat; width:168px; height:48px; text-align:center; padding-bottom:5px; border:none; font-size:16px; font-weight:normal; color:#fff; text-transform:uppercase; cursor:pointer; margin-left:0px; position:relative;} input.activateNow:hover { background:url(../images/buttonActivateNowOver.png) no-repeat;} input.cancel { background:url(../images/buttonCancel.png) no-repeat; width:94px; padding-right:2px; height:33px; text-align:center; color:#fff; border:none; text-transform:uppercase; font-size:14px; cursor:pointer; padding-bottom:7px; margin:0 0 0 37px; position:relative;} input.cancel:hover { background:url(../images/buttonCancelOver.png) no-repeat;} input.continuePaypal { background:url(../images/buttonContinueToPaypal.png) no-repeat; width:209px; padding-right:3px; height:49px; text-align:center; padding-bottom:5px; border:none; font-size:16px; font-weight:normal; color:#fff; text-transform:uppercase; cursor:pointer; margin-left:0px; margin-right:-15px;} input.continuePaypal:hover { background:url(../images/buttonContinueToPaypalOver.png) no-repeat;} td.myRewardsTableResultsContainerColInner1 { float:left; width:125px; padding-top:2px;} td.myRewardsTableResultsContainerColInner2 { float:left; width:362px;} td.myRewardsTableResultsContainerColInner3 { float:left; width:115px; padding-top:4px;} td.myRewardsTableResultsContainerColInner4 { float:left; width:40px;} #myRewardsTableResultsContainer { margin-bottom:10px; border-bottom:solid 1px #333; } .requestMemberRewardsContainer div tr { float:left; height:35px; width:665px; padding:9px 0px 0px 20px; color:#fff; } .requestMemberRewardsContainer div tr.on { background:#272727;} .requestMemberRewardsContainer div tr.off { background:none; height:45px;} .requestMemberRewardsContainer div tr.expired { color:#666;} /*.PagerContainer { float:left; width:685px; height:45px; padding:0 0 0 0; } .RewardsPager { margin-top:10px; margin-left:0px; border-top:1px solid #666; height:35px; width:685px; padding:9px 0 0 0; text-align:right; }*/ .RewardsPager a.textLinkPage1 { color:#fff; text-decoration:none; padding:0 5px 0 5px; } .RewardsPager a.textLinkPage1:hover { color:#ccc; text-decoration:none; padding:0 5px 0 5px; } .RewardsPager a.textLink2 { color:#fff; text-decoration:none; padding:0 5px 0 5px; border-left:1px solid #666; } .RewardsPager a.textLink2:hover { color:#ccc; text-decoration:none; padding:0 5px 0 5px; border-left:1px solid #666; } /* #requestMemberRewardsContainer div tr.rewardPager { display:none; } */ #rewardsCardBarCode { width:257px; height:107px; margin:0 auto;} #loginContentContainer #rewardsBenefitsContainer { position:absolute; top:0px; left:472px; width:457px; height:387px;} #myAccountButtonContainer { position:absolute; bottom:32px; left:30px; width:165px;} /*#myAccountButton a {display:block; background:url(../images/buttonMyAccount.png) no-repeat; text-decoration:none !important; color:#fff; width:135px; height:38px; text-align:center; font-size:16px; text-transform:uppercase; font-weight:bold; padding-top:8px; top:3px;} #myAccountButton a:hover { background:url(../images/buttonMyAccountOver.png) no-repeat;}*/ #myAccountButtonContainer #completeProfileContainer { position:absolute; bottom:12px; left:150px; width:300px; color:#fff; letter-spacing:0.3px; font-size:12px;} #myAccountButtonContainer #completeProfileContainer a { color:#fff; } #myAccountButtonContainer #completeProfileContainer a:hover { color:#ccc; } /* Original Navigation Classes #rewardsLeftNav { padding:20px 0 20px 20px; width:180px; height:auto; font-size:12px; text-transform:uppercase; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.10, #676767), color-stop(0.90, #817e7e) ); background-image: -moz-linear-gradient(center bottom, #676767 10%,#817e7e 90% ); background-image: -o-linear-gradient(90deg,rgb(129,126,126),rgb(103,103,103)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#817e7e', endColorstr=’#676767’); /* for IE *//* background-color:#676767; } #rewardsLeftNav ul li { list-style:none; line-height:20px; }*/ /* Updated Navigation for LN - Start */ #rewardsLeftNav { padding:20px 0 20px 20px; width:180px; height:auto; font-size:12px; text-transform:uppercase; /*background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.10, #676767), color-stop(0.90, #817e7e) ); background-image: -moz-linear-gradient(center bottom, #676767 10%,#817e7e 90% ); background-image: -o-linear-gradient(90deg,rgb(129,126,126),rgb(103,103,103)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#817e7e', endColorstr=’#676767’); /* for IE */ background-color:#676767; } #rewardsLeftNav ul li { list-style:none; line-height:20px; } #rewardsLeftNav ul li div { font-size:12px; font-weight:normal; } #rewardsLeftNav ul li a.Current { background:#dedcdd; color:#000; margin-top:1px; margin-left:1px; } /* Updated Navigation for LN - End */ /* Header - Start */ .searchBox_nav .rmRootGroup li.searchBox { left:-40px; } #header { z-index:999; } #header #pageTitleAcctAlert { float:right; position:absolute; bottom:15px; right:25px;} #header .pageTitleAcctAlert { float:right; position:absolute; bottom:15px; right:25px;} #header .pageTitleAcctAlert a { text-decoration:none; } #header .AcctAlertRenew { float:right; background:url(../images/acct-alert-hm-2.png) no-repeat scroll 0 0; width:213px; height: 31px; color:#fff; padding:7px 0 0 23px; text-transform:uppercase; font-size:9px; } #header .AcctAlertGrace { float:right; background:url(../images/acct-alert-hm-grace-2.png) no-repeat scroll 0 0; width:213px; height: 31px; color:#fff; padding:7px 0 0 23px; text-transform:uppercase; font-size:9px; } /* Header - End */ /* Footer - Start */ #bottomBar .container .inner .leftSection { position: relative; padding:10px 0; width:400px; float:left; } /* Footer - End */ /* Fixed Footer - Start */ .bottomBarBG { z-index:10001; } .jspContainer { position:relative; overflow:hidden; z-index:1; } .jspTrack { position:absolute; cursor:pointer; right:0; top:0; height:100%; background:url(https://www.hardrock.com/images/bot_drp_scrolltrack.gif) repeat-y scroll 0 0; } .jspDrag { position:absolute; background:url(https://www.hardrock.com/images/bot_drp_scrollbar.gif) no-repeat scroll 0 0; height:20px; cursor:pointer; overflow:hidden; left:0px; border-bottom:solid 1px #999; } .jspDragTop { position:absolute; top:0; left:0; overflow:hidden; } .jspDragBottom { position:absolute; bottom:0; left:0; overflow:hidden; } a.jspArrowUp { display:block; position:absolute; z-index:1; top:0; right:0; text-indent:-2000px; overflow:hidden; background:url(https://www.hardrock.com/images/botdrp_arrowup.gif) no-repeat scroll 0 0; height:9px; } a.jspArrowUp:hover { /*background-color: #f60;*/ } a.jspArrowDown { display:block; position:absolute; z-index:1; bottom:0; right:0; text-indent:-2000px; overflow:hidden; background:url(https://www.hardrock.com/images/bot_drp_arrowdown.gif) no-repeat scroll 0 0; height:9px; } a.jspArrowDown:hover { /*background-color: #f60;*/ } a.jspActiveArrowButton, a.jspActiveArrowButton:hover { /*background-color: #f00;*/ } /* Fixed Footer - End */ #rewardsTwoColumnRight { float:right; width:770px;} /* Landing Page - Start */ #activateContainer #socialContainer { position:absolute; top:10px; right:40px; font-size:12px; color:#fff;} #activateContainer #socialContainer ul { list-style:none; height:20px;} #activateContainer #socialContainer ul li { float:left; height:auto; } #activateContainer #socialContainer ul li.welcome { background:url(../images/smallDivider.png) no-repeat right; padding-right:10px; color:#ccc; } #activateContainer #socialContainer ul li.logout { padding:2px 0 0 4px; color:#fff; } #activateContainer #socialContainer ul li.logout a { color:#fff; text-decoration:none; } #activateContainer #socialContainer ul li.logout a:hover { color:#ccc; text-decoration:none; } #activateContainer #socialContainer ul li.social { padding-left:9px;} #cafeRewardsMainContentContainer #programBenefitsContainer { top:175px; } /* Landing Page - End */ /* Rewards Home - Start */ /* #rightColumnInfoContainerRewardsInfo span.rewardCount { width:31px; display:inline-block; text-align:right; } */ /* Rewards Home - End */ /* Registration - Start */ .errorMsgBlock {width:173px; min-height:53px; background:#635128; margin-top:23px; padding:9px 10px 9px 10px; position:relative; font-size:12px;} #joinVIPButton2 a { background:url(../images/buttonJoinVIP2.png) no-repeat; width:160px; height:30px; text-transform:uppercase; color:#fff; font-size:12px; display:block; text-decoration:none; text-align:center; padding-top:8px; } #joinVIPButton2 a:hover { background:url(../images/buttonJoinVIP2Over.png) no-repeat;} #signupPageTermsContainer3 a { color:#ccc; text-transform:uppercase; font-size:10px; text-decoration:none;} #signupPageTermsContainer3 a:hover { color:#fff; text-transform:uppercase; font-size:10px; text-decoration:none;} #bottomBulletsContainer2 { height:auto; } .lightGrey { color:#999;} .offersSection { margin:15px 0 0 -2px; padding:0 0 5px 5px; background-color:#493a1c; min-height:55px; width:400px; } #signupChecks2 { border-bottom:1px solid #423312; } /*#333*/ /* Registration - End */ /* Join Paid 2 - Start */ input.apply { background:url(../images/buttonApply.png) no-repeat; width:55px; padding-right:2px; height:24px; text-align:center; padding-bottom:5px; border:none; font-size:10px; font-weight:normal; color:#fff; text-transform:uppercase; cursor:pointer; margin-left:0px;} input.apply:hover { background:url(../images/buttonApplyOver.png) no-repeat;} input.purchaseMembership { background:url(../images/buttonPurchaseMembership.png) no-repeat; width:212px; padding-right:4px; height:50px; text-align:center; padding-bottom:5px; border:none; font-size:16px; font-weight:normal; color:#fff; text-transform:uppercase; cursor:pointer; margin-left:0px; margin-top:6px; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif} input.purchaseMembership:hover { background:url(../images/buttonPurchaseMembershipOver.png) no-repeat;} /* Join Paid 2 - End */ /* Paid Confirmation - Start */ #invoiceSummaryContainer span.invoiceSummaryDetail { width:280px;} /* Paid Confirmation - End */ /* Profile Pages - Start */ input.personalInfo { background:url(../images/button_personalInformation.png) no-repeat; width:172px; height:33px; text-align:center; border:none; font-size:12px; color:#fff; text-transform:uppercase; cursor:pointer; margin:0px; padding-bottom:4px; padding-top:1px; font-weight:bold; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif;} input.personalInfo:hover {background:url(../images/button_personalInformationOver.png) no-repeat;} input.rewardsHome { background:url(../images/buttonSaveChanges.png) no-repeat; width:132px; height:34px; text-align:center; border:none; font-size:12px; color:#fff; text-transform:uppercase; cursor:pointer; margin:0px; padding-bottom:4px; padding-top:1px; font-weight:bold; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif;} input.rewardsHome:hover {background:url(../images/buttonSaveChangesOver.png) no-repeat;} input.changePassword { background:url(../images/button_changePassword.png) no-repeat; width:123px; height:28px; text-align:center; border:none; font-size:10px; color:#fff; text-transform:uppercase; cursor:pointer; margin:0px; padding-bottom:4px; padding-top:1px; padding-right:3px; font-weight:bold; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif;} input.changePassword:hover {background:url(../images/button_changePasswordOver.png) no-repeat;} input.saveChanges { background:url(../images/buttonSaveChanges.png) no-repeat; width:132px; height:34px; text-align:center; border:none; font-size:12px; color:#fff; text-transform:uppercase; cursor:pointer; margin:0px; padding-bottom:4px; padding-top:0px; padding-right:4px; font-weight:bold; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif;} input.saveChanges:hover {background:url(../images/buttonSaveChangesOver.png) no-repeat;} input.addToList { background:url(../images/buttonAddToList.png) no-repeat; width:100px; padding-right:4px; height:27px; text-align:center; border:none; font-size:10px; color:#fff; text-transform:uppercase; cursor:pointer; margin:0px; padding-bottom:4px; padding-top:1px; font-weight:bold; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif;} input.addToList:hover {background:url(../images/buttonAddToListOver.png) no-repeat;} input.addressBookEditButton { background:url(../images/buttonApply.png) no-repeat; width:55px; padding-right:2px; height:24px; text-align:center; border:none; font-size:10px; color:#fff; text-transform:uppercase; cursor:pointer; padding-bottom:7px; padding-top:2px; font-weight:normal; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif;} input.addressBookEditButton:hover { background:url(../images/buttonApplyOver.png) no-repeat;} input.addressBookDeleteButton { background:url(../images/buttonApply.png) no-repeat; width:55px; padding-right:2px; height:24px; text-align:center; border:none; font-size:10px; color:#fff; text-transform:uppercase; cursor:pointer; padding-bottom:7px; padding-top:2px; font-weight:normal; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif;} input.addressBookDeleteButton:hover { background:url(../images/buttonApplyOver.png) no-repeat; } input.editAddress { background:url(../images/button_addressbookadd_edit.png) no-repeat; width:54px; padding-right:2px; height:25px; text-align:center; border:none; font-size:10px; color:#fff; text-transform:uppercase; cursor:pointer; margin:0px; padding-bottom:4px; padding-top:1px; font-weight:normal; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif;} input.editAddress:hover {background:url(../images/button_addressbookadd_editOver.png) no-repeat;} input.changeEmail { background:url(../images/buttonChangeEmailAddress.png) no-repeat; width:139px; padding-right:3px; height:34px; text-align:center; border:none; font-size:12px; color:#fff; text-transform:uppercase; cursor:pointer; margin:0px; padding-bottom:7px; padding-top:1px; font-weight:bold; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif;} input.changeEmail:hover {background:url(../images/buttonChangeEmailAddressOver.png) no-repeat;} input.browse { background:url(../images/buttonBrowse.png) no-repeat; width:81px; height:28px; text-align:center; border:none; font-size:12px; color:#fff; text-transform:uppercase; cursor:pointer; margin:0px; padding-bottom:4px; padding-top:1px; font-weight:bold; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif;} input.browse:hover {background:url(../images/buttonBrowseOver.png) no-repeat;} input.saveChanges2 { background:url(../images/buttonSaveChanges2.png) no-repeat; width:100px; padding-right:3px; height:28px; text-align:center; border:none; font-size:12px; color:#fff; text-transform:uppercase; cursor:pointer; margin:0px; padding-bottom:7px; padding-top:1px; font-weight:bold; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif;} input.saveChanges2:hover {background:url(../images/buttonSaveChanges2Over.png) no-repeat;} .personalLeft input .changePassword, .personalRight input.changePassword { height:28px !important; font-size:10px; color:#fff;} #profilePersonalContainer #primaryAddressBlock #personalRight1 {padding-top:10px;} #profilePersonalContainer #primaryAddressBlock #personalRight2 {padding-top:10px;} #profilePersonalContainer #primaryAddressBlock #personalRight3 {padding-top:10px;} #profilePersonalContainer #primaryAddressBlock #personalRight4 {padding-top:10px;} #profilePersonalContainer #primaryAddressBlock #personalRight5 {padding-top:10px;} #profilePersonalContainer #primaryAddressBlock2 #personalRight1 {padding-top:10px;} #profilePersonalContainer #primaryAddressBlock2 #personalRight2 {padding-top:10px;} #profilePersonalContainer #primaryAddressBlock2 #personalRight3 {padding-top:10px;} #profilePersonalContainer #primaryAddressBlock2 #personalRight4 {padding-top:10px;} #profilePersonalContainer #primaryAddressBlock2 #personalRight5 {padding-top:10px;} #profilePreferencesContainer { width:680px; color:#999; padding:0px 0 0px 0px; float:left; font-size:12px !important;} #profilePreferencesContainer #favMusicBlock { /*background:url(../images/bgFavoriteMusic.png) no-repeat bottom;*/ float:left; width:724px; height:174px; padding-left:18px; padding-top:0px;} #profilePreferencesContainer #roomPreferenceContainer { /*background:url(../images/bgRoomPreference.png) no-repeat bottom;*/ float:left; width:722px; height:auto; padding-left:18px; padding-top:20px; padding-bottom:20px;} #profilePreferencesContainer2 { width:680px; color:#999; padding:0px 0 0px 0px; float:left; font-size:12px !important;} #profilePreferencesContainer2 #favMusicBlock { /*background:url(../images/bgFavoriteMusic.png) no-repeat bottom;*/ float:left; width:724px; height:174px; padding-left:18px; padding-top:0px;} #profilePreferencesContainer2 #roomPreferenceContainer { /*background:url(../images/bgRoomPreference.png) no-repeat bottom;*/ float:left; width:722px; height:auto; padding-left:18px; padding-top:20px; padding-bottom:20px;} #addressBookContainer { width:690px; color:#999; padding:13px 0 0px 18px; float:left; margin-top:0px;} #addressBookContainer .addressBookData { width:725px; float:left; margin-top:10px; margin-bottom:20px;} .addressBookData .data { float:left; width:230px; margin-right:10px; margin-bottom:25px; min-height:250px; } .addressBookData .data h2 { color:#fff; font-size:12px; text-transform:uppercase; letter-spacing:0.2px; font-weight:normal;margin-bottom:9px; } .addressBookData .data p { line-height:16px;} .addressBookData .dataEmpty { float:left; width:130px; height:120px; border:2px dashed #666; padding:82px 20px 0; text-align:center; text-transform:uppercase; display:block; } .addressBookData .dataEmpty:hover { border:2px dashed #d8a520; color:#d8a520; cursor:pointer;} .personalLeft input, .personalRight input { height:16px !important; font-size:12px; color:#333;} .personalLeft select, .personalRight select { height:20px !important; font-size:12px; color:#333;} .profileAddressBookBlock { text-align:left; } .profileAddressBookBlock p { text-align:left; white-space:nowrap; } #profileCommunicationContainer p.pWhite { color:#fff; } #profileCommunicationContainer p.pGray { color:#999; } #profileCommunicationContainer p.pLightGray { color:#ccc; } /* Profile Pages - End */ /* Request Credit - Start */ /*#rightColumnCustomerCareContentContainer*/ .RequestCreditSearchLink:nth-of-type(1) { background:url(../images/buttonRequestcredit.png) no-repeat; width:129px; padding:5px 0 7px 0; margin-top: 20px; border:none; color: #fff; text-decoration: none; text-align: center; display:block; text-transform:uppercase; font-size:12px;} /*#rightColumnCustomerCareContentContainer*/ .RequestCreditSearchLink:nth-of-type(2) { display: none; } #RequestCreditContainer .ActionButtons a { display:none; } /*#RequestCreditContainer .ActionButtons a:first-child { display:inline !important; padding:10px 20px 10px 20px; color:Black; background:url(../images/buttonRequestcredit.png) no-repeat; }*/ #RequestCreditContainer .ActionButtons a:first-child { background:url(../images/buttonRequestcredit.png) no-repeat; width:129px; padding:5px 0 7px 0; margin-top: 20px; border:none; color: #fff; text-decoration: none; text-align: center; display:block; text-transform:uppercase; font-size:12px;} #RequestCreditContainer .ActionButtons a:first-child:hover { background:url(../images/buttonRequestcreditOver.png) no-repeat;} #requestPointCreditContainer #requestPointCreditLeftColumn h2 { font-size:12px; } .RequestCreditLabel { color:#ccc; } /* Request Credit - End */ /* Forgot Password - Start */ /*#ForgotPasswordContainer a:nth-of-type(1) { background:url(../images/buttonRequestcredit.png) no-repeat; width:129px; padding:5px 0 7px 0; margin: 20px 0px 0px 0px; border:none; color: #fff; text-decoration: none; text-align: center; display:block; text-transform:uppercase; font-size:12px;}*/ /*#forgotPassContainer a:nth-of-type(1) { background:url(../images/buttonCustomerCare.png) no-repeat; width:77px; padding:7px 10px 15px 10px; height:32px; text-align:center; border:none; font-size:12px; color:#fff; text-decoration: none; text-transform:uppercase; cursor:pointer; margin-bottom:0px; font-weight:normal; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif;} #forgotPassContainer a:nth-of-type(1):hover {background:url(../images/buttonCustomerCareOver.png) no-repeat;}*/ #forgotPassContainer input.membershipHome { background:url(../images/buttonJoinVIP2.png) no-repeat; width:143px; padding-right:3px; height:38px; text-align:center; border:none; font-size:12px; color:#fff; text-transform:uppercase; cursor:pointer; margin:0px; padding-bottom:5px; padding-top:1px; font-weight:normal; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif;} #forgotPassContainer input.membershipHome:hover {background:url(../images/buttonJoinVIP2Over.png) no-repeat;} #forgotPassContainer a.membershipHome { background:url(../images/buttonJoinVIP2.png) no-repeat; width:143px; padding:7px 10px 15px 10px; height:38px; text-align:center; border:none; font-size:12px; color:#fff; text-decoration: none; text-transform:uppercase; cursor:pointer; margin-bottom:0px; font-weight:normal; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif;} #forgotPassContainer a.membershipHome:hover {background:url(../images/buttonJoinVIP2Over.png) no-repeat;} #forgotPassContainer a.continueButton { background:url(../images/buttonCustomerCare.png) no-repeat; width:77px; padding:7px 10px 15px 10px; height:32px; text-align:center; border:none; font-size:12px; color:#fff; text-decoration: none; text-transform:uppercase; cursor:pointer; margin-bottom:0px; font-weight:normal; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif;} #forgotPassContainer a.continueButton:hover {background:url(../images/buttonCustomerCareOver.png) no-repeat;} /* Forgot Password - End */ /* Join Activate - Start */ #sectionOne input { height:16px; width:188px;} /* Join Activate - End */ /* Activate Modal - Start */ #modalFormContainer input.activateSubmitButton { background:url(../images/buttonModalActivateSubmit.png) no-repeat; width:96px; height:32px; padding-top:0px; padding-right:3px; text-transform:uppercase; color:#fff; text-align:center; border:none; outline:none; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; display:block; text-decoration:none;} #modalFormContainer input.activateSubmitButton:hover { background:url(../images/buttonModalActivateSubmitOver.png) no-repeat;} #modalActivateContainer #modalActivateCloseButton input { background:url(../images/modalActivateCloseButton.png) no-repeat; height:26px; width:26px; position:absolute; top:0px; right:0px; text-decoration:none; text-indent:-99999px; z-index:20;} #modalActivateContainer #modalActivateCloseButton { background:url(../images/modalActivateCloseButton.png) no-repeat; height:26px; width:26px; position:absolute; top:0px; right:0px; text-decoration:none; text-indent:-99999px; z-index:20; cursor:pointer;} /* BG */ #modalActivateContainer #modalActivateCloseButton:hover { background:url(../images/modalActivateCloseButtonOver.png) no-repeat; z-index:20;} /* BG */ #modalActivateContainer #modalActivateCloseButton input:hover { background:url(../images/modalActivateCloseButtonOver.png) no-repeat; z-index:20;} #modalActivateContainerGrace #modalActivateCloseButtonGrace input { background:url(../images/modalActivateCloseButton.png) no-repeat; height:26px; width:26px; position:absolute; top:0px; right:0px; text-decoration:none; text-indent:-99999px; z-index:20;} #modalActivateContainerGrace #modalActivateCloseButtonGrace { background:url(../images/modalActivateCloseButton.png) no-repeat; height:26px; width:26px; position:absolute; top:0px; right:0px; text-decoration:none; text-indent:-99999px; z-index:20; cursor:pointer;} /* BG */ #modalActivateContainerGrace #modalActivateCloseButtonGrace:hover { background:url(../images/modalActivateCloseButtonOver.png) no-repeat; z-index:20;} /* BG */ #modalActivateContainerGrace #modalActivateCloseButtonGrace input:hover { background:url(../images/modalActivateCloseButtonOver.png) no-repeat; z-index:20;} #modalActivateContainerRenew #modalActivateCloseButtonRenew input { background:url(../images/modalActivateCloseButton.png) no-repeat; height:26px; width:26px; position:absolute; top:0px; right:0px; text-decoration:none; text-indent:-99999px; z-index:20;} #modalActivateContainerRenew #modalActivateCloseButtonRenew { background:url(../images/modalActivateCloseButton.png) no-repeat; height:26px; width:26px; position:absolute; top:0px; right:0px; text-decoration:none; text-indent:-99999px; z-index:20; cursor:pointer;} /* BG */ #modalActivateContainerRenew #modalActivateCloseButtonRenew:hover { background:url(../images/modalActivateCloseButtonOver.png) no-repeat; z-index:20;} /* BG */ #modalActivateContainerRenew #modalActivateCloseButtonRenew input:hover { background:url(../images/modalActivateCloseButtonOver.png) no-repeat; z-index:20;} /* Activate Modal - End*/ /* Customer Care - Start */ #customerCareForm { background:url(../images/bgCustomerCareForm.png) no-repeat; width:277px; min-height:387px; height:auto; position:absolute; top:67px; left:373px; padding:19px 20px 0 28px;} #customerCareForm input.customerCareButton { background:url(../images/buttonCustomerCare.png) no-repeat; width:87px; height:32px; border:none; font-size:12px; color:#fff; text-transform:uppercase; cursor:pointer; } #customerCareForm input.customerCareButton:hover { background:url(../images/buttonCustomerCareOver.png) no-repeat;} #rightColumnCustomerCareContentContainer { min-height:425px; } /* Customer Care - End */ /* Success Upgrade/Renew - Start */ #confirmationPageRewardsBenefitsContainer .rewardsRenewContainer { background:#413b30; color:#fff; padding:16px 15px 20px 15px; width:377px;} #confirmationPageRewardsBenefitsContainer .rewardsRenewContainer ul { margin-top:3px;} #confirmationPageRewardsBenefitsContainer .rewardsRenewContainer ul li { margin-left:18px; margin-top:5px; list-style-image:url(../images/signupPageBottomBullets.png);} /* Success Upgrade/Renew - End */ /* Signin - Start */ #memberSignInContainer input.signin {display:block; background:url(../images/buttonMyAccount.png) no-repeat; text-decoration:none !important; color:#fff; width:133px; padding-right:2px; height:35px; text-align:center; font-size:16px; text-transform:uppercase; font-weight:normal; padding-top:5px; :none; margin-top:5px; cursor:pointer; font-weight:normal; padding-bottom:6px; border:none;} #memberSignInContainer input.signin:hover {background:url(../images/buttonMyAccountOver.png) no-repeat;} #memberSignInContainerInnerLeftColumn { background:none;} /* Signin - end */ /* Confirmation Login - Start */ .smallAvatar { padding-bottom:4px; vertical-align:middle; margin-right:2px; } /* Confirmation Login - End */ /* My Transactions - Start */ #pointsFirstRow { padding:9px 0px 2px 20px; width:682px; float:left; text-transform:uppercase;} #pointsDataContainer { min-height:140px; height:auto; width:682px; overflow:auto; position:relative; padding:0px 0 10px 0; float:left; overflow:hidden; } #pointsDataContainer table { list-style:none; float:left;} #pointsDataContainer tr { float:left; height:27px; width:100%; padding:3px 0px 0px 20px; color:#ccc;} #pointsDataContainer tr.on { background:#272727;} #pointsDataContainer tr.off { background:none;} #pointsDataContainer tr.expired { color:#666;} #pointsFirstRowCol3 { float:left; width:225px;} #pointsFirstRowCol4 { float:left; width:75px;} #pointsFirstRowCol5 { float:left; width:110px;} #pointsFirstRowCol6 { float:left; width:90px;} .pointsFirstRowColInner1 { float:left; width:98px; padding-top:3px; text-transform:uppercase;} .pointsFirstRowColInner2 { float:left; width:70px;} .pointsFirstRowColInner3 { float:left; width:225px; padding-top:3px;} .pointsFirstRowColInner4 { float:left; width:75px; padding-top:3px;} .pointsFirstRowColInner5 { float:left; width:105px; padding-top:3px;} .pointsFirstRowColInner6 { float:left; width:80px; padding-top:3px; text-transform:uppercase;} #hotelFirstRow { text-transform:uppercase; } #hotelDataContainer { min-height:135px; height:auto; width:685px; overflow:auto; position:relative; padding:0px 0 10px 0; float:left; } #hotelDataContainer table { list-style:none; float:left;} #hotelDataContainer tr { float:left; height:23px; width:100%; padding:6px 0px 0px 20px; color:#ccc;} #hotelDataContainer tr.on { background:#272727; } #hotelDataContainer tr.off { background:none; } #hotelDataContainer tr.expired { color:#666;} .hotelFirstRowColInner1 { float:left; width:98px; text-transform:uppercase;} .hotelFirstRowColInner2 { float:left; width:564px;} /* My Transactions - End */ /* My Rewards - Start */ #myRewardsTableResultsContainerCol1 { float:left; width:125px; text-transform:uppercase;} #myRewardsTableResultsContainerCol2 { float:left; width:362px; text-transform:uppercase;} #myRewardsTableResultsContainerCol3 { float:left; width:115px; text-transform:uppercase;} #myRewardsTableResultsContainerCol4 { float:left; width:40px; text-transform:uppercase;} .gridEmptyDataText { color:#999; } .psRewardsText { display:block; float:left; padding-top:10px; line-height:15px; } .psRewardsCount { margin:7px 20px 0 0; color:#d5a21a; font-size:14px; } #rewardsSummaryContainer li.altRow { background:url(../images/bgRewardsSummaryTableOver.png) no-repeat; width:717px; height:64px; float:left; border:none;} #rewardsSummaryContainer li.altRow:hover { background:url(../images/bgRewardsSummaryTable.png) no-repeat; } /* My Rewards - End */ /* Language Box - Start */ /*#language { height:26px; text-align:left; padding-top: 8px; position:relative; z-index:10001; width: 50%; float: left; } #language select { background:transparent; background-color: #333; z-index:10001; width:150px; padding:2px 2px; font-size:11px; text-transform:uppercase; text-align:left; color:#ccc; cursor:pointer; } #language { width:175px; overflow: hidden; background: url(https://www.hardrock.com/images/mem_arrow.gif) no-repeat 98% 8px #333; cursor:pointer; }*/ #language { height:30px; text-align:left; padding-top:8px; position:relative; z-index:10010; width:50%; float:left; } #language select { border:0; width:175px; padding: 0px; font-size:11px; text-transform:uppercase; text-align:left; color:#ccc; cursor:pointer; height:20px; background:#333 url("https://www.hardrock.com/images/mem_arrow.gif") no-repeat; background-position-x:80%; background-position-y:8px; } /* background:transparent; background-color:#333; */ #language { width:150px; overflow:hidden; background:url(mem_arrow.jpg) 98% no-repeat right #fff; } #language select option:hover { color:#fff; background-color:rgb(102,102,102); } /*span.languageBox { width:105px; display:block; position:relative; right:0; background-color: #333; z-index:10001; text-align: left; } body.narrow span.languageBox { } ul li.languageBox a.rmLink { padding:2px 2px; display:block; background: url(https://www.hardrock.com/images/mem_arrow.gif) no-repeat 98% 8px; font-size: 11px; text-decoration:none; text-transform:uppercase; text-align:left; color:#CCCCCC; cursor:pointer; } ul li.languageBox a.rmExpanded,ul li.languageBox a:hover { color: #FFFFFF; } .radLanguageBox { width:110px; } .radLanguageBox ul li.languageBox:hover a.rmLink { background-image: url(https://www.hardrock.com/images/mem_arrow_over.gif); } .radLanguageBox ul li.languageBox { background: #333; text-align:left; } .radLanguageBox ul li.languageBox:hover { background: url(https://www.hardrock.com/images/mem_hoverBG.gif) repeat-x; } ul li.languageBox .menuContent { /*display:none; width:150px; height:50px; background:url(https://www.hardrock.com/images/mem_menu.png) no-repeat; text-align:left; padding-top: 12px; } ul li.languageBox .menuContent a.subMenuItemLink { color:#cccccc; } ul li.languageBox .menuContent a { display:block; margin: 0 4px 0 2px; } ul li.languageBox .menuContent a:hover { background-color: #666; color: #fff; } ul li.languageBox .promoCol, ul li.languageBox .socialButtons { display:none; } .radLanguageBox ul li.languageBox:hover .menuContent,.radLanguageBox ul li.languageBox .menuContentContainer:hover { display:block; } .languageBox_nav { width:99px; float:left; height:20px; } .languageBox_nav .rmRootGroup .rmSlide ul { } .languageBox_nav .rmRootGroup li.languageBox { height:22px; position:relative; left:-1px; }*/ /* Language Box - End */ a { outline: 0; } /* Visit Map Legend - Start */ #mapLegend, #mapResultsLegend {height:34px; float:left; background:url("../images/bgVisitMapLegend.png");} .legendContent { margin:8px 0 0 5px; } .legendContent .fa { position: relative; top: -3px; } .legendContent img { position:relative; margin:-8px 0 0 12px; vertical-align:middle; } .legendLabel { position:relative; text-transform:uppercase; font-size:13px; vertical-align:middle;padding-right: 25px; top: -4px;} /* Visit Map Legend - End */ /* Terms and Conditions - Start */ #termsPageContainer #mapsContainer { text-align:left; } /* Terms and Conditions - End */ /* Offers Page - Start */ .offersBlock .offerContentBlock span.image { margin-top:3px;} .offer1_copy { line-height:15px; } /* Offers Page - End */ /* Benefits Page - Start */ #benefitsPageContainer h2 { font-size:12px; } #benefitsPageContainer ul li { margin-top:5px; } /* Benefits Page - End */ /* Added by BG - End */ /* Overrides by BG - Start */ .modal-close, .mapInfoClose { background:url(../images/tooltipClose.png) no-repeat; width:6px; height:7px; } .cluetip-close { background:url(../images/tooltipClose.png) no-repeat; width:6px; height:7px; top:3px; } .modal-close:hover, .mapInfoClose:hover, .cluetip-close:hover { background:url(../images/tooltipCloseOver.png) no-repeat; } /* Css for Tooltips */ .ui-widget-content { border:none; } .rewardsTooltip input.removeVisit { background:url(../images/buttonRemoveVisit.png) no-repeat; width:100px; height:29px; text-align:center; border:none; font-size:10px; color:#fff; text-transform:uppercase; cursor:pointer; margin:0px; padding-bottom:4px; padding-top:1px; font-weight:normal; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif;} .rewardsTooltip input.removeVisit:hover {background:url(../images/buttonRemoveVisitOver.png) no-repeat;} .rewardsTooltip input.editVisit { background:url(../images/buttonRemoveVisit.png) no-repeat; width:100px; height:29px; text-align:center; border:none; font-size:10px; color:#fff; text-transform:uppercase; cursor:pointer; margin:0px; padding-bottom:4px; padding-top:1px; font-weight:normal; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif;} .rewardsTooltip input.editVisit:hover {background:url(../images/buttonRemoveVisitOver.png) no-repeat;} .rewardsTooltip input.addLocation { background:url(../images/buttonAddLocation.jpg) no-repeat; width:120px; height:29px; text-align:center; border:none; font-size:10px; color:#fff; text-transform:uppercase; cursor:pointer; margin:0px; padding-bottom:4px; padding-top:1px; font-weight:normal; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif;} .rewardsTooltip input.addLocation:hover {background:url(../images/buttonAddLocationOver.jpg) no-repeat;} .rewardsTooltip input.saveEditLocation { background:url(../images/buttonRemoveVisit.png) no-repeat; width:99px; height:29px; text-align:center; border:none; font-size:10px; color:#fff; text-transform:uppercase; cursor:pointer; margin:0px; padding-bottom:4px; padding-top:1px; font-weight:normal; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif;} .rewardsTooltip input.saveEditLocation:hover {background:url(../images/buttonRemoveVisitOver.png) no-repeat;} .rewardsTooltip input.cancelLocation { background:url(../images/buttonRemoveVisit.png) no-repeat; width:99px; height:29px; text-align:center; border:none; font-size:10px; color:#fff; text-transform:uppercase; cursor:pointer; margin:0px; padding-bottom:4px; padding-top:1px; font-weight:normal; font-family:"Lato", sans-serif, "Trebuchet MS", Arial, Helvetica, sans-serif;} .rewardsTooltip input.cancelLocation:hover {background:url(../images/buttonRemoveVisitOver.png) no-repeat;} /* css starts for visit map page */ #visitMapPageContainer ul li { margin-top:0px;} /* .mapTableResultsContainer table { list-style:none; float:left; margin-left:0px;} .mapTableResultsContainer table tr { float:left; height:30px; width:665px; padding:9px 0px 0px 20px; color:#000; margin-top:0px;} .mapTableResultsContainer table tr.on { background:#272727;} .mapTableResultsContainer table tr.off { background:none;} .mapTableResultsContainer table tr.expired { color:#666;} */ .mapInfoDivider { border-bottom:solid 1px #ccc; height:1px; padding: 6px 0; margin-bottom: 6px; } .mapLocationInfoContainer { border-bottom: solid 1px #ccc; margin-bottom: 4px; } .mapInfo { color: #666; } .mapInfo a { color: #666; } .mapInfo a:hover { color: #999; } img.mapInfoClose { width: 6px; height:7px; cursor:pointer; } .mapInfoTopDiv { text-align:right; position:absolute; top:9px; right:9px; } .mapInfoContentDiv { padding:20px; } .mapLocationType { color: #989898; font-size:11px; } .mapLocationName { font-weight:bold; color: #000; text-transform:uppercase; margin-bottom:0px; } .mapLocationThumb { float:left; width:88px; min-height: 67px; margin-top:2px; } .mapLocationInfo { float:left; width:150px; line-height:14px; position:relative; top:-3px; min-height:82px; } .mapLocationActionLinks { /*margin-bottom:4px;*/ height:42px; } .mapLocationActionLinks a,.mapLocationActionLinks { font-size:11px; } .mapLocationAddress, .mapLocationPhone, .mapLocationVisit { font-size: 11px; } .mapLocationSocial { padding:5px; background-color:#E4E4E2; } .mapLocationSocial img { vertical-align:top; } /* Error Containers - Start */ #requestPointCreditContainer #requestPointCreditLeftColumn #errorContainer { margin-top:10px; margin-bottom:10px; background:#ffffcc; width:295px; color:#990000; display:block; padding:10px; border:1px solid #990000; font-size:12px; font-weight:normal; line-height:16px; } #memberSignInContainerInner #errorContainer { color:#a30004; background:#ffffcf; border:1px solid #a30004; width:195px; padding:3px 10px 2px 10px; margin:10px 0px 10px 0px; line-height:15px;} /* font-weight:bold; font-size:10px; */ #changeEmailContainer #errorContainer { color:#a30004; background:#ffffcf; border:1px solid #a30004; width:195px; padding:3px 10px 2px 10px; margin:10px 0px 10px 0px; line-height:15px;} /* font-weight:bold; font-size:10px; */ #requestPointCreditContainer #requestPointCreditLeftColumn #errorContainerRenew { margin-top:10px; margin-bottom:10px; background:#ffffcc; width:295px; color:#990000; display:block; padding:10px; border:1px solid #990000; font-size:12px; font-weight:normal; line-height:16px; } #memberSignInContainerInner #errorContainerRenew { color:#a30004; background:#ffffcf; border:1px solid #a30004; width:195px; padding:3px 10px 2px 10px; margin:10px 0px 10px 0px; line-height:15px;} /* font-weight:bold; font-size:10px; */ #changeEmailContainer #errorContainerRenew { color:#a30004; background:#ffffcf; border:1px solid #a30004; width:195px; padding:3px 10px 2px 10px; margin:10px 0px 10px 0px; line-height:15px;} /* font-weight:bold; font-size:10px; */ #requestPointCreditContainer #requestPointCreditLeftColumn #errorContainerGrace { margin-top:10px; margin-bottom:10px; background:#ffffcc; width:295px; color:#990000; display:block; padding:10px; border:1px solid #990000; font-size:12px; font-weight:normal; line-height:16px; } #memberSignInContainerInner #errorContainerGrace { color:#a30004; background:#ffffcf; border:1px solid #a30004; width:195px; padding:3px 10px 2px 10px; margin:10px 0px 10px 0px; line-height:15px;} /* font-weight:bold; font-size:10px; */ #changeEmailContainer #errorContainerGrace { color:#a30004; background:#ffffcf; border:1px solid #a30004; width:195px; padding:3px 10px 2px 10px; margin:10px 0px 10px 0px; line-height:15px;} /* font-weight:bold; font-size:10px; */ /* Error Containers - End */ /* Overrides by BG - End */ /* Added to compensate for main.css */ /* Navigation */ #navBar{ /*background: url(../images/navbar.jpg) no-repeat; */ width:928px; height: 46px; /*padding:10px 0 0 20px;*/ } ul.rmRootGroup { list-style:none; margin:0; padding:0; } ul.rmRootGroup li.main .rmLink, li.home .rmLink { font-size: 19px; color: #FFF; text-transform: uppercase; float:left; position:relative; cursor:pointer !important; } li.home .rmLink { height: 46px; width:100px; } ul.rmRootGroup li.main.rmLast { float:left; } ul.rmRootGroup li.main { padding: 0 13px; height:47px; } body.narrow ul.rmRootGroup li.main { padding: 2px; } ul.rmRootGroup li.main a.rmLink { font-size: 19px; color: #FFF; text-decoration:none; } body.narrow ul.rmRootGroup li.main a.rmLink { font-size: 15px; } ul.rmRootGroup li.main a.rmLink.linked { cursor:pointer; } ul.rmRootGroup li.main:hover { /*background-image: url(../images/arrow_over.gif);*/ /*background: url(../images/mainnav_mouseover_bg.jpg) repeat-x;*/ } ul.rmRootGroup li.home { /*background: url(../images/hardrocklogo.jpg) no-repeat;*/ width: 112px !important; height:46px; padding: 0; cursor:pointer; } body.narrow ul.rmRootGroup li.home { width: 108px !important; } ul.rmRootGroup li.home:hover { padding: 0; /*background: url(../images/hardrocklogo_over.jpg) no-repeat;*/ } ul.rmRootGroup li.main a.rmLink { padding:11px 13px; display:block; /*background: url(../images/navarrow.gif) no-repeat right 19px;*/ } ul.rmRootGroup li.main:hover a.rmLink { /*background-image: url(../images/navarrow_over.gif)*/ } .home .menuContent { /*background: url(../images/corp_dropBG.png) no-repeat;*/ width:193px; height: 259px; } .twoColRight .menuContent { /*background: url(../images/drpdwn_2_right.png) no-repeat;*/ width:438px; height: 306px; } .twoColLeft .menuContent { /*background: url(../images/drpdwn_2_left.png) no-repeat;*/ width:438px; height: 306px; } .threeColLeft .menuContent { /*background: url(../images/drpdwn_3_left.png) no-repeat;*/ width: 629px; height: 306px; } .twoColLeft .rmSlide { left:auto !important; right: -2px !important; /*left: -311px !important;*/ } .threeColLeft .rmSlide { left:auto !important; right: -2px !important; /* left: -519px !important;*/ } /* Navigation | drop down styles */ .menuContent { } .menuContent a.subMenuItemLink { font-size: 11px; display:block; padding: 2px 16px; text-decoration:none; text-transform:uppercase; } .menuContent span.header { padding: 3px 16px 0 18px; display:block; font-size: 11px; color: #848484; font-weight:bold; text-transform:uppercase; } .menuContent div.spacer { margin: 6px 16px; padding: 0px; height: 1px; border: none; } .content { width:720px; padding:18px 0 15px 20px; } li.main .menuContent div.spacer, li.searchBox .menuContent div.spacer { /*border-bottom: 1px solid #5C5C5C;*/ background-color: #5C5C5C; } li.home .menuContent div.spacer { /*border-bottom: 1px solid #CCC;*/ background-color: #CCC; } li.main .menuContent { color: #CCC; } li.main .menuContent .socialButtons{ margin: 0px 18px; padding-top: 8px; clear:both; } li.main .menuContent .socialButtons a{ margin-right: 6px; } li.main .menuContent a.subMenuItemLink { color: #CCC; } li.main .menuContent a.subMenuItemLink:hover { background-color: #666; color: #CCC; } li.home .menuContent a.subMenuItemLink { color: #333; } li.home .menuContent a.subMenuItemLink:hover { background-color: #ccc; color: #000; } /* Navigation | drop down | column 1 */ li.twoColLeft .menuContent .col1 { width: 189px; margin: 0 5px; padding: 8px 0 0 0; } li.twoColRight .menuContent .col1 { width: 189px; margin: 0 4px; padding: 8px 0 0 0; } li.twoColRight .menuContent .col1 { float:left; } li.threeColLeft .menuContent .col1 { width: 189px; margin: 0 5px 0 0; padding: 8px 0 0 0; float:right; } li.twoColLeft .menuContent .col1 { float:right; } li.home .menuContent .col1 { width: 189px; margin: 0 1px; padding: 8px 0 0 0; } /* Navigation | drop down | column 2 */ li.threeColLeft .menuContent .col2 { width: 189px; margin: 16px 3px 0 0px; padding: 8px 0 0 0; float:right; } /* Navigation | drop down | promo column */ .menuContent .promoCol .promoText { color: #ccc; text-align:left; margin:6px 16px; } .menuContent .promoCol .promoText a { color: #fff; } .menuContent .promoCol .promoText a:hover { color: #999; } li.threeColLeft .menuContent .promoCol { float:left; } .menuContent .promoCol{ padding-top: 38px; text-align:center; width: 236px; } .menuContent .promoCol .spacer { margin: 12px 16px 6px 16px; } li.twoColRight .menuContent .promoCol { margin-right: 2px; float:right; } li.twoColLeft .menuContent .promoCol { margin-left: 2px; float:left; } /*End Navigation Styles */ /* End main.css compensation */ /* Bootstrap.css Overwrites - Start */ /*.hrlogo.lg,#nav-logo{margin-left: 25px;}*/ /* Bootstrap.css Overwrites - End */