﻿body {
}

#doubleRewards.modal {
    width: 800px !important;
}

#instantRewards.modal {
    width: 800px !important;
}

#specialPromotionApplies.modal {
    width: 800px !important;
}

.drContentContainer {
    border-radius: 6px;
    border: 2px solid #9C9779;
    color: #474340;
}

.irContentContainer {
    border-radius: 6px;
    border: 2px solid #9C9779;
    background-color: #ffffff;
    color: #474340;
}

.drMainContentDiv {
    text-align: center;
    padding: 50px 75px 50px 75px;
}

.irMainContentDiv {
    text-align: center;
    padding: 50px 75px 20px 75px;
}

.inlineBlock {
    display: inline-block;
}

.verticalAlignMiddle {
    vertical-align: middle;
}

.redUnderline, .redUnderline:hover, .redUnderline:after {
    text-decoration: underline;
    color: #9E3A1B;
}

.darkRedUnderline {
    text-decoration: underline;
    color: #9b3214;
}

.purpleText {
    color: #9A4665;
}

.darkBlueText {
    color: #004960;
}

.darkRedText {
    color: #9b3214;
}

.darkGreyText {
    color: #474340;
}

.lineHeight100em {
    line-height:1em;
}

.lineHeight110em {
    line-height:1.1em;
}

.lineHeight28px {
    line-height: 28px;
}

.museoSans {
    font-family: 'msueo-sans' sans-serif;
}

.museoSlab {
    font-family: 'msueo-slab' serif;
}

.weight300px72 {
    font-size: 72px;
    font-weight: 300;
}

.weight500px14 {
    font-size: 14px;
    font-weight: 500;
}

.weight500px16 {
    font-size: 16px;
    font-weight: 500;
}

.weight500px18 {
    font-size: 18px;
    font-weight: 500;
}

.weight500px20 {
    font-size: 20px;
    font-weight: 500;
}

.weight500px21 {
    font-size: 21px;
    font-weight: 500;
}

.weight500px22 {
    font-size: 22px;
    font-weight: 500;
}

.weight500px24 {
    font-size: 24px;
    font-weight: 500;
}

.weight500px36 {
    font-size: 36px;
    font-weight: 500;
}

.weight500px14italic {
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
}

.weight500px18italic {
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
}

.weight500px24italic {
    font-size: 24px;
    font-weight: 500;
    font-style: italic;
}

.weight700px15 {
    font-size: 15px;
    font-weight: 700;
}

.weight900px18 {
    font-size: 18px;
    font-weight: 900;
}

.weight900px20 {
    font-size: 20px;
    font-weight: 900;
}

.weight900px24 {
    font-size: 24px;
    font-weight: 900;
}

.padding10 {
    padding: 10px;
}

.padding20 {
    padding: 20px;
}

.padding30 {
    padding: 30px;
}

.paddingLeft5 {
    padding-left: 5px;
}

.paddingLeft10 {
    padding-left: 10px;
}

.paddingLeft20 {
    padding-left: 20px;
}

.paddingLeft40 {
    padding-left: 40px;
}

.paddingTop0 {
    padding-top: 0px;
}

.paddingTop10 {
    padding-top: 10px;
}

.paddingTop20 {
    padding-top: 20px;
}

.paddingBottom5 {
    padding-bottom: 5px;
}

.paddingBottom10 {
    padding-bottom: 10px;
}

.paddingBottom15 {
    padding-bottom: 15px;
}

.paddingBottom20 {
    padding-bottom: 20px;
}

.drDivider {
    height: 1px;
    width: 100%;
    background-color: #9C9779;
    margin: 20px 0px 20px 0px;
}

.daysLeftDiv {
    width: 135px;
    height: 110px;
    display: inline-block;
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    margin: 0px;
}

.daysLeftDivSmall {
    width: 90px;
    height: 80px;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    margin: 0px 10px 0px 20px;
    border: 1px solid #cccccc;
}

.daysLeftDivLarge {
    width: 160px;
    height: 100px;
    display: inline-block;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    margin: 10px 20px 0px 20px;
    border: 1px solid #cccccc;
}

.daysLeftCount {
    color: #474340;
    background-color: #fff;
    font-size: 48px;
    font-weight: 300;
    line-height: 75px;
    width: inherit;
    height: 75px;
}

.daysLeftCountSmall {
    color: #474340;
    background-color: #fff;
    font-size: 36px;
    font-weight: 300;
    line-height: 50px;
    width: inherit;
    height: 50px;
}

.daysLeftCountLarge {
    color: #474340;
    background-color: #fff;
    font-size: 36px;
    font-weight: 300;
    line-height: 64px;
    width: inherit;
    height: 64px;
}

.daysLeftText {
    background-color: #9A4665;
    line-height: 35px;
    width: inherit;
    height: 35px;
}

.daysLeftTextSmall {
    background-color: #9A4665;
    line-height: 30px;
    width: inherit;
    height: 30px;
}

.daysLeftTextLarge {
    background-color: #9A4665;
    line-height: 36px;
    width: inherit;
    height: 36px;
}

.irDaysLeftDiv {
    width: 90px;
    height: 75px;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    font-weight: 300;
    margin: 0px 10px 0px 20px;
    border: 1px solid #9b9778;
}

.irDaysLeftCount {
    color: #474340;
    background-color: #fff;
    font-size: 36px;
    font-weight: 300;
    line-height: 45px;
    width: inherit;
    height: 45px;
}

.irDaysLeftText {
    background-color: #9b3214;
    line-height: 30px;
    width: inherit;
    height: 30px;
}

.ordersBoxDiv {
    width: 160px;
    height: 100px;
    display: inline-block;
    border: 1px solid #9b9778;
    border-radius: 8px;
    background: #e4e0c8;
    margin: 10px 20px 0px 20px;
}

.ordersTopText {
    font: 36px 'museo-slab', serif;
    font-weight: 500;
    line-height: 60px;
    width: inherit;
    height: 55px;
}

.ordersBottomText {
    font-size: 14px;
    font-weight: 500;
    width: inherit;
    height: 45px;
}

.arrowDownRed {
  width: 0; 
  height: 0; 
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  border-top: 8px solid #BE5741;
  margin: 0 auto;
}