/* Generic Styles */
.headerContainer {margin-bottom: 10px;} 
.headerContainer-Title {font-weight: bold; font-size: 20px; text-align: center; font-family: "Arial", sans-serif; padding-top:10px;}
.packageLandingPage-Container .headerContainer {background-color: #434A50;  background-repeat: no-repeat; background-position: center top; position: relative; overflow: visible; width: 100%; background-size: cover; margin-top:50px}

@media (min-width: 992px) {
    .packageLandingPage-Container .headerContainer { height:250px; margin-top: 0px}
}


/* Refer A Friend*/
#ReferFriend-Container .headerContainer {background-color: #062952; color: white; margin-bottom: 20px; padding: 20px 0;}
#ReferFriend-Container .redeemHeader {background-color: #062952; color: white; margin-bottom: 20px; padding: 20px 0;}
#ReferFriend-Container .headerContainer h1 {color: #f4c95b; font-weight: bold;}
#ReferFriend-Container .headerContainer-Inner {padding:10px 45px;}
#ReferFriend-Container .headerContainer-Title {color: white; font-weight: bold; font-size: 20px; text-align: center; border-bottom: 1px solid white; padding-bottom: 10px;}
#ReferFriend-Container .button-full-left {text-align: center;}
#ReferFriend-Container .button-full-right {text-align: center;}

#ReferFriend-Container .headerContainer-Banner {text-align: center; margin-bottom: 20px; margin-top: 10px; font-weight: bold; font-size: 20px; }
#ReferFriend-Container .headerContainer-Column {width:20%; float: left; text-align: center}
#ReferFriend-Container .headerContainerRow-Text {font-size:17px; font-weight: normal}
#ReferFriend-Container .headerContainer-FooterRow {text-align: center}

#ReferFriend-Container .refer-rewards-std-header {color: #062952; font-weight: bold}
#ReferFriend-Container .refer-rewards-enhanced-header {color: #F5CA51; font-weight: bold}
#ReferFriend-Container .refer-hr-line {border-color: #F5CA51 !important; border-top: 3px solid}

@media (min-width: 992px) {

    #ReferFriend-Container .headerContainer {background-image: url(../images/refer-banner.png); background-size: cover; height:320px;}
    #ReferFriend-Container .redeemHeader {background-image: url(../images/redeem-banner.png); background-size: cover; height:320px;}
    #ReferFriend-Container .headerContainer-Inner {height:250px;}
    #ReferFriend-Container .headerContainer-Content {height: 110px}
    #ReferFriend-Container .button-full-left {text-align: left;}
    #ReferFriend-Container .button-full-right {text-align: right;}
}

@media (min-width: 1268px) {

    #ReferFriend-Container .redeemHeader {background-image: url(../images/redeem-banner.png); background-size: cover; height:320px;}

}


#ReferFriend-HowItWorksContainer .headerContainerRow-Icon {padding-top:15px;}
#ReferFriend-HowItWorksContainer .headerContainerRow-Icon {padding-top:15px;}

#ReferFriend-HowItWorksContainer .headline {font-weight: bold; font-size: 14px}
#ReferFriend-HowItWorksContainer .number-circle {height: 30px; width: 30px}
#ReferFriend-HowItWorksContainer p {font-size: 12px}


#ReferFriend-DetailText p {font-size: 12px}

#ReferFriend-Container .detailsContainer ul {text-align:left}
#ReferFriend-Container .detailsContainer li {padding-bottom:5px}
#ReferFriend-Container #ReferFriend-IntroText {width:100%;}
#ReferFriend-Container #GetCode-BottomDiv {text-align: center; margin-bottom: 10px}

#ReferFriend-Container .card-back-lt-blue {background-color: #E7F3FE !important}


#ReferFriend-GetCode-Form {text-align: center}
#ReferFriend-GetCode-Form .inputRow {margin-bottom:15px; margin-top:35px;}
#ReferFriend-GetCode-Form .submitButton {margin-bottom:15px;}
#ReferFriend-GetCode-Form .startMakingMoney-Header {font-size: 16px; font-weight: bold}
#ReferFriend-GetCode-Form .myPromoCode {width:100%;}
#ReferFriend-GetCode-Form .myPromoCode-Inner {margin: 20px auto; font-size: 24px; font-weight: bold; font-family: "Arial", sans-serif; 
	padding-top:25px; height:55px; width:200px; text-align: center; background-color: #154875; color: white;}