/* |----------------------------------------------------------------------------------------| | SUPERAWESOME FRAMEWORK - EMBEDDABLE STYLE SHEET | |----------------------------------------------------------------------------------------| | AUTHOR: Dragan Babic | http://sprawsm.com/ | |----------------------------------------------------------------------------------------| | DATE MODIFIED: Fri, 13 Jan 12 | |----------------------------------------------------------------------------------------| | ABOUT: | |----------------------------------------------------------------------------------------| | Use this style sheet for all your site's styles and to override existing ones set by | | the framework if you wish to upgrade to a newer version at some point. This is the | | style sheet you should embed in your HTML pages. | |----------------------------------------------------------------------------------------| */ @import "saf.typography.css"; @import "saf.layout.css"; @import "subnavigation.css"; @import "navigation.css"; @import "navigation-responsive.css"; @import "saf.extras.css"; @import "fonts.css"; @import "uni-form.css"; @import "rg.uni-form.css"; @import "tipTip.css"; @import "footer.css"; /* !Global Float Clearing ------------------------------------------------------------- */ #content:before, #content:after { content: ""; display: table; } #content:after { clear:both; } .content:after, ul.branding:after, .primary-content header:after, .primary-content section:after, .additional-info:after, .additional-info ul:after, .leaderboard-section h2:after, .leaderboard:after, .rank:after, .avatar-and-name:after, .sec-nav-wrapper h1:after, ul.sec-nav:after, .rank-position:after, .popular-venues-wrapper section img:after, .popular-venues-wrapper section:after, .popular-venues-wrapper footer:after, .popular-venues-wrapper article:after, .past-reservations h2:after, .activity-box:after, .learn-more:after, /*.details-box li p span:after, .details-box li p strong:after, .details-box li li:after,*/ .pagination:after, .branding ul:after, .like-venue img:after, .example-box li:after, .example-box:after, .reservation:after, .popular-venues-wrapper article section figure:after, #homepage.newheader header.main .form-box select:after { content: "."; display: block; clear: both; height: 0; line-height: 0; font-size: 0; min-height: 0; visibility: hidden; } /* !Generals -------------------------------------------------------------------------- */ html {} body { font-family: Helvetica Neue, Arial, Helvetica, Myriad Pro, Lucida Grande, sans-serif; } #content { position: relative; } img { max-width: 100%; height: auto; } p { color: #343434; font-family: Helvetica Neue, Arial, Helvetica, Myriad Pro, Lucida Grande, sans-serif; font-size: 16px; } a.button-primary { color: #fff !important; font-family: Patagonia; text-align: center; padding: 10px 30px; font-size: 24px; font-weight: normal; line-height: 1; /* Border radii */ border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; text-shadow: 0px 1px 0px #343434; text-decoration: none; background: #f78d00; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3OGQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMzM0MjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f78d00 0%, #d33422 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f78d00), color-stop(100%,#d33422)); background: -webkit-linear-gradient(top, #f78d00 0%,#d33422 100%); background: -o-linear-gradient(top, #f78d00 0%,#d33422 100%); background: -ms-linear-gradient(top, #f78d00 0%,#d33422 100%); background: linear-gradient(top, #f78d00 0%,#d33422 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f78d00', endColorstr='#d33422',GradientType=0 ); } a.button-primary:hover { text-decoration: none; /* Box shadows */ box-shadow: 0px 0px 10px rgba(0,0,0,.25); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.25); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.25); text-decoration: none; background: #f7a900; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3YTkwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZDQxMmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f7a900 0%, #dd412e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7a900), color-stop(100%,#dd412e)); background: -webkit-linear-gradient(top, #f7a900 0%,#dd412e 100%); background: -o-linear-gradient(top, #f7a900 0%,#dd412e 100%); background: -ms-linear-gradient(top, #f7a900 0%,#dd412e 100%); background: linear-gradient(to bottom, #f7a900 0%,#dd412e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7a900', endColorstr='#dd412e',GradientType=0 ); } a.button-primary:active { color: #fff; /* Box shadows */ box-shadow: 0px 3px 9px rgba(0,0,0,.25) inset; -webkit-box-shadow: 0px 3px 9px rgba(0,0,0,.25) inset; -moz-box-shadow: 0px 3px 9px rgba(0,0,0,.25) inset; } a.button-primary:visited { color: #fff; } .ajax-loader-box { display: none; background: rgba(255, 255, 255, 0.7); width: 50px; height: 50px; position: absolute; left: 50%; margin-left: -25px; top: 50%; margin-top: -25px; /* Box shadows */ box-shadow: 0px 0px 15px rgba(0,0,0,.25); -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,.25); -moz-box-shadow: 0px 0px 15px rgba(0,0,0,.25); /* Border radii */ border-radius: 7px; -moz-border-radius: 7px; -khtml-border-radius: 7px; } .ajax-loader-box img { margin: 8px auto; display: block; } .leaderboard-loader { margin-left: 45%; } option { background-color: #fff; } /* !Link colors ----------------------------------------------------------------------- */ a:link, a:visited { color: #106fbd; text-decoration: none; } a:focus, a:hover { text-decoration: underline; } a:active { color: #343434; } /* !Main Content ---------------------------------------------------------------------- */ .breadcrumb-row { padding-top: 18px; padding-bottom: 13px; border-bottom: 1px solid #d9d9d3; margin-bottom: 30px; } ul.breadcrumb { margin: 0; } ul.breadcrumb li { display: inline; margin: 0; padding-left: 15px; padding-right: 10px; background: url(../images/design/breadcrumb-bullet.png) no-repeat; background-position: 0 5px; color: #999; font-weight: bold; } ul.breadcrumb li:first-child, ul.breadcrumb li.first { background: none; padding-left: 0; } .primary-content { } .primary-content article { margin-bottom: 30px; } .primary-content header { } .primary-content header img { border: 1px solid #e5e5e5; max-width: 100%; height: auto !important; } .venue-info { } .venue-info h1 { font-family: Patagonia; margin: 0 0 15px 0; line-height: 1; font-size: 35px; letter-spacing: -1px; font-weight: normal; } .venue-info address { font-weight: bold; color: #999; background: url(../images/design/location-icon.png) no-repeat; background-position: 0 4px; font-style: normal; font-size: 16px; padding-left: 15px; margin-bottom: 5px; line-height: 1; } .venue-info p.phone { font-weight: bold; color: #999; background: url(../images/design/mob-icon.png) no-repeat; background-position: 0 4px; font-style: normal; font-size: 16px; padding-left: 15px; margin: 0; line-height: 1; } .primary-content section p { font-size: 16px; color: #666; } .primary-content a.read-more { display: block; font-size: 14px; margin-top: 7px; } .primary-content a.all-images { display: block; background: url(../images/design/view-all-images-icon.png) no-repeat; background-position: 0 3px; padding-left: 15px; color: #999; margin-bottom: 5px; } .primary-content section a img { float: left; display: block; margin-right: 15px; margin-bottom: 15px; max-width: 100%; } aside { margin-bottom: 30px; } .cta-box { background-color: #f2f2f2; border: 1px solid #d9d9d8; padding: 20px; margin-bottom: 30px; /* Border radii */ border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; } .cta-box a.button-primary { display: block; color: #fff;} .cta-box p { text-align: center; font-size: 13px; line-height: 1.1; margin: 15px 40px 0 40px; color: #888; } .g-map { overflow: hidden; } .additional-info {} .additional-info h3, .additional-info h2 { line-height: 1; font-size: 14px; color: #888; border-bottom: 1px solid #d9d9d9; padding-bottom: 15px; margin: 15px 0 0 0;} .additional-info ul { margin: 15px 0 0 0; float: left;} .additional-info ul li { float: left; width: 50%; padding-left: 20px; display: inline; margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; margin-bottom: 5px; font-size: 13px;} li.visit-website { background: url(../images/design/visit-website.png) no-repeat; background-position: 0 5px; } li.visit-facebook { background: url(../images/design/visit-facebook.png) no-repeat; background-position: 0 5px; } li.send-email { background: url(../images/design/send-email.png) no-repeat; background-position: 0 5px; } li.follow-on-twitter { background: url(../images/design/follow-on-twitter.png) no-repeat; background-position: 0 5px; } li.g-map { background: url(../images/design/g-map.png) no-repeat; background-position: 4px 5px; } li.view-menu { background: url(../images/design/view-menu.png) no-repeat; background-position: 0 2px; } .additional-info ul li a { color: #888; } .additional-info ul li a:hover { color: #0069bd; text-decoration: none; } /* .venue-summary .subnav li { width: 20%; } */ .main-content-section, .leaderboard-section, .reviews-section, .menu-section, .gallery-section, .virtual-tour-section { background-color: #eaf2f8; margin-bottom: 40px; border: 3px solid #c9d5de; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -khtml-border-radius: 4px 4px 4px 4px; } .main-content-section h2, .leaderboard-section h2, .reviews-section h2, .menu-section h2, .gallery-section h2, .virtual-tour-section h2 { background-color: #c9d5de; margin: 0 -28px 0 0; padding: 20px 28px; font-family: Patagonia; font-size: 30px; font-weight: normal; } .leaderboard-section h2 a { background-color: #f2f2f2; font-size: 14px; font-weight: normal; padding: 10px 50px; text-align: center; float: right; font-family: Helvetica Neue, Arial, sans-serif; /* Border radii */ border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; } .leaderboard-section h2 a i { display: inline-block; width: 8px; height: 16px; background-image: url(../images/design/info-icon.png); background-repeat: no-repeat; background-position: 0 0; margin-bottom: -2px; } .leaderboard-section h2 a:hover i { background-position: 0 -16px; } .leaderboard-section h2 a:hover { text-decoration: none; color: #fff; background-color: #0069bd; background-position: 0 10px; } .leaderboard-section h2 a:active { background-color: #005eaa; /* Box shadows */ box-shadow: 0px 3px 4px rgba(0,0,0,.25) inset; -webkit-box-shadow: 0px 3px 4px rgba(0,0,0,.25) inset; -moz-box-shadow: 0px 3px 4px rgba(0,0,0,.25) inset; } .leaderboard { padding: 1px 0; min-height: 688px; } .leaderboard-title { margin: 1em 0; font-size: 1.25em; line-height: 1; } .leaderboard-action { float: right; margin-top: 1.5em; font-size: 13px; } .total-points { text-align: right; font-size: 14px; } .total-points strong { width: 75px; padding: 0px 0; font-size: 20px; font-weight: bold; color: #fff; margin-left: 15px; display: inline-block; text-align: center; background-color: #0069bd; border-radius: 4px; -moz-border-radius: 4px; } .rank { background-color: #fff; padding: .8em 0; margin: .85em -1em; line-height: 1; overflow: hidden; cursor: pointer; /* Border radii */ border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; position: relative; } .rank:hover { background-image: url(../images/design/sort-icon.png); background-position: 96% 1.5em; background-repeat: no-repeat; /* Box shadows */ box-shadow: 0px 0px 10px rgba(0,0,0,.15); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.15); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.15); } .leaderboard-badge { position: absolute; right: 100px; top: 7px; background-color: #fff; } .leaderboard-badge img { display: inline-block; float: left; margin-top: 2px; } .leaderboard-badge .number-free { margin-top: 5px; padding: 0 2px; } .leaderboard-user-details .number-free { margin-top: 2px; padding: 0 4px; } /* .leaderboard-badge span { font-size: 14px; font-weight: bold; color: #0069bd; background: red; display: inline-block; width: 40px; }*/ .leaderboard-badge p { margin: 0; display: inline-block; margin-top: 8px; margin-left: 3px; font-weight: bold; color: #0069bd; } .no-content { cursor: auto; color: #b1bcc4; } .leaderboard-section .no-content { margin-top: 1em; } .no-content:hover { background: #fff; -webkit-box-shadow: none; box-shadow: none; } .no-content h4 { margin: 0; text-align: center; } .position { float: left; margin-top: .05em; font-size: 25px; font-weight: bold; width: 40px; text-align: right; color: #b1bcc4; } .avatar-and-name { margin: 0 100px 0 60px; overflow: hidden; height: 28px;} .avatar-and-name img { float: left; } .avatar-and-name h3 { margin: 0 0 0 40px; padding-top: .15em; line-height: 1.15; } .avatar-and-name h3 span { font-size: 13px; font-weight: normal; color: #999; } .leaderboard-detail { display: none; padding: 1px 0em 0em 0em; font-size: .85em; line-height: 1.25; cursor: auto; } .leaderboard-user-details { margin: 1em 0; } .badges-total-block { margin: 0 15px; border-top: 1px solid #e5e5e5; padding: 15px 0; position: relative; } .badges-total-block h2 { margin: 0; font-size: 13px; text-transform: uppercase; letter-spacing: 2px; } .badges-total { position: absolute; top: 5px; right: 0; } .leaderboard-user-details .badges-total-block h2 { background: #fff; padding: 0; font-family: Helvetica Neue, Arial, sans-serif; font-weight: bold; } .leaderboard-user-details table { margin: 0; position: relative; background-color: #f9f9f9; } .leaderboard-user-details table:before { content: "."; text-indent: -9999em; display: block; width: 100%; height: 10px; background-image: url(../images/top-drop.png); background-repeat: repeat-x; position: absolute; top: 0; left: 0; } .leaderboard-user-details table:after { content: "."; text-indent: -9999em; display: block; width: 100%; height: 10px; background-image: url(../images/bottom-drop.png); background-repeat: repeat-x; position: absolute; bottom: 0; left: 0; } .leaderboard-user-details th { padding: 20px 0 15px 5px; border-bottom: 1px solid #ddd; } .leaderboard-user-details td { padding: 14px 0; } .user-points-info { margin: 8px 0 0 34px; font-size: 12px; line-height: 1; } .leaderboard-user-details td img { float: left; } .leaderboard-user-details tbody tr:nth-child(odd) { background-color: transparent; } .leaderboard-user-details tr:last-child td { border-bottom: none; padding-bottom: 20px; } .leaderboard-user-details tr th:first-child, .leaderboard-user-details tr td:first-child { padding-left: 7px; } .leaderboard-user-details tr th:last-child, .leaderboard-user-details tr td:last-child { padding-right: 7px; } .rewarding-methods { margin: 0 0 3px 0; text-align: center; } .rewarding-methods a { font-size: 14px; padding: 5px 0; font-weight: bold; display: block; background-image: url(../images/reward-icon.png); background-repeat: no-repeat; background-position: 15px center; } .upload-avatar-info { background: url(../images/design/100-points-promo-small.png) 100% .25em no-repeat; padding-right: 44px; color: #999; } .upload-cta { display: block; } .leaderboard-section .avatar-and-name p { margin-top: .25em; } .points { float: right; width: 90px; } .points strong { font-size: 20px; color: #fff; padding: 4px 10px; background-color: #0069bd; margin-right: .75em; display: block; text-align: center; /* Border radii */ border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; } .points span { display: block; background-image: url(../images/reserved.png); background-repeat: no-repeat; background-position: 20px 7px; text-align: left; margin-left: 3px; padding-top: 4px; } .leaderboard-section aside.no-peark { background: none; margin-top: 28px; } .leaderboard-section aside.no-peark p { background-image: url(../images/no-peark.png); background-repeat: no-repeat; background-position: 2px 8px; background-color: #fff; margin: 0; padding: 10px 10px 10px 30px; text-align: left; /* Border radii */ border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; } .leaderboard-section aside { margin-top: 28px; } .leaderboard-section aside figure { padding: 0; } .leaderboard-section aside img { margin-left: -38px; } .leaderboard-section aside p { text-align: center; font-family: Arial; font-size: 14px; margin: -19px 0 0 0; padding-bottom: 30px; background: url(../images/vip-pearks-arrow.png) no-repeat; background-position: 100% 95px; color: #777; } .perk { background-color: #fff; border: 1px solid #d9d9d9; background-image: url(../images/design/star-icon.png); background-repeat: no-repeat; background-position: 12px 15px; padding: 15px 25px 20px 40px; /* Border radii */ border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; } .perk hgroup { } .perk h2 { background: none; margin: 0 0 6px 0; font-family: Helvetica Neue, Arial, sans-serif; color: #888; font-size: 13px; padding: 0; } .perk h3 { font-size: 15px; font-weight: bold; margin: 0 0 6px 0; line-height: 1.2; } aside .perk p { margin: 0; text-align: left; background: none; padding: 0; font-size: 12px; color: #666; } /*Description section*/ .restaurant-profile { background-color: #fff; margin: 0 0 28px; padding: 28px 28px 0 0; border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -khtml-border-radius: 0 0 4px 4px; overflow: hidden; clear: both; } /*Reviews section*/ .reviews { background: #fff; padding: 14px 28px; } .reviews-summary { margin-right: -28px; margin-left: -28px; padding: 14px 28px 20px 28px; border-bottom: 1px solid #e5e5e5; margin-bottom: 14px; clear: both; overflow: hidden; } .reviews-summary__mark-container { float: left; text-align: center; padding-right: 28px; border-right: 1px solid #e5e5e5; } .reviews-summary__mark { font-size: 54px; line-height: 36px; color: #f6921e; } .reviews-summary__mark-container .review__star-list { margin-bottom: 0; display: block; } .reviews-count { color: #999; display: block; margin-top: 7px; } .reviews-summary__statistics { float: left; padding-left: 28px; margin: 0; } .reviews-summary__statistics li { margin-left: 0; list-style-type: none; font-size: 13px; line-height: 18px; color: #999; } .reviews-statistics-textual { width: 48px; display: inline-block; } .reviews-statistics-bar { display: inline-block; width: 200px; height: 10px; line-height: 18px; background: #f8f8f8; } @media screen and (max-width: 560px) { .reviews-statistics-bar { width: 150px; } } .reviews-statistics-bar-value { height: 10px; background: #f6921e; display: block; } .reviewer { border-bottom: 1px solid #e5e5e5; padding-bottom: 15px; margin-bottom: 15px; } .reviewer__rating.review__star-list { margin-bottom: 0; } .reviewer:last-child { border-bottom: none; } .reviewer__image, .reviewer__comment { display: table-cell; vertical-align: top; } .reviewer__image { padding-right: 14px; width: 48px; } .reviewer__image img { width: 48px; height: 48px; display: block; vertical-align: middle; } .reviewer__comment { } .reviewer__name { margin: 0; line-height: 1; } .review__star-list { display: inline-block; margin-bottom: 5px; margin-top: 7px; position: relative; width: 64px; height: 12px; margin-left: auto; margin-right: auto; } .review__star--inactive, .review__star--active { position: absolute; left: 0; top: 0; display: block; width: 64px; height: 12px; } .review__star--inactive { position: absolute; left: 0; top: 0; display: block; width: 64px; z-index: 1; } .review__star--active { z-index: 2; overflow: hidden; line-height: 1; display: block; } .review__star--active img { max-width: 64px; } /*.review__star { white-space: nowrap; position: absolute; top: 0; left: 0; right: 0; height: 15px; overflow: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; } .review__star--faded { color: #999; } .review__star--filled { color: #f6921e; }*/ .review__date { color: #999; display: inline-block; margin-left: 5px; font-size: 13px; } .reviewer__comment p { margin: 0; font-size: 14px; } /* Menu section */ .content-menu a, .menu { border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; } .menu-section { padding-bottom: 28px; } .content-menu { text-align: center; margin-top: 28px; } .content-menu-item { display: none; /*hide each menu on load, first menu item is displayed via js*/ } .content-menu a { color: #434546; text-decoration: none; padding: 8px 12px; margin-right: 5px; } .content-menu a:hover:not(.active-menu-tab) { color: #888e91; } .content-menu .active-menu-tab { color: #fff; background: #c9d5de; position: relative; } .active-menu-tab:after { bottom: 100%; left: 50%; top: 28px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #fff; border-width: 15px; margin-left: -15px; } .menu { background: #fff; margin-top: 28px; padding: 0 28px 28px; overflow: hidden; } .menu ul { margin-bottom: 0; margin-top: 0; } .menu ul p {margin: 0;} .menu ul li { margin-left: 0; list-style-type: none; } .menu li li { padding: 28px 0; border-top: 1px solid #ccc; } .menu h3, .menu h4 { text-align: center; text-transform: uppercase; } .menu h3 { margin: 4em 0; padding: 1em; font-size: 1em; font-weight: normal; letter-spacing: .15em; border: 4px double #ccc; border-width: 3px 0; } .menu h4 { margin: -1px 0 0 0; padding: .25em; font-size: .85em; letter-spacing: .15em; background-color: #efefef; border-top: 1px solid #ccc; text-align: center; } .menu-price { float: right; font-weight: bold; } .menu-desc { font-size: .85em; color: #999; padding-right: 56px; } /*End Menu section*/ /*Gallery section*/ .gallery-restaurant { background-color: #fff; margin: 0 0 28px; padding: 28px; border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -khtml-border-radius: 0 0 4px 4px; } .gallery-restaurant .owl-carousel { margin-top: 20px; } .gallery-section .owl-controls { position: absolute; top: -43px; left: 0; right: 0; } /* .gallery-restaurant .owl-carousel .owl-item { margin-left: 8px; margin-right: 8px; }*/ .gallery-section .image-holder { display: inline; } .gallery-section .image-holder img { margin: auto; } .gallery-restaurant .owl-carousel img { display: block; max-width: 100%; height: auto; } @media only screen and (max-width: 480px) { .gallery-section .owl-controls { top: -37px; } } /*old*/ .image-expanded { width: 100%; } .image-expanded img { display: block; max-width: 100%; height: auto; margin: 0 auto; } .gallery-thumbnails { /*margin: 0 auto;*/ text-align: center; /*width: 80%;*/ } .gallery-thumbnails li { display: inline-block; list-style-type: none; margin-left: 0; margin: 7px; /*width: 25%;*/ } .gallery-thumbnails li:nth-child(3n+3) { clear: right; } @media only screen and (max-width: 768px) { .gallery-thumbnails img { /*max-width: 100px;*/ } .gallery-thumbnails li { margin-top: 14px; margin-right: 14px; } } /*Virtual tour section*/ .virtual-tour-section { position: relative; } .content-virtual-tour { margin-top: -28px; } .responsive-iframe { margin: 28px 0; position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden; } @media screen and (max-width: 768px) { .responsive-iframe { padding-bottom: 100%; } } .responsive-iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* !Footer ---------------------------------------------------------------------------- */ footer.main { background: #3a3a3a url(../images/design/footer-bg.png) 0 0 repeat-x; padding: 40px 0 0 0;} a.footer-logo { width: 189px; height: 65px; display: block; text-indent: -9999em; float: right; background-image: url(../images/footer-logo.png); background-repeat: no-repeat; background-position: 0 0; } a:hover.footer-logo { background-position: 0 -66px; } .link-group { } .link-group h2 { color: #fff; font-size: 20px; margin: 0 0 15px 0; padding: 0; } .link-group ul { margin: 0 0 35px 0; padding: 0; } .link-group li { list-style-type: none; margin: 0; padding: 0; } .link-group li a { color: #999; display: block; padding: 10px 0; border-bottom: 1px solid #343434; } .link-group li a:hover { text-decoration: none; color: #fff; border-bottom: 1px solid #777; } a.button-footer { color: #999; text-align: center; text-transform: uppercase; display: block; font-weight: bold; background-color: #343434; padding: 10px 0; /* Border radii */ border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; } a:hover.button-footer { text-decoration: none; color: #fff; background-color: #444; /* Box shadows */ box-shadow: 0px 0px 15px rgba(0,0,0,.85); -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,.85); -moz-box-shadow: 0px 0px 15px rgba(0,0,0,.85); } a:active.button-footer { background-color: #343434; box-shadow: 0px 3px 5px rgba(0,0,0,.45) inset; -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,.45) inset; -moz-box-shadow: 0px 3px 5px rgba(0,0,0,.45) inset; } p.copyright { color: #fff; text-align: center; margin:50px 0; float: left; width: 100%; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: #000; } /* SUCCESS -------------------------------------------------------------------------------*/ #success { } #success article { background-image: url(../images/design/success.png); background-repeat: no-repeat; background-position: 0 120px; padding: 100px 0 100px 200px; } #success hgroup { } #success article h1 { font-family: Patagonia; font-size: 90px; color: #3b940f; letter-spacing: #3b940f; line-height: 1; margin: 0; } #success article h2 { font-size: 20px; margin: 0 0 8px 0; } #success article h2 a { color: #343434; text-decoration: none; padding-bottom: 2px; border-bottom: 1px solid #343434; } #success article h2 a:hover { border-bottom: none; } #success section p { margin: 0 0 8px 0; line-height: 1.2; } #success section p a { text-decoration: underline; } #success section p a:hover { text-decoration: none; } #success section p a.black-link { color: #343434; } .like-venue { background-color: #eaf2f8; margin: 0 0 30px 0; padding-bottom: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; /* Border radii */ border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; } .like-venue img { float: left; max-width: 100%; padding: 20px; } .like-venue p { font-weight: bold; padding-right: 15px; padding-top: 20px; margin: 0 0 10px 0; line-height: 1.3; } a.another-reservation { text-align: center; display: block; margin-bottom: 90px; } .like-wrapper { margin-top: 100px ; margin-bottom: 60px; } .like-wrapper .f-box { background: #eaf2f8; padding: 15px 70px 15px 120px; background-image: url(../images/facebook-icon.png); background-repeat: no-repeat; background-position: -25px -2px; margin-bottom: 40px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; /* Border radii */ border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; } .f-box p { font-weight: bold; margin: 0 0 12px 0; line-height: 1.3; } .like-wrapper .t-box { background-color: #d3f3f8; padding: 15px 0px 15px 120px; background-image: url(../images/twitter-icon.png); background-repeat: no-repeat; background-position: -25px -4px; margin-bottom: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; /* Border radii */ border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; } .t-box p { font-weight: bold; margin: 10px 0 20px 0;} .upload-wrapper { } .upload-box { border: 1px solid #ccc; position: relative; background-image: url(../images/avatar-empty.png); background-position: 101% -2px; background-repeat: no-repeat; margin-bottom: 40px; margin-top: 0px; /* Border radii */ border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; } .upload-box.margin-larger { margin-top: 40px; } .share-box { background-image: url(../images/facebook-logo.png); background-position: 100% 0; } .upload-box p, .info-box p { text-align: left; margin: 0 0 35px 20px; } p.instruction { font-weight: bold; margin-top: -13px; } p.instruction span { background-color: #fff; padding: 0 10px; } a.button-secondary { background-color: #1770c4; color: #fff; padding: 13px 65px; /* Border radii */ border-radius: 40px; -moz-border-radius: 40px; -khtml-border-radius: 40px; } a:hover.button-secondary { background-color: #0c62b4; text-decoration: none; } a:active.button-secondary{ /* Box shadows */ box-shadow: 0px 3px 4px rgba(0,0,0,.45) inset; -webkit-box-shadow: 0px 3px 4px rgba(0,0,0,.45) inset; -moz-box-shadow: 0px 3px 4px rgba(0,0,0,.45) inset; } a.promo-points { position: absolute; width: 96px; height: 96px; display: block; top: -55px; right: -25px; background-image: url(../images/design/promo-points.png); background-repeat: no-repeat; background-position: 0 0; text-indent: -9999em; } a:hover.promo-points { background-position: 0 -98px; } a.promo-points.fifty-points { background-image: url(../images/design/50-promo-points.png); } .promo-info-wrapper { } .info-box { border: 1px solid #ccc; position: relative; margin-bottom: 40px; margin-top: 80px; /* Border radii */ border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; } #success article.pending { background-image: url(../images/design/pending.png); } #success article.pending h1 { color: #f3a824; margin-bottom: 10px; } /* SETTINGS ----------------------------------------------------*/ #setting { } /* #settings footer.main .grid { margin-left: 0; } */ .sec-nav-wrapper { background: #f5f5f5; border-bottom: 1px solid #c0c0c1; height: 60px; margin-bottom: 60px; } .sec-nav-wrapper h1 { margin: 0; float: left; line-height: 60px; } ul.sec-nav { margin: 0; } ul.sec-nav li { display: inline; margin: 0; float: right; } ul.sec-nav li.active { background: #fff; } ul.sec-nav li.active a { border-left: 1px solid #c0c0c1; border-right: 1px solid #c0c0c1; } ul.sec-nav li.active a:hover { background: #fff; padding-bottom: 1px; } ul.sec-nav li.active a:active { background: #fff; } ul.sec-nav li a { font-family: Myriad Pro, Arial, sans-serif; font-size: 18px; font-weight: bold; color: #343434; padding: 0 20px; line-height: 60px; height: 60px; display: block; padding-bottom: 1px; } ul.sec-nav li a:hover { background: #eceaea; text-decoration: none; padding-bottom: 0px; } ul.sec-nav li a:active { background: #e5e2e2; } .settings { margin-bottom: 60px; } .settings .secondary { padding-left: 52px; position: relative; } .optional .secondary { padding-left: 52px; position: relative; } #settings aside label { margin-bottom: 10px; } #settings aside label:hover { cursor: pointer; } #settings aside label img { display: block; max-width: 100%; height: auto !important; border: 20px solid #e3eef6; background-color: #e3eef6; margin-bottom: 10px; /* Border radii */ border-radius: 8px; -moz-border-radius: 8px; -khtml-border-radius: 8px; } #settings aside p.promo-points { position: absolute; width: 96px; height: 96px; display: block; top: -35px; right: -25px; background-image: url(../images/design/promo-points.png); background-repeat: no-repeat; background-position: 0 0; text-indent: -9999em; z-index: 5; } #settings aside h2 { margin: 0 0 15px 0; font-size: 16px; text-align: center; line-height: 1; } #settings aside p { margin: 0; font-size: 12px; color: #888; line-height: 1.6; } #settings aside p em { color: #f5901f; padding-right: 5px; } #settings aside p b { padding-right: 4px; } .optional { margin-bottom: 60px; } .password { margin-bottom: 60px; } .notifications { margin-bottom: 60px; } #settings .buttonHolder { margin-left: -28px; margin-right: -28px; } #settings .password form.uniForm { margin-left: -28px; padding-left: 28px; padding-right: 28px; } #settings .notifications form.uniForm { margin-left: -28px; padding-left: 28px; padding-right: 28px; } /* HISTORY ----------------------------------------------------*/ #history { } /* List view for history */ .reservations-list { clear: both; } .reservation { margin: 1em 0; padding-top: 1em; border-top: 1px solid #dfdfdf; } .reservations-list .reservation:last-child { margin-bottom: 3em; } .past-reservations .reservations-list .reservation:last-child { padding-bottom: 1em; border-bottom: 1px solid #dfdfdf; } .reservation figure { float: left; width: 170px; margin-right: 2em; overflow: hidden; } .reservation figure img { display: block; } .reservation header { float: left; } .reservation hgroup { padding-top: .5em; } .reservation h3, .reservation h4 { line-height: 1; } .reservation h3 { margin: 0; font-family: Myriad Pro, Arial, sans-serif; } .reservation h4 { margin: .5em 0; font-size: 1em; } .label { position: relative; top: -.25em; font-family: Myriad Pro, Arial, sans-serif; font-size: .65em; text-transform: uppercase; padding: .45em .5em .25em .5em; border-radius: 1em; } .label-confirmed { background-color: #558907; color: #fff; } .label-completed { background-color: #efefef; color: #999; } .label-canceled { background-color: #eabcbc; color: #c33533; } .label-pending { background-color: #ffe9c0; color: #de8f13; } .reservation-ctrls { float: right; } .reservation-ctrls ul { margin: 0; } .reservation-ctrls li { margin: 1em 0; list-style: none; } .reservation-ctrls a.edit { background-color: #1478c3; color: #fff; background-image: url(../images/design/edit-icon.png); background-repeat: no-repeat; background-position: 10px 9px; padding: 5px 25px; /* Border radii */ border-radius: 40px; -moz-border-radius: 40px; -khtml-border-radius: 40px; } .reservation-ctrls a:hover.edit { background-color: #0064af; text-decoration: none; } .reservation-ctrls a:active.edit { /* Box shadows */ box-shadow: 0px 2px 6px rgba(0,0,0,.45) inset; -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,.45) inset; -moz-box-shadow: 0px 2px 6px rgba(0,0,0,.45) inset; } .reservation-ctrls a.cancel { background-color: #c33514; color: #fff; padding: 5px 20px; /* Border radii */ border-radius: 40px; -moz-border-radius: 40px; -khtml-border-radius: 40px; } .reservation-ctrls a:hover.cancel { background-color: #a42608; color: #fff; text-decoration: none; } .reservation-ctrls a:active.cancel { /* Box shadows */ box-shadow: 0px 2px 6px rgba(0,0,0,.45) inset; -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,.45) inset; -moz-box-shadow: 0px 2px 6px rgba(0,0,0,.45) inset; } /* Table view for history */ .active-reservation { } .active-reservation h2 { color: #688c34; font-family: Myriad Pro, Arial; font-size: 30px; margin-bottom: 0.6em; } .table-wrapper { border: 1px solid #b3b4b4; overflow: auto; /* Border radii */ border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; } #history table { margin: 0; width: 100%; } #history tr.thead { } #history tr.thead { border-bottom: 1px solid #b3b4b4; } #history tbody tr { } /* #history tr th:first-child, #history tr td:first-child { padding-left: 7px; } */ #history tr.no-active-reservations h3 { margin: 0; text-align: center; } #history tr.no-active-reservations td { background-color: #eee; } #history tr.thead th { padding: 15px 1%; border-bottom: none; } #history tr td { padding: 27px 1%; } #history tr td.cancelled { font-weight: bold; color: #c33514; } #history tr td.confirmed { font-weight: bold; color: #558907; } #history tr td.completed { font-weight: bold; } #history tr td.pending { font-weight: bold; color: #de8f13; } #history tr td.pending:hover { cursor: pointer; } #history tr td a { font-weight: bold; } #history .actions { text-align: right; } #history td.actions a { margin-left: .5em; } #history tr td a.perk-icon { display: block; width: 14px; height: 20px; background-image: url(../images/design/perk-icon.png); background-position: 0 0; background-repeat: no-repeat; text-indent: -9999em; } #history tr td a.perk-icon:hover { background-position: 0 1px; } #history tr.thead th, #history tr.thead th a { font-family: Myriad Pro, Arial, sans-serif; font-size: 13px; color: #999; } #history tr.thead th a:hover { text-decoration: none; color: #343434; } #history tr.thead th a:active { color: #343434; text-decoration: none; } #history tr.thead th.sort a { padding-left: 14px; background-image: url(../images/design/sort-icon.png); background-repeat: no-repeat; background-position: 0 3px; } #history tr.thead th.sort-up a { padding-left: 14px; background-image: url(../images/design/sort-up-icon.png); background-repeat: no-repeat; background-poshttp://stepi.local/Reservation-Genie/public/v2/_html/history.html#ition: 0 3px; } #history tbody td a.reservation-details { background-color: #fff; background-image: url(../images/design/phone-icon.png); background-repeat: no-repeat; background-position: 12px 50%; padding: 5px 25px 5px 30px; /* Border radii */ border-radius: 40px; -moz-border-radius: 40px; -khtml-border-radius: 40px; } #history tbody td a.reservation-details:hover { background-color: #f9f9f9; text-decoration: none; } #history tbody td a.reservation-details:active { /* Box shadows */ box-shadow: 0px 2px 6px rgba(0,0,0,.45) inset; -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,.45) inset; -moz-box-shadow: 0px 2px 6px rgba(0,0,0,.45) inset; } #history tbody td a.edit { background-color: #1478c3; color: #fff; background-image: url(../images/design/edit-icon.png); background-repeat: no-repeat; background-position: 12px 50%; padding: 5px 25px 5px 30px; /* Border radii */ border-radius: 40px; -moz-border-radius: 40px; -khtml-border-radius: 40px; } #history tbody td a.edit:hover { background-color: #0064af; text-decoration: none; } #history tbody td a.edit:active { /* Box shadows */ box-shadow: 0px 2px 6px rgba(0,0,0,.45) inset; -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,.45) inset; -moz-box-shadow: 0px 2px 6px rgba(0,0,0,.45) inset; } #history tbody td a.cancel { background-color: #c33514; color: #fff; padding: 5px 20px; /* Border radii */ border-radius: 40px; -moz-border-radius: 40px; -khtml-border-radius: 40px; } #history tbody td a.cancel:hover { background-color: #a42608; color: #fff; text-decoration: none; } #history tbody td a.cancel:active { /* Box shadows */ box-shadow: 0px 2px 6px rgba(0,0,0,.45) inset; -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,.45) inset; -moz-box-shadow: 0px 2px 6px rgba(0,0,0,.45) inset; } .active-reservation .table-wrapper { margin-bottom: 70px; } #history tr.active { background-color: #e9f1dd; border-bottom: 1px solid #c3cfb2; } #history tr.active:last-child { border-bottom: none; } #history tbody tr.active td { border-bottom: 1px solid #b3b4b4; } #history tbody tr.cancelled { background-color: #eabcbc; } #history tbody tr.cancelled td { border-bottom: 1px solid #b3b4b4; } .narrower-viewport { display: none; } #history table tbody:last-child tr.active td { border-bottom: none; } #history table tbody:last-child tr.cancelled td { border-bottom: none; } .past-reservations table tbody:last-child td { border-bottom: none; } .past-reservations h2 { color: #666; font-family: Myriad Pro, Arial; font-size: 30px; margin-bottom: 0.6em; float: left; width: 100%; float: left; } .past-reservations h2 strong { float: left; } .past-reservations h2 b { float: right; } .past-reservations h2 b a { font-size: 14px; color: #666; font-weight: bold; background-color: #e1e1e1; background-image: url(../images/design/history-info-icon.png); background-repeat: no-repeat; background-position: 20px 10px; padding: 10px 40px; border: 1px solid #cdcdcc; /* Border radii */ border-radius: 400px; -moz-border-radius: 400px; -khtml-border-radius: 400px; } .past-reservations h2 b a:hover { background-color: #cdcdcd; text-decoration: none; } .past-reservations h2 b a:active { box-shadow: 0px 2px 6px rgba(0,0,0,.35) inset; -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,.35) inset; -moz-box-shadow: 0px 2px 6px rgba(0,0,0,.35) inset; } .past-reservations .table-wrapper { margin-bottom: 40px; float: left; width: 100%; } .past-reservations tbody tr td { background-color: #f5f5f5; border-bottom: 1px solid #b3b4ae; } .past-reservations tr.thead th.highlight { background-color: #f3f6f0; } .past-reservations tbody tr td.highlight { background-color: #eaede6; } .pagination { clear: both; text-align: center; margin: 0 0 150px 0; } .pagination a { font-size: 16px; font-weight: bold; color: #343434; border: 1px solid #cdcdcd; padding: 4px 10px; margin: 0 0 0 10px; line-height: 2.4; /* Border radii */ border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; background: #f6f6f6; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2QzZDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f6f6f6 0%, #d3d3d4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#d3d3d4)); background: -webkit-linear-gradient(top, #f6f6f6 0%,#d3d3d4 100%); background: -o-linear-gradient(top, #f6f6f6 0%,#d3d3d4 100%); background: -ms-linear-gradient(top, #f6f6f6 0%,#d3d3d4 100%); background: linear-gradient(top, #f6f6f6 0%,#d3d3d4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#d3d3d4',GradientType=0 ); } .pagination a:hover { text-decoration: none; background: #d3d3d4; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzZDNkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #d3d3d4 0%, #f6f6f6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d4), color-stop(100%,#f6f6f6)); background: -webkit-linear-gradient(top, #d3d3d4 0%,#f6f6f6 100%); background: -o-linear-gradient(top, #d3d3d4 0%,#f6f6f6 100%); background: -ms-linear-gradient(top, #d3d3d4 0%,#f6f6f6 100%); background: linear-gradient(top, #d3d3d4 0%,#f6f6f6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d4', endColorstr='#f6f6f6',GradientType=0 ); } .pagination a:active { /* Box shadows */ box-shadow: 0px 2px 3px rgba(0,0,0,.25) inset; -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,.25) inset; -moz-box-shadow: 0px 2px 3px rgba(0,0,0,.25) inset; } .pagination em { font-size: 16px; font-weight: bold; color: #999; border: 1px solid #ccc; padding: 4px 10px; font-style: normal; margin: 0 0 0 10px; border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; background: #e8e8e8; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #e8e8e8 0%, #f7f7f7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(100%,#f7f7f7)); background: -webkit-linear-gradient(top, #e8e8e8 0%,#f7f7f7 100%); background: -o-linear-gradient(top, #e8e8e8 0%,#f7f7f7 100%); background: -ms-linear-gradient(top, #e8e8e8 0%,#f7f7f7 100%); background: linear-gradient(top, #e8e8e8 0%,#f7f7f7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#f7f7f7',GradientType=0 ); } .pagination span { font-size: 16px; font-weight: bold; color: #aaa; padding: 4px 10px; margin: 0 0 0 10px; } .pagination a.previous, .pagination a.next { background: none; border: none; white-space: nowrap; } .pagination a:hover.previous, .pagination a:hover.next { text-decoration: underline; background: none; } .pagination a:active.previous, .pagination a:active.next { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: none; } .details-box-wrapper { display: none; background-color: rgba(0, 0, 0, 0.3) ; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 500; } .details-close { position: absolute; top: -12px; right: -12px; z-index: 502; width: 30px; height: 30px; text-indent: -9999em; display: block; background-image: url(../images/design/details-close.png); background-repeat: no-repeat; background-position: 0 0; } .details-box { position: fixed; width: 350px; left: 50%; margin-left: -150px; top: 70px; z-index: 501; box-shadow: 0px 0px 40px rgba(0,0,0,.45); -webkit-box-shadow: 0px 0px 40px rgba(0,0,0,.45); -moz-box-shadow: 0px 0px 40px rgba(0,0,0,.45); } .details-box header { background: #343434 url(../images/details-logo.png) 100% 5px no-repeat; padding: 10px 20px 0 20px; margin: 0; font-size: .85em; min-height: 64px; } .details-box h2 { color: #ccc; font-size: 1.15em; margin: 0; padding: .5em 0; } .details-box h2 strong, .details-box h2 span { display: block; } .details-box h2 span { font-weight: normal; } .details-box h2 strong { font-size: 1.25em; color: #fff; } .perk { background: #ffea9e url(../images/design/perk.png) 1em .85em no-repeat; background-size: auto 35px; margin: 10px 0 0 0; padding: 14px 14px 14px 52px; border: 1px solid #fff2d9; border-width: 1px 1px 0 0; border-radius: 3px 3px 0 0; box-shadow: 0 -1px 2px rgba(0,0,0,.15) inset; } .perk.restaurant { background-image: url(../images/design/perk-restaurant.png); } .perk span { color: #a7a089; display: block; margin: .25em 0; line-height: 1; } .perk strong { display: block; font-size: 1.25em; line-height: 1.15; } .perk img { margin-right: .25em; } .details-box ul { margin: 0; } .details-box li { list-style: none; margin: 0; padding: 1em 5%; border-bottom: 1px solid #ddd; float: left; width: 90%; background-color: #fff; } .details-box li p { margin: 0; line-height: 1; float: left; width: 100%; font-size: 16px; } .details-box li p span { float: left; color: #aaa; } .details-box li p strong { float: right; max-width: 60%; } /*.details-box h2 { background-color: #343434; color: #fff; background-image: url(../images/details-logo.png); background-repeat: no-repeat; background-position: 100% 10px; padding: 25px 20px; margin: 0; position: relative; } .details-box ul { margin: 0; } .details-box li { list-style-type: none; margin: 0; padding: 20px 5%; border-bottom: 1px solid #ddd; float: left; width: 90%; } .details-box li p { margin: 0; line-height: 1; float: left; width: 100%; font-size: 20px; } .details-box li p span { float: left; color: #aaa; } .details-box li p strong { float: right; }*/ /* HOMEPAGE -------------------------------------------------------------*/ #homepage { } #homepage header.main { background-image: url(../images/design/lander-header-bg.png); background-repeat: repeat-x; background-color: #062547; } #homepage header.main img { margin: 30px auto 0 auto; display: block; max-width: 100%; height: auto !important; } #homepage header.main h1 { text-align: center; color: #fff; font-family: Patagonia; font-size: 50px; font-weight: normal; letter-spacing: -1px; margin: 0 0 15px 0; line-height: 1; } #homepage header.main h2 { text-align: center; color: #fff; font-size: 20px; font-weight: normal; padding: 0 80px; margin: 0; line-height: 1.2; } #homepage .form-box { width: 500px; margin: 0 auto 40px auto; } #homepage form { } #homepage select { width: 100%; } #homepage form p { margin: 5px 0; } #homepage form p a { float: left; color: #ccc; text-transform: uppercase; font-size: 14px; } #homepage form p a+a { float: right; } /* HOMEPAGE NEWHEADER PART -----------------------------------------------*/ #homepage.newheader header.main { } #homepage.newheader header.main h1 { margin-top: 80px; font-size: 60px; text-align: left; font-weight: normal; margin-left: 28px; } #homepage.newheader header.main h1 a { display: block; color: #fff; font-size: 16px; font-family: Helvetica, Helvetica Neue, Arial, Proxima Nova; letter-spacing: 0; color: #8f9baf; margin-top: 5px; } #homepage.newheader header.main .cs-4 img { margin-top: 50px; margin-left: 20px; z-index: 20000; position: relative; } #homepage.newheader header.main .form-box { width: auto; margin: 40px 0 0 0; background-image: url(../images/newheader-ribbon.png); background-repeat: no-repeat; padding: 35px 0 0px 28px; height: 79px; background-size: 100% 100%;} #homepage.newheader header.main .form-box form { margin: 0; } #homepage.newheader header.main .form-box select { width: 60%; float: left;} #homepage.newheader header.main .form-box p { text-transform: none; margin: 0 0 0 60%; width: 35%; text-align: center; color: #6f3b00; font-size: .85em; line-height: 1.25; } #homepage.newheader header.main .form-box p a { float: none; display: block; margin: 0; color: #fff; font-weight: bold; font-size: 14px; text-transform: none; } #homepage.newheader header.main .form-box p a:hover { text-decoration: none;} #homepage.newheader header.main .cs-8 img { margin: 20px 0 0 80px; } #homepage .sparkbox-title-mobile { display: none; } .popular-venues-wrapper { background: #fafafa; } .popular-venues-wrapper h2 { text-align: center; margin: 40px 0 30px 0; line-height: 1; font-size: 42px; color: #343434; font-family: Patagonia; font-weight: normal; } .popular-venues-wrapper h3 { font-size: 28px; text-align: center; color: #888; line-height: 1.1; font-weight: normal; margin: 0 0 60px; } .popular-venues-wrapper article { background-color: #fff; float: left; width: 100%; /* Box shadows */ box-shadow: 0px 0px 25px rgba(0,0,0,.15); -webkit-box-shadow: 0px 0px 25px rgba(0,0,0,.15); -moz-box-shadow: 0px 0px 25px rgba(0,0,0,.15); /* Border radii */ border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; } .popular-venues-wrapper article:hover { box-shadow: 0px 0px 25px rgba(0,0,0,.35); -webkit-box-shadow: 0px 0px 25px rgba(0,0,0,.35); -moz-box-shadow: 0px 0px 25px rgba(0,0,0,.35); } .popular-venues-wrapper article header { float: left; width: 100%; background-color: #eaf2f8; border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; } .rank-position { float: left; width: 78px; background-image: url(../images/design/ribbon.png); background-repeat: no-repeat; background-position: 0 100%; margin-bottom: -10px; /* Border radii */ border-radius: 4px 0 0 0; -moz-border-radius: 4px 0 0 0; -khtml-border-radius: 4px 0 0 0; } .rank-position p { margin: 0; padding: 10px 0; } .rank-position p span { display: block; font-size: 11px; color: #666; font-weight: bold; text-align: center; line-height: 1.2; } .rank-position p strong { display: block; font-size: 22px; font-family: Verdana; color: #343434; text-align: center; margin: 0 0 8px 0;} .your-perk { margin-left: 88px; padding: 15px;} .your-perk h2 { font-size: 12px; color: #999; text-align: left; text-transform: uppercase; margin: 0 0 5px 0;} .your-perk h3 { font-family: Patagonia; font-size: 26px; color: #343434; text-align: left; margin: 0;} .your-perk h3 a { color: inherit;} .popular-venues-wrapper section { padding: 20px 4%; float: left; width: 92%; } .popular-venues-wrapper article section figure { height: 120px; width: 44%; float: left; margin-right: 15px; overflow: hidden; } .popular-venues-wrapper section img { max-width: 100%; height: auto; display: block; margin: 0 auto; border: 1px solid #eee; } .popular-venues-wrapper section h2 { font-size: 20px; color: #888; text-align: left; margin: 0 0 8px 0px; } .popular-venues-wrapper section h2 a { color: inherit; } .popular-venues-wrapper section p { font-size: 14px; color: #666; text-transform: uppercase; margin: 0; line-height: 1.2; } .popular-venues-wrapper footer { float: left; width: 100%; } a.cta-2 { color: #fff; font-family: Patagonia; text-align: center; font-size: 18px; display: block; padding: 20px 0; /* Border radii */ border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -khtml-border-radius: 0 0 4px 4px; background: #0e5cb1; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBlNWNiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYTQxN2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #0e5cb1 0%, #0a417e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e5cb1), color-stop(100%,#0a417e)); background: -webkit-linear-gradient(top, #0e5cb1 0%,#0a417e 100%); background: -o-linear-gradient(top, #0e5cb1 0%,#0a417e 100%); background: -ms-linear-gradient(top, #0e5cb1 0%,#0a417e 100%); background: linear-gradient(top, #0e5cb1 0%,#0a417e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e5cb1', endColorstr='#0a417e',GradientType=0 ); } a:hover.cta-2 { text-decoration: none; background: #0b6edb; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBiNmVkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwODRlOWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #0b6edb 0%, #084e9c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b6edb), color-stop(100%,#084e9c)); background: -webkit-linear-gradient(top, #0b6edb 0%,#084e9c 100%); background: -o-linear-gradient(top, #0b6edb 0%,#084e9c 100%); background: -ms-linear-gradient(top, #0b6edb 0%,#084e9c 100%); background: linear-gradient(top, #0b6edb 0%,#084e9c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b6edb', endColorstr='#084e9c',GradientType=0 ); } a:active.cta-2 { /* Box shadows */ box-shadow: 0px 3px 16px rgba(0,0,0,.35) inset; -webkit-box-shadow: 0px 3px 16px rgba(0,0,0,.35) inset; -moz-box-shadow: 0px 3px 16px rgba(0,0,0,.35) inset; background: #0e5cb1; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBlNWNiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYTQxN2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #0e5cb1 0%, #0a417e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e5cb1), color-stop(100%,#0a417e)); background: -webkit-linear-gradient(top, #0e5cb1 0%,#0a417e 100%); background: -o-linear-gradient(top, #0e5cb1 0%,#0a417e 100%); background: -ms-linear-gradient(top, #0e5cb1 0%,#0a417e 100%); background: linear-gradient(top, #0e5cb1 0%,#0a417e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e5cb1', endColorstr='#0a417e',GradientType=0 ); } p.see-all-deals { margin: 8px 0 40px 0; float: left; width: 100%; text-align: right; } p.see-all-deals a { color: #999; text-transform: uppercase; font-size: 12px; font-weight: bold; } p.see-all-deals a strong { color: #343434; } .cities-group { background-color: #fafafa; padding-bottom: 40px; border-bottom: 1px solid #d9d9d9; } .cities-group h2 { background-image: url(../images/design/bg-divider.png); background-repeat: repeat-x; background-position: 0 20px; text-align: center; font-weight: normal; font-size: 26px; margin-bottom: 20px;} .cities-group h2 b { background-color: #fafafa; padding: 0 20px; } .cities-group ul { } .cities-group li { list-style-type: none; margin: 0 0 3px 0; padding-left: 20px; } .cities-group li.location { background-image: url(../images/design/location.png); background-repeat: no-repeat; background-position: 0 5px; } .cities-group li a { font-family: Patagonia; color: #343434; font-weight: normal; font-size: 20px; } .cities-group li a span { color: #999; } .who-use-wrapper { background-color: #fff; border-bottom: 1px solid #d9d9d9; } .who-use-wrapper h2 { text-align: center; margin: 40px 0 20px 0; line-height: 1; font-size: 42px; color: #343434; font-family: Patagonia; font-weight: normal; } .who-use-wrapper h3 { font-size: 23px; text-align: center; color: #888; line-height: 1.1; font-weight: normal; margin: 0 0 60px; } .who-use-box { background-color: #eaf2f8; border: 1px solid #dce4ee; margin-bottom: 28px; /* Border radii */ border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; } .who-use-box h2 { color: #154e95; font-size: 16px; text-transform: uppercase; text-align: left; margin: 0; padding: 18px 15px 18px 40px; border-bottom: 1px solid #dce4ee; } .who-use-box h2.patron { background-image: url(../images/design/patrons-icon.png); background-repeat: no-repeat; background-position: 14px 18px; } .who-use-box h2.affiliates { background-image: url(../images/design/affiliates-icon.png); background-repeat: no-repeat; background-position: 18px 18px; } .who-use-box h2.concierges { background-image: url(../images/design/concierges-icon.png); background-repeat: no-repeat; background-position: 20px 18px; } .who-use-box p { margin: 0; padding: 10px 20px 20px 10px; font-size: 15px; } .who-use-box p strong { display: block; } .who-use-box a.cta-2 { font-family: Arial, Helvetica Neue, sans-serif; font-size: 14px; padding-top: 15px; padding-bottom: 15px; } .recent-activity-wrapper { } .activity-box { float: left; width: 100%; } .activity-box .activity-table-wrapper { overflow: hidden; } .activity-box h2 { font-size: 16px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-align: left; margin: 0; line-height: 1; padding: 20px 20px 20px 70px; background-image: url(../images/design/recent-activity-icon.png); background-position: 20px 13px; background-repeat: no-repeat; } .activity-box table { width: 100%; margin: 0 0 60px 0; } .activity-box tr { background-color: #f6fafc; border-bottom: none; padding: 0; } .activity-box td { border-bottom: none; padding: 15px 1%; line-height: 1; } .activity-box td.time { font-size: 16px; color: #999; font-weight: bold; width: 20%; } .activity-box td.location { width: 15%; } .activity-box td.description { width: 60%; padding: 15px 2%; } .activity-box td.status { width: 5%; margin: 0 auto; vertical-align: middle; } .activity-box td.location a { color: #343434; font-weight: bold; font-size: 16px; } .activity-box td.location a span { color: #999; } .activity-box td p { margin: 0; } .activity-box td img { max-width: 100%; height: auto !important; } .activity-box tr th, .activity-box tr td { padding: 15px 1%; } tbody tr:nth-child(odd) { background-color: #eaf2f8; } .online-rs-wrapper { background-color: #fafafa; } .online-rs-wrapper h2 { text-align: center; margin: 40px 0 20px 0; line-height: 1; font-size: 42px; color: #343434; font-family: Patagonia; font-weight: normal; } .online-rs-wrapper h3 { font-size: 20px; text-align: center; color: #888; line-height: 1.1; font-weight: normal; margin: 0 50px 60px 50px; } .from-blog { border: 1px solid #e6e6e6; background-color: #fff; margin-bottom: 50px; /* Border radii */ border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; } .from-blog hgroup { background-color: #eaf2f8; padding: 30px 20px; /* Border radii */ border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; } .from-blog hgroup h2 { font-size: 26px; text-align: left; padding-left: 40px; margin: 0 0 10px 0; line-height: 1; background-image: url(../images/design/blog-icon.png); background-repeat: no-repeat; background-position: 3px 2px; } .from-blog hgroup h3 { font-size: 16px; font-family: Arial, Helvetica Neue, sans-serif; font-weight: normal; color: #666; text-align: left; margin: 0; line-height: 1.4; } .from-blog article { margin: 0 20px; padding: 20px 0; border-top: 1px solid #e6e6e6; } .from-blog .from-blog-article:first-of-type { border-top: none; } .from-blog header {} .from-blog header h2 { font-size: 16px; text-align: left; letter-spacing: normal; margin-bottom: 10px; margin: 0 0 15px 0; } .from-blog header h2 span { font-size: 12px; text-transform: uppercase; color: #999; text-align: left; display: block; font-family: Helvetica Neue, Arial, sans-serif; font-weight: bold; margin-bottom: 5px; margin-top: 6px; } .from-blog section p { margin: 0 0 0 15px; color: #666; } .from-blog .from-blog-footer { padding: 20px; border-top: 1px solid #e6e6e6; font-size: 16px; } .from-blog-footer a { display: block; } .from-twitter { border: 1px solid #e6e6e6; background-color: #fff; margin-bottom: 50px; /* Border radii */ border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; } .from-twitter hgroup { background-color: #eaf2f8; padding: 24px 20px; /* Border radii */ border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; } .from-twitter hgroup h2 { font-size: 26px; text-align: left; padding-left: 40px; margin: 0 0 10px 0; line-height: 1; background-image: url(../images/design/twitter-icon.png); background-repeat: no-repeat; background-position: 0px 2px; } .from-twitter hgroup h3 { font-size: 14px; font-family: Arial, Helvetica Neue, sans-serif; font-weight: normal; color: #666; text-align: left; margin: 0; line-height: 1.4; } .from-twitter article { margin: 0 20px; padding: 20px 0; border-bottom: 1px solid #e6e6e6; } .from-twitter article header p { font-size: 12px; text-transform: uppercase; color: #999; text-align: left; display: block; font-family: Helvetica Neue, Arial, sans-serif; font-weight: bold; margin: 0 0 5px 0; } .from-twitter article section p { margin: 0; font-size: 14px; } .from-twitter article.without-border { border-bottom: none; } .learn-more, .learn-more-links { float: left; width: 100%; } .learn-more h2 { background-image: url(../images/design/bg-divider.png); background-repeat: repeat-x; background-position: 0 15px; text-align: center; font-weight: normal; font-size: 26px; margin-bottom: 40px;} .learn-more h2 b { background-color: #fafafa; padding: 0 20px; font-weight: normal; } .learn-more-links { padding-bottom: 20px; } .learn-more-links a.button-primary { display: block; margin-bottom: 40px; padding-top: 18px; padding-bottom: 18px; font-size: 19px; color: #fff; } .learn-more-links a.button-primary:visited { color: #fff; } /* CONTACT Form ------------------------------------------------*/ /* Within the modal window

Contact Us

*/ .contact-modal { position: absolute; width: 60%; left: 50%; margin-left: -30%; margin-top: 40px; /* Box shadows */ box-shadow: 0px 0px 35px rgba(0,0,0,.45); -webkit-box-shadow: 0px 0px 35px rgba(0,0,0,.45); -moz-box-shadow: 0px 0px 35px rgba(0,0,0,.45); /* Border radii */ border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -khtml-border-radius: 0 0 4px 4px; } .contact-modal .contact .primary-content { margin-top: 50px; } .contact-modal form { padding: 0 28px; } .contact-modal form h2 { margin-top: 0; text-align: center; padding-top: 20px; } .contact-modal .buttonHolder { margin-left: -28px; margin-right: -28px; } a.contact-close { position: absolute; top: -12px; right: -12px; width: 30px; height: 30px; text-indent: -9999em; display: block; background-image: url(../images/design/details-close.png); background-repeat: no-repeat; background-position: 0 0; } /* Embedded
*/ .rg-contact form.uniForm { background: transparent; padding: 10px 20px; border-radius: 0; } .rg-contact .buttonHolder { background: transparent !important; border-radius: 0 !important; padding: 0 !important; } /* EDIT ---------------------------------------------------------*/ #edit { } #edit h1 { margin: 30px 0 30px 0; padding: 0; } #edit label strong { color: red; padding-left: 10px; } #edit aside p { margin: 0; font-size: 12px; color: #888; line-height: 1.6; } #edit aside p em { color: #f5901f; padding-right: 5px; } #edit aside p b { padding-right: 4px; } #edit .primaryAction { } /* BOOK RESERVATION -------------------------------------------------*/ .book-reservation {} .city-nav { margin-bottom: 28px; padding-top: 1em; padding-bottom: 1em; line-height: 1; background-color: #eaf2f8; border: 1px solid #c9d6e0; border-top: none; border-radius: 0 0 4px 4px; position: relative; } .city-nav:before { content: ""; display: block; height: 3px; position: absolute; top: 0; left: -1px; right: -1px; z-index: 88; box-shadow: 0px 1px 3px rgba(0,0,0,.45) inset; -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.45) inset; -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.45) inset; } .city-select, .venue-type { margin: .5em 0 0 0; } .city-select {} .city-select select { max-width: 100%; } .venue-type { font-weight: bold; font-size: .85em; text-transform: uppercase; letter-spacing: .15em; } .venue-type li { float: left; margin: .5em .5em 0 0; list-style: none; } .venue-type a, .venue-type span.active { padding: .25em .6em; border-radius: 1em; } .venue-type a:focus, .venue-type a:hover { background: #fff; text-decoration: none; } .venue-type span.active { background-color: #c2cad3; text-shadow: 0 1px 0 rgba(255,255,255,.15); box-shadow: 0 1px 0 rgba(255,255,255,.75), 0 1px 4px rgba(0,0,0,.25) inset; } .city-nav-toggle { overflow: hidden; } .city-nav-toggle a, .city-nav-toggle span.active { float: right; width: 36px; height: 34px; overflow: hidden; text-indent: -999px; background-image: url(../images/design/city-nav-toggle.png); background-repeat: no-repeat; } .city-nav-toggle a#grid { background-position: 0 0; } .city-nav-toggle span#grid.active { background-position: 0 100%; } .city-nav-toggle a#list { background-position: 100% 0; } .city-nav-toggle span#list.active { background-position: 100% 100%; } .search { margin-top: -2px; margin-bottom: 14px; } .combo-search {} /* Search by perk CTA */ .perk-search { margin-top: -7px; } .perk-search a { padding: .5em 1em; font-weight: bold; border-radius: 4px; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.5); background: #1a69bd; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhNjliZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTVmYmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #1a69bd 0%, #015fbc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a69bd), color-stop(100%,#015fbc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1a69bd 0%,#015fbc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1a69bd 0%,#015fbc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1a69bd 0%,#015fbc 100%); /* IE10+ */ background: linear-gradient(to bottom, #1a69bd 0%,#015fbc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a69bd', endColorstr='#015fbc',GradientType=0 ); /* IE6-8 */ } .perk-search a:focus, .perk-search a:hover { background: #1756cc; text-decoration: none; } .perk-search a:active { background: #2554a7; box-shadow: 0 1px 3px rgba(0,0,0,.15) inset; } /* Search by perk form */ .combo-search { margin-bottom: 2em; } .search-by-perk { margin: 0; } .search-by-perk fieldset { margin: 0; padding: 1em 0; border: 1px solid #ebbe8f; border-radius: 4px; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGQ4YjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #f4d8b2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4d8b2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f4d8b2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f4d8b2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f4d8b2 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f4d8b2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4d8b2',GradientType=0 ); /* IE6-8 */ } .search-by-perk h2 { margin: 0; padding-top: .15em; font-size: 1em; line-height: 1.25; text-align: right; } .search-by-perk .fields {} .search-by-perk .contra { padding-left: 0; padding-right: 2em; text-align: right; } .date { position: relative; display: inline-block; width: 180px; } .search-details { display: inline-block; } .date a { position: absolute; right: 8px; top: 8px; display: block; width: 26px; height: 26px; background-image: url(../images/landers/calendar-icon.png); background-repeat: no-repeat; text-indent: -999em; } .search-by-perk input { padding: .85em .5em; line-height: 1; border-color: #e5b17d; width: 100%; box-shadow: 0 1px 0 rgba(255,255,255,.75); } @media screen and (-webkit-min-device-pixel-ratio:0) { .search-by-perk input { padding: .72em .5em; } } .search-by-perk select { margin-top: .75em; max-width: 120px; } .search-by-perk .primaryAction { padding: .5em 1em; font-size: 1.25em; text-transform: none; box-shadow: 0 1px 0 rgba(255,255,255,.75); } /* Search by venue */ .venue-search { margin-top: -7px; } .venue-search input { width: 100%; margin: 0; padding: .15em .5em; border: 1px solid #ccc; border-radius: 1.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; } .venue-search input:focus { outline: none; } /* When in combo search */ .combo-search .venue-search { margin-top: .75em; } .combo-search .venue-search label { font-weight: bold; } /* Subscribe form */ .sub-form { padding-top: 2em; padding-bottom: 4em; position: relative; } .sub-form h2 { margin: 0; font-family: Myriad Pro, Arial, sans-serif; font-size: 2em; } .sub-form p { margin-top: 0; } .sub-form .promo { position: absolute; top: -14px; right: -220px; width: 294px; height: 106px; text-indent: -9999px; background: url(../images/design/20-vip-points.png) 50% 50% no-repeat; } .sub-form p label { font-size: 1em; font-weight: normal; line-height: 1.25em; } /* Grid View */ .venue-grid-view {} #book-reservation .leaderboard { margin-bottom: 28px; padding-left: 28px; padding-right: 28px; background-color: #e5eff6; border-radius: 4px; } #book-reservation .rank { float: none; } .business-card-container { margin-bottom: 28px; } .business-card { overflow: hidden; background-color: #e5eff6; border-radius: 4px; /* box-shadow: 0 0 0 1px #bdccd9; */ } .business-card-content { margin: .5em; padding: 25px 1em 0 1em; text-align: center; background-color: #fff; border: 1px solid #c9d6e0; border-radius: 3px; height: 290px; position: relative; } .l-score-card { position: absolute; left: -5px; top: 5px; background-color: #0069bd; color: #fff !important; padding: 0px 15px 0px 10px; height: 20px; line-height: 20px; text-decoration: none; text-transform: uppercase; font-size: 12px; -webkit-font-smoothing: antialiased; background-image: url(../images/ribbon-right.png); background-repeat: no-repeat; background-position: right center; } .l-score-card:hover { background-color: #007ee2; text-decoration: none; } .l-score-card:before { display: block; content: ""; height: 5px; width: 5px; position: absolute; left: 0; top: 20px; background-image: url(../images/ribbon-left.png); background-repeat: no-repeat; background-position: 0 0; } #l-desc { display: none; text-transform: none; } .l-score-card:hover #l-desc, .l-score-label:hover #l-desc { display: inline; opacity: 1; } .l-score-label { background-color: #0069bd; color: #fff !important; padding: 2px 6px; display: inline-block; text-decoration: none; font-size: 12px; border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-font-smoothing: antialiased; } .l-score-label:hover { background-color: #007ee2; text-decoration: none; } .vip-perk { position: absolute; bottom: 70px; left: 14px; right: 14px; } .vip-perk p { margin: 0; font-size: 13px; line-height: 1.2; } .icon { } .icon:before { content: ""; display: inline-block; width: 16px; height: 16px; background-position: 0px 0; background-repeat: no-repeat; padding-right: 3px; margin-bottom: -2px;} .icon-vip-perk:before { background-image: url(../images/star.png); } .icon-perk:before { background-image: url(../images/design/perk-icon-white.png); width: 14px; height: 20px; } .vip-perk p b { color: #999; } .business-card-logo { height: 80px; overflow: hidden; } .business-card-target { display: block; } .business-card-target:focus, .business-card-target:hover { text-decoration: none; } .business-card h2 { margin: .5em 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.25em; line-height: 1.15; color: #343434; } .business-card-address { display: block; margin: 1em 0 2.3em 0; font-size: .75em; font-style: normal; color: #343434; } .business-card-action { margin: 0 -1em; padding: 1em; background-color: #f9f9f9; border-top: 1px solid #c9d6e0; border-radius: 0 0 3px 3px; position: absolute; bottom: 0; left: 14px; right: 14px; } .business-card-action a { font-size: 1em; display: block; font-family: Arial, Helvetica Neue, Helvetica, Myriad Pro, sans-serif; font-weight: bold; } /* List view */ .venue-list-view {} #book-reservation .table-wrapper { margin-bottom: 28px; } .venue-list { margin: 0; } .venue-list tr:nth-child(odd) { background-color: transparent; } .venue-list .venue-logo { padding-left: 28px ; } .venue-list .venue-logo img { max-width: none; display: block; } .venue-info { min-width: 180px; } td.venue-info h2 { font-size: 1.25em; margin-bottom: 7px; } .venue-list h2 { margin: 0; line-height: 1.15; } .venue-list .venue-info address { font-size: 0.9em; padding-top: .25em; font-weight: normal; } .venue-list .venue-action { padding-right: 28px; text-align: right; white-space: nowrap; } td.venue-action a.button-primary { font-size: 1em; padding-left: 15px; padding-right: 15px; font-family: Arial, Helvetica Neue, Helvetica, Myriad Pro, sans-serif; font-weight: bold; } td.list-vip-perk { min-width: 150px; } td.list-vip-perk p { margin: 0; font-size: 13px; } td.list-vip-perk b { color: #999; } /* VIP explanation --------------------------------------- */ #vip-explaination .content { width: 970px; margin: 0 auto; position: relative; } /* line 388, ../../app/stylesheets/_home.sass */ #vip-explaination .content h2, #vip-explaination .content h3, #vip-explaination .content .center { text-align: center; } #vip-explaination .content p.center { margin: 0 8em; } /* line 390, ../../app/stylesheets/_home.sass */ #vip-explaination .content h2 { font-size: 36px; margin: 30px 0 10px; } /* line 393, ../../app/stylesheets/_home.sass */ #vip-explaination .content h3 { color: #686868; font-size: 24px; } /* line 396, ../../app/stylesheets/_home.sass */ #vip-explaination #jane-story { background: url("../images/design/vip-explainer.png"); height: 2630px; margin: 20px auto; width: 970px; } /* line 402, ../../app/stylesheets/_home.sass */ #vip-explaination .section { display: block; width: 100%; } /* line 405, ../../app/stylesheets/_home.sass */ #vip-explaination .section:after { content: ""; display: table; clear: both; } /* line 409, ../../app/stylesheets/_home.sass */ #vip-explaination .section h4 { font: 28px/32px Patagonia, arial; margin-bottom: 15px; } /* line 412, ../../app/stylesheets/_home.sass */ #vip-explaination .section p { font-size: 18px; line-height: 28px; } /* line 415, ../../app/stylesheets/_home.sass */ #vip-explaination #jane-book, #vip-explaination #jane-vip, #vip-explaination #jane-perk, #vip-explaination #jane-love, #vip-explaination #jane-footer { position: relative; } /* line 417, ../../app/stylesheets/_home.sass */ #vip-explaination #jane-book { top: 250px; } /* line 419, ../../app/stylesheets/_home.sass */ #vip-explaination #jane-vip { left: 590px; top: 660px; width: 280px; } /* line 423, ../../app/stylesheets/_home.sass */ #vip-explaination #jane-perk { left: 40px; top: 790px; width: 400px; } /* line 427, ../../app/stylesheets/_home.sass */ #vip-explaination #jane-perk h4, #vip-explaination #jane-perk p { text-align: right; } /* line 429, ../../app/stylesheets/_home.sass */ #vip-explaination #jane-love { left: 300px; top: 800px; width: 600px; } /* line 433, ../../app/stylesheets/_home.sass */ #vip-explaination #jane-footer { top: 905px; left: 370px; width: 300px; } .badges-title { top: 555px; left: 0; width: 100%; position: relative; text-align: center; } .badges-title h4, .badges-title p { margin: 0 40px; } .badges-explanation-wrapper { position: relative; width: 100%; top: 630px; } .badges-explanation { margin-left: 28px; } .explanation-box { float: left; width: 46%; margin-right: 3%; margin-bottom: 20px; } .explanation-box > img { float: left; } .explanation-content { margin-left: 120px; } #vip-explaination .badges-explanation-wrapper .badges-explanation .explanation-box .explanation-content h4 { font-size: 20px; margin: 0 0 15px 0; } #vip-explaination .section .explanation-content p { margin: 0 0 20px 0; font-size: 15px; line-height: 1.5; } /* UNIVERSALS FOR MARKETING PAGES ----------------------------*/ .universal { } .universal h1 { font-weight: normal; } .universal > header { background-image: url(../images/design/lander-header-bg.png); background-repeat: repeat-x; padding: 50px 0 150px 0; } .universal h1 { color: #fff; font-family: Patagonia, sans-serif; font-size: 50px; letter-spacing: -1px; line-height: 1.2; margin: 0; position: relative; font-weight: normal; } .universal .uniForm .buttonHolder .primaryAction { display: block; width: 100%; } .universal .uniForm select { width: 100%; } .universal > header h2 { color: #fff; text-align: center; font-size: 20px; font-weight: normal; } .universal .main-content { margin-top: -100px; margin-bottom: 100px; } .universal .main-content header { background-color: #e5e5e5; padding-bottom: 20px; /* Border radii */ border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; } .primaryAction{ text-decoration: none; display: inline-block; color: #fff !important; font-family: Patagonia; text-align: center; padding: 15px 50px; font-size: 18px; font-weight: normal; line-height: 1; border: none; outline: none; font-weight: normal; text-transform: uppercase; /* Border radii */ border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; text-shadow: 0px 1px 0px #343434; background: #f78d00; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3OGQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMzM0MjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f78d00 0%, #d33422 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f78d00), color-stop(100%,#d33422)); background: -webkit-linear-gradient(top, #f78d00 0%,#d33422 100%); background: -o-linear-gradient(top, #f78d00 0%,#d33422 100%); background: -ms-linear-gradient(top, #f78d00 0%,#d33422 100%); background: linear-gradient(top, #f78d00 0%,#d33422 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f78d00', endColorstr='#d33422',GradientType=0 ); } .primaryAction:hover { text-decoration: none; /* Box shadows */ box-shadow: 0px 0px 10px rgba(0,0,0,.25); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.25); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.25); background: #f7a900; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3YTkwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZDQxMmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f7a900 0%, #dd412e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7a900), color-stop(100%,#dd412e)); background: -webkit-linear-gradient(top, #f7a900 0%,#dd412e 100%); background: -o-linear-gradient(top, #f7a900 0%,#dd412e 100%); background: -ms-linear-gradient(top, #f7a900 0%,#dd412e 100%); background: linear-gradient(to bottom, #f7a900 0%,#dd412e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7a900', endColorstr='#dd412e',GradientType=0 ); } .primaryAction:active{ color: #fff; /* Box shadows */ box-shadow: 0px 3px 9px rgba(0,0,0,.25) inset; -webkit-box-shadow: 0px 3px 9px rgba(0,0,0,.25) inset; -moz-box-shadow: 0px 3px 9px rgba(0,0,0,.25) inset; } .primaryAction:visited{ color: #fff; } .universal article table { margin: 0; /* Border radii */ border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; } .universal article thead th, .universal article tfoot td, .universal article tbody td { padding: 20px; } .universal article thead tr { background-color: #0e58a9; /* Border radii */ border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; } .universal article thead th:first-child { /* Border radii */ border-radius: 4px 0px 0 0; -moz-border-radius: 4px 0px 0 0; -khtml-border-radius: 4px 0px 0 0; } .universal article thead th:last-child { /* Border radii */ border-radius: 0px 4px 0 0; -moz-border-radius: 0px 4px 0 0; -khtml-border-radius: 0px 4px 0 0; } .universal article thead th { color: #fff; text-transform: none; font-size: 13px; line-height: 1.1; border-bottom: none; } .universal article tfoot tr { background-color: #e2e5e8; border-bottom: none; /* Border radii */ border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -khtml-border-radius: 0 0 4px 4px; } .universal article tfoot tr td { border-bottom: none; } .universal article tfoot tr td:first-child { text-transform: uppercase; font-weight: bold; /* Border radii */ border-radius: 0 0 0px 4px; -moz-border-radius: 0 0 0px 4px; -khtml-border-radius: 0 0 0px 4px; } .universal article tfoot tr td:last-child { /* Border radii */ border-radius: 0 0 4px 0; -moz-border-radius: 0 0 4px 0; -khtml-border-radius: 0 0 4px 0; } .universal article tfoot tr:hover { background-color: #d1d7dd; } .universal article tbody tr { background-color: #edf0f3; } .universal article tbody td { border-bottom: 1px solid #bec0c2; } .universal article tbody tr:hover { background-color: #dfe7ee; } .universal .table-wrapper { border: 1px solid #fff; margin: 3em 0; } /* SIGNUP VENUE -------------------------------------------------------*/ .clear-left { clear: left; } #signup-venue { } #signup-venue > header ul { background-image: url(../images/design/bg-header-transparent.png); margin: 0; padding: 20px 0 10px 0; /* Border radii */ border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; } #signup-venue > header ul li { list-style-type: none; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; text-transform: uppercase; font-size: 14px; background-image: url(../images/design/tick.png); background-repeat: no-repeat; background-position: 0 2px; padding-left: 25px; margin: 0 0 10px 15px; } #signup-venue > header img { position: absolute; left: -40px; bottom: -120px; } #signup-venue article header h2 { margin: 1.5em 0 1em 0; } #signup-venue article header img { height: auto; } #signup-venue article header h2 strong { color: #e05b26; } #signup-venue article header p { margin: 0 0 0.5em 0;} #signup-venue article section form.uniForm { /* Border radii */ border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; } p.additional-hint { font-size: 12px; color: #666; font-weight: bold; font-family: Arial, Helvetica Neue, sans-serif; text-transform: uppercase; /* Border radii */ border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; padding: 15px 10px; position: relative; background: #dbe7ed; border: 1px solid #ccc; } p.additional-hint:after, p.additional-hint:before { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } p.additional-hint:after { border-color: rgba(219, 231, 237, 0); border-top-color: #dbe7ed; border-width: 10px; left: 5%; margin-left: -10px; } p.additional-hint:before { border-color: rgba(204, 204, 204, 0); border-top-color: #ccc; border-width: 11px; left: 5%; margin-left: -11px; } p.additional-hint small { background-image: url(../images/design/additional-hint.png); background-repeat: no-repeat; width: 16px; height: 16px; display: inline-block; text-indent: -9999em; margin-right: 10px; margin-bottom: -2px; /* Border radii */ border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; } /* SCHEDULE TOUR --------------------------------------*/ #schedule-tour { } #schedule-tour h1 { text-align: center; } #schedule-tour .main-content header h2 { margin-left: 1em; } #schedule-tour .main-content header p.jointodemo { padding-left: 100px; background-image: url(../images/design/.png); background-position: 0 0; background-repeat: no-repeat; height: 66px; } #schedule-tour .main-content header p { position: relative; } #schedule-tour .main-content header p img { position: absolute; z-index: 100; left: -40px; bottom: -80px;} /* PARTNER SIGNUP --------------------------------------*/ #partner-signup { } #partner-signup h1 { text-align: center; } /* CONTACT US --------------------------------------*/ #contact-us { } #contact-us h1 { text-align: center; } #contact-us h2 { margin-top: 0; } #contact-us .main-content header { padding-top: 30px; } #contact-us .main-content header h2 { text-align: right; margin-top: 0; line-height: 1; } #contact-us .main-content header p { margin: 0 0 5px 0; } /* FORGOTTEN PASSWORD --------------------------------------*/ #forgotten-password { } #forgotten-password .main-content { margin-top: 60px; } #forgotten-password .main-content article header p { margin: 10px 0px; } /* LOGIN --------------------------------------------------*/ #login { } #login ul li { list-style: none outside none; margin-left: 0; } #login article header { background-color: transparent; padding: 0; margin: 0; } #login article header p { text-align: right; font-size: 14px; } #login > .main-content { margin: 0 0 100px 0; padding: 0; } #login .buttonHolder p { margin: 12px 0 0 0; } #login .buttonHolder p a { font-size: 14px; } #login .form.uniForm { /* Border radii */ border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; } #login .sec-nav-wrapper { margin-bottom: 30px; } #login .sec-nav-wrapper h1 { font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-weight: bold; color: #343434; font-size: 35px; line-height: 60px; } #login .fb-login a { display: block; color: #fff; text-align: center; font-size: 16px; font-weight: bold; line-height: 1; padding: 15px 0; text-decoration: none; /* Border radii */ border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; background: #5187df; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUxODdkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzYzYjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #5187df 0%, #3363b2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5187df), color-stop(100%,#3363b2)); background: -webkit-linear-gradient(top, #5187df 0%,#3363b2 100%); background: -o-linear-gradient(top, #5187df 0%,#3363b2 100%); background: -ms-linear-gradient(top, #5187df 0%,#3363b2 100%); background: linear-gradient(to bottom, #5187df 0%,#3363b2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5187df', endColorstr='#3363b2',GradientType=0 ); } #login .fb-login a:hover { text-decoration: none; background: #1f68dd; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFmNjhkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZTUyYTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #1f68dd 0%, #2e52a0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f68dd), color-stop(100%,#2e52a0)); background: -webkit-linear-gradient(top, #1f68dd 0%,#2e52a0 100%); background: -o-linear-gradient(top, #1f68dd 0%,#2e52a0 100%); background: -ms-linear-gradient(top, #1f68dd 0%,#2e52a0 100%); background: linear-gradient(to bottom, #1f68dd 0%,#2e52a0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f68dd', endColorstr='#2e52a0',GradientType=0 ); /* Box shadows */ box-shadow: 0px 0px 5px rgba(0,0,0,.35); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.35); -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.35); } #login .fb-login a:active { box-shadow: 0px 0px 15px rgba(0,0,0,.35) inset; -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,.35) inset; -moz-box-shadow: 0px 0px 15px rgba(0,0,0,.35) inset; } #login .fb-login a span { background-image: url(/assets/v2/landers/fb-icon.png); background-position: 0 0; background-repeat: no-repeat; display: inline-block; width: 10px; height: 18px; text-indent: -9999em; position: relative; margin-left: -10px; margin-right: 3px; } /* TEXTUAL ISLAND PAGE-------------------------------------------------*/ #textual { } #textual .main-content { margin: 0; padding: 30px 0 0 0;} #textual h1, #textual h2, #textual h3 { font-family: Patagonia, sans-serif; font-weight: normal; margin: 0 0 28px; letter-spacing: -1px; line-height: 1.1; } #textual h1 { font-size: 50px; } #textual h2 { font-size: 30px; } #textual h3 { font-size: 25px; } #textual hgroup { margin: 0; } #textual hgroup h1 { margin-bottom: 10px;} #textual hgroup h2 { font-size: 20px; font-family: Helvetica Neue, Helvetica, sans-serif; font-weight: bold; letter-spacing: normal; } #textual .main-content p { margin: 0 0 28px 0; } #textual p.emphasized { background-color: #f3f3f3; padding: 28px; font-size: 20px; font-family: Helvetica Neue, Helvetica, sans-serif; color: #666; } #textual .main-content ul, #textual .main-content ol { margin: 0 0 28px 0; } #textual .main-content ul li { list-style-type: none; margin: 0 0 10px 30px; padding-left: 20px; background-image: url(../images/design/bullet.png); background-repeat: no-repeat; background-position: 0 8px; font-weight: bold; font-size: 16px; } #textual .main-content ol li { margin: 0 0 10px 50px; font-weight: bold; font-size: 16px; } #textual p.hint-text { font-size: 14px; font-style: italic; margin: -20px 0 28px 0; color: #666; } #textual blockquote { font-size: 14px; text-transform: uppercase; font-variant: normal; padding: 28px; font-weight: bold; margin: 0 0 28px 0; line-height: 2; } #textual .main-content aside ul { margin: 0; } #textual .main-content aside ul li { list-style-type: none; background-image: none; margin: 0; padding: 15px 20px; background-color: #f3f3f3; border-bottom: 1px solid #d2d2d2; line-height: 1.2; } #textual .main-content aside ul li a { font-size: 14px; } #textual .main-content aside ul li:first-child { background-color: #e9e9e9; padding: 20px; /* Border radii */ border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; } #textual .main-content aside ul li:first-child h3 { font-size: 14px; text-transform: uppercase; margin: 0 0 10px 0; line-height: 1.2; letter-spacing: normal; font-family: Helvetica Neue, Arial, sans-serif; font-weight: bold; } #textual .main-content aside ul li:first-child p { margin: 0; line-height: 1.2; font-weight: normal; } /* RESELLER DEMO ---------------------------------------------------------*/ #reseller-demo { } #reseller-demo h1 { text-align: center; } #reseller-demo form.uniForm { background-color: transparent; } #reseller-demo article { background-color: #fff; border: 1px solid #dadada; /* Border radii */ border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; } #reseller-demo article header { background-color: transparent; padding-top: 30px; } #reseller-demo article header h2 { margin: 0; } #reseller-demo article header .ctrlHolder { padding: 0; } #reseller-demo .scndryAction { background-color: red; border: 1px solid #b2b2b2; outline: 0; /* Border radii */ padding: 0; line-height: 1; display: block; width: 100%; font-family: Arial, sans-serif; font-size: 12px; text-transform: uppercase; color: #343434; font-weight: bold; padding: 10px 0; border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; background: #f0f2f5; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjJmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYmNlZDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f0f2f5 0%, #cbced1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f2f5), color-stop(100%,#cbced1)); background: -webkit-linear-gradient(top, #f0f2f5 0%,#cbced1 100%); background: -o-linear-gradient(top, #f0f2f5 0%,#cbced1 100%); background: -ms-linear-gradient(top, #f0f2f5 0%,#cbced1 100%); background: linear-gradient(to bottom, #f0f2f5 0%,#cbced1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f2f5', endColorstr='#cbced1',GradientType=0 ); } #reseller-demo .scndryAction:hover { background: #f5f6f7; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjZmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUyZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f5f6f7 0%, #e0e2e4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f6f7), color-stop(100%,#e0e2e4)); background: -webkit-linear-gradient(top, #f5f6f7 0%,#e0e2e4 100%); background: -o-linear-gradient(top, #f5f6f7 0%,#e0e2e4 100%); background: -ms-linear-gradient(top, #f5f6f7 0%,#e0e2e4 100%); background: linear-gradient(to bottom, #f5f6f7 0%,#e0e2e4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f7', endColorstr='#e0e2e4',GradientType=0 ); } #reseller-demo .primaryAction { width: 100%; padding-left: 0; padding-right: 0; margin-top: 30px; } #reseller-demo article section { padding-top: 20px; } #reseller-demo article section .primaryAction { margin-top: 0; margin-bottom: 50px; } /* RESELLER ---------------------------------------------*/ #reseller { } #reseller article tbody tr:last-child td { border-bottom: none; } #reseller h1 { line-height: 1; } #reseller > header .primaryAction { margin-top: 20px; } #reseller .main-content article { background-color: #fff; border: 1px solid #dadada; /* Border radii */ border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; } #reseller article tbody tr:last-child td:last-child { /* Border radii */ border-radius: 0 0 4px 0; -moz-border-radius: 0 0 4px 0; -khtml-border-radius: 0 0 4px 0; } #reseller article tbody tr:last-child td:first-child { /* Border radii */ border-radius: 0 0 0 4px; -moz-border-radius: 0 0 0 4px; -khtml-border-radius: 0 0 0 4px; } #reseller article tbody tr { /* Border radii */ border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -khtml-border-radius: 0 0 4px 4px; } #reseller > header .cs-5 p { text-align: center; color: #fff; margin: 10px 0 0 0; font-size: 14px; } #reseller > header .cs-5 p a { color: #fff; text-decoration: underline; } #reseller > header .cs-5 p a:hover { text-decoration: none; } #reseller aside { width: 100%; position: relative; background-color: #f3f3f3; padding: 0 21px 0 28px; border-top: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; margin-top: 100px;} .corner { position: absolute; right: 0; top: -14px;} #reseller aside h2 { margin: 28px 0 0px 0; line-height: 1.2; } #reseller aside dl { margin: 2em 0; } #reseller aside dt, #reseller aside dd { padding-left: 60px; padding-right: 40px; color: #666; } #reseller aside dt.version-a { background-image: url(../images/design/bullet-a.png); background-repeat: no-repeat; background-position: 0 3px; } #reseller aside dt.version-b { background-image: url(../images/design/bullet-b.png); background-repeat: no-repeat; background-position: 0 3px; } #reseller aside dt.version-c { background-image: url(../images/design/bullet-c.png); background-repeat: no-repeat; background-position: 0 3px; } #reseller aside dt { font-family: Helvetica Neue, sans-serif; font-size: 14px; text-transform: uppercase; line-height: 2.4; } .example-box { float: left; width: 100%; margin: 0;} .example-box li { margin: 0; padding: 0; line-height: 1; float: left; list-style-type: none; width: 33%; margin-left: 1px; text-align: center; } .example-box li a { color: #666; font-size: 14px; text-transform: uppercase; font-weight: bold; padding: 15px 0; display: block; /* Border radii */ border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; background: #eff2f4; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZjJmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNGU3ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #eff2f4 0%, #e4e7e9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eff2f4), color-stop(100%,#e4e7e9)); background: -webkit-linear-gradient(top, #eff2f4 0%,#e4e7e9 100%); background: -o-linear-gradient(top, #eff2f4 0%,#e4e7e9 100%); background: -ms-linear-gradient(top, #eff2f4 0%,#e4e7e9 100%); background: linear-gradient(to bottom, #eff2f4 0%,#e4e7e9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff2f4', endColorstr='#e4e7e9',GradientType=0 ); } .example-box li a:hover { text-decoration: none; background: #eff2f4; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZjJmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2Q5ZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #eff2f4 0%, #d3d9dd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eff2f4), color-stop(100%,#d3d9dd)); background: -webkit-linear-gradient(top, #eff2f4 0%,#d3d9dd 100%); background: -o-linear-gradient(top, #eff2f4 0%,#d3d9dd 100%); background: -ms-linear-gradient(top, #eff2f4 0%,#d3d9dd 100%); background: linear-gradient(to bottom, #eff2f4 0%,#d3d9dd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff2f4', endColorstr='#d3d9dd',GradientType=0 ); } .example-box li.active a { background: #edf0f3; cursor: default; } .example-box li:first-child { margin-left: 0; } .examp-a, .examp-b, .examp-c { clear: both; background-color: #edf0f3; margin: 0 0 70px 0; width: 99%; padding: 1px; } .examp-a span, .examp-b span, .examp-c span { margin: 20px 28px; display: block; } .examp-a, .examp-b { display: none; } .cta-block .grid-stretch { background-color: #343434; padding-top: 40px; padding-bottom: 40px; margin-bottom: 100px; /* Border radii */ border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -khtml-border-radius: 0 0 4px 4px; } .cta-block .primaryAction { width: 100%; padding-left: 0; padding-right: 0; } #reseller > .main-content { margin-bottom: 0; } /* TOUR ----------------------------------------------------*/ .tour { background-repeat: repeat-x; } .tour .button-primary { text-transform: uppercase; padding: 15px 0; display: block; font-size: 18px; } .tour .main-content .button-primary{ text-decoration: none; } .tour > header .button-primary { /* Box shadows */ box-shadow: 0px 0px 30px rgba(0,0,0,.8); -webkit-box-shadow: 0px 0px 30px rgba(0,0,0,.8); -moz-box-shadow: 0px 0px 30px rgba(0,0,0,.8); text-decoration: none; } .tour > header .button-primary:hover { /* Box shadows */ box-shadow: 0px 0px 40px rgba(0,0,0,.9); -webkit-box-shadow: 0px 0px 40px rgba(0,0,0,.9); -moz-box-shadow: 0px 0px 40px rgba(0,0,0,.9); } .tour > header { background-image: url(../images/design/bg-tour.png); background-color: #06284c; background-repeat: repeat-x; padding: 60px 0 0 0; } .tour > header > .grid > .pad { position: relative; } .tour > header > .grid > .pad img { display: block; max-width: 100%; height: auto; margin-bottom: 60px; } a.watch-video { position: absolute; left: 50%; top: 50%; width: 238px; height: 290px; margin-top: -145px; margin-left: -119px; text-indent: -9999em; background-image: url(../images/design/watch-video.png); background-repeat: no-repeat; background-position: 0 0; z-index: 1000; } .video-container { position: relative; padding-bottom: 56.25%; margin-bottom: 60px; } .video-container iframe { position: absolute; width: 100%; height: 100%; } a:hover.watch-video { background-position: -238px 0; } .action-block { margin-bottom: 100px; } .action-block p { margin: 0; } .action-block .cs-4 { margin-bottom: 60px; } .action-instruction { color: #fff; margin: -115px 0 0 -47px; } .secondary-nav-wrapper { background-color: #000; border-top: 1px solid #ba772a; } .secondary-nav-wrapper ul { margin: 0; } .secondary-nav-wrapper li { list-style-type: none; margin-left: 0; float: left; width: 33.3333333333%; text-align: center; border-left: 1px solid #4d4d4d; /* Box sizing */ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .secondary-nav-wrapper li:last-child { border-right: 1px solid #4d4d4d; } .secondary-nav-wrapper li a { color: #999; font-weight: bold; font-family: Helvetica Neue, sans-serif; font-size: 13px; text-transform: uppercase; padding: 25px 0; display: block; } .secondary-nav-wrapper li a:hover { text-decoration: none; background-color: #292929; color: #eee; } .secondary-nav-wrapper li a:active { background-color: #343434; color: #eee; } .secondary-nav-wrapper li.active a { cursor: default; color: #000; background-color: #f1f1f1; } .content-anchors-wrapper { background-color: #f1f1f1; border-bottom: 1px solid #e1e1e1; margin-bottom: 100px; } .content-anchors-wrapper ul{ margin: 15px 0; } .content-anchors-wrapper li { list-style-type: none; margin: 0; padding: 0 10px 0 19px; display: inline; background-image: url(../images/design/bullet-list.png); background-repeat: no-repeat; background-position: 0 5px; } .content-anchors-wrapper li:first-child { background-image: none; } .tour .content-anchors-wrapper li a { color: #666; text-decoration: none; } .tour .content-anchors-wrapper li a:hover { text-decoration: underline; } .tour .main-content {} .tour .main-content h2 { font-family: Patagonia, sans-serif; font-weight: normal; font-size: 45px; line-height: 1; margin: 0; } .tour .main-content p { margin: 0; } .tour .main-content a { color: #000; text-decoration: underline; } .tour .main-content a:hover { text-decoration: none; } a.small-cta { color: #000; } .pre-footer-action { padding: 80px 0; } .pre-footer-action a.button-primary { /* Box shadows */ box-shadow: 0px 0px 30px rgba(0,0,0,.3); box-shadow: 0px 0px 30px rgba(0,0,0,.3); box-shadow: 0px 0px 30px rgba(0,0,0,.3); } .pre-footer-action a:hover.button-primary { /* Box shadows */ box-shadow: 0px 0px 30px rgba(0,0,0,.4); box-shadow: 0px 0px 30px rgba(0,0,0,.4); box-shadow: 0px 0px 30px rgba(0,0,0,.4); } /* TOUR - GENERAL FEATURES ------------------------------*/ .general-features {} .general-features section { margin-bottom: 150px; } .table-management {} .table-management .content { margin-bottom: 50px; } .table-management .content a { letter-spacing: 1px; } .tour .table-management h2 { margin-bottom: 30px; } .online-payment {} .tour .online-payment h2 { margin-bottom: 50px; text-align: center; } .know-your-customers{ position: relative; margin-bottom: 70px; margin-top: 70px; } .know-your-customers .cs-6 { position: relative; } .know-your-customers .cs-6 > img { display: block; margin: 0 auto; } .know-your-customers img.drop-fold { position: absolute; bottom: 0; left: 0; display: block; } .tour .know-your-customers h2 { margin-bottom: 28px; margin-top: 28px; } .tour .know-your-customers p { margin-bottom: 28px; } .track-your-marketing { margin-bottom: 0px; } .track-your-marketing .cs-5 img { margin-top: 80px; } .tour .track-your-marketing h2, .tour .track-your-marketing p { margin-bottom: 28px; } .track-your-marketing .pad img { display: block; margin: 0 auto; } .track-your-marketing .pad { float: left; width: 100%; } .track-your-marketing .cs-5 > img{ margin-bottom: 30px; } .mobile-optimized { background-color: #f2f2f2; padding-bottom: 0; } .mobile-optimized .cs-8 { position: relative; } .scroll-over { margin-left: -160px; } .iphone { display: none; } .tour .mobile-optimized h2{ margin-top: 170px; margin-bottom: 28px; } .tour .mobile-optimized p{ margin-bottom: 28px; } .mobile-optimized iframe { border: none; padding: 106px 30px 120px 30px; background-image: url(../images/iphone.png); background-repeat: no-repeat; background-position: 1px 0; background-color: transparent; margin: -75px 0 0 0; width: 293px; height: 516px; overflow: scroll; /* Border radii */ border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; } .tour .main-content a.text-cta { text-decoration: none; color: #fff; } a.text-cta { font-size: 14px; font-weight: bold; text-transform: uppercase; color: #fff; background: #b7b7b7; padding: 12px 50px; background: #a8a8a8; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E4YThhOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZjdmN2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #a8a8a8 0%, #7f7f7f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a8a8a8), color-stop(100%,#7f7f7f)); background: -webkit-linear-gradient(top, #a8a8a8 0%,#7f7f7f 100%); background: -o-linear-gradient(top, #a8a8a8 0%,#7f7f7f 100%); background: -ms-linear-gradient(top, #a8a8a8 0%,#7f7f7f 100%); background: linear-gradient(to bottom, #a8a8a8 0%,#7f7f7f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8a8a8', endColorstr='#7f7f7f',GradientType=0 ); /* Border radii */ border-radius: 40px; -moz-border-radius: 40px; -khtml-border-radius: 40px; } a:hover.text-cta { text-decoration: none; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I3YjdiNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NDk0OTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #b7b7b7 0%, #949494 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7b7b7), color-stop(100%,#949494)); background: -webkit-linear-gradient(top, #b7b7b7 0%,#949494 100%); background: -o-linear-gradient(top, #b7b7b7 0%,#949494 100%); background: -ms-linear-gradient(top, #b7b7b7 0%,#949494 100%); background: linear-gradient(to bottom, #b7b7b7 0%,#949494 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b7b7', endColorstr='#949494',GradientType=0 ); } a:active.text-cta { /* Box shadows */ box-shadow: 0px 0px 15px rgba(0,0,0,.15) inset; -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,.15) inset; -moz-box-shadow: 0px 0px 15px rgba(0,0,0,.15) inset; } .mobile-optimized .cs-8 > img { position: absolute; top: 110%; left: -70px; } .web-based { padding: 0; } .web-based .pad { position: relative; } .web-based .pad img { display: block; margin: 0 auto; } .web-based .content { position: absolute; left: 40%; } .web-based .content h2 { margin-bottom: 18px; } /* TOUR - MARKETING TOOLS ------------------------------*/ .marketing-tools {} .marketing-tools section { margin-bottom: 150px; } .strong-customer-loyalty { background-color: #f2f2f2; margin-top: -100px; } .tour .strong-customer-loyalty h2 { text-align: center; margin-bottom: 28px; margin-top: 100px; } .tour .strong-customer-loyalty p { margin-bottom: 28px; } .strong-customer-loyalty img { display: block; margin: 0 auto; } .promote-off-peak { padding: 70px 0; } .off-peak--perk { padding-top: 70px; } .tour .promote-off-peak h2{ text-align: center; margin-bottom: 28px; } .tour .promote-off-peak p { margin-bottom: 28px; } .promote-off-peak img { display: block; margin: 0 auto; } .strenghten-relationships { padding: 0; } .tour .strenghten-relationships h2 { text-align: center; margin-bottom: 28px; } .tour .strenghten-relationships p { margin-bottom: 28px; } .strenghten-relationships img { display: block; margin: 0 auto; } /* TOUR - PRICING INFO ------------------------------*/ .pricing-info{} .goodbye-cover-fees{ } .tour .goodbye-cover-fees h2 { text-align: center; margin-bottom: 28px; margin-top: -30px; } .goodbye-cover-fees figure { background-color: #aecbe3; height: 231px; margin-bottom: 28px; /* Border radii */ border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; position: relative; } .goodbye-cover-fees figure:hover { /* Box shadows */ box-shadow: 0px 0px 15px rgba(0,0,0,.25); -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,.25); -moz-box-shadow: 0px 0px 15px rgba(0,0,0,.25); } .goodbye-cover-fees img { display: block; margin: 0 auto; } .goodbye-cover-fees figcaption { background-color: #5b92c5; display: block; color: #fff; font-weight: bold; font-size: 20px; /* Border radii */ border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -khtml-border-radius: 0 0 4px 4px; text-align: center; padding: 23px 0; line-height: 1; position: absolute; bottom: 0; left: 0; right: 0; } .tour .goodbye-cover-fees p { padding-bottom: 25px; border-bottom: 1px solid #e4e4e4; margin-bottom: 20px; } .tour p.optional-programs { font-size: 13px; color: #999; margin: 0 0 70px 0; padding: 0; border-bottom: none; } /* Pricing Table ------------------------------*/ .pricing-table { } .pricing-table .table-wrapper { border-left: 1px solid #a4c4e0; border-top: 1px solid #a4c4e0; border-bottom: 1px solid #a4c4e0; border-right: none; margin-bottom: 20px; } .tour .pricing-table h2 { text-align: center; margin-bottom: 40px; } .pricing-table table { margin: 0; } .pricing-table td { border-bottom: 1px solid #a4c4e0; padding: 15px; } .pricing-table tr:last-child td { border-bottom: 0; } .pricing-table tbody tr:nth-child(odd) { background-color: #fff; } .pricing-table tr:first-child .t-head { } .t-head { width: 20%; font-size: 70px; font-family: Patagonia; color: #555; line-height: 1; background-color: #c4d9eb; text-align: center; } .price-title { width: 30%; font-size: 20px; color: #555; text-align: center; font-family: Patagonia; border-right: 1px solid #a4c4e0; } .pricing-table .description { color: #666; } .pricing-table .more { text-align: right; } .pricing-table .more a { background-color: #f1f1f1; /* Border radii */ border-radius: 50px; -moz-border-radius: 50px; -khtml-border-radius: 50px; text-decoration: none; padding: 8px 35px; font-size: 13px; } .pricing-table .more a:hover { background-color: #ddd; } .tour .main-content .pricing-note { background-color: #fff8cc; border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; font-size: 13px; padding: 10px; color: #666; text-align: center; margin-bottom: 20px; } /* Comparison Table ------------------------------*/ .comparison-table { background-color: #f5f5f5; } .comparison-table .table-wrapper { margin-bottom: 70px; } .tour .comparison-table h2 { margin: 70px 0 28px; text-align: center; } .comparison-table table { margin: 0 ; padding: 0; min-width: 600px; } .comparison-table table th { background-color: #0f58a9; color: #fff; padding: 20px 0; font-size: 14px; text-indent: 30px; } .comparison-table table tr { background-color: #eceff3; } .comparison-table table tr.darker { background-color: #e2e5e8; } .comparison-table table td { padding: 23px 0; border-bottom: 1px solid #afb2b5; text-indent: 30px; } .comparison-table table td:first-child { background-color: #e6e8eb; text-align: right; padding: 0 30px 0 0; width: 30%; text-transform: uppercase; font-weight: bold; } .comparison-table table tr:last-child td { border-bottom: none; } .comparison-table table .darker td:first-child { background-color: #dbdee2; } .tour > header .hgroup { } .tour > header hgroup h1 { line-height: 1; margin: 0 0 40px 0; font-family: Patagonia; font-size: 50px; text-align: center; color: #fff; font-weight: normal; } .tour > header hgroup h2 { color: #fff; margin: 0 0 40px 0; line-height: 1.2; font-weight: bold; font-size: 20px; text-align: center; } .use-menu-below { position: relative; } .action-instruction-2 { position: absolute; left: 30px; top: 0; } .action-instruction-3 { position: absolute; left: -2em; } /* Modal from v2/venue.css*/ .modal-small { background-color: #fff; padding: 0 28px; margin: 0 auto; min-width: 300px; width: 80%; max-width: 400px; position: absolute; left: 0; right: 0; top: 15%; display: none; box-shadow: 0px 0px 10px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.15); border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; z-index: 100; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .modal-small .close-modal { position: absolute; top: -13px; right: -13px; width: 26px; height: 26px; display: block; text-indent: -99999em; background-image: url(/assets/v2/modal-close.png); background-repeat: no-repeat; background-position: 0 0; z-index: 200; } .modal-small .close-modal:hover { background-position: 0 -26px; } /* Admin pages */ .admin-page h1 { margin: 0.5em 0; } .admin-page .table-wrapper { margin-bottom: 100px; border: none; border-radius: 0; } .admin-page .sortable { margin: 0; } .admin-page thead { background-color: #E9EEF2; border: 1px solid #E9EEF2; } .admin-page th { background-color: #E9EEF2; padding: 20px; border-bottom: none; font-weight: normal; font-size: 13px; text-align: center; letter-spacing: normal; color: #666; } .admin-page th:first-child, .admin-page th:last-child { padding: 20px; } .admin-page tbody tr { background-color: white; } .admin-page td, .admin-page td:first-child, .admin-page td:last-child { padding: 3px; border: 1px solid #E9EEF2; text-align: center; } .admin-new-venues td { padding: 20px; } .admin-billing th { padding: 10px; } .admin-vips tr:nth-child(odd), .admin-concierge-billing tr:nth-child(odd), .admin-affiliate-billing tr:nth-child(odd) { background-color: #d9e2f8; }