@import url('https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,700');
 @import url('https://fonts.googleapis.com/css?family=Belleza');
 @import url('../fonts/fontello-f4b71566/css/fontello.css');
/*@import url('../fonts/font-awesome-4.7.0/css/font-awesome.min.css');
 */
/* ================================================== */
/* Main Site Layout */
/* ================================================== */
/* Color Swatch */
/* */
/* #007BAE - Blue */
/* #21B1ED - Light Blue */
/* */
/* ================================================== */
/* Base HTML */
/* ================================================== */
 *, :before, :after {
	 -moz-box-sizing: border-box;
	 -webkit-box-sizing: border-box;
	 box-sizing: border-box;
}
 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,select {
	 margin: 0;
	 padding: 0;
}
 html, body {
	 color: #333;
	 font: 13px 'Work Sans', sans-serif;
	 line-height: 1.4em;
	 overflow-x: hidden;
}
 a {
	 color: #007BAE;
	 text-decoration: none;
}
 a:hover {
	 color: #21B1ED;
}
 img, fieldset {
	 border: 0;
}
 p {
	 margin: 10px 0;
}
 li {
	 padding: 5px 0;
}
 table {
	 border-collapse: collapse;
	 border-spacing: 0;
}
 input, select {
	 font: 13px 'Work Sans', sans-serif;
	 vertical-align: middle;
}
 h1 {
	 font-size: 36px;
	 font-weight: 200;
	 line-height: 1em;
	 margin: 24px 0 0;
	 text-transform: uppercase;
}
 h2 {
	 font-size: 18px;
	 font-weight: 700;
	 line-height: 1.4em;
	 margin: 14px 0;
}
 h3 {
	 font-size: 16px;
	 line-height: 1.4em;
	 margin: 10px 0;
	 font-weight: normal;
}
 input[type=text], input[type=password], select {
	 border: 1px solid #CCC;
}
 input[type=text], input[type=password] {
	 padding: 2px;
	 -webkit-appearance: none;
}
/* ================================================== */
/* Shared - Generic Styles */
/* ================================================== */
 .clear:after {
	 clear: both;
	 content: " ";
	 display: block;
	 height: 0;
}
 input[type=text].defaultText {
	 color: #ccc;
	 font-size: 10px;
}
 span.required {
	 color: #999;
	 font: italic 10px Arial;
	 padding-left: 10px;
}
 .bold {
	 font-weight: bold;
}
 .italic {
	 font-style: italic;
}
 .author {
	 color: #21B1ED;
}
 .flexc {
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: left;
	 width: 100%;
}
 ::-webkit-input-placeholder {
	/* Chrome */
	 color: #272d4d;
}
 :focus::-webkit-input-placeholder {
	 opacity: 0.5;
}
 :-ms-input-placeholder {
	/* IE 10+ */
	 color: #272d4d;
}
 :focus:-ms-input-placeholder {
	 opacity: 0.5;
}
 ::-moz-placeholder {
	/* Firefox 19+ */
	 color: #272d4d;
	 opacity: 1;
}
 :focus::-moz-placeholder {
	 opacity: 0.5;
}
 :-moz-placeholder {
	/* Firefox 4 - 18 */
	 color: #272d4d;
	 opacity: 1;
}
 :focus:-moz-placeholder {
	 opacity: 0.5;
}
 input[type="checkbox"].cust, input[type="radio"].cust {
	 position: absolute;
	 visibility: hidden;
}
 input[type="checkbox"].cust:checked + .checkbox:after, input[type="radio"].cust:checked + .radio:after {
	 visibility: visible;
}
 input[type="checkbox"].cust + .checkbox, input[type="radio"].cust + .radio {
	 background: #dedede;
	 background: linear-gradient(to bottom, #ffffff 0%,#dedede 100%);
	 border: 1px solid #a4a4a4;
	 border-radius: 3px;
	 box-shadow: inset 0 0 0 1px white;
	 display: inline-block;
	 height: 24px;
	 margin-right: 5px;
	 position: relative;
	 vertical-align: middle;
	 width: 24px;
}
 input[type="radio"].cust + .radio {
	 border-radius: 100%;
}
 input[type="checkbox"].cust + .checkbox:after {
	 border-bottom: 4px solid #666;
	 border-left: 4px solid #666;
	 content: '';
	 height: 10px;
	 left: 3px;
	 position: absolute;
	 top: 4px;
	 transform: rotate(-45deg);
	 -webkit-transform: rotate(-45deg);
	 visibility: hidden;
	 width: 17px;
}
 input[type="radio"].cust + .radio:after {
	 background: #666;
	 border-radius: 100%;
	 content: '';
	 height: 12px;
	 left: 5px;
	 position: absolute;
	 top: 5px;
	 visibility: hidden;
	 width: 12px;
}
 label.flexc span.label {
	 flex: 0 1 90%;
	 padding-left: 5px;
}
/* ================================================== */
/* Fontello Icons */
/* ================================================== */
 .fontello-icon {
	 font-family: "fontello";
	 font-style: normal;
	 font-weight: normal;
	 speak: none;
	 display: inline-block;
	 text-decoration: inherit;
	 width: 1em;
	 margin-right: .2em;
	 text-align: center;
	/* For safety - reset parent styles, that can break glyph codes*/
	 font-variant: normal;
	 text-transform: none;
	/* fix buttons height, for twitter bootstrap */
	 line-height: 1em;
	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */
	 margin-left: .2em;
	/* Font smoothing. That was taken from TWBS */
	 -webkit-font-smoothing: antialiased;
	 -moz-osx-font-smoothing: grayscale;
	/* Uncomment for 3D effect */
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);
	 */
}
/* The ic-plus class takes the X icon and rotates it 45 degrees to make it look like the + icon */
 .ic-plus {
	 transform: rotate(45deg);
}
/* ================================================== */
/* Shared - Buttons */
/* ================================================== */
 .btn {
	 border: 0;
	 border-radius: 0;
	 color: #FFF;
	 cursor: pointer;
	 font: 11px/21px "Work Sans", sans-serif;
	 display: inline-block;
	 height: 20px;
	 padding: 0 15px;
	 text-transform: uppercase;
}
 .btn.blue, .btn.submit {
	 background: #0c83b3;
}
 .btn.blue:hover, .btn.submit:hover {
	 background: #0d90c6;
}
 .btn.blue.big {
	 background: #23B2ED;
	 padding: 10px;
	 border-radius: 7px;
	 font-size: 13px;
}
 .btn.bluen {
	 background: #484b67;
}
 .btn.bluen:hover {
	 background: #282e4d;
	 color: #fff;
}
 .btn.red {
	 background: url(../images/bg_btn_red.png) repeat-x top;
}
 .btn.redn {
	 background: #e03b3f;
	 color: #fff;
}
 .btn.redn:hover {
	 background: #70213d;
	 color: #fff;
}
 .btn.black {
	 background: #111111;
}
 .btn.black:hover {
	 background: #3f403f;
}
 .btn.gold.empty {
	 background: transparent;
	 border: 1px solid #cfb694;
	 color: #cfb694;
}
 .btn.gold.empty:hover {
	 background: #cfb694;
	 color: #fff;
}
 .btn.white {
	 background: #fff;
	 color: #282e4d;
}
 .btn.blue:hover,.btn.red:hover,.btn.submit:hover {
	 background-position: bottom;
	 color: #FFF;
}
 .btn.submit {
	 font-size: 18px;
	 height: 40px;
	 line-height: 40px;
}
/* ================================================== */
/* Shared - Boxes */
/* ================================================== */
 .lightGrayBox {
	 background-color: #EEE;
	 padding: 20px;
	 border-radius: 5px;
}
/* ================================================== */
/* Error Messages (mostly for the forms) */
/* ================================================== */
 label.error {
	 color: #E02828;
}
 .message {
	 margin-bottom: 10px;
	 padding: 5px;
}
/* Errors */
 .message.error {
	 background: #FEEFEF;
	 border: 1px solid #E02828;
	 color: #E02828;
	/* display: none;
	 <-- Activate that rule in DEV or PROD to hide error messages at first */
}
 .message.error span {
	 background: url(../images/icon_error.png) no-repeat;
	 float: left;
	 height: 16px;
	 margin-right: 5px;
	 width: 16px;
}
 input[type=text].error {
	 border: 1px solid #E02828;
}
/* ================================================== */
/* Shared - Tabs Component */
/* ================================================== */
 .formRow {
	 margin: 0 0 10px;
}
 .hiddenFields {
	 display: none;
}
/* ================================================== */
/* Shared - Tabs Component */
/* ================================================== */
 .tabs > ul {
	 list-style: none;
	 margin: 0;
	 padding: 0;
}
 .tabs > ul li {
	 float: left;
	 margin-left: -1px;
	 white-space: nowrap;
	 padding: 0;
}
 .tabs > ul li:first-child {
	 margin-left: 0;
}
 .tabs > ul li a {
	 background: #FFF url(../images/bg_tabs.png) repeat-x bottom;
	 border: 1px solid #CCC;
	 border-bottom: none;
	 border-radius: 4px 4px 0 0;
	 color: #999;
	 display: block;
	 font-weight: bold;
	 letter-spacing: 1px;
	 line-height: 30px;
	 outline: none;
	 padding: 0 20px;
}
 .tabs a.selectedTab {
	 background: white url(../images/bg_tabs_active.png) repeat-x top;
	 color: #333;
	 margin-bottom: -1px;
	 padding-bottom: 1px;
}
 .tabs > div {
	 border: 1px solid #CCC;
	 clear: both;
	 padding: 10px;
}
/* ================================================== */
/* Shared - Accordion Component */
/* ================================================== */
 .accordion {
	 border-bottom: 1px solid #CCC;
	 border-top: 1px solid #CCC;
	 margin-top: -1px;
	 padding: 0 10px;
}
/* === Header Link === */
 .accordion > a:first-child {
	 color: #333;
	 display: block;
	 font-size: 13px;
	 font-weight: bold;
	 outline: none;
	 padding: 10px 0;
	 position: relative;
}
 .accordion > a span {
	 background: url(../images/icon_accordion.png) no-repeat;
	 display: block;
	 height: 11px;
	 position: absolute;
	 right: 0;
	 top: 13px;
	 width: 11px;
}
 .accordion > p, .accordion > div p:first-child {
	 margin-top: 0;
}
/* === Open State === */
 .accordion.open span {
	 background-position: bottom;
}
 .accordion.open > p {
	 display: none;
}
 .accordion.open > div {
	 display: block;
}
/* === Closed State === */
 .accordion.closed span {
	 background-position: top;
}
 .accordion.closed > p {
	 display: block;
}
 .accordion.closed > div {
	 display: none;
}
 .accordion.closed:hover {
	 background-color: #eee;
}
/* === Content === */
 .accordion > div {
	 margin-bottom: 10px;
}
/* ================================================== */
/* Shared - Table Component */
/* ================================================== */
 .dataTable {
	 border: 1px solid #CCC;
	 border-collapse: collapse;
	 border-spacing: 0;
	 width: 100%;
}
 .dataTable th {
	 border-bottom: 1px solid #CCC;
	 background: #eee url(../images/bg_table_header.png) repeat-x top;
	 font-weight: normal;
	 text-align: left;
	 padding: 5px;
	 text-transform: uppercase;
	 white-space: nowrap;
}
 .dataTable th a {
	 color: #333;
}
 .dataTable th a:hover {
	 color: #007bae;
}
 .dataTable th a span {
	 background: url(../images/icon_sort.png) no-repeat;
	 display: inline-block;
	 height: 4px;
	 margin-left: 5px;
	 vertical-align: middle;
	 width: 7px;
}
 .dataTable th a.ASC span {
	 background-position: top;
}
 .dataTable th a.DESC span {
	 background-position: bottom;
}
 .dataTable td {
	 padding: 5px;
}
/* ================================================== */
/* Shared - Result For Component */
/* ================================================== */
 .resultsFor {
	 font-size: 12px;
	 margin-bottom: 10px;
	 position: relative;
}
 .resultsFor p {
	 margin: 0;
}
 .resultsFor p:first-child {
	 font-weight: bold;
	 position: absolute;
	 right: 0;
}
 .resultsFor p:first-child+p {
	 font-weight: bold;
}
 .resultsFor p.smartTitleMargin {
	 margin-right: 80px;
}
/* ================================================== */
/* Shared - Pagination Component */
/* ================================================== */
 .pagination {
	 list-style: none;
	 margin: 5px 0 0 0;
	 padding: 0;
	 text-align: right;
}
 .pagination li {
	 display: inline;
	 margin: 0 3px;
}
/* ================================================== */
/* Shared - Gallery Component */
/* ================================================== */
 .gallery div {
	 margin-bottom: 20px;
	 position: relative;
}
 .gallery a {
	 outline: none;
	 position: absolute;
	 right: 0;
}
 .gallery a:first-child {
	 position: relative;
}
 .gallery span {
	 background: url(../images/icon_zoom.png) no-repeat right top;
	 display: inline-block;
	 height: 68px;
	 position: absolute;
	 right: 0;
	 width: 64px;
}
 .gallery img {
	 border: 1px solid #CCC;
}
/* ================================================== */
/* Header */
/* ================================================== */
 #header {
	 background: #fff;
	 border-bottom: 1px solid #e1e1e1;
	 position: relative;
	 width: 100%;
	 z-index: 5000;
}
 #header .wrapper {
	 height: 100px;
	 margin: 0 auto;
	 position: relative;
	 width: 940px;
}
 #header .logo {
	 left: 0;
	 position: absolute;
	 top: 30px;
}
 #header ul {
	 list-style: none;
	 margin: 0;
	 padding: 0;
}
/* ================================================== */
/* Header */
/* Options */
/* ================================================== */
 #header .options {
	 display: flex;
	 flex-wrap: wrap;
	 position: absolute;
	 right: 0;
	 top: 0;
}
 #header .options li {
	 margin-left: 10px;
	 display: inline-block;
	 padding-top: 0;
}
 #header .options > li > a {
	 font-size: 14px;
	 height: 40px;
	 line-height: 40px;
	 padding: 0 15px;
	 text-align: center;
	 text-transform: none;
}
 #header .options > li > a.plan {
	 width: 160px;
}
/* ================================================== */
/* Header */
/* Phone List */
/* ================================================== */
 #header .currentPhone {
	 color: #333;
	 display: inline-block;
	 padding: 0 15px 0 0;
}
 #phoneList {
	 background: #eee url(../images/bg_login.png) repeat-x top;
	 border: 1px solid #e1e1e1;
	 display: none;
	 padding: 5px 10px 5px 5px;
	 position: absolute;
	 left: 515px;
	 top: 57px;
	 z-index: 1;
}
 #phoneList a:first-child {
	 margin: 0 
}
 #phoneList a {
	 color: #333;
	 display: block;
	 margin-top: 5px;
	 white-space: nowrap;
}
 #phoneList a.contact {
	 padding-left: 44px;
}
 #phoneList a span {
	 display: inline-block;
	 margin-right: 10px;
	 text-align: right;
	 width: 115px;
}
 #header .currentPhone .contact {
	 color: #21B1ED;
}
 #header .arrowUp {
	 background: url(../images/icon_blue_arrow_top.png) no-repeat right 18px;
}
 #header .arrowDown {
	 background: url(../images/icon_blue_arrow_bottom.png) no-repeat right 18px;
}
/* ================================================== */
/* Header */
/* Login Window */
/* ================================================== */
 #header .loginWindow {
	 background: #EEE url(../images/bg_login.png) repeat-x top;
	 box-shadow: 0 0 10px #CCC;
	 color: #666;
	 display: none;
	 font-size: 11px;
	 padding: 10px;
	 position: absolute;
	 right: 0;
	 top: 57px;
	 z-index: 4500;
}
 #header .loginWindow label {
	 display: block;
	 margin-bottom: 5px;
}
 #header .loginWindow input[type=text],#header .loginWindow input[type=password] {
	 width: 175px;
}
 #header .loginWindow .remember {
	 margin: 10px 0 15px 0;
}
 #header .loginWindow .remember input {
	 margin: -2px 5px 0 0;
}
 #header .loginWindow .btn {
	 bottom: 10px;
	 text-transform: none;
	 position: absolute;
	 right: 0;
}
/* ================================================== */
/* Header */
/* Main Menu */
/* ================================================== */
 #header .mainMenu {
	 bottom: 0;
	 font-size: 13px;
	 position: absolute;
	 right: 0;
}
 #header .mainMenu, #header .mainMenu a {
	 color: #333;
}
 #header .mainMenu a:hover {
	 color: #007bae;
}
/* === First Level === */
 #header .mainMenu > li {
	 cursor: pointer;
	 float: left;
	 margin-left: 25px;
	 padding: 0;
}
 #header .mainMenu > li > a {
	 display: block;
	 padding-bottom: 20px;
}
/* === Second Level === */
 #header .mainMenu ul {
	 background: #fff;
	 border: 1px solid #e1e1e1;
	 border-top: 1px solid #fff;
	 display: none;
	 position: absolute;
}
 #header .mainMenu ul li {
	 background: #fff;
}
 #header .mainMenu ul a {
	 display: block;
	 padding: 5px 10px;
}
/* ================================================== */
/* Rotating Banners */
/* ================================================== */
 #banner {
	 position: relative;
}
 #banner.full {
	 height: 500px;
	 margin-top: 0;
	 padding: 0 15px 0;
	 text-align: center;
	 width: 100%;
}
/* === Navigation Buttons === */
 #banner .nav {
	 position: absolute;
	 bottom: 10px;
	 left: 50%;
	 margin-left: -24px;
	 z-index: 3500;
}
 #banner .nav a {
	 background: url(../images/bg_btn_banner_nav.png) no-repeat top;
	 display: inline-block;
	 height: 15px;
	 margin: 0 2px;
	 width: 14px;
}
 #banner .nav a.active_banner {
	 background-position: bottom;
}
/* === 3 Banners - You can add more to rotate but you also need the anchor in the html === */
 .b01 {
	 background: url(../images/home-banners/img-1.jpg) no-repeat center center;
}
 #banner .b01 .caroselContent {
	 margin: 140px auto 0 auto;
	 text-align: center;
	 width: 720px;
}
 #banner .b01 .learnMoreLink {
	 margin: 0 auto;
}
 .b02 {
	 background: url(../images/home-banners/img-2.jpg) no-repeat center center;
}
 .b03 {
	 background: url(../images/home-banners/img-3.jpg) no-repeat center center;
}
 .b04 {
	 background: url(../images/home-banners/img-4.jpg) no-repeat center center;
}
 #banner .content, .b01, .b02, .b03, .b04 {
	 background-size: cover;
	 background-color: #22212f;
	 height: 500px;
	 margin: 0 auto;
	 width: 100vw !important;
}
 #banner .shadow {
	 background: url(../images/bg_banner.png) repeat-x bottom;
	 position: absolute;
	 bottom: 0;
	 height: 5px;
	 width: 100%;
	 z-index: 3000;
}
 #banner .caroselContent {
	 margin: 120px auto 0 auto;
	 width: 940px;
}
 #banner .caroselTitle {
	 color: white;
	 font: 500 38px 'Work Sans', sans-serif;
	 margin: 0;
	 text-transform: none;
}
 #banner .caroselDesc {
	 color: white;
	 font: 18px 'Work Sans', sans-serif;
	 margin: 20px 0;
}
 #banner .learnMoreLink {
	 border: 1px solid white;
	 color: white;
	 line-height: 44px;
	 text-align: center;
	 width: 150px;
}
/* === No Rotation === */
 #banner > img {
	 display: block;
	 margin: 0 auto;
}
 #banner h1 {
	 color: #fff;
	 font-size: 50px;
	 font-weight: 300;
	 margin: 45px 0 0;
}

 p.subTitle {
	 color: #fff;
	 font-size: 20px;
	 line-height: 1.2em;
	 margin: 15px 0 0;
}
 em.gold {
	 background: #c8b091;
	 color: #fff;
	 font: normal 700 16px 'Work Sans', sans-serif;
	 margin: 0 0 0 3px;
	 padding: 2px 5px;
	 position: relative;
	 top: -1px;
}
/* ================================================== */
/* Content */
/* Full Width */
/* ================================================== */
 #content {
	 position: relative;
}
 #content > .wrapper.full {
	 font-size: 14px;
	 line-height: 1.4em;
	 max-width: 100%;
	 width: 100%;
}
 .mAuto {
	 margin: 0 auto;
	 max-width: 100%;
	 width: 940px;
}
/* ================================================== */
/* Content */
/* Left Column */
/* ================================================== */
 #content > .wrapper {
	 margin: 0 auto;
	 width: 940px;
}
 #content .leftColumn {
	 float: left;
	 padding-bottom: 25px;
	 width: 700px;
}
 #content .leftColumn ul, #content .leftColumn ol {
	 padding-left: 30px;
}
 #content .leftColumn ul ul, #content .leftColumn ol ol {
	 padding-left: 50px;
}
/* ================================================== */
/* Content */
/* Home Section */
/* ================================================== */
 #content .home h1 {
	 font-size: 24px;
	 margin-bottom: 20px;
	 text-transform: none;
}
 #content .home ul {
	 list-style: none;
	 margin: 0;
	 padding: 0;
}
 #content .home li {
	 float: left;
	 margin-left: 10px;
	 width: 225px;
}
 #content .home li:first-child {
	 margin: 0;
}
 #content .home p {
	 margin: 0;
}
 #content .home .name {
	 font-size: 16px;
	 margin-top: 10px;
}
 #content .home .date {
	 font-style: italic;
	 font-weight: 700;
}
 #content .home .description {
	 color: #666;
	 margin-bottom: 10px;
}
 #content .home a {
	 text-transform: uppercase;
}
/* ================================================== */
/* Quick Search Results Table */
/* ================================================== */
 .quickSearchResults {
	 font-size: 12px;
}
 .quickSearchResults .details {
	 width: 90px;
}
/* ================================================== */
/* Jewelry Specific Quick Search */
/* ================================================== */
 #content .jewelryQsHeader {
	 border-width: 0 0 1px 0;
}
/* === First Row === */
 #content .jewelryQsHeader thead td:first-child, #content .jewelryQsHeader thead td:last-child {
	 border-bottom: 1px solid #CCC;
}
 #content .jewelryQsHeader thead td:first-child+td {
	 border: 1px solid #CCC;
	 border-bottom: none;
	 font-size: 11px;
	 text-align: center;
	 text-transform: uppercase;
}
/* === Second Row === */
 #content .jewelryQsHeader thead th:first-child {
	 border-left: 1px solid #CCC;
}
 #content .jewelryQsHeader thead th:last-child {
	 border-right: 1px solid #CCC;
}
 #content .jewelryQsHeader tbody tr {
	 border-left: 1px solid #CCC;
	 border-right: 1px solid #CCC;
}
/* ================================================== */
/* Quick Search Box */
/* ================================================== */
/* === Generic Styles === */
 .quickSearchBox input[type=text] {
	 height: 24px;
	 margin: -1px 5px 0 0;
	 width: 181px;
}
 .quickSearchBox select {
	 height: 24px;
	 margin: 0 5px 0 0;
	 width: 181px;
}
 .quickSearchBox input[type=checkbox] {
	 margin: -2px 5px 0 0;
}
 .quickSearchBox .wrapper {
	 border: 1px solid #CCC;
	 display: inline-block;
	 height: 100px;
	 margin-left: -3px;
	 overflow-y: scroll;
	 padding: 0 5px;
	 vertical-align: top;
	 width: 365px;
}
 .quickSearchBox input[type=submit] {
	 margin-left: 462px;
}
/* === Layout ===*/
 .quickSearchBox > div {
	 border-radius: 0 4px 4px 4px;
	 padding: 10px 20px;
}
 .quickSearchBox > div > div {
	 margin-bottom: 10px;
}
 .quickSearchBox > div > p {
	 font-size: 14px;
	 font-weight: bold;
	 margin-top: 0;
}
 .quickSearchBox label {
	 display: inline-block;
	 margin-right: 5px;
	 text-align: right;
	 width: 200px;
}
 .quickSearchBox .wrapper label {
	 width: auto;
}
/* === Specific Ruleset === */
 .qsJewelry select,.qsStones select {
	 width: 367px;
}
 .qsWatches input[type=text] {
	 width: 366px 
}
/* ================================================== */
/* Content */
/* Memebership Form */
/* ================================================== */
/* === Generic Fields === */
 #content .membershipForm div {
	 margin-bottom: 10px;
}
 #content .membershipForm > div > label {
	 display: inline-block;
	 margin-right: 10px;
	 text-align: right;
	 width: 150px;
}
 #content .membershipForm input[type=text] {
	 margin-top: -1px;
	 width: 307px;
}
 #content .membershipForm select {
	 height: 21px;
	 margin: -1px 0 0 0;
	 width: 307px;
}
/* === Plans Area === */
 #content .membershipForm .plans label {
	 background: url(../images/bg_plans_pro.png) no-repeat;
	 cursor: pointer;
	 display: inline-block;
	 height: 100px;
	 position: relative;
	 width: 220px;
}
 #content .membershipForm .plans label:first-child {
	 background: url(../images/bg_plans_basic.png) no-repeat;
	 margin-right: 20px;
}
 #content .membershipForm .plans input[type=radio] {
	 left: 20px;
	 position: absolute;
	 top: 25px;
}
 #content .membershipForm .plans span {
	 color: #CCC;
	 font-size: 14px;
	 left: 38px;
	 position: absolute;
	 top: 50px;
}
/* === Options === */
 #content .membershipForm .options input[type=checkbox] {
	 margin: -3px 5px 0 160px;
}
 #content .membershipForm .options .newsletter {
	 font-style: italic;
}
 #content .membershipForm .options .newsletter span {
	 font-weight: bold;
}
 #content .membershipForm input[type=submit] {
	 margin-left: 160px;
}
 #content .membershipForm textarea {
	 width: 302px;
	 height: 100px;
}
 #content .membershipForm .hourSelect {
	 width: 100px;
}
 #content .membershipForm span.textareaCounter {
	 float: right;
	 margin: 5px 10px 0 0;
	 width: 363px;
}
 #content .membershipForm .wrapper {
	 border: 1px solid #CCC;
	 display: inline-block;
	 height: 110px;
	 margin-left: -3px;
	 overflow-y: scroll;
	 padding: 0 5px;
	 vertical-align: top;
	 width: 300px;
}
 #content .membershipForm .wrapper input[type=checkbox] {
	 margin: -2px 5px 0 0;
}
/* ================================================== */
/* Content */
/* Right Column */
/* ================================================== */
 #content .rightColumn {
	 float: right;
	 margin-bottom: -40px;
	 position: relative;
	 width: 220px;
	 right: 0;
	 top: -60px;
	 z-index: 4000;
}
 #content .rightColumn.home {
	 top: 0;
}
 #content .rightColumn h2 {
	 text-transform: uppercase;
}
 #content .rightColumn > a {
	 background: url(../images/bg_free_tour.png) repeat-x;
	 color: white;
	 display: block;
	 font-size: 20px;
	 font-weight: 700;
	 line-height: 60px;
	 text-align: center;
	 text-transform: uppercase;
}
 #content .rightColumn>a span {
	 background: url(../images/icon_white_arrow.png) no-repeat right center;
	 padding-right: 24px;
}
 #content .rightColumn .slogan {
	 background: #23b2ed;
	 color: white;
	 margin: 0;
	 padding: 10px;
}
 #content .rightColumn .box {
	 border-bottom: 1px solid #CCC;
	 padding-bottom: 20px;
}
/* === Follow Us === */
 #content .rightColumn a.linkedin {
	 background: url(../images/logo_linkedin.png) no-repeat;
	 display: inline-block;
	 height: 32px;
	 margin-right: 10px;
	 vertical-align: top;
	 width: 32px;
}
/* === Newsletter Sign up === */
 #content .rightColumn .signUp input[type=text] {
	 margin: 1px -5px 0 0;
	 height: 20px;
	 padding: 0 5px;
	 width: 145px;
}
 #content .rightColumn .signUp a {
	 display: inline-block;
	 font-size: 11px;
	 margin-top: 5px;
}
/* === Success Story === */
 #content .rightColumn .story {
	 font-size: 11px;
}
 #content .rightColumn .story p {
	 color: #666;
}
 #content .rightColumn .story h2+p {
	 font-style: italic;
}
 #content .rightColumn .story p span {
	 font-weight: 700;
}
 #content .rightColumn .story h2+p+p {
	 margin-bottom: 0;
}
/* === Buy & Sell Request === */
 #content .rightColumn .request {
	 background: white url(../images/bg_buy_sell_request.png) repeat-x bottom;
	 border: 1px solid #CCC;
	 margin-top: 20px;
	 padding: 10px;
	 text-align: center;
}
 #content .rightColumn .request p {
	 font-style: italic;
	 font-size: 16px;
	 margin: 0 0 5px 0;
	 text-align: left;
}
/* ================================================== */
/* Right Column */
/* Post Buy/Sell Form */
/* ================================================== */
 #content .rightColumnForm {
	 border: 1px solid #CCC;
	 color: #666;
	 float: right;
	 font-size: 11px;
	 margin-top: 20px;
	 padding: 10px;
	 width: 220px;
}
 #content .rightColumnForm p {
	 margin: 0;
}
 #content .rightColumnForm span {
	 font-weight: bold;
}
 #content .rightColumnForm h3 {
	 color: #333;
	 font-weight: 700;
	 font-size: 13px;
	 margin: 0 0 10px 0;
}
 #content .rightColumnForm label {
	 display: inline-block;
	 margin-bottom: 10px;
}
 #content .rightColumnForm input[type=text] {
	 width: 190px;
}
 #content .rightColumnForm select {
	 width: 195px;
}
 #content .rightColumnForm div input[type=checkbox] {
	 margin: -2px 5px 0 0;
}
 #content .rightColumnForm div label {
	 display: inline-block;
	 vertical-align: top;
	 width: 175px;
}
 #content .rightColumnForm .btn {
	 display: block;
	 margin: 0 auto 10px;
}
 #content .rightColumnForm a {
	 font-size: 11px;
}
/* ================================================== */
/* Right Column */
/* Memebership & Bubbles */
/* ================================================== */
 #content .rightColumnMembership {
	 color: #666;
	 float: right;
	 font-size: 11px;
	 margin-top: 20px;
	 width: 200px;
}
 #content .rightColumnMembership p {
	 margin: 10px 0 0;
}
 #content .rightColumnMembership p:first-child {
	 margin-top: 0;
}
 #content .rightColumnMembership > div:first-child {
	 border: 1px solid #CCC;
	 margin-bottom: 20px;
	 padding: 10px;
}
 #content .rightColumnMembership > div:first-child > p:first-child {
	 color: #333;
	 font-weight: 700;
	 font-size: 14px;
}
 .bubble {
	 background: #EEE;
	 margin-bottom: 40px;
	 padding: 10px;
	 position: relative;
}
 .bubble p:first-child {
	 font-style: italic;
}
 .bubble p span {
	 color: #333;
	 font-weight: 700;
}
 .bubble div {
	 background: url(../images/bg_bubble.png) no-repeat left;
	 bottom: -20px;
	 height: 20px;
	 left: 0;
	 position: absolute;
	 width: 100%;
}
/* ================================================== */
/* Page with Two Columns in leftColumn */
/* ================================================== */
 .twoColumnBlock {
	 float: left;
	 width: 350px;
}
/* ================================================== */
/* Two column block with two columns inside */
/* ================================================== */
 .twoColumnBlock .innerLeftBlock {
	 float: left;
	 margin: 10px 0;
}
 .innerLeftBlock a {
	 float: left;
}
 .innerLeftBlock .logoLink {
	 width: 145px;
	 text-align: center;
}
 .innerLeftBlock span {
	 width: 175px;
	 float: left;
	 margin: 0 0 0 10px;
}
/* ================================================== */
/* LoginFailed.xls */
/* ================================================== */
 #content .loginPageForm > div > label {
	 display: inline-block;
	 margin-right: 10px;
	 text-align: right;
	 width: 82px;
}
 #content .loginPageForm input[type="text"] {
	 margin-top: -1px;
	 margin-bottom: 5px;
}
/* ================================================== */
/* Jeweler Locator */
/* ================================================== */
 img.phone {
	 margin-bottom: -5px;
}
 img.fax {
	 margin: 0 0 -3px 3px;
}
/* ================================================== */
/* Footer */
/* ================================================== */
/*#footer {
	 background: #282e4d;
	 color: #fff;
	 font-size: 11px;
	 margin-top: 20px;
	 padding-top: 30px;
}
 */
 #footer {
	 background: #282e4d;
	 color: #fff;
	 font-size: 11px;
	 padding-top: 30px;
}
 #footer .wrapperMenu,#footer .wrapperMediagrif {
	 margin: 0 auto;
	 position: relative;
	 width: 940px;
}
 #footer ul {
	 list-style: none;
	 float: left;
	 margin: 0 0 0 19px;
	 padding: 0;
}
 #footer ul:first-child {
	 margin: 0;
}
 #footer ul li {
	 margin-bottom: 5px;
	 padding: 0;
}
 #footer .wrapperMenu label {
	 font-weight: 700;
}
 #footer .wrapperMenu a {
	 color: #fff;
}
/* === Search Jeweller === */
 #footer .wrapperMenu form {
	 bottom: 0;
	 left: 0;
	 position: absolute;
}
 #footer .wrapperMenu label {
	 margin-right: 10px;
	 text-transform: uppercase;
}
 #footer .wrapperMenu input[type=text] {
	 background: #282e4d;
	 border: 1px solid #fff;
	 border-radius: 0;
	 color: #fff;
	 font-size: 11px;
	 margin-right: -4px;
	 height: 20px;
	 padding: 0 5px;
	 width: 135px;
}
 #footer .btn {
	 font-weight: 700;
}
/* === Mediagrif Information === */
 #footer .wrapperMediagrif {
	 border-top: 1px solid #484b67;
	 height: 50px;
	 margin-top: 10px;
}
 #footer .wrapperMediagrif p {
	 margin-top: 15px;
}
 #footer .wrapperMediagrif a {
	 color: #fff;
	 position: absolute;
	 right: 0;
	 top: 15px;
}
 #footer .wrapperMediagrif img {
	 margin-bottom: -2px;
}
/* ================================================== */
/* ColorBox Core Style */
/* ================================================== */
/* === The following CSS is consistent between example themes and should not be altered. === */
 #colorbox, #cboxOverlay, #cboxWrapper {
	 position: absolute;
	 top: 0;
	 left: 0;
	 z-index: 9999;
	 overflow: hidden;
}
 #cboxOverlay {
	 position: fixed;
	 width: 100%;
	 height: 100%;
}
 #cboxMiddleLeft,#cboxBottomLeft {
	 clear: left;
}
 #cboxContent {
	 position: relative;
}
 #cboxLoadedContent {
	 overflow: auto;
}
 #cboxTitle {
	 margin: 0;
}
 #cboxLoadingOverlay, #cboxLoadingGraphic {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
}
 #cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow {
	 cursor: pointer;
}
 .cboxPhoto {
	 float: left;
	 margin: auto;
	 border: 0;
	 display: block;
	 max-width: none;
}
 .cboxIframe {
	 width: 100%;
	 height: 100%;
	 display: block;
	 border: 0;
}
 #colorbox,#cboxContent,#cboxLoadedContent {
	 box-sizing: content-box;
}
/* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */
 #cboxOverlay {
	 background: #000;
}
 #colorbox {
}
 #cboxContent {
	 margin-top: 20px;
}
 .cboxIframe {
	 background: #FFF;
}
 #cboxError {
	 padding: 50px;
	 border: 1px solid #CCC;
}
 #cboxLoadedContent {
	 border: 5px solid #000;
	 background: #FFF;
}
 #cboxTitle {
	 position: absolute;
	 top: -20px;
	 left: 0;
	 color: #CCC;
}
 #cboxCurrent {
	 position: absolute;
	 top: -20px;
	 right: 0px;
	 color: #CCC;
}
 #cboxSlideshow {
	 position: absolute;
	 top: -20px;
	 right: 90px;
	 color: #FFF;
}
 #cboxPrevious {
	 position: absolute;
	 top: 50%;
	 left: 5px;
	 margin-top: -32px;
	 background: url(../images/colorbox_controls.png) no-repeat 0 0;
	 width: 28px;
	 height: 65px;
	 text-indent: -9999px;
}
 #cboxPrevious:hover {
	 background-position: bottom left;
}
 #cboxNext {
	 position: absolute;
	 top: 50%;
	 right: 5px;
	 margin-top: -32px;
	 background: url(../images/colorbox_controls.png) no-repeat right top;
	 width: 28px;
	 height: 65px;
	 text-indent: -9999px;
}
 #cboxNext:hover {
	 background-position: bottom right;
}
 #cboxLoadingOverlay {
	 background: #000;
}
 #cboxLoadingGraphic {
	 background: url(../images/colorbox_loading.gif) no-repeat center center;
}
 #cboxClose {
	 position: absolute;
	 top: 5px;
	 right: 5px;
	 display: block;
	 background: url(../images/colorbox_controls.png) no-repeat center top;
	 width: 38px;
	 height: 19px;
	 text-indent: -9999px;
}
 #cboxClose:hover {
	 background-position: center bottom;
}
/* Start - JCK Show - community/tradeshow-events-en.jsp - To be removed when this table is no longer on that page*/
 .jckTable tr{
	 height: 170px;
	 border-bottom: 1px solid black;
}
 .jckTable td{
	 padding-left: 10px;
}
 .jckTable td.logo{
	 width: 20%;
	 padding-bottom: 30px;
	 text-align: center;
}
/* END - JCK Show - community/tradeshow-events-en.jsp - To be removed when this table is no longer on that page*/
/* ================================================== */
/* Apply For Membership - TEMP - Old Pages */
/* ================================================== */
 .buttonDyn {
	 background: url(../images/bg_btn_blue.png) repeat-x top;
	 border: 0;
	 color: #FFF;
	 cursor: pointer;
	 display: inline-block;
	 font-size: 11px;
	 font-weight: 700;
	 height: 20px;
	 line-height: 20px;
	 padding: 0 15px;
	 text-transform: uppercase;
}
 .buttonDyn:hover {
	 color: white;
}
 .tableHeader {
	 border-top: 1px solid #ccc;
	 margin-top: 20px;
	 padding-top: 5px;
}
 .tableHeader span {
	 display: inline-block;
	 font-size: 16px;
	 font-weight: 700;
	 margin: 0 50px 5px 0;
	 width: 110px;
}
 .tableSubHeader {
	 border-bottom: 1px solid #ccc;
	 margin-bottom: 20px;
	 padding-bottom: 10px;
}
 .tableSubHeader span {
	 margin-right: 50px;
}
 .lineItem .right, .lineItem .left {
	 display: none;
}
 .tableContent h3 {
	 font-weight: 700;
	 font-style: italic;
	 margin-top: 20px;
}
 .tableContent ul {
	 margin-left: 50px;
}
 .tableFooter {
	 margin-top: 50px;
}
 .pricingOptions {
	 background: #efefef;
	 border: 1px solid #ccc;
	 float: left;
	 margin-right: 50px;
	 padding: 10px;
}
 .pricingOptions ul {
	 list-style: none;
}
 .pricingOptions > p {
	 font-style: italic;
}
 .planOptions {
	 background: #efefef;
	 border: 1px solid #ccc;
	 display: inline-block;
	 padding: 0 10px;
}
 .applyForm .pdf {
	 line-height: 30px;
}
 .applyForm #privacy {
	 border-top: 1px solid #ccc;
}
 .applyForm #payByCheque {
	 border-bottom: 1px solid #ccc;
}
 .applyForm .label, #applyFreeForm p > label:first-child {
	 display: inline-block;
	 text-align: right;
	 vertical-align: middle;
	 width: 180px;
}
 .applyForm .checkBoxes > span {
	 display: block;
	 margin-left: 185px;
}
 .applyForm .checkOption > span:first-child {
	 float: left;
}
 .applyForm .parNorm + p > .label {
	 display: none;
}
 .applyForm .parNorm + p .one {
	 height: 100px;
	 width: 300px;
}
 .infoLabel {
	 margin-left: 182px;
}
 .infoLabel2 {
	 margin-left: 112px;
}
 .confirmationHeader {
	 border-bottom: 1px solid #ccc;
}
 #privacy {
	 border-top: 1px solid #ccc;
	 margin-top: 50px;
}
 .applyForm #privacy {
	 margin-top: 0;
}
 .hardBreak {
	 display: block;
}
 .cieBizz > div {
	 float: none !important;
}
 .Box h3 {
	 font-style: italic;
	 font-weight: bold;
	 margin-top: 35px;
}
/* ================================================== */
/* Accordion Styles */
/* Uses the jquery accordion ui css files and images */
/* ================================================== */
 .ui-accordion .ui-icon{
	 display:block;
	 text-indent:-99999px;
	 overflow:hidden;
	 background-repeat:no-repeat;
	 width:16px;
	 height:16px;
	 background-image:url(/jwl/public/res/styles/jquery-accordion-ui/images/ui-icons_222222_256x240.png) 
}
 .ui-accordion .ui-accordion-header .ui-accordion-header-icon{
	 float: left;
	 margin: 8px 5px 14px 0;
}
 .ui-accordion .ui-icon-triangle-1-s{
	 background-position:-65px -16px 
}
 .ui-accordion .ui-icon-triangle-1-e{
	 background-position:-32px -16px 
}
 .ui-accordion .ui-accordion-content {
	 border:0px;
}
 .landingPageAccordion.ui-accordion .ui-accordion-header .ui-accordion-header-icon{
	 float: left;
	 margin: 17px 5px 14px 0;
}
 h1.ui-accordion-header.ui-state-default, h1.ui-accordion-header.ui-state-hover, h1.ui-accordion-header.ui-state-focus {
	 border:0px;
	 background: none;
}
 .ui-accordion h1.ui-accordion-header .ui-accordion-header-icon {
	 margin-top: 4px;
}
/******************************************************/
/* Pricing Page */
/******************************************************/
/**************************************************/
/* Pricing Terms section */
/**************************************************/
 #pricingTerms {
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: center;
	 margin: 50px 0 15px;
}
 #pricingTerms em {
	 font-style: normal;
}
 label.term {
	 background: transparent;
	 border: 1px solid #c8b091;
	 color: #c8b091;
	 flex: 0 1 170px;
	 position: relative;
	 cursor: pointer;
	 font-size: 22px;
	 height: 50px;
	 line-height: 50px;
	 width: 170px;
	 -webkit-user-select: none;
	 -moz-user-select: none;
	 -ms-user-select: none;
	 user-select: none;
}
/* Hide the browser's default radio button */
 label.term input {
	 position: absolute;
	 opacity: 0;
}
/* Create a custom radio button */
 .checkmark {
	 background-color: transparent;
	 height: 50px;
	 left: -1px;
	 position: absolute;
	 top: -1px;
	 width: 170px;
}
/* On mouse-over, add a grey background color */
 label.term:hover {
	 color: #eadcc3;
}
/* When the radio button is checked, add a blue background */
 label.term input:checked ~ .checkmark {
	 background-color: #c8b091;
	 color: #fff;
}
 label.term em {
	 background: #484b67;
	 border-radius: 50%;
	 color: #fdf4f5;
	 font-size: 14px;
	 height: 70px;
	 line-height: 1.2em;
	 padding: 20px 0 0;
	 position: absolute;
	 right: -35px;
	 text-align: center;
	 top: -35px;
	 width: 70px;
}
 p.saveAnnual {
	 color: #eadcc3;
	 font-size: 14px;
}
/**************************************************/
/* Plans section */
/**************************************************/
/* Plans boxes */
 #plansSection, #faqSection {
	 background: #fdf5f5;
}
 #plansSection > div, #additionalServices > div, #faqSection > div {
	 align-items: center;
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: center;
	 margin-top: -160px;
	 padding: 0 0 70px;
	 position: relative;
}
 #plansSection div.plan {
	 background: #f1e5e0;
	 box-shadow: 0 5px 15px 1px rgba(0, 0, 0, 0.2);
	 flex: 0 1 33%;
	 height: 280px;
	 text-align: center;
}
 #plansSection div.retailPro {
	 background: #282e4d;
	 height: 320px;
}
 .plan h2 {
	 color: #e03b3f;
	 font: 20px 'Belleza', sans-serif;
	 letter-spacing: 1px;
	 margin: 25px 0 30px;
}
 .plan.retailPro h2 {
	 margin: 45px 0 30px;
}
 .plan p.price {
	 color: #484b67;
	 font-size: 60px;
	 line-height: 0.5em;
}
 .plan p.price.monthly {
	 display: none;
}
 .plan.retailPro p {
	 color: #fff;
}
 .plan p.price span:first-child {
	 font-size: 24px;
	 padding-right: 5px;
}
 .plan p.price span:last-child {
	 font-size: 16px;
	 padding-left: 10px;
}
 .plan a {
	 border: 1px solid #e03b3f;
	 color: #e03b3f;
	 display: inline-block;
	 margin: 10px 0 0;
	 padding: 10px 50px;
}
 .plan a:hover {
	 background: #e03b3f;
	 color: #fff;
}
/* Plans include */
 .plansInclude, .services {
	 display: flex;
	 flex-wrap: nowrap;
	 justify-content: center;
	 margin: 30px 0 0;
	 width: 100%;
}
 .plansInclude > div {
	 flex: 0 1 50%;
	 padding: 0 20px;
}
 .plansInclude h3 {
	 color: #484b67;
	 font: 20px/1.4em "Belleza", sans-serif;
	 letter-spacing: 1px;
	 text-transform: uppercase;
}
 .plansInclude ul {
	 border-left: 1px solid #c8b091;
	 list-style: none;
	 margin: 25px 0 0;
	 padding: 0 0 0 20px;
}
 .plansInclude li {
	 color: #484b67;
	 font-size: 16px;
	 line-height: 1.4em;
	 padding: 0 0 5px 15px;
	 position: relative;
}
 .plansInclude li:last-child {
	 padding-bottom: 0;
}
 .plansInclude li em {
	 color: #e03b3f;
	 font-style: normal;
	 left: 0;
	 position: absolute;
	 top: 0;
}
/**************************************************/
/* Features section */
/**************************************************/
 #compareFeatures h2, #additionalServices h2, #faqSection h2 , #contactSection h2 {
	 color: #484b67;
	 font: 300 50px "Work Sans", sans-serif;
	 margin: 55px 0 30px;
	 text-align: center;
	 text-transform: uppercase;
}
 #compareFeatures table th {
	 border: 0;
	 color: #484b67;
	 font: 20px "Belleza", sans-serif;
	 letter-spacing: 1px;
	 padding: 13px 0 18px;
	 text-align: center;
	 text-transform: uppercase;
}
 #compareFeatures table td {
	 border-bottom: 1px solid #eadcc3;
	 color: #666;
	 font: 16px/1.4em "Work Sans", sans-serif;
	 padding: 13px 0;
	 text-align: center;
}
 #compareFeatures table tr:last-child td {
	 border-bottom: 1px solid #c8b091;
}
 #compareFeatures table td.req.red {
	 color: #e03b3f;
}
 #compareFeatures table td.req {
	 color: #282e4d;
}
 #compareFeatures table tr.nb td {
	 border: 0;
}
 #compareFeatures table td.title {
	 border: 0;
	 border-top: 1px solid #c8b091;
	 padding: 0;
}
 #compareFeatures table th:first-child, #compareFeatures table td:first-child {
	 text-align: left;
}
 #compareFeatures h3 {
	 color: #e03b3f;
	 font: 20px "Belleza", sans-serif;
	 letter-spacing: 1px;
	 text-transform: uppercase;
	 margin: 13px 0 8px;
}
 #compareFeatures strong {
	 color: #282e4d;
	 display: block;
	 font-weight: normal;
	 margin: 0 0 10px;
}
 #compareFeatures .si strong {
	 margin: 0;
}
 a.expand {
	 background-color: #c8b091;
	 bottom: -25px;
	 color: #fff;
	 display: inline-block;
	 font-size: 16px;
	 height: 50px;
	 left: 50%;
	 padding: 15px 20px 0;
	 position: absolute;
	 text-align: center;
	 white-space: nowrap;
	 z-index: 10;
}
 a.expand:hover {
	 background-color: #eadcc3;
}
 a.expand i {
	 font-size: 14px;
	 margin-left: 10px;
}
 a.expand.plans {
	 margin-left: -110px;
	 width: 220px;
}
 a.expand.services {
	 margin-left: -165px;
	 width: 330px;
}
/**************************************************/
/* Additional Services section */
/**************************************************/
 #additionalServices > div, #faqSection > div {
	 margin-top: 0;
}
 #additionalServices h2, #faqSection h2 {
	 margin-top: 75px;
}
 .services {
	 justify-content: space-around;
	 margin: 10px 0 0;
}
 #additionalServices div.service {
	 border: 1px solid #c8b091;
	 flex: 0 1 48%;
	 height: auto;
	 padding: 0 15px 25px;
	 text-align: center;
}
 .service h3 {
	 background: #fff;
	 color: #e03b3f;
	 display: inline-block;
	 font: 20px 'Belleza', sans-serif;
	 letter-spacing: 1px;
	 margin: 0 0 5px;
	 padding: 0 15px;
	 position: relative;
	 text-transform: uppercase;
	 top: -13px;
	 width: auto;
}
 .service h3 br {
	 display: none;
}
 .service p {
	 color: #484b67;
	 margin: 25px 0 20px;
}
 .service p.note {
	 color: #999999;
	 font-size: 13px;
}
 .service p.price {
	 color: #484b67;
	 font-size: 60px;
	 line-height: 0.5em;
	 margin: 10px 0;
}
 .service p.price.nm {
	 color: #999999;
	 font-size: 16px;
}
 .service p.price span:first-child {
	 font-size: 24px;
	 padding-right: 5px;
}
 .service p.price span:last-child {
	 font-size: 16px;
	 padding-left: 10px;
}
 .service a {
	 border: 1px solid #e03b3f;
	 color: #e03b3f;
	 display: inline-block;
	 margin: 10px 0 0;
	 padding: 10px 50px;
}
 .service a:hover {
	 background: #e03b3f;
	 color: #fff;
}
/**************************************************/
/* FAQ section */
/**************************************************/
 #faqSection h2 {
	 text-transform: none;
}
 #faqSection h2 em {
	 color: #c8b091;
	 font-style: normal;
}
 #faqSection .flexc {
	 flex-wrap: nowrap;
	 margin: 20px 0;
}
 .pricingIconsSvg {
	 width: 73px;
}
 #faqSection .pricingSprite {
	 flex: 0 1 120px;
	 margin: 15px 0 0 0;
	 min-width: 120px;
	 text-align: center;
}
 #faqSection .flexc > div.question {
	 border-left: 1px solid #c8b091;
	 flex: 0 1 calc(100% - 120px);
	 padding-left: 20px;
	 text-align: left;
}
 div.question h3 {
	 color: #484b67;
	 font-size: 20px;
	 font-weight: 500;
	 line-height: 1.4em;
	 margin-top: 0;
}
 div.question p {
	 color: #484b67;
	 font-size: 16px;
	 line-height: 1.4em;
	 margin-bottom: 0;
}
 #questionTabs ul {
	 border-bottom: 1px solid #eadcc3;
	 margin-bottom: 20px;
}
 #questionTabs li {
	 display: inline-block;
	 font: 20px "Belleza", sans-serif;
	 margin-right: 50px;
	 padding-bottom: 10px;
}
 #questionTabs li.ui-state-active {
	 border-bottom: 2px solid #e03b3f;
}
 #questionTabs li a {
	 color: #282e4d;
	 text-transform: uppercase;
}
 #questionTabs li a br {
	 display: none;
}
 #questionTabs li.ui-state-active a {
	 color: #e03b3f;
}
/**************************************************/
/* Contact Us section */
/**************************************************/
 #contactSection {
	 background: url(../images/pricing-contact-bg.jpg) no-repeat 50% 50%;
	 background-size: cover;
	 height: auto;
	 padding: 50px 15px;
}
 .contactContainer {
	 background: #e03b3f;
	 min-height: 280px;
	 padding: 30px 60px;
}
 .contactContainer.flexc {
	 flex-wrap: nowrap;
}
 #contactSection h2 {
	 color: #eadcc3;
	 flex: 0 1 40%;
	 line-height: 1.1em;
	 margin: 0;
	 padding-right: 15px;
	 text-align: left;
	 text-transform: none;
}
 .contactContainer > div {
	 flex: 0 1 60%;
}
 .contactContainer p {
	 color: #eadcc3;
	 font-size: 20px;
	 line-height: 1.4em;
}
 .contactContainer a {
	 border: 1px solid #c8b091;
	 color: #eadcc3;
	 display: inline-block;
	 font-size: 18px;
	 margin: 30px 0 0;
	 padding: 10px 50px;
}
 .contactContainer a:hover {
	 background: #c8b091;
	 color: #fff;
}
/**************************************************/
/* Membership Form section */
/**************************************************/
 #overlayBg {
	 background-color: rgba(0, 0, 0, 0.45);
	 display: none;
	 height: 100%;
	 left: 0;
	 position: fixed;
	 top: 0;
	 width: 100%;
	 z-index: 5500;
}
 #membershipFormSection {
	 max-width: 100%;
	 position: absolute;
	 top: -101px;
	 right: -500px;
	 width: 500px;
	 z-index: 6000;
}
 #membershipFormSection a.close {
	 color: #fff;
	 font-size: 24px;
	 padding: 10px;
	 position: absolute;
	 right: 10px;
	 top: 20px;
}
 .selectedPlanContainer {
	 background: url(../images/membership-form-bg.jpg) no-repeat center center;
	 background-size: cover;
	 padding: 60px 40px 40px;
}
 .selectedPlanContainer h2 {
	 color: #fdf5f5;
	 font-size: 30px;
	 font-weight: 300;
	 margin: 0 0 25px;
	 text-transform: uppercase;
}
 .selectedPlanContainer p {
	 color: #f5f5f5;
	 font-size: 16px;
	 line-height: 1.4em;
}
 .selectedPlan {
	 align-items: center;
	 background: #282e4d;
	 color: #fdf4f5;
	 height: 80px;
	 margin: 15px 0 30px;
	 padding: 20px;
	 width: 100%;
}
 .selectedPlan > div {
	 flex: 0 1 66%;
}
 .selectedPlan > div:last-child {
	 flex: 0 1 34%;
	 text-align: right;
}
 .selectedPlan > div span {
	 display: block;
}
 .selectedPlanContainer #packageName {
	 font: 18px/1.4em "Belleza", sans-serif;
	 text-transform: uppercase;
}
 .selectedPlanContainer #packageTerm {
	 font-size: 14px;
}
 .selectedPlanContainer #packagePrice {
	 font-size: 18px;
}
 .selectedPlanContainer p.addService {
	 font: 14px/1.4em "Belleza", sans-serif;
}
 .subscriptionForm > div > label.service {
	 background: transparent;
	 color: #fff;
	 cursor: pointer;
	 display: block;
	 height: 80px;
	 margin: 0 0 20px;
	 position: relative;
	 text-align: left;
	 width: 100%;
}
 .subscriptionForm label.service input {
	 opacity: 0;
	 position: absolute;
}
 .subscriptionForm label.service span.check {
	 align-items: center;
	 background-color: transparent;
	 border: 1px solid #a4817e;
	 height: 80px;
	 left: 0px;
	 padding: 20px;
	 position: absolute;
	 text-transform: uppercase;
	 top: 0px;
	 width: 100%;
}
 .subscriptionForm label.service:hover span.check {
	 border: 1px solid #eadcc3;
}
 .subscriptionForm label.service input:checked ~ .check {
	 background-color: #282e4d;
	 border: 1px solid #282e4d;
}
 .subscriptionForm label.service span.check span, .subscriptionForm div.total span {
	/*flex: 0 1 70%;
	 */
	 font: 18px/1.2em "Belleza", sans-serif;
}
/* .subscriptionForm label.service span.check span:last-child, .subscriptionForm div.total span:last-child {
	 flex: 0 1 30%;
	 font: 18px/1.4em "Work Sans", sans-serif;
	 text-align: right;
}
 */
 .subscriptionForm div.total {
	 align-items: center;
	 border-top: 1px solid #9f8685;
	 color: #eadcc3;
	 margin: 40px 0 0;
	 padding: 5px 0 0;
	 text-transform: uppercase;
}
 .subscriptionForm div.total span, .subscriptionForm div.total span:last-child {
	 flex: 0 1 50%;
}
 .subscriptionForm #totalPrice {
	 font: 400 30px/1.4em "Work Sans", sans-serif;
}
 .subscriptionForm .formContainer {
	 background: #fdf5f5;
	 color: #282e4d;
	 font-size: 16px;
	 line-height: 1.4em;
	 padding: 30px 40px;
}
 .subscriptionForm .formContainer h2 {
	 border-top: 1px solid #c8af90;
	 border-bottom: 1px solid #c8af90;
	 color: #e03b3f;
	 font-size: 16px;
	 font-weight: 500;
	 line-height: 1.4em;
	 padding: 10px 0;
	 text-transform: uppercase;
}
 .subscriptionForm .formContainer label {
	 color: #272d4d;
	 font-size: 15px;
}
 .subscriptionForm .formContainer input[type="text"], .subscriptionForm .formContainer select {
	 background: #fff;
	 border: 1px solid #e0d2c1;
	 border-radius: 0;
	 color: #272d4d;
	 font-size: 15px;
	 height: 40px;
	 margin: 0 0 20px;
	 padding: 0 15px;
}
 .subscriptionForm .formContainer input[type="text"] {
	 -webkit-appearance: none;
	 -moz-appearance: none;
}
 .subscriptionForm .formContainer select {
	 background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(hsla(0,0%,100%,0)), to(hsla(0,0%,100%,0)));
	 background-image:-webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0));
}
 .subscriptionForm .formContainer select {
	 padding: 0 0 0 10px;
}
 .subscriptionForm .formContainer h2 + input {
	 margin-top: 10px;
}
 .subscriptionForm .formContainer input + h2 {
	 margin-top: 20px;
}
 .subscriptionForm .formContainer input[type="text"], .subscriptionForm .formContainer select {
	 width: 100%;
}
 .subscriptionForm .formContainer input[type="text"].error, .subscriptionForm .formContainer select.error {
	 border: 1px solid #E02828;
}
 .subscriptionForm .formContainer input[type="checkbox"].cust + .checkbox, input[type="radio"].cust + .radio {
	 background: #fff;
	 border: 2px solid #e0d2c1;
	 border-radius: 2px;
	 box-shadow: none;
}
 .subscriptionForm .formContainer input[type="checkbox"].cust + .checkbox:after {
	 border-color: #272d4d;
	 height: 8px;
	 width: 15px;
}
 .subscriptionForm .btn.submit {
	 margin: 30px 0;
	 width: 100%;
}
/******************************************************/
/* END: Pricing Page */
/******************************************************/
/******************************************************/
/* Conclave Page */
/******************************************************/
/**************************************************/
/* Banner section */
/**************************************************/
 #banner.full.conclave {
	 align-items: center;
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: space-around;
	 justify-content: center;
}
 #banner.full.conclave > * {
	 flex: 0 0 100%;
}
 #banner.full.conclave img {
	 width: 100%;
	 max-width: 416px;
}
 .conclave .btn {
	 display: block;
	 font: 14px/39px "Work Sans", sans-serif;
	 height: 39px;
	 margin: 10px auto;
	 max-width: 330px;
	 width: 100%;
}
 .conclave .btn.redn {
	 border: 1px solid #e03b3f;
}
 .conclave .btn.redn:hover {
	 border: 1px solid #70213d;
}
/**************************************************/
/* Conclave Info section */
/**************************************************/
 #conclaveInfoSection {
	 background: #fdf5f5;
	 padding: 35px 0 60px;
}
 #conclaveInfoSection .mAuto {
	 width: 770px;
}
 #conclaveInfoSection h1 {
	 color: #dc3033;
	 font: 30px/36px "Belleza", sans-serif;
	 margin: 25px 0 15px;
	 text-align: center;
}
 #conclaveInfoSection h1 + p {
	 color: #4b4966;
	 font: 16px/1.4em "Belleza", sans-serif;
	 text-align: center;
	 text-transform: uppercase;
}
 #conclaveInfoSection div.flexc, #conclaveInfoSection dl.flexc {
	 justify-content: space-between;
	 margin: 20px 0;
}
 #conclaveInfoSection div.flexc > * {
	 flex: 1 1 50%;
}
 #conclaveInfoSection img {
	 margin: 5px 0 0;
	 width: 100%;
	 max-width: 360px;
}
 #conclaveInfoSection div.flexc p:first-child {
	 margin-top: 0;
}
 #conclaveInfoSection div.flexc p {
	 color: #484b67;
	 font: 16px/20px "Work Sans", sans-serif;
}
 #conclaveInfoSection div.flexc.dl > div {
	 border-left: 1px solid #cfb694;
	 flex: 0 1 25%;
	 padding: 0 7px;
}
 #conclaveInfoSection .dl h2 {
	 border-top: 1px solid #cfb694;
	 border-bottom: 1px solid #cfb694;
	 color: #dc3033;
	 font: 500 16px/20px "Work Sans", sans-serif;
	 margin: 0;
	 padding: 2px 0;
	 text-transform: uppercase;
}
 #conclaveInfoSection div.flexc.dl p {
	 color: #4b4966;
	 font: 17px/22px "Work Sans", sans-serif;
	 margin: 0;
	 padding: 35px 0 0;
}
 #conclaveInfoSection li {
	 font-size: 16px;
	 line-height: 20px;
	 list-style: none;
	 padding: 5px 0 0 15px;
	 position: relative;
}
 #conclaveInfoSection li:last-child {
	 padding-top: 0;
}
 #conclaveInfoSection li:before {
	 content: "+";
	 left: 0;
	 position: absolute;
}
/**************************************************/
/* Conclave Info section */
/**************************************************/
 #conclaveBenefitsSection {
	 padding: 90px 15px 100px;
}
 #conclaveBenefitsSection .mAuto{
	 width: 770px;
}
 #conclaveBenefitsSection fieldset {
	 border: 1px solid #efe3cb;
	 color: #484b67;
	 font: 24px/30px "Belleza", sans-serif;
	 padding: 20px 10px 30px;
	 text-align: center;
}
 #conclaveBenefitsSection legend {
	 color: #484b67;
	 font: 50px/50px "Belleza", sans-serif;
	 padding: 0 20px;
}
 #conclaveBenefitsSection .btn {
	 display: inline-block;
	 margin: 10px 20px;
	 width: auto;
}
 #conclaveBenefitsSection .btn.redn {
	 padding: 0 45px;
}
 #conclaveBenefitsSection p {
	 font-size: 16px;
}
 #conclaveBenefitsSection .btn.gold.empty {
	 color: #4b4966;
}
 #conclaveBenefitsSection fieldset span {
	 font: 500 16px/30px "Work Sans", sans-serif;
}
 .downloadIconsSvg {
	 position: relative;
	 top: 13px;
	 width: 32px;
}
/**************************************************/
/* Conclave Testimonial section */
/**************************************************/
 #conclaveTestimonialSection {
	 background: url(../images/dallas-2018/conclave-testimonial-bg.jpg) no-repeat 50% 50%;
	 padding: 90px 0 100px;
	 color: #f5f5f5;
}
 #conclaveTestimonialSection .mAuto {
	 width: 630px;
}
 #conclaveTestimonialSection h3 {
	 font-size: 24px;
}
 #conclaveTestimonialSection p:first-of-type {
	 font-size: 20px;
	 padding-bottom: 20px;
	 line-height: 1.2em;
}
 #conclaveTestimonialSection p:last-of-type {
	 border-top: 1px solid #c8b091;
	 padding-top: 8px;
}
/**************************************************/
/* Conclave Tabs Section */
/**************************************************/
 #conclaveTabsSection {
	 position: relative;
}
 #conclaveTabsSection > div {
	 padding: 140px 15px 80px;
}
 #conclaveTabsSection .tabs {
	 position: absolute;
	 margin: auto;
	 left: 0;
	 right: 0;
	 top: -50px;
	 background-color: #dc3033;
	 list-style: none;
	 display: flex;
	 justify-content: space-around;
	 align-items: center;
	 width: 940px;
	 height: 100px;
	 transition: 0.5s all;
}
 #conclaveTabsSection .tabs li {
	 width: 100%;
	 text-align: center;
	 border-right: 2px solid #9c2739;
	 padding: 8px 5px;
}
 #conclaveTabsSection li:last-of-type {
	 border-right: none;
}
 #conclaveTabsSection .tabs a {
	 color: #cfb694;
	 text-transform: uppercase;
	 font-family: Belleza, Arial, Helvetica, sans-serif;
	 font-size: 24px;
	 padding-bottom: 6px;
	 letter-spacing: 3px;
}
 #conclaveTabsSection .tabs a:hover {
	 color: #e6dcce;
}
 #conclaveTabsSection .tabs .ui-state-active a {
	 color: #ffffff;
	/*border-bottom: 2px solid #ffffff;
	 */
}
 #conclaveTabsSection h1 {
	 font-size: 50px;
	 font-family: Belleza, Arial, Helvetica, sans-serif;
	 letter-spacing: 5px;
	 margin: 0;
}
 #conclaveTabsSection h3 {
	 text-transform: uppercase;
	 font-size: 20px;
	 font-family: Belleza, Arial, Helvetica, sans-serif;
	 letter-spacing: 2px;
	 border: 1px solid #cfb694;
	 border-style: solid none;
}
 #conclaveTabsSection a {
	 color: inherit;
}
 #conclaveTabsSection .infoBlock {
	 font-size: 16px;
}
 #conclaveTabsSection h4 {
	 text-transform: uppercase;
	 font-weight: 500;
	 margin: 15px 0 0;
}
/*====== Gold Tab ======*/
 #gold-tab {
	 background-color: #f7f1e5;
}
 #gold-tab h1 {
	 color: #dc3033;
}
 #gold-tab .goldIconSvg {
	 width: 100px;
	 float: left;
	 margin-right: 40px;
}
 #gold-tab .infoBlock {
	 display: flex;
	 justify-content: space-around;
	 align-items: center;
	 color: #666666;
	 margin: 40px 0 0;
}
 #gold-tab .infoBlock h3 {
	 color: #dc3033;
}
 #gold-tab .infoBlock:first-of-type img {
	 margin: 0 10px;
}
 #gold-tab .infoBlock > div {
	 flex: 0 0 60%;
}
/*====== Silver Tab ======*/
 #silver-tab {
	 background-color: #4b4966;
}
 #silver-tab h1 {
	 color: #efe3cb;
	 flex: 1 1 100%;
	 padding: 0 0 50px 140px;
}
 #silver-tab .infoBlock h3 {
	 color: #efe3cb;
}
 #silver-tab .silverIconSvg {
	 width: 100px;
	 float: left;
	 margin-top: -20px;
}
 #silver-tab .exhibitorsWrapper {
	 margin-left: 140px;
	 display: flex;
	 flex-wrap: wrap;
}
 #silver-tab .infoBlock {
	 color: #ffffff;
}
 #silver-tab .exhibitorsWrapper > div {
	 flex: 1 1 48%;
}
 #silver-tab .exhibitorsWrapper > div:nth-of-type(odd) {
	 margin: 0 4% 20px 0;
}
/*====== Table Tab ======*/
 #table-tab {
	 color: #4b4966;
}
 #table-tab .mAuto {
	 width: 540px;
}
 #table-tab h1 {
	 text-align: center;
	 margin: 0 0 60px 0;
}
 #table-tab p {
	 margin-top: 0;
}
 #table-tab .infoBlock > div {
	 border: 1px solid #cfb694;
	 border-style: solid none;
}
 #table-tab .infoBlock > div:first-child {
	 border-bottom: none;
}
/**************************************************/
/* Our Partners section */
/**************************************************/
 #conclaveOurPartners {
	 background: #fdf4f5;
	 padding: 30px 0 70px;
}
 #conclaveOurPartners .mAuto {
	 width: 1012px;
}
 #conclaveOurPartners h3 {
	 color: #70213d;
	 font-weight: 500;
	 text-transform: uppercase;
	 letter-spacing: 1px;
	 padding-left: 36px;
}
 #conclaveOurPartners .partnersLogos {
	 padding: 10px 0 0;
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
}
 #conclaveOurPartners .partnersLogos img {
	 margin: 20px 10px;
}
/******************************************************/
/* END: Conclave Page */
/******************************************************/



/* ================================================== */
/* Public Auctions                                    */
/* ================================================== */
#banner.bannerAuctions {
    background: #1b1d36;
    height: auto;
    padding: 40px 15px;
}
    
    #banner.bannerAuctions h1 {
        margin: 0;
    }

    .bannerAuctions .subTitle {
        margin: 40px 0;
    }



    /* === Banner Buttons === */
    .btnAuctionsRegister,
    .btnAuctionsRegister:hover {
        background: #e03b3f;
        color: #fff;
        display: inline-block;
        font-size: 22px;
        line-height: 52px;
        margin: 0 20px;
        padding: 0 40px;
    }
    
    .btnAuctionsLogin,
    .btnAuctionsLogin:hover {
        border: 1px solid white;
        color: #fff;
        display: inline-block;
        font-size: 22px;
        line-height: 50px;
        margin: 0 20px;
        padding: 0 40px;
    }



/* === Auction iFrame === */
.harmonyAuctionFrame {
    background: white;
    display: none;
}

    .harmonyAuctionFrame iframe {
        border: none;
        height: 1200px;
        overflow: scroll;
        width: 100%;
    }
    
.harmonyAuctionLogin iframe {
    border: none;
    height: 1300px;
    overflow: scroll;
    width: 100%;
}



/* === Auction Description === */
.harmonyAuctionIntro {
    background: #fdf5f5;
    padding: 50px 10px;
    position: relative;
}

    .harmonyAuctionIntro .mAuto {
        display: flex;
        flex-wrap: wrap;
    }
    
        .harmonyAuctionIntro h2 {
            color: #484b67;
            font: 20px/26px "Belleza", sans-serif;
            letter-spacing: 1px;
            margin: 0 0 30px 0;
            text-transform: uppercase;
        }

        .harmonyAuctionVideo {
            flex: 0 1 470px;
        }
        
        .harmonyAuctionDescription {
            color: #484b67;
            flex: 1;
            font-size: 16px;
            line-height: 22px;
            margin-left: 20px;
        }
        
            .harmonyAuctionDescription p {
                margin: 0 0 10px 0;
            }
            
            .harmonyAuctionDescription p:first-child,
            .harmonyAuctionDescription p:last-child {
                font-weight: bold;
            }



/* === Listed information === */
.harmonyAuctionInformation {
    margin-bottom: 50px;
}



/* === FAQ Buttons === */
.btnFAQAuctionsRegister,
.btnFAQAuctionsRegister:hover {
    background: #e03b3f;
    color: white;
    display: inline-block;
    font-size: 22px;
    line-height: 52px;
    margin: 0 20px;
    padding: 0 40px;
}

.btnFAQAuctionsLogin,
.btnFAQAuctionsLogin:hover {
    background: #c8b091;
    color: white;
    display: inline-block;
    font-size: 22px;
    line-height: 52px;
    margin: 0 20px;
    padding: 0 40px;
}