/* general */

@font-face {
    font-family: 'MarkerFeltThinPlainRegular';
    src: url('fonts/marker_felt_thin_plain_regular-webfont.eot');
    src: url('fonts/marker_felt_thin_plain_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/marker_felt_thin_plain_regular-webfont.woff') format('woff'),
         url('fonts/marker_felt_thin_plain_regular-webfont.ttf') format('truetype'),
         url('fonts/marker_felt_thin_plain_regular-webfont.svg#MarkerFeltThinPlainRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
    background-image: url('../images/site/alpha_release/layout/bgGradiant.png');
    background-repeat:repeat-x;
    background-color: #eeeeee;
    margin: 0;
    padding: 0;
    font-family: 'Lato', sans-serif !important;
}

img {
    border: 0;
}

div {
    margin: 0;
    padding: 0;
    overflow: visible;
}

a {
    color: #53328d;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

table {
    border: 0;
}

/* layout */

div#error_explanation h2, div#error_explanation li{
    color: red;
    font-size: 15px;
    text-align: left;
}

.submitButton {
    background-color: #53328d;
    color: #fff;
    padding: 3px;
}

div#bodyContainer {
    position: relative;
    min-width: 966px;
    /*height: 2048px;*/
}

div#backgroundContainer {
    position: absolute;
    left: 50%;
    margin-left: -663px;
    background:url('../images/site/alpha_release/layout/bodyBackground.png') no-repeat;
    width: 1326px;
    background-color: #eee;
}

div#container {
    width: 1280px; 
    background-color: #fff;
    float: left;
}

div#header {
    width: 966px;
    height: 110px;
    margin: 0 auto;
}

div#logo {
    margin: 7px 0 0 0;
    width: 224px;
    height: 90px;
    float: left;
}

div#headerLinks, div#headerLinksUserContainer {
    margin: 28px 0 0 0;
    background-image: url('../images/site/alpha_release/layout/bgLinks.png');
    background-repeat: no-repeat;
    width: 488px;
    height: 47px;
    float: right;
    font-size: 15px;
    font-weight: 700;
}

div#headerLinksUserContainer {
    margin-top: 7px;
}

div#headerLinks a, div#headerLinksUserContainer a {
    color: #53328d;
    text-decoration: none;
}

div#headerLinks a:hover, div#headerLinksUserContainer a:hover {
    text-decoration: underline;
}

div#headerLinksPrimary {
    margin: 13px 0 0 32px;
    width: 371px;
    float: left;
}

a.headerLinksPrimaryFollowing {
    padding-left: 40px;
}

div#headerLinksSecondary {
    margin: 11px 0 0 0;
    width: 70px;
    float: left;
}

div#headerLinkMessage {
    margin: 16px 18px 0 0;
    width: 476px;
    float: right;
    color: #666666;
    font-size: 14px;
    text-align: right;
}

div#headerLinkMessage a {
    color: #666666;
    text-decoration: none;
}

div#headerLinkMessage a:hover {
    text-decoration: underline;
}

div#headerLinksSignIn {
    color: #53328d;
    font-size: 15px;
    margin: -34px -3px 0 0;
    float: right;
    width: 353px;
    height: 160px;
    background-image: url('../images/site/alpha_release/layout/signInBackground.png');
    background-repeat: no-repeat;
    position: relative;
}

div#headerLinksSignInStatus {
    margin: 13px 0 0 9px;
    width: auto;
    height: 25px;
    color: red;
    text-align: center;
}

table#headerLinksSignInTable {
    margin: 5px 0 0 15px;
    width: 100%;
}

table#headerLinksSignInTable a {
    color: #53328d;
    font-size: 12px;
}

div#headerLinksSignIn .signInInputField {
    border: 1px solid #666666;;
    font-size: 14px;
    width: 215px;
    margin: 0 4px;
}

td#headerLinksSignInTableEmail, td#headerLinksSignInTablePassword {
    width: 80px;
    text-align: right;
}

table#headerLinksSignInTable td#headerLinksSignInTableForgot {
    padding: 6px 0 0 8px;
}

table#headerLinksSignInTable td#headerLinksSignInTableSignIn {
    padding: 14px 0 0 16px;
}

div#content {
    width: 1280px;
    margin: 0 auto;
    background-image: url('../images/site/alpha_release/layout/bgContent.jpg');
    background-repeat: no-repeat;
    background-color: #fff;
}

div#footerContainer {
    width: 1280px;
    background-color: #fff;
    margin: 0 auto;
    overflow: hidden;
    padding: 75px 0 0 0;
}

div#footer {
    margin: 0 auto;
    padding: 7px 0 0 0;
    width: 966px;
    height: 50px;
    border-top: 1px solid #d9d9d9;
}

div#copyright {
    width: auto;
    float: left;
    font-size: 11px;
    color: #666666;
    padding: 0 0 0 5px;
}

div#socialMediaLinks {
    width: 200px;
    float: left;
    margin-left: 42px;
    font-size: 11px;
    color: #666666;
}

div#socialMediaLinks span {
    padding-left: 2px;
}

div#socialMediaLinks div {
    width: 27px;
    margin-left: 6px;
    float: left;
}

div#footerLinks {
    width: auto;
    float: right;
    text-align: right;
    font-size: 12px;
    font-weight: 700;
    padding: 0 5px 0 0;
}

div#footerLinks img {
    padding: 0 5px;
}

div#footerLinks a {
    color: #53328d;
    text-decoration: none;
}

div#footerLinks a:hover {
    text-decoration: underline;
}

div#footerGraphic {
    margin: 0 auto;
    background-image: url('../images/site/alpha_release/layout/bgFooter.jpg');
    background-repeat: no-repeat;
    width: 1280px;
    height: 12px;
}

div#requestInvitationContainer {
    float: right;
    width: 353px;
    height: 200px;
    background-image: url('../images/site/alpha_release/layout/requestInvitationBackground.png');
    background-repeat: no-repeat;
    visibility: hidden;
    position: absolute;
}

div#requestInvitationHeader {
    color: #53328d;
    font-size: 15px;
    font-weight: 700;
    margin: 15px 0 0 13px;
    padding: 15px 0 0 0;
}

div#requestInvitationContainer div {
    text-align: center;
    margin: 0px 0 0 0;
}

div#requestInvitationContainer .inputField {
    border: 1px solid #666666;;
    font-size: 14px;
    width: 215px;
    margin: 0 4px;
    color: #53328d;
}

table#requestInvitationTable {
    margin: 20px 0 0 15px;
    width: 100%;
}

table#requestInvitationTable .signUpInputField {
    border: 1px solid #666666;;
    font-size: 14px;
    width: 215px;
    margin: 0 4px;
}

td#requestInvitationTableFirstName, td#requestInvitationTableLastName, td#requestInvitationTableEmail {
    width: 80px;
    text-align: right;
    color: #53328d;
}

table#requestInvitationTable td#requestInvitationTableSignUp {
    text-align: right;
    padding: 14px 41px 0 0;
}

div#requestInvitationClose {
    padding: 25px 0 0 0;
}

div.textArrowContainer a {
    color: #53328d;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
}

div.textArrowContainer a:hover {
    text-decoration: underline;
}

div.textArrowContent {
    float: left;
    width: auto;
}

div.textArrowIcon {
    float: left;
    width: 14px;
    margin: 3px 0 0 7px;
}

/** index page */

div#homeHero {
    width: 1280px;
    background-image: url('../images/site/alpha_release/layout/home/homeHero.jpg');
    background-repeat: no-repeat;
}

div#homeHeroTitle {
    font-size: 38px;
    line-height: 42px;
    color: #fff;
    width: 410px;
    padding: 239px 0 183px 163px;
}

div.homeBox {
    padding: 87px 0 0 7px;
    width: 316px;
    height: 400px;
    float: left;
    background-repeat: no-repeat;
}

div.homeBoxHeading {
    font-size: 14px;
    color: #666666;
    text-align: center;
    margin: 0 0 0 16px;
    width: 270px;
}

div#homeBox1 {
    margin-left: 160px;
    background-image: url('../images/site/alpha_release/layout/home/homeBox1.png');
}

div#homeBox2 {
    background-image: url('../images/site/alpha_release/layout/home/homeBox2.png');
}

div#homeBox3 {
    background-image: url('../images/site/alpha_release/layout/home/homeBox3.png');
}

div#homeBoxIcon1 {
    margin: 27px 0 0 7px;
}

div#homeBoxIcon2 {
    margin: 19px 0 10px 34px;
}

div#homeBoxIcon3 {
    margin: 37px 0 0 52px;
}

div.homeBoxFooter {
    font-size: 14px;
    margin: 5px 0 0 97px;
}

div.homeBoxFooter a {
    color: #53328d;
    text-decoration: none;
    font-weight: 700;
}

div.homeBoxFooter a:hover {
    text-decoration: underline;
}

div.homeBoxFooterText {
    float: left;
    width: auto;
}

div.homeBoxFooterIcon {
    float: left;
    width: 14px;
    margin: 3px 0 0 7px;
}

div#homeBoxFooter3 {
    margin: 0 0 0 -16px;
    font-size: 14px;
    color: #666666;
    width: auto;
    float: left;
    text-align: center;
}

/** what is it? */

div#whatIsItTitle {
    font-size: 36px;
    color: #222222;
    padding: 30px 0 0 165px;
}

div#whatIsIt1, div#whatIsIt2, div#whatIsIt3, div#whatIsIt3a, div#whatIsIt4, div#whatIsIt5 {
    width: 1280px;
    height: 420px;
    background-repeat: no-repeat;
}

div#whatIsIt1 {
    background: url('../images/site/alpha_release/layout/what_is_it/whatIs1.jpg');
}

div#whatIsIt2 {
    background: url('../images/site/alpha_release/layout/what_is_it/whatIs2.jpg');
}

div#whatIsIt3 {
    background: url('../images/site/alpha_release/layout/what_is_it/whatIs3.jpg');
}

div#whatIsIt3a {
    background: url('../images/site/alpha_release/layout/what_is_it/whatIs3a.jpg');
}

div#whatIsIt4 {
    background: url('../images/site/alpha_release/layout/what_is_it/whatIs4.jpg');
}

div#whatIsIt5 {
    background: url('../images/site/alpha_release/layout/what_is_it/whatIs5.jpg');
    background-repeat: no-repeat;
    height: auto;
}

div#whatIsItContainer1 {
    width: 460px;
    padding: 22px 0 0 164px;
}

div#whatIsItContainer2 {
    width: 380px;
    padding: 69px 0 0 732px;
}

div#whatIsItContainer3 {
    width: 460px;
    padding: 61px 0 0 522px;
}

div#whatIsItContainer3a {
    width: 460px;
    padding: 85px 0 0 164px;
}

div#whatIsItContainer4 {
    width: 390px;
    padding: 66px 0 0 164px;
}

div#whatIsItContainer5 {
    width: 430px;
    padding: 100px 0 0 686px;
}

div.whatIsItIntro {
    font-size: 26px;
    line-height: 29px;
    color: #f95a1d;
    margin: 5px 0 15px 0;
}

div.whatIsItText {
    font-size: 15px;
    color: #5d5d5d;
}

div#whatIsIt5FaceBook {
    margin: 15px 0 -14px -1px;
}

/** how does it work page */

div#howWorkTitle {
    font-size: 36px;
    color: #222222;
    padding: 30px 0 0 165px;
}

div.howWorkStep {
    background-repeat: no-repeat;
    width: 1280px;
}

div#howWorkStep1 {
    background-image: url('../images/site/alpha_release/layout/how_does_it_work/howItWorks1.jpg');
    height: 560px;
}

div#howWorkStep2 {
    background-image: url('../images/site/alpha_release/layout/how_does_it_work/howItWorks2.jpg');
    height: 538px;
}

div#howWorkStep3 {
    background-image: url('../images/site/alpha_release/layout/how_does_it_work/howItWorks3.jpg');
    height: 540px;
}

div#howWorkStep4 {
    background-image: url('../images/site/alpha_release/layout/how_does_it_work/howItWorks4.jpg');
    height: 540px;
}

div#howWorkStep5 {
    background-image: url('../images/site/alpha_release/layout/how_does_it_work/howItWorks5.jpg');
}

div.howWorkStepHeading {
    font-family:MarkerFeltThinPlainRegular;
    font-size: 20px;
    letter-spacing: 1px;
    color: #222222;
}

div.howWorkStepIntro {
    font-size: 26px;
    line-height: 29px;
    color: #f95a1d;
    margin: 5px 0 15px 0;
}

div.howWorkStepText {
    font-size: 15px;
    color: #5d5d5d;
}

div.howWorkStepText span {
    color: #000; 
    font-weight: bold; 
    margin-right: 4px;
}

div.howWorkStepText ul {
    margin: 20px 0 0 15px;
    padding: 0 0 0 0;
}

div.howWorkStepText ul li {
    margin: 0 0 0 0;
    padding: 1px 0 0 0;
}

div#howWorkStepContainer1 {
    width: 400px;
    padding: 91px 0 0 725px;
}

div#howWorkStepContainer2 {
    width: 430px;
    padding: 93px 0 0 163px;
}

div#howWorkStepContainer3 {
    width: 400px;
    padding: 102px 0 0 243px;
}

div#howWorkStepContainer4 {
    width: 400px;
    padding: 178px 0 0 725px;
}

div#howWorkStepContainer5 {
    width: 400px;
    padding: 81px 0 0 725px;
}

div#howWorkStepTag1 {
    font-size: 24px;
    color: #222222;
    margin: 70px 0 0 0;
}

div#howWorkStepTag2 {
    font-size: 24px;
    color: #f95a1d;
    margin: -3px 0 12px 0;
}

div#howWorkInstall {
    background-image: url('../images/site/alpha_release/layout/how_does_it_work/howItWorksInstallBg.png');
    background-repeat: no-repeat;
    width: 286px;
    height: 240px;
    padding: 67px 0 0 50px;
    margin: 0 0 69px -4px;
}

div#howWorkInstallFooter {
    margin: 0 0 0 -8px;
    font-size: 13px;
    color: #666666;
    width: 220px;
    line-height: 14px;
}

/* faq page */

div#faqContainer {
    background-image: url('../images/site/alpha_release/layout/faq/faqHeader.jpg');
    background-repeat: no-repeat;
    width: 1280px;
    height: 250px;
}

div#faqContainer ul li
{
    padding-top: 4px;
    padding-bottom: 4px;
}

div#faqTitle {
    font-size: 36px;
    color: #222222;
    padding: 30px 0 0 165px;
}

div#faqLeftColumn {
    margin: 219px 0 139px 165px;
    width: 592px;
    float: left;
}

div#faqRightColumn {
    margin: 219px 0 0 75px;
    width: 300px;
    float: left;
}
  
div#faqHeader {
    font-size: 22px;
    color: #f95a1d;
}

div#faqText {
    font-size: 15px;
    color: #5d5d5d;
    margin: 10px 0 25px 0;
}

div.faqQuestion {
    font-size: 22px;
    border-top: 1px solid #d9d9d9;
    padding: 18px 0;
}

div.faqQuestion a {
    color: #53328d;
    text-decoration: none;
}

div.faqQuestion a:hover {
    color: #f95a1d;
}

div.faqText {
    color: #5d5d5d;
    margin-top: -15px;
    font-size: 15px;
}

/* about us page */

div#aboutUsContainer {
    background-image: url('../images/site/alpha_release/layout/about_us/aboutUsHeader.jpg');
    background-repeat: no-repeat;
    width: 1280px;
    height: 520px;
}

div#aboutUsTitle {
    font-size: 36px;
    color: #222222;
    padding: 30px 0 0 165px;
}

div#aboutUsSubTitle {
    font-size: 26px;
    color: #f95a1d;
    padding: 30px 0 0 165px;
    margin: 0 0 8px 0;
}

div.aboutUsText {
    font-size: 20px;
    color: #222222;
    padding: 12px 0 0 165px;
    line-height: 22px;
    width: 540px;
}

div#aboutUsSubText {
    font-size: 15px;
    color: #666666;
    padding: 30px 0 0 165px;
    width: 555px;
}

div#aboutUsWhoAreWe {
    font-size: 28px;
    color: #222222;
    width: 242px;
    float: left;
    margin: 75px 0 0 165px;
    height: 460px;
}

div.aboutUsPic {
    margin: 85px 0 0 0;
    width: 125px;
    float: left;
}

div.aboutUsBioContainer {
    width: 650px;
    float: left;
    margin: 81px 0 0 0;
}

span.aboutUsBioPerson {
    color: #222222;
    font-size: 18px;
    font-weight: 700;
}

div.aboutUsBioText {
    margin: 6px 0 0 0;
    width: 555px;
    color: #666666;
    font-size: 15px;
}

div#aboutUsGetInTouchContainer {
    background-image: url('../images/site/alpha_release/layout/about_us/aboutUsBackground.jpg');
    background-repeat: no-repeat;
    width: 1280px;
    height: 253px;
}

div#aboutUsGetInTouch {
    font-size: 28px;
    color: #222222;
    width: 242px;
    float: left;
    margin: 75px 0 0 165px;
    height: 250px;
}

div#aboutUsGetInTouchText {
    color: #666666;
    font-size: 15px;
    padding: 86px 0 0 0;
}

div#aboutUsGetInTouchText a {
    color: #53328d;
    text-decoration: none;
}

div#aboutUsGetInTouchText a:hover {
    text-decoration: underline;
}

/* terms page */

div#termsContainer {
    padding: 30px 0 100px 165px;
}

div#termsTitle {
    font-size: 36px;
    color: #222222;
}

div#termsLeftCol {
    width: 192px;
    float: left;
    margin: 68px 0 0 0;
}

div#termsLeftCol a {
    font-size: 14px;
    font-weight: 700;
    color: #53328d;
    text-decoration: none;
}

div#termsLeftCol a:hover {
    text-decoration: underline;
}

div.termsLeftColBackground {
    background-image: url('../images/site/alpha_release/layout/terms/subHeaderBg.png');
    background-repeat: no-repeat;
    background-position: 0 4px;
}

div#termsOfUse, div#termsPrivacy {
    width: 175px;
    border-top: 1px solid #d9d9d9;
    padding: 5px 0 7px 15px;
}

div#termsPrivacy {
    border-bottom: 1px solid #d9d9d9;
}

div#termsRightCol {
    width: 715px;
    float: left;
    margin: 49px 0 75px 50px;
    color: #666666;
    font-size: 15px;
}

div#termsRightCol strong {
    color: #444;
}

div#termsRightCol a {
    color: #53328d;
    text-decoration: underline;
}

div#termsRightCol a:hover {
    text-decoration: none;
}

div.termsSectionHeader {
    font-size: 17px;
    color: #53328d;
    font-weight: 700;
}

span.termsModifyDate {
    padding: 0 0 0 75px;
    color: #666666;
    font-size: 15px;
    font-weight: normal;
}

div#termsTextPrivacy {
    display: none;
}

/* welcome page */

div#welcomeContainer {
    background-image: url('../images/site/alpha_release/layout/welcome/welcomeBackground.jpg');
    background-repeat: no-repeat;
    width: 1280px;
    height: 495px;
    margin: 0 0 75px 0;
}

div#welcomeLeftColumn {
    width: 450px;
    float: left;
    margin: 55px 0 0 205px;
}

div#welcomeRightColumn {
    width: 369px;
    float: left;
    margin: 107px 0 0 48px;
    text-align: center;
}

div#welcomePicture {
    height: 169px;
}

div#welcomeTitle {
    font-size: 36px;
    color: #222222;
}

div#welcomeHeader {
    font-size: 26px;
    color: #f95a1d;
    margin: 17px 0 11px 0;
}

div#welcomeSubHeader {
    color: #666666;
    font-size: 15px;
    width: 340px;
}

div#welcomeMambogramName {
    color: #222222;
    font-size: 15px;
    font-weight: 700;
    margin: 122px 0 5px 0;
}

div#welcomeMambogramRecipient {
    color: #666666;
    font-size: 14px;
}

/* download receiver step 1 & 2 */

div#downloadReceiverContainer {
    background-image: url('../images/site/alpha_release/layout/download_receiver/downloadReceiverBackground.jpg');
    background-repeat: no-repeat;
    width: auto;
    height: 630px;
    margin: 0 0 75px 0;
    padding: 58px 0 0 205px;
}
 
div#downloadReceiverInstallChromeContainer {
    width: 800px;
    height: 500px;
    margin: 0 0 0 0;
    background-image: url('../images/site/alpha_release/layout/download_receiver/chromeInstallBackground.png');
    background-repeat: no-repeat;
    visibility: hidden;
    position: absolute;
    padding: 30px 0 0 40px;
}

div#downloadRecieverInstallChromeHeader {
    font-size: 36px;
    color: #222222;
    width: 900px;
}

div#downloadRecieverInstallChromeSubHeader {
    font-size: 26px;
    color: #f95a1d;
    margin: 32px 0 40px 0;
    width: 550px;
}

div#downloadRecieverInstallChromeText {
    color: #666666;
    font-size: 15px;
    width: 680px;
    line-height: 20px;
    height: 200px;
}

div#downloadRecieverInstallChromeClose {
    float: right;
    width: 175px;
}

div#downloadReceiverTitle {
    font-size: 36px;
    color: #222222;
    width: 900px;
}

div#downloadReceiverHeader {
    font-size: 26px;
    color: #f95a1d;
    margin: 17px 0 11px 0;
    width: 900px;
}

div#downloadReceiverSubHeader {
    color: #666666;
    font-size: 15px;
    width: 470px;
    height: 50px;
}

div#downloadReceiverLeftColumn {
    width: 400px;
    float: left;
    margin: 46px 0 0 33px;
    text-align: center;
}

div#downloadReceiverRightColumn {
    width: 300px;
    float: left;
    margin: 40px 0 0 85px;
}

div#downloadReceiverInstall {
    background-image: url('../images/site/alpha_release/layout/download_receiver/installBackground.png');
    background-repeat: no-repeat;
    width: 285px;
    height: 321px;
    padding: 17px 20px 0 0;
    margin: -11px 0 69px -4px;
    text-align: center;
}

div#downloadReceiverInstallHeader {
    font-family:MarkerFeltThinPlainRegular;
    font-size: 22px;
    color: #222222;
    margin: 0 0 30px 0;
}

div#downloadReceiverInstallFooter {
    margin: 37px 0 0 53px;
    font-size: 13px;
    color: #222222;
    width: 180px;
    line-height: 14px;
}

div#downloadReceiverFindOutMore {
    margin: 8px 0 0 -12px;
}

div#downloadReceiverConfirmContainer {
    width: 444px;
    height: 320px;
    background: url('../images/site/alpha_release/layout/download_receiver/confirmBackground.png');
    background-repeat: no-repeat;
    float: left;
    margin: -14px 0 0 -73px;
}

div#downloadReceiverConfirmHeading {
    color: #222222;
    font-family:MarkerFeltThinPlainRegular;
    font-size: 22px;
    margin: 20px 0 0 4px;
    width: 100%;
    text-align: center;
}

div#downloadReceiverConfirmStatusMessage {
    width: 100%;
    text-align: center;
    font-weight: 700;
    color: red;
    margin: 15px 0 10px 0
}

table#downloadReceiverConfirmTable {
    float: left;
    margin: 0 0 0 25px;
}

table#downloadReceiverConfirmTable th {
    color: #53328d;
    font-weight: normal;
    text-align: right;
    white-space: nowrap;
    padding: 0 4px 0 0;
}

table#downloadReceiverConfirmTable .confirmInputField {
    border: 1px solid #666666;;
    font-size: 14px;
    width: 235px;
    margin: 0 4px;
}

table#downloadReceiverConfirmTable .emailLabelField {
    border: 1px solid #666666;;
    font-size: 14px;
    height: 18px;
    width: 231px;
    margin: 0 4px;
    padding: 2px;
}
table#downloadReceiverConfirmTable td#downloadReceiverConfirmTableSubmit {
    text-align: right;
    padding: 15px 14px 0 0;
}

/* the photomambo frame */

div#photomamboFrameTitle {
    font-size: 36px;
    color: #222222;
    padding: 30px 0 0 165px;
}

div#photomamboFrame1, div#photomamboFrame2, div#photomamboFrame3 {
    width: 1280px;
    height: 420px;
    background-repeat: no-repeat;
}

div#photomamboFrame1 {
    background: url('../images/site/alpha_release/layout/photomambo_frame/photomamboFrame1.jpg');
}

div#photomamboFrame2 {
    background: url('../images/site/alpha_release/layout/photomambo_frame/photomamboFrame2.jpg');
}

div#photomamboFrame3 {
    background: url('../images/site/alpha_release/layout/photomambo_frame/photomamboFrame3.jpg');
    background-repeat: no-repeat;
    height: auto;
}

div#photomamboFrameContainer1 {
    width: 460px;
    padding: 22px 0 0 164px;
}

div#photomamboFrameContainer2 {
    width: 440px;
    padding: 80px 0 0 683px;
}

div#photomamboFrameContainer3 {
    width: 540px;
    padding: 54px 0 0 163px;
}

div.photomamboFrameIntro {
    font-size: 26px;
    line-height: 29px;
    color: #f95a1d;
    margin: 5px 0 15px 0;
}

div.photomamboFrameTextHeading, div.photomamboFrameAppreciateHeading {
    font-size: 18px;
    color: #222222;
    font-weight: 700;
    margin: 21px 0 0 0;
}

div.photomamboFrameText, div.photomamboFrameAppreciateBody {
    font-size: 15px;
    color: #5d5d5d;
}

div#photomamboFrameAppreciate {
    font-size: 15px;
    color: #5d5d5d;
    width: 470px;
    padding: 6px 0 0 0;
}

div.photomamboFrameAppreciateHeading {
    margin: 35px 0 0 0;
}

div.photomamboFrameAppreciateBody {
    margin: 0 0 0 0;
}

div#photomamboFrameAppreciateFooter {
    font-size: 15px;
    margin: 40px 0 144px 0;
}

div#photomamboFrameAppreciateFooter a {
    color: #53328d;
    text-decoration: none;
    font-weight: 700;
}

div#photomamboFrameAppreciateFooter a:hover {
    text-decoration: underline;
}

div#photomamboFrameAppreciateFooterText {
    float: left;
    width: auto;
}

div#photomamboFrameAppreciateFooterIcon {
    float: left;
    width: 14px;
    margin: 2px 0 0 6px;
}

/* how to view page */

div#howToViewContainer {
    padding: 30px 0 100px 165px;
    height: 500px;
}

div#howToViewTitle {
    font-size: 36px;
    color: #222222;
}

div#howToViewLeftCol {
    width: 672px;
    float: left;
    margin: 42px 0 0 0;
}
div#howToViewRightCol {
    width: 315px;
    float: left;
    margin: 49px 0 75px 0;
    color: #666666;
    font-size: 15px;
}

div.howToViewItemContainer,div#howToViewItemContainerLast {
    width: 589px;
    border-bottom: 1px solid #d9d9d9;
    padding: 18px 0;
}

div#howToViewItemContainerLast {
    border-bottom: 0;
}

div.howToViewItemHeader {
    font-size: 22px;
    color: #f95a1d;
    margin: 0 0 9px 0;
}

div.howToViewItemBody {
    font-size: 15px;
    color: #666666;
}

div.howToViewItemText1, div.howToViewItemText2 {
    font-size: 15px;
    font-weight: 700;
    margin: 19px 0 0 0;
}

div.howToViewDescription {
    margin: 10px 0 15px 10px;
    width: auto;
    font-size: 15px;
    color: #666666;
    font-weight: normal;
}

div.howToViewItemText2 {
    margin: 0px 0 0 0;
}

div#howToViewLeftCol a {
    color: #53328d;
    text-decoration: none;
}

div#howToViewLeftCol a:hover {
    color: #f95a1d;
    text-decoration: none;
}

div#howToViewInstall {
    background-image: url('../images/site/alpha_release/layout/download_receiver/installBackground.png');
    background-repeat: no-repeat;
    width: 285x;
    height: 321px;
    padding: 17px 30px 0 0;
    margin: 10px 0 69px 0;
    text-align: center;
}

div#howToViewInstallHeader {
    font-family:MarkerFeltThinPlainRegular;
    font-size: 22px;
    color: #222222;
    margin: 0 0 30px 0;
}

div#howToViewInstallFooter {
    margin: 37px 0 0 28px;
    font-size: 13px;
    color: #222222;
    width: 230px;
    line-height: 14px;
}

/* whats the difference page */

div#whatsTheDifferenceContainer {
    padding: 30px 0 100px 165px;
}

div#whatsTheDifferenceTitle {
    font-size: 36px;
    color: #222222;
}

div#whatsTheDifferenceHeading {
    font-size: 22px;
    color: #f95a1d;
    margin: 25px 0 0 0;
}

div.whatsTheDifferenceSubHeading {
    color: #53328d;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 15px 0;
}

div#whatsTheDifferenceRecommended {
    color: #f95a1d;
    font-weight: 700;
    font-size: 18px;
    margin: -5px 0 30px 39px;
}

div#whatsTheDifferenceLeftCol, div#whatsTheDifferenceRightCol {
    width: 479px;
    height: 375px;
    padding: 25px 0 0 25px;
    float: left;
    margin: 49px 0 0 0;
    color: #666666;
    font-size: 15px;
    background-image: url('../images/site/alpha_release/layout/whats_the_difference/contentBackground.jpg');
    background-repeat: no-repeat;
}

div#whatsTheDifferenceRightCol {
    margin-right: 20px;
}

div.whatsTheDifferenceText {
    width: 420px;
}

div#whatsTheDifferenceFooter {
    font-size: 22px;
    margin: 60px 0 55px 440px;
    clear: both;
}

div#whatsTheDifferenceFooter a {
    color: #53328d;
    text-decoration: none;
    font-weight: 700;
}

div#whatsTheDifferenceFooterText a:hover {
    text-decoration: underline;
}

div#whatsTheDifferenceFooterText {
    float: left;
    width: auto;
}

div#whatsTheDifferenceFooterIcon {
    float: left;
    width: 14px;
    margin: 0px 0 0 6px;
}

/* compare page */

div#compareContainer {
    padding: 30px 0 100px 165px;
}

div#compareTitle {
    font-size: 36px;
    color: #222222;
}

div#compareHeading {
    font-size: 22px;
    color: #f95a1d;
    margin: 25px 0 60px 0;
}

table#compareTable td {
    padding: 5px;
    color: #666666;
}

table#compareTable  td.compareTableAlternating {
    background-color: #eeeeee;
}

table#compareTable td.compareTableHeading {
    background-color: #53328d;
    color: #ffffff;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
}

table#compareTable td.compareTableSubHeading {
    color: #53328d;
    font-size: 18px;
    text-align: center;
    padding: 8px;
}

table#compareTable td.compareTableCheck {
    text-align: center;
}

div#compareInstall {
    background-image: url('../images/site/alpha_release/layout/how_does_it_work/howItWorksInstallBg.png');
    background-repeat: no-repeat;
    width: 286px;
    height: 240px;
    padding: 37px 0 0 42px;
    margin: 45px 190px 40px -4px;
    float: right;
}

div#compareInstallFooter {
    margin: 0 0 0 10px;
    font-size: 13px;
    color: #222222;
    width: 180px;
    text-align: center;
    line-height: 14px;
}

/* the overlayed element */

.simple_overlay {
    /* must be initially hidden */
    display:none;

    /* place overlay on top of other elements */
    z-index:10000;

    /* styling */
    background-color:#333;

    width:850px;
    padding-bottom: 25px;
    min-height:500px;
    border:1px solid #666;

    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
    background-image:url(../images/site/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}
/* styling for elements inside overlay */
.simple_overlay h1 {
    padding: 8px;
    color: #ffffff;
}

/* user landing page */

div#userLandingContainer {
    width: 1280px;
    margin: 0 0 0 0;
    background-image: url('../images/site/alpha_release/layout/user_landing/userLandingBackground.jpg');
    background-repeat: no-repeat;
}

div#userLandingMambogramContainer {
    margin: 30px auto 160px;
    width: 960px;
}

#userLandingMyFrameContainerHeader{
    float: left;
    margin: 0;
    padding: 0;
    background-image: url('../images/site/alpha_release/layout/user_landing/mgContainerBackgroundHeader.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 960px;
    height: 81px;
}

#userLandingMyFrameContainerBody {
    float: left;
    margin: 0;
    padding: 0;
    background: url('../images/site/alpha_release/layout/user_landing/mgContainerBackgroundBody.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 25px 50px 0;
    width: 960px;
}

body.mambograms-index #userLandingMyFrameContainerBody {
    padding: 25px 35px 0 !important;
    width: 890px !important;
    z-index: 1 !important;
}

body.mambograms-index *, 
body.mambograms-index *:before, 
body.mambograms-index *:after {
-webkit-box-sizing: content-box !important;
-moz-box-sizing: content-box !important;
box-sizing: content-box !important;
}

body.mambograms-index {
  font-family: 'Lato', sans-serif !important;
  line-height: normal !important;
}

.userLandingMambogramItemPhoto img{
    display: inline;
    vertical-align: baseline;
}

.account-tabs .account-tab a {
    color: #53328d;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
}

#new-tab {
    margin-left: 33px !important;
}

.account-tabs .account-tab {
    width: 192px;
    float: left;
    margin: 32px 0 0 15px;
    padding: 15px 0;
    text-align: center;
}

#sent-tab {
    background: url('../images/site/alpha_release/layout/user_landing/tab1Off.jpg') no-repeat;
}

body.mambograms-index #sent-tab {
    background-image: url('../images/site/alpha_release/layout/user_landing/tab1On.jpg');
}

#new-tab, #frame-tab, #account-tab, #mobile-tab {
    width: 139px;
    background: url('../images/site/alpha_release/layout/user_landing/tab2Off.jpg') no-repeat;
    float: left;
    margin: 32px 0 0 15px;
    padding: 15px 0;
    text-align: center;
}

body.mambograms-new #new-tab, body.slideshow-account_frame #frame-tab, body.users-account #account-tab, body.users-account_mobile #mobile-tab {
    background: url('../images/site/alpha_release/layout/user_landing/tab2On.jpg') no-repeat;
}

body.mambograms-index #sent-tab, body.slideshow-account_frame #frame-tab, body.users-account #account-tab, body.users-account_mobile #mobile-tab {
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
}

body.mambograms-index #sent-tab a, 
body.slideshow-account_frame #frame-tab a, 
body.users-account #account-tab a,
body.mambograms-new #new-tab a,
body.users-account_mobile #mobile-tab a {
    color: #222;
}

#sent-tab a:hover, #frame-tab a:hover, #account-tab a:hover, #mobile-tab a:hover {
    text-decoration: underline
}

#sent-tab a, #frame-tab a, #account-tab a, #mobile-tab a {
    color: #53328d;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
}

div#userLandingTabSort {
    margin: 25px 65px 0 0;
    float: right;
    font-size: 12px;
    color: #666666;
}


#userLandingTab1.userLandingTab1Off a{
    color: #53328D !important;
}

#userLandingTab2.userLandingTab2On a,
#userLandingTab3.userLandingTab3On a,
#userLandingTab4.userLandingTab4On a{
    color: #222 !important;

}

div#userLandingMyFrameContainer {
    width: 955px;
    height: 633px;
    margin: 0;
    padding: 15px 0 0 0;
    clear: both;
}

#userLandingMyFrameItem {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

div#userLandingFrameItemNoMambograms {
    width: auto;
    margin: 50px 0 0 -155px;
    font-size: 24px;
    text-align: center;
}

div#userLandingMambogramItemContainer {
    height: 628px;
    clear: both;
    overflow: hidden;
}

div#userLandingMambogramItemContainer ul, div#userLandingMambogramItemContainer ul li {
    margin: 0;
    padding: 0;
}

div#userLandingMambogramItemContainer ul li {
    list-style-type: none;
    height: 625px;
    overflow: hidden;
}

div.userLandingMambogramItem {
    width: 220px;
    height: 201px;
    background-repeat: no-repeat;
    float: left;
    margin: 0px 3px 10px 0;
}

div.userLandingMambogramItemOff {
    background-image: url('../images/site/alpha_release/layout/user_landing/mambogramBgOff.png');
}

div.userLandingMambogramItemOn {
    background-image: url('../images/site/alpha_release/layout/user_landing/mambogramBgOn.jpg');
    background-repeat: no-repeat;
}

div.userLandingMambogramItemPhoto {
    margin: 19px 0 0 19px;
    width: 181px;
    height: 115px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

div.userLandingMambogramItemOverlay {
    position: absolute;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    width: 157px;
    height: 51px;
    float: left;
    margin: -103px 0 0 7px;
    text-align: left;
    padding: 25px 0 0 24px;
    line-height: 9px;
}

div.userLandingMambogramItemOverlayOn {
    background-image: url('../images/site/alpha_release/layout/user_landing/overlayOn.png');
    background-repeat: no-repeat;
}

div.userLandingMambogramItemOverlayOff {
    background-image: url('../images/site/alpha_release/layout/user_landing/overlayOff.png');
    background-repeat: no-repeat;
}

span.userLandingMambogramItemOverlaySent {
    font-size: 9px;
    color: #fff ! important;
    padding: 0 0 0 8px ! important;
}

span.userLandingMambogramItemOverlayYear {
    font-size: 8px;
    color: #fff ! important;
    padding: 0 0 0 4px ! important;
}

div.userLandingMambogramItemDetail {
    font-size: 12px;
    color: #666666;
    width: 203px;
    margin: 13px 0 0 12px;
    padding: 5px 0 0 0;
    text-align: left;
}

div.userLandingMambogramItemDetail span {
    font-weight: 700;
    color: #222222;
}

div#userLandingMambogramFooterContainer {
    width: auto;
    height: 35px;
    text-align: right;
    margin: 5px 40px 0 0;
    float: right;
    z-index: 100;
}

div#userLandingMambogramFooterLeft, div#userLandingMambogramFooterRight {
    width: 28px;
    height: 24px;
    float: left;
    margin: 0 5px 0 5px;
}

div#userLandingMambogramFooterFirst, div#userLandingMambogramFooterLast {
    width: 28px;
    height: 24px;
    float: left;
    margin: 0 0 0 0;
}

div.userLandingMambogramFooterItem {
    width: 28px;
    height: 24px;
    float: left;
    font-size: 14px;
    padding: 3px 0 0 0;
    text-align: center;
    font-weight: 700;
}

div.userLandingMambogramFooterItem a {
    color: #53328d;
    text-decoration: none;
}

div.userLandingMambogramFooterItem a:hover {
    text-decoration: underline;
}

div.userLandingMambogramFooterItemSelected {
    background-image: url('../images/site/alpha_release/layout/user_landing/arrowBackground.jpg');
    background-repeat: no-repeat;
}

div.userLandingMambogramFooterItemSelected a {
    color: #222222;
}

div#userLandingFrameContainer, div#userLandingFeatureContainer {
    width: 479px;
    height: 375px;
    background-image: url('../images/site/alpha_release/layout/user_landing/featureBackground.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    float: left;
    margin: 30px 0 0 160px;
}

div#userLandingFrameContainer {
    clear: both;
}

div#userLandingFeatureContainer {
    margin: 30px 0 0 2px;
}

div.userLandingFeatureHeading {
    font-family:MarkerFeltThinPlainRegular;
    font-size: 22px;
    letter-spacing: 1px;
    color: #222222;
    width: 100%;
    text-align: center;
    margin: 23px 0 0 0;
}

div#userLandingFeaturePhoto {
    text-align: center;
    margin: 15px 0 0 0;
    height: 249px;
}

div#userLandingFeatureDetail {
    text-align: center;
    margin: 2px 0 0 0;
    width: auto;
    font-size: 14px;
    color: #53328d;
}

div#userLandingFeatureDetail span {
    color: #666666;
    font-weight: normal;
}

div#userLandingFrameItemContainer {
    height: 270px;
    margin: 15px 0 0 75px;
}

div.userLandingFrameItem {
    width: 161px;
    height: 117px;
    float: left;
    margin: 15px 0 0 16px;
}

div#userLandingFrameMoreFrames {
    width: 100%;
    margin: 9px 0 0 175px;
}

div#userLandingFeatureShare {
    width: 100%;
    margin: 21px 0 0 155px;
}

#userLandingFeatureShareMambogram {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

div#shareMambogramContainer {
    width: 353px;
    height: 200px;
    background-image: url('../images/site/alpha_release/layout/user_landing/shareMambogramBackground.png');
    background-repeat: no-repeat;
    margin: -50px 0 0 0;
    visibility: hidden;
    position: absolute;
}

div#shareMambogramHeader {
    color: #53328d;
    font-size: 15px;
    font-weight: 700;
    margin: 15px 0 0 18px;
    padding: 5px 0 0 3px;
}

div#shareMambogramContent {
    width: 90%;
    padding: 10px;
    margin: 10px 0 0 19px;
    color: #666666;
    font-size: 13px;
}

div#shareMambogramContent a {
    color: #53328d;
    text-decoration: none;
}

div#shareMambogramContent a {
    text-decoration: underline;
}

div#shareMambogramClose {
    width: 100%;
    text-align: center;
    padding: 15px 0 0 0;
}

/* user landing carousel */
.rs-carousel {
    overflow: hidden;
}

.rs-carousel .rs-carousel-mask {
    position:relative;
    overflow:hidden;
    height: 630px;
    width: 890px;
}

.rs-carousel .rs-carousel-runner {
    position: absolute;
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
}

.no-js .rs-carousel .rs-carousel-runner {
    position: static;
}

.rs-carousel .rs-carousel-item {
    float: left;
    width: 950px;
    height: 650px;
    color: #000;
    font-size: 8em;
    text-align: center;
    margin: 0;
}

/* popup message */
div.popupMessageContainer {
    width: 353px;
    height: 200px;
    background-image: url('../images/site/alpha_release/layout/user_landing/shareMambogramBackground.png');
    background-repeat: no-repeat;
    margin: -50px 0 0 0;
    visibility: hidden;
    position: absolute;
}

div.popupMessageHeader {
    color: #53328d;
    font-size: 15px;
    font-weight: 700;
    margin: 15px 0 0 18px;
    padding: 5px 0 0 3px;
}

div.popupMessageContent {
    width: 90%;
    padding: 10px;
    margin: 10px 0 0 19px;
    color: #666666;
    font-size: 13px;
}

div.popupMessageClose {
    width: 100%;
    text-align: center;
    padding: 15px 0 0 0;
}

/* mother's day event 2012 */
div#mdayHero {
    width: 1280px;
    background-image: url('../images/site/alpha_release/layout/mothers_day_event_2012/mdayBackground.jpg');
    background-repeat: no-repeat;
    padding: 510px 0 0 0;
}

div.mdayBox {
    margin: 0 0 20px 0;
    padding: 87px 0 0 7px;
    width: 316px;
    height: 400px;
    float: left;
    background-repeat: no-repeat;
}

div#mdayBox1 {
    margin-left: 160px;
    background-image: url('../images/site/alpha_release/layout/mothers_day_event_2012/mday1.png');
}

div#mdayBox2 {
    background-image: url('../images/site/alpha_release/layout/mothers_day_event_2012/mday2.png');
}

div#mdayBox3 {
    background-image: url('../images/site/alpha_release/layout/mothers_day_event_2012/mday3.png');
}

/* new password */

div#passwordNewBackground {
    background-image: url('../images/site/alpha_release/layout/blueBackground.jpg');
    background-repeat: no-repeat;
    width: auto;
    height: 630px;
    margin: 0 0 0 0;
    padding: 38px 0 0 105px;
}

div#passwordNewLeftColumn, div#passwordNewRightColumn {
    width: 444px;
    float: left;
    margin: 60px 0 0 50px;
}

div#passwordNewLeftColumn {
    margin-left: 58px;
}

div.passwordNewContainer {
    width: 404px;
    height: 320px;
    background: url('../images/site/alpha_release/layout/download_receiver/confirmBackground.png');
    background-repeat: no-repeat;
    float: left;
    margin: 0;
    padding: 0 20px;
}

div.passwordNewHeading {
    color: #222222;
    font-family:MarkerFeltThinPlainRegular;
    font-size: 22px;
    margin: 40px 0 0 4px;
    width: 100%;
    text-align: center;    
}

/* user account pages */

/* account mobile pages */

div#userAccountMobileBackground {
    float: left;
    margin: 30px 0 0 160px;
    background-image: url('../images/site/alpha_release/layout/user_landing/userMobileBackground.png');
    background-repeat: no-repeat;
    width: 960px;
    height: 1500px;
}

div#userAccountShareFromPhone {
    width: 175px;
    padding: 5px 0 7px 15px;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
}

div#userAccountMobileSend {
    margin: 0 0 30px 40px;
    height: 95px;
}

div.userAccountMobileSendItem {
    margin: 18px 0 5px 0;
    width: 480px;
}

div#userAccountMobileSendItemAction {
    margin: 18px 0 0 27px;
    width: 520px;
    height: 25px;
}

div#userAccountMobileSendButton {
    float: left;
    width: 90px;
}

div#userAccountMobileSendComplete {
    color: #53328d;
    font-weight: 700;
    display: none;
    float: left;
    width: 480px;
}

div#userAccountMobileSendError {
    color: #ff0000;
    font-weight: 700;
    display: none;
    float: left;
    width: 400px;
}

div.userAccountMobileSendItem span {
    padding-left: 24px;
}

div#userAccountMobileContactsContainer {
    margin: 10px 0 5px 28px;
    width: 575px;
    max-height: 145px;
    min-height: 50px;
    overflow: auto;
    padding-bottom: 15px;
}

div#userAccountMobileContactsColumn1, div#userAccountMobileContactsColumn2, div#userAccountMobileContactsColumn3 {
    width: 185px;
    float: left;
    margin: 10px 0 0 0;
}

div#userAccountMobileContactsContainer div div {
    
}

div#userAccountMobileContactsContainer div div a {
    padding-left: 5px;
    text-decoration: none;
}

div#userAccountMobileContactsContainer div div a:hover {
    text-decoration: underline;
}

div#userAccountMobileFrameContainer {
    margin: 0 50px;
    max-height: 550px;
    overflow: auto;
    width: 600px;
}

div.userAccountMobileFrameItem {
    width: 120px;
    height: 120px;
    float: left;
    margin: 10px;
}

div.userAccountMobileFrameItemSelected {
    position: relative;
    width: 47px;
    height: 44px;
    float: left;
    margin: -70px 0 0 37px;
    background-image: url('../images/site/alpha_release/icons/greenArrow.png');
    background-repeat: no-repeat;
    display: none;
}


.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
/*.clearfix {
    display: inline-block;
}*/
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}

/* press page */
div#pressHeader {
    font-size: 36px;
    color: #222222;
    padding: 30px 0 0 30px;
    margin-top: -8px;
}
div.pressSubHeader {
    font-size: 26px;
    line-height: 29px;
    color: #f95a1d;
    margin: 5px 0 15px 0;
}
div#pressContainerLeft {
    width: 576px;
    float: left;
    padding-right: 15px;
    margin-top: -5px;
}
div#pressContainerRight {
    width: 200px;
    float: left;
    margin-top:26px;
}
div#pressContainerMiddle {
    width: 965px;
    margin-top:25px;
}
div#pressImagesContainer div.pressImage
{
    width: 265px;
    height: 210px;
    float: left;
    text-align: center;
    padding: 8px;
    margin-right: 4px;
    margin-bottom: 4px;
    border: 2px solid #eee;
    background-color: #fff;
}
div#pressImagesContainer div.pressImageLarge
{
    width: 409px !important;
    height: 218px !important;
}