/* GENERAL */ #content.modal-content {border-bottom: none; background: none;} #modalContent { position:absolute; text-align:center; top: 150px; left: 50%; margin-left:-395px; z-index:11; display:none; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.5); -moz-box-shadow: 0 0 10px rgba(0,0,0,.5); box-shadow: 0 0 10px rgba(0,0,0,.5); } #modalbox .modalMiddle { position:relative; width: 776px; background: transparent url('assets/images/modal-bg-pattern-gray.gif') repeat; } .modalGradientTop { height:100%; width:100%; position:absolute; top:0; left:0; z-index:1; } .modalGradientBottom { height:100%; width:100%; position:absolute; bottom:0; left:0; z-index:1; } #modalbox .modalContent {background: transparent; position:relative; top:0; padding:20px 0; width: 776px; z-index:2;} #modalbox .modalContent p {color: #505050; font-family: Georgia; font-size: 14px; line-height: 21px; margin:0px; padding:0px;} #modalbox .modalContent p a{ color: #c02811; font-size: 14px; text-decoration: underline;} #modalbox .modalContent hr { border:0px; border-top:1px solid #373131; width:196px; margin: 20px auto 0px auto; } #modalbox .modalContent h2 {font-size: 26px; margin-bottom: 10px; color:#000;} #modalbox .modalContent h1 {font-size: 26px; margin-bottom: 10px; color:#000;} #modalbox .modalContent a.smallLink {color: #505050; font-family: Georgia; font-size: 10px; line-height: 21px; text-decoration: underline;} #modalbox .modalContent .leftAlign {width: 220px; text-align: left; margin-left: 65px; margin-bottom: 18px; margin-top: -4px;} #modalbox .modalContent .lable {color: #505050; font-style: italic; font-family: Georgia; font-size: 14px; margin-bottom: 8px;} #modalbox .modalContent .disclaimer {color: #505050; font-family: Georgia; font-size: 10px; *vertical-align: 10px;} #modalbox .modalContent .disclaimerMedium {color: #505050; font-family: Georgia; font-size: 13px;line-height: 16px; *vertical-align: 10px;} #modalbox .modalContent .twoColumns {margin-top: 15px; overflow:hidden;} #modalbox .modalContent .twoColumns form {margin:0;} #modalbox .modalContent .leftCol {background: transparent url('assets/images/modal-column-divider.png') no-repeat; background-position: right top; float: left; width: 374px; height: 225px; padding-left: 10px; padding-top: 14px;} #modalbox .modalContent .rightCol {float: left; width: 375px; height: 234px; padding-top: 14px;} #modalbox .modalContent .checkboxList {text-align: left; color: #846a6b; font-family: Georgia; font-size: 14px;} #modalbox .modalContent .checkboxList .checkBoxleft {width: 163px; float: left; margin: 11px 0 11px 247px;} #modalbox .modalContent .checkboxList .checkBoxright {width: 180px; float: left; margin: 11px 0 11px 0;} #modalbox .modalContent .extraSpaceing {margin-top: 13px; margin-bottom: 12px;} #modalbox .modalContent .left {float:left; margin-left: 247px; margin-right: 41px; text-align: left;} #modalbox .modalContent .right {margin-left: 21px; text-align: left;} #modalbox .modalContent .checkboxList ul li {list-style:none; padding:2px 0;} #modalbox .modalContent .checkboxList ul li input {margin-right: 10px;} #modalbox .modalContent .continueShopping { margin:10px auto 0 auto; float:none;} .modalContent .legalNotices, .modalContent .legalLinks {color: #505050; font-size: 12px; text-align:center; padding:20px 0 0 0;} .modalContent .legalNotices a, .modalContent .legalLinks a {color:#505050; font-size: 12px; display:inline-block; padding:0 1px; } .modalContent .legalNotices a:first-child, .modalContent .legalLinks a:first-child {border:0;} .modalContent .legalNotices a:hover, .modalContent .legalLinks a:hover {text-decoration: underline} /* SIGN IN */ .inputContainer { position:relative; } /* UTILS */ input.textInput {padding: 9px 10px 10px 9px; margin-bottom: 7px; margin-left: 6px; width: 230px;} input.textInputSmall {background-color:#1f1a1a; border:1px solid #4f4747; color: #969696; font-family: Georgia; font-size: 12px; padding: 9px 10px 10px 9px; margin-bottom: 7px; margin-left: 6px; width: 121px;} input.closedInput {color: #b5ada3;} select.textInput {background-color:#1f1a1a; border:1px solid #4f4747; color: #969696; font-family: Georgia; font-size: 12px; padding:8px 8px 8px 7px; margin-bottom: 9px; margin-left: 6px; width: 216px; height: 37px; line-height:30px;} select.textInputWide {background-color:#1f1a1a; border:1px solid #4f4747; color: #969696; font-family: Georgia; font-size: 12px; padding:8px 8px 8px 7px; margin-bottom: 6px; margin-left: 6px; width: 247px; height: 37px;} select.textInputWideLast {background-color:#1f1a1a; border:1px solid #4f4747; color: #969696; font-family: Georgia; font-size: 12px; padding:8px 8px 8px 7px; margin-bottom: 0px; margin-left: 6px; width: 247px; height: 37px;} select.textInputYesNo {background-color:#1f1a1a; border:1px solid #4f4747; color: #969696; font-family: Georgia; font-size: 12px; padding:8px 8px 8px 7px; margin-bottom: 6px; margin-left: 6px; margin-top: 6px; width: 75px; height: 37px;} select.textInput option, select.textInputWide option, select.textInputWideLast option, select.textInputYesNo option { padding: 5px 5px 5px 10px; } .errorfield {padding-bottom:10px; } .errorfield, .errorfield * {color:#b40000; display:block; font:bold 12px Georgia; } .slideDown { display:none; } .clear {overflow: hidden; width: 100%; height: 0px; margin: 0px; padding: 0px;} .overlay {background:#fff; width:100%; height: 100% ;top: 0px; left: 0px; position:fixed; z-index: 10; _position : absolute; _height: 200%;} .lighter {color: #b5ada3;} a.lighterItalic {color: #b5ada3; text-decoration: none; font-style: italic;} .darkred {color: #9e6060!important; font-style: italic;} .darkredNormal {color: #9e6060!important;} .horizontalDivider {border-bottom: 1px #373131 solid; display:block; width: 196px; margin: 14px auto 13px auto; padding: 0px;} .horizontalDivider {*margin: 0 auto 10px auto; /* IE7 and below, should find a better solution for this for next delivery */} .close-button {position: absolute; width:38px; height:38px; background-image:url("assets/images/close-button-sprite.png"); top: 25px; right:25px; cursor:pointer; z-index: 30;} .close-button:hover {background-position:0px -38px; } ul.city-list a, a.red {font-size: 26px; border-bottom: 1px solid #6f6f6f; color: #6f6f6f; text-decoration: none;} ul.city-list a:hover { color: #505050; border-color: #505050; } /* GET ON THE LIST */ #getonthelist .modalContent .checkboxList {margin:5px auto; width:326px;} #getonthelist .modalContent .checkboxList label {color: #b5ada3;} #getonthelist .modalContent .disclaimer {vertical-align: baseline} #getonthelist .modalContent .disclaimerMedium {vertical-align: baseline} #getonthelist .modalContent .subscribedEditions {padding-bottom:20px;} #getonthelist .modalContent .singleWideBtnContainer {padding-bottom:8px; margin:0 auto;} #getonthelist .modalContent .optionalClick {margin-bottom:0;} /* INVITE YOUR FRIENDS */ #inviteyourfriends .modalContent .inviteByService .errorfield {position:relative; top:-10px;} #inviteyourfriends .modalContent .inviteDirect .errorfield {} #inviteyourfriends .modalContent .checkboxList {margin-top: 0px; margin-bottom: -9px; margin-left: 251px;} #inviteyourfriends .modalContent .checkboxList ul { margin:0 0 0 10px;} #inviteyourfriends .modalContent .checkboxList ul li {margin-bottom: -5px;} #inviteyourfriends .modalContent .checkboxList ul li span {width:10px; display:inline-block} #inviteyourfriends .modalContent .checkboxList ul li input {margin-left: 6px;} #inviteyourfriends .modalContent .checkboxList .hasError input {border-color:#b00;} #inviteyourfriends .modalContent .emaillistContainer {margin:26px 0; text-align: center;} #inviteyourfriends .modalContent .emaillistContainer ul li {list-style:none; display: inline; padding-right:20px;} #inviteyourfriends .modalContent .emaillistContainer ul li input {vertical-align:middle; margin:3px;} #inviteyourfriends .modalContent .emaillistContainer ul li label {vertical-align:middle; display:inline-block; padding:0; height:30px; text-indent:-9000px; margin-left:5px;} #inviteyourfriends .modalContent .emaillistContainer ul li label.gmail {width:75px; background: transparent url('assets/images/modal-icon-google.png') scroll left center no-repeat; } #inviteyourfriends .modalContent .emaillistContainer ul li label.yahoo {width:85px; background: transparent url('assets/images/modal-icon-yahoo.png') scroll left center no-repeat; } #inviteyourfriends .modalContent .emaillistContainer ul li label.aol {width:83px; background: transparent url('assets/images/modal-icon-aol.png') scroll left center no-repeat; } #inviteyourfriends .modalContent .emaillistContainer ul li label.hotmail {width:116px; background: transparent url('assets/images/modal-icon-msn.png') scroll left center no-repeat; margin-top:-7px; } #inviteyourfriends .modalContent .adjustDiv {margin-top: -4px;} #inviteyourfriends .modalContent .inputContainer {text-align: left; margin-left: 118px;} #inviteyourfriends .modalContent .inputContainer .inputHolder { margin:0 0 0 77px; overflow: hidden; } #inviteyourfriends .modalContent .inputContainer .inputHolder span.disclaimerMedium { display: block; width: 60px; float: left; line-height: 34px;} #inviteyourfriends .modalContent .inputContainer .inputHolder span.service_username_suffix {line-height: 34px; margin: 0 0 0 10px;} #inviteyourfriends .modalContent .inputContainer input {width: 230px; display: block; float: left;} #inviteyourfriends .modalContent .inputContainer { color: #846A6B; font-family: Georgia; font-size: 12px; line-height: 14px;} #inviteyourfriends .modalContent .bottomDisclaimer {margin-top: 9px;} #inviteyourfriends .modalContent .doubleBtnContainer { width: 244px; } #inviteyourfriends .modalContent .redBtn { margin-right: 10px;} #addressbookerror .modalContent .errorfield { padding:20px 0 10px 0; } /* YOUR FRIENDS */ #yourfriends .errorfield {padding:10px 0 0 0;} #yourfriends .modalContent ul.selectAll{ width:270px; margin:15px auto 8px auto; overflow:hidden} #yourfriends .modalContent ul.selectAll li{ float:left; width:90px; margin:7px 0 0 0; list-style:none} #yourfriends .modalContent ul.selectAll li.UDmembers{ width:155px; height:28px; padding:0 0 0 24px; margin:0; background:transparent url("assets/images/ud_badge_small.png") 0 0 no-repeat; line-height:28px} #yourfriends .modalContent .scrollableWrapper{ width:410px; margin:0 auto; height:253px; background:#171212; border:1px solid #332d2d; overflow-y:auto} #yourfriends .modalContent .scrollable{ padding:16px 0 0 0; overflow:auto; overflow-x:hidden} #yourfriends .modalContent .scrollable table{ width:100%; } #yourfriends .modalContent .scrollable table th.badge_note{ padding-left:32px; height:28px} #yourfriends .modalContent .scrollable table tr.column-names th{ height:30px} #yourfriends .modalContent .scrollable table td{ height:30px; font-size:11px} #yourfriends .modalContent .scrollable table td.actions div.already-member{ display:inline-block; height:28px; width:28px} #yourfriends .modalContent .scrollable table th{text-align:left; vertical-align:middle} #yourfriends .modalContent .scrollable table th.badge_note{font-weight:normal; background:transparent url("assets/images/ud_badge_small.png") scroll center center no-repeat} #yourfriends .modalContent .scrollable table tr.column-names th{vertical-align:bottom} #yourfriends .modalContent .scrollable table td{text-align:left; vertical-align:middle; color:#b5ada3} #yourfriends .modalContent .scrollable table td.actions, #yourfriends .modalContent .scrollable table th.actions{text-align:center} #yourfriends .modalContent .scrollable table td.actions .already-member{text-indent:-90000px; background:transparent url("assets/images/ud_badge_small.png") scroll center center no-repeat} #yourfriends .modalContent .scrollable table input{border:0; background:transparent} #yourfriends .modalContent .scrollable table label{font-weight:normal} #yourfriends .modalContent .bottomDisclaimer { margin-top:15px; } /* YOUR CITY */ #chooseyourcity .modalContent .city-list {margin-top: 19px; margin-bottom: 24px;} #chooseyourcity .modalContent .city-list li {list-style: none; margin-bottom: 1px;} #chooseyourcity .modalContent .bottomDisclaimer {margin-bottom: 15px; line-height: 0px;} /* HELP US HELP YOU */ #helpushelpyou .modalContent ul li {list-style:none; position: relative;} #helpushelpyou .modalContent .leftColMedium {margin-top: 7px; width: 378px; text-align: right; float: left;} #helpushelpyou .modalContent .leftColMedium ul li {margin-bottom: 5px;} #helpushelpyou .modalContent .leftColWide {margin-top: 0px; width: 429px; text-align: right; float: left;} #helpushelpyou .modalContent .leftColWide ul li {margin-bottom: 5px;} #helpushelpyou .modalContent .rightColMedium ul li.spacing {margin-bottom: 55px;} #helpushelpyou .modalContent .leftColMedium .medium {width: 194px; float: none;} #helpushelpyou .modalContent .rightColMedium {margin-top: 7px; margin-left: 4px; text-align: right; float: left; width:266px;} #helpushelpyou .modalContent .rightColMedium ul li {margin-bottom: 5px;} #helpushelpyou .modalContent .rightColMedium .medium {width: 194px; float: none;} #helpushelpyou .modalContent .rightColMedium .lastName {width: 239px; margin-bottom: 8px;} #helpushelpyou .modalContent .rightColMedium .age {margin-bottom: 0px;} #helpushelpyou .modalContent .rightColMediumLast {margin-top: 0px; margin-left: 10px; text-align: right; float: left; text-align: right; width: 210px;} #helpushelpyou .modalContent .textInput {width: 175px;} #helpushelpyou .modalContent .formContainer {} /* removed overflow:auto for select boxes */ #helpushelpyou .modalContent .bottomDisclaimer {margin-top: 16px;} #helpushelpyou .modalContent .bottomDisclaimer .privacyPolicy {border-right:1px solid #846a6b; margin-right: 5px; padding-right: 9px;} #helpushelpyou .modalContent .bottomDisclaimer a {font-size: 11px;} #helpushelpyou .modalContent .gift {margin-top: 28px; clear:both;} #helpushelpyou .modalContent .gift .emailContainer {margin-top: 14px; width: 100%; text-align: right;} #helpushelpyou .modalContent .gift .emailContainer ul li {list-style: none;} #helpushelpyou .modalContent .toFieldContainer {margin-right: 349px;} #helpushelpyou .modalContent .toField {width: 225px;} #helpushelpyou .modalContent .yourMessage {border: 1px #262222 solid; background: #120e0e; color: #969696; font-family: Georgia; font-size: 12px; padding: 9px 10px 10px 9px; width: 445px; margin-right: 128px; margin-left: 6px; height: 155px; text-align: left;} #helpushelpyou .modalContent .textAreaContainer {margin-top: 8px; margin-bottom: 24px;} #helpushelpyou .modalContent .textAreaContainer .disclaimerMedium {vertical-align: top;} #helpushelpyou .modalContent select.selectBox { margin-left:0;} #helpushelpyou span.required { position: absolute; top: 0; left: 0; color:#846a6b; font-size: 13px;} #helpushelpyou .leftColMedium span.required { left: 176px;} /* WELCOME TO URBAN DADDY */ #welcometourbandaddy .modalContent .copyBlock {margin-top: 17px;} #welcometourbandaddy .modalContent .copyBlock2 {margin-top: 19px; margin-bottom: 19px;} #welcometourbandaddy .modalContent .iconList {width: 519px; padding-left: 267px; padding-top: 3px; height: 88px;} #welcometourbandaddy .modalContent .iconList ul li {list-style:none; display:inline;} #welcometourbandaddy .modalContent a.twitter {top:7px; position:relative; margin-right:4px; float:left; width:25px; height:25px; background-image:url("assets/images/perk-a-friend-t.png"); display:block;} #welcometourbandaddy .modalContent a.twitter:hover {top:7px; position:relative; margin-right:4px; float:left; width:25px; height:25px; background-image:url("assets/images/perk-a-friend-t.png"); display:block; background-position: 0 -25px;} #welcometourbandaddy .modalContent a.facebook {top:7px; position:relative; margin-right:4px; float:left; width:25px; height:25px; background-image:url("assets/images/perk-a-friend-fb.png"); display:block;} #welcometourbandaddy .modalContent a.facebook:hover {top:7px; position:relative; margin-right:4px; float:left; width:25px; height:25px; background-image:url("assets/images/perk-a-friend-fb.png"); display:block; background-position: 0 -25px;} #welcometourbandaddy .modalContent a.download {top:7px; position:relative; margin-right:4px; float:left; width:25px; height:25px; background-image:url("assets/images/perk-a-friend-dl.png"); display:block;} #welcometourbandaddy .modalContent a.download:hover {top:7px; position:relative; margin-right:4px; float:left; width:25px; height:25px; background-image:url("assets/images/perk-a-friend-dl.png"); display:block; background-position: 0 -25px;} #welcometourbandaddy .modalContent .iconLable {width: 85px; float: left; color: #846a6b; font-family: Georgia; font-size: 11px; line-height: 14px; padding-top: 44px; margin-left: -58px; margin-right: 52px;} #welcometourbandaddy .modalContent .singleBtnContainer {padding-top: 12px; padding-left: 1px; height: 75px;} /* INVITES COMPLETED */ #invitessent .modalContent .darkredNormal {padding:20px 0;} #invitessent .modalContent .copyBlock {margin-top: 17px;} #invitessent .modalContent .copyBlock2 {margin-top: 19px; margin-bottom: 19px;} #invitessent .modalContent .iconList {width: 519px; padding-left: 267px; padding-top: 3px; height: 88px;} #invitessent .modalContent .iconList ul li {list-style:none; display:inline;} #invitessent .modalContent a.twitter {top:7px; position:relative; margin-right:4px; float:left; width:25px; height:25px; background-image:url("assets/images/perk-a-friend-t.png"); display:block;} #invitessent .modalContent a.twitter:hover {top:7px; position:relative; margin-right:4px; float:left; width:25px; height:25px; background-image:url("assets/images/perk-a-friend-t.png"); display:block; background-position: 0 -25px;} #invitessent .modalContent a.facebook {top:7px; position:relative; margin-right:4px; float:left; width:25px; height:25px; background-image:url("assets/images/perk-a-friend-fb.png"); display:block;} #invitessent .modalContent a.facebook:hover {top:7px; position:relative; margin-right:4px; float:left; width:25px; height:25px; background-image:url("assets/images/perk-a-friend-fb.png"); display:block; background-position: 0 -25px;} #invitessent .modalContent a.download {top:7px; position:relative; margin-right:4px; float:left; width:25px; height:25px; background-image:url("assets/images/perk-a-friend-dl.png"); display:block;} #invitessent .modalContent a.download:hover {top:7px; position:relative; margin-right:4px; float:left; width:25px; height:25px; background-image:url("assets/images/perk-a-friend-dl.png"); display:block; background-position: 0 -25px;} #invitessent .modalContent .iconLable {width: 85px; float: left; color: #846a6b; font-family: Georgia; font-size: 11px; line-height: 14px; padding-top: 44px; margin-left: -58px; margin-right: 52px;} #invitessent .modalContent .singleBtnContainer {padding-top: 12px; padding-left: 1px; height: 75px;} /* SOCIAL MEDIA THANK YOU PAGE */ .modalContent .media-container{ width:426px; margin:30px auto 15px} .modalContent .media{ float:left; width:112px} .modalContent .media .icon{ width:112px; height:92px; display:block} .modalContent .media a{ color: #B5ADA3; display: block; font-size: 17px; font-style: italic; text-decoration: underline; font-family: Georgia;} .modalContent .media a.small-link { font-size: 11px; margin: 10px 0; text-transform: capitalize; } .modalContent .media .small-link{ font-size:11px; margin:10px 0} .modalContent .tw-media{ margin:0 45px} .modalContent .fb-media .icon{ background:url("assets/images/fb_thanks.png") center top no-repeat} .modalContent .tw-media .icon{ background:url("assets/images/tw_thanks.png") center top no-repeat} .modalContent .ud-media .icon{ background:url("assets/images/ud_thanks.png") center top no-repeat} /* Select Boxes */ #gender_input, #age_group_id_input { width:178px; background-position:173px 7px; } #country_input, #income_range_id_input { width:229px; background-position:224px 7px; } .selectLabel { display:block; float:right; margin-top:12px; } .medium-select { margin-left:6px; margin-bottom:7px; width:196px; float:right; } .large-select { margin-left:6px; margin-bottom:7px; width:247px; float:right; } #helpushelpyou .selectbox-wrapper { top:-1px; text-align:left; } /* Waitlist */ #modal-waitlist { width: 546px; margin: 0 124px; background: url('assets/images/modal-bg-pattern-tile-sides.png') repeat-y -10px 0; -webkit-box-shadow: 0 0 10px 0 #000000; box-shadow: 0 0 10px 0 #000000;} #modal-waitlist .top-gradient { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #000 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000), color-stop(30%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); background: -webkit-linear-gradient(top, #000 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 100%); background: -o-linear-gradient(top, #000 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, #000 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, #000 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); } #modal-waitlist .bottom-gradient { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(0,0,0,0) 1%, rgba(0,0,0,0) 70%, #000 99%, #000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(0,0,0,0)), color-stop(70%,rgba(0,0,0,0)), color-stop(99%,#000), color-stop(100%,#000)); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 1%,rgba(0,0,0,0) 70%,#000 99%,#000 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 1%,rgba(0,0,0,0) 70%,#000 99%,#000 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 1%,rgba(0,0,0,0) 70%,#000 99%,#000 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 1%,rgba(0,0,0,0) 70%,#000 99%,#000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); padding: 32px 0 44px; } #modal-waitlist .close-button { right: 149px; } #modal-waitlist h1 { background: url("assets/images/wishlist-modal-flourish.png") no-repeat center 0; color: #9e8d84; font-size: 24px; margin-bottom: 12px; padding-top: 45px; } #modal-waitlist p { color: #c4c4c4; font-size: 16px; margin-bottom: 20px; font-family: Georgia; } #modal-waitlist .redBtn { float: none; margin: 0 auto;} #modal-marketing { background: #eeeeed url("assets/images/marketing/hero.jpg") no-repeat 23px 23px; font-family: Georgia,Times,"Times New Roman"; height: 451px; padding: 50px 23px 0 413px; width: 340px; } #modal-marketing form { display: none;} #modal-marketing h3 { background: url('../images/logo/header-logo-black.png') no-repeat center top; height: 55px; margin: 0 0 28px; text-indent: -9999px; } #modal-marketing h3 + p { color: #3f3f3f; font: italic 16px/20px Georgia,Times,"Times New Roman",serif; margin: 0 0 28px; } #modal-marketing input[type="text"], #modal-marketing input[type="email"], #modal-marketing input[type="password"] { border: 1px solid #939392; color: #6b6b6b; display: block; font: italic 16px Georgia,Times,"Times New Roman",serif; margin: 0 auto; padding: 0 17px; height: 39px; width: 233px;} #modal-marketing .checkbox { float: left; font-size: 16px; height: 25px; padding: 4px 0 0 40px; position: relative; } #modal-marketing .checkbox span, #modal-marketing .checkbox input { position: absolute; top: 0; left: 0; width: 29px; height: 27px; } #modal-marketing .checkbox input { cursor: pointer; margin: 0; opacity: 0; padding: 0; z-index: 5; } #modal-marketing .checkbox input:checked + span { background: #fff url("assets/images/marketing/check.png") no-repeat center center; } #modal-marketing .checkbox span { display: inline-block; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background-color: #fff; border: solid 1px #848483; } #modal-marketing .checkbox label { } #modal-marketing fieldset { margin: 0 0 12px; overflow: hidden; } #modal-marketing button { height: 42px; line-height: 42px; margin: 0 auto; width: 270px; float: none; } #modal-marketing button span { font-size: 16px; } #modal-marketing .extra { border-top: 1px solid #a6a6a5; font-size: 16px; padding: 30px 0 0;} #modal-marketing .extra a { color: #c83926; } #modal-marketing #signup button { margin-bottom: 33px; } #modal-marketing #signup button:disabled { background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #696969),color-stop(100%, #cccccc)); background-image: -moz-linear-gradient(bottom, #696969,#cccccc); background-image: -webkit-linear-gradient(bottom, #696969,#cccccc); background-image: linear-gradient(to top, #696969,#cccccc) } #modal-marketing #signin fieldset:nth-of-type(2) { margin-left: auto; margin-right: auto; width: 270px;} #modal-marketing #signin fieldset .switcher { color: #3f3f3f; float: right; font-size: 12px; font-style: italic; margin-top: 6px; text-decoration: underline;} #modal-marketing #signin input, #modal-marketing #forgotpass input, #modal-marketing #demos input { margin-bottom: 12px;} #modal-marketing #demos { display: block; } #modal-marketing .legal { position: absolute; bottom: 23px; right: 23px; list-style: none; text-align: center; width: 340px;} #modal-marketing .legal li { display: inline-block; } #modal-marketing .legal li:first-child { border-right: 1px solid #5b5b5b; margin-right: 5px; padding-right: 7px;} #modal-marketing .legal li a { color: #5b5b5b; } .gateway .tabs:before, .gateway .tabs:after { content: "."; display: block; overflow: hidden; font-size: 0; line-height: 0; width: 0; height: 0; } .gateway .tabs:after { clear: both; } #modalbox.gateway #modalContent { -moz-box-shadow: 0 0 0 0; -webkit-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0; margin-left: -188px; } .gateway { background: rgba(0, 0, 0, 0.6); font-family: "garamond-premier-pro", serif; -webkit-font-smoothing: antialiased; } .gateway *, .gateway *:before, .gateway *:after { box-sizing: border-box; } .gateway .errors, .gateway .flash { color: #e6535b; font-size: 11px; font-style: italic; font-weight: 700; margin: 0 0 10px; text-align: left; } .gateway .errors li, .gateway .flash li { line-height: 14px; margin-bottom: 5px; } .gateway ul { list-style: none; } .gateway .content { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE0MTQxNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #141414), color-stop(100%, rgba(0, 0, 0, 0))); background-image: -moz-linear-gradient(bottom, #141414, rgba(0, 0, 0, 0)); background-image: -webkit-linear-gradient(bottom, #141414, rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, #141414, rgba(0, 0, 0, 0)); background-color: #252525; border-radius: 5px; height: 494px; margin: 0 auto; width: 385px; position: relative; overflow: hidden; } .gateway .tabs { margin: 0 0 24px; } .gateway .tabs li { float: left; font-size: 30px; height: 60px; line-height: 67px; text-align: center; text-transform: uppercase; width: 50%; } .gateway .tabs li a { background: #1f1f1f; color: #525252; display: block; height: 100%; position: relative; text-decoration: none; text-transform: uppercase; } .gateway .tabs li a:after { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhMWExYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #1a1a1a), color-stop(100%, rgba(0, 0, 0, 0))); background-image: -moz-linear-gradient(bottom, #1a1a1a, rgba(0, 0, 0, 0)); background-image: -webkit-linear-gradient(bottom, #1a1a1a, rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, #1a1a1a, rgba(0, 0, 0, 0)); bottom: 0; content: ""; height: 25px; left: 0; position: absolute; width: 100%; } .gateway .tabs li a:hover { background: #1a1a1a; } .gateway .tabs li .active { background: none !important; cursor: default; color: #fff; } .gateway .tabs li .active:after { display: none; } .gateway .errors { font-size: 14px; font-style: normal; margin-left: 2px; } .gateway .panel { display: none; padding: 0 20px; } .gateway .panel.active { display: block; } .gateway .panel h2 { color: #ddd; font-size: 38px; font-family: "garamond-premier-pro", serif; margin: 0 0 10px; text-align: center; text-transform: uppercase; } .gateway .panel p { color: #aaa; font-size: 22px; letter-spacing: -1px; line-height: 24px; text-align: center; margin: 0 0 30px; } .gateway .panel > p span { display: block; } .gateway .panel form li { color: #ececec; font-size: 16px; padding-left: 25px; width: auto; } .gateway form { text-align: left; } .gateway form ul:not(.errors) { margin: 0 0 10px; overflow: hidden; } .gateway form ul:not(.errors) li { float: left; height: 19px; line-height: 19px; margin: 0 0 3px; padding: 0 0 0 20px; position: relative; } .gateway form ul:not(.errors) li input, .gateway form ul:not(.errors) li span { left: 1px; position: absolute; top: 1px; } .gateway form ul:not(.errors) li input { cursor: pointer; display: block; height: 15px; opacity: 0; width: 15px; z-index: 10; } .gateway form ul:not(.errors) li input[type=radio] + span { border-radius: 50%; } .gateway form ul:not(.errors) li span { display: block; height: 15px; width: 15px; } .gateway input[type="email"], .gateway input[type="password"] { -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.5); box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.5); background: #292929; border: 0; border-radius: 5px; color: #939394; display: block; font-family: "garamond-premier-pro", serif; font-size: 18px; height: 38px; margin: 0 0 10px; padding: 5px 20px 0; width: 100%; } .gateway input[type="password"] { margin-bottom: 16px; } .gateway input[type="checkbox"]:checked + span { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkyOTI5MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #929292), color-stop(100%, #e9e9e9)); background-image: -moz-linear-gradient(bottom, #929292, #e9e9e9); background-image: -webkit-linear-gradient(bottom, #929292, #e9e9e9); background-image: linear-gradient(to top, #929292, #e9e9e9); border: 4px solid #313131; } .gateway input[type="checkbox"] + span { background-color: #313131; border: 0; border-radius: 1px; box-shadow: none; top: 0; } .gateway button { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjA0Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMDQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0.04)), color-stop(100%, rgba(255, 255, 255, 0.04))); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.04), rgba(255, 255, 255, 0.04)); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.04), rgba(255, 255, 255, 0.04)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.04), rgba(255, 255, 255, 0.04)); -moz-box-shadow: -9px 0 18px rgba(0, 0, 0, 0.14); -webkit-box-shadow: -9px 0 18px rgba(0, 0, 0, 0.14); box-shadow: -9px 0 18px rgba(0, 0, 0, 0.14); background-color: #1f1f1f; border: solid 1px rgba(0, 0, 0, 0.26); border-radius: 2px; color: #ececec; cursor: pointer; display: inline-block; font-size: 16px; font-family: "garamond-premier-pro", serif; font-weight: bold; height: 30px; letter-spacing: 1px; line-height: 23px; margin: 0 10px 20px 0; padding: 4px 17px 0; text-align: center; text-decoration: none; text-transform: uppercase; } .gateway .switch { color: #ededed; font-size: 16px; } .gateway footer { bottom: 10px; color: #525252; font-size: 12px; left: 0; line-height: 12px; position: absolute; text-align: center; width: 100%; } .gateway footer span { display: block; } .gateway footer a { color: #959595; } .gateway .login form { display: none; } .gateway .login form.active { display: block; } @-moz-keyframes motion { 0% { -moz-transform: translateX(0) scale(1); transform: translateX(0) scale(1); } 25% { -moz-transform: translateX(-50px) scale(0.3); transform: translateX(-50px) scale(0.3); } 50% { -moz-transform: translateX(0) scale(1); transform: translateX(0) scale(1); } 75% { -moz-transform: translateX(50px) scale(0.3); transform: translateX(50px) scale(0.3); } 100% { -moz-transform: translateX(0) scale(1); transform: translateX(0) scale(1); } } @-webkit-keyframes motion { 0% { -webkit-transform: translateX(0) scale(1); transform: translateX(0) scale(1); } 25% { -webkit-transform: translateX(-50px) scale(0.3); transform: translateX(-50px) scale(0.3); } 50% { -webkit-transform: translateX(0) scale(1); transform: translateX(0) scale(1); } 75% { -webkit-transform: translateX(50px) scale(0.3); transform: translateX(50px) scale(0.3); } 100% { -webkit-transform: translateX(0) scale(1); transform: translateX(0) scale(1); } } @keyframes motion { 0% { -moz-transform: translateX(0) scale(1); -ms-transform: translateX(0) scale(1); -webkit-transform: translateX(0) scale(1); transform: translateX(0) scale(1); } 25% { -moz-transform: translateX(-50px) scale(0.3); -ms-transform: translateX(-50px) scale(0.3); -webkit-transform: translateX(-50px) scale(0.3); transform: translateX(-50px) scale(0.3); } 50% { -moz-transform: translateX(0) scale(1); -ms-transform: translateX(0) scale(1); -webkit-transform: translateX(0) scale(1); transform: translateX(0) scale(1); } 75% { -moz-transform: translateX(50px) scale(0.3); -ms-transform: translateX(50px) scale(0.3); -webkit-transform: translateX(50px) scale(0.3); transform: translateX(50px) scale(0.3); } 100% { -moz-transform: translateX(0) scale(1); -ms-transform: translateX(0) scale(1); -webkit-transform: translateX(0) scale(1); transform: translateX(0) scale(1); } } .gateway .loader { background: rgba(0,0,0,0.6); bottom: 0; display: none; left: 0; position: absolute; right: 0; top: 0; z-index: 1; } .gateway .loader > div { height: 50px; left: 50%; margin: -25px 0 0 -50px; position: absolute; text-align: center; top: 50%; width: 100px; } .gateway .loader .ball { -webkit-animation: motion 3s cubic-bezier(0.77, 0, 0.175, 1) infinite; -moz-animation: motion 3s cubic-bezier(0.77, 0, 0.175, 1) infinite; -ms-animation: motion 3s cubic-bezier(0.77, 0, 0.175, 1) infinite; -o-animation: motion 3s cubic-bezier(0.77, 0, 0.175, 1) infinite; animation: motion 3s cubic-bezier(0.77, 0, 0.175, 1) infinite; width: 20px; height: 20px; background-color: #fff; border-radius: 50%; display: inline-block; } .gateway .loader p { color: #fff; margin-top: 5px; font-family: sans-serif; letter-spacing: 3px; font-size: 10px; text-transform: uppercase; }