.qtip.qtip-email-this-page { max-width: 415px; margin-right: 20px; min-width: 240px; width: 100% } .qtip.qtip-email-this-page { border: 1px solid #bdbdbd; font-size: 13px } .qtip.qtip-email-this-page .container { color: #036; padding: 15px 10px; position: relative } .qtip.qtip-email-this-page .container h4 { border-bottom: 1px solid #bdbdbd; font-family: "Crimson", Perpetua, Palatino, "Times New Roman", Times, serif; font-size: 1.71429em; font-weight: normal; padding-bottom: 10px; margin-bottom: 20px; text-transform: uppercase } .qtip.qtip-email-this-page .container .default { line-height: 15px } .qtip.qtip-email-this-page .container .message-box { margin: 15px auto 10px auto; padding: 15px 20px } .qtip.qtip-email-this-page .container button.blue.blue-nile-button { padding-left: 25px; padding-right: 25px; white-space: nowrap } .qtip.qtip-email-this-page .container .email-this-page-inputs label { display: block; font-size: 1.07692em } .qtip.qtip-email-this-page .container .email-this-page-inputs label p { line-height: 20px } .qtip.qtip-email-this-page .container .email-this-page-inputs label .invalid { display: none; color: red } .qtip.qtip-email-this-page .container .email-this-page-inputs label.invalid-field .invalid { display: block } .qtip.qtip-email-this-page .container .email-this-page-inputs label.invalid-field input[type="text"] { border-color: #C83521; color: #C83521 } .qtip.qtip-email-this-page .container .email-this-page-inputs label.invalid-field input[type="text"]:-moz-placeholder, .qtip.qtip-email-this-page .container .email-this-page-inputs label.invalid-field input[type="text"]::-moz-placeholder, .qtip.qtip-email-this-page .container .email-this-page-inputs label.invalid-field input[type="text"]:-ms-input-placeholder, .qtip.qtip-email-this-page .container .email-this-page-inputs label.invalid-field input[type="text"]::-webkit-input-placeholder { color:#C83521 !important } .qtip.qtip-email-this-page .container .email-this-page-inputs .required { color: #C83521 } .qtip.qtip-email-this-page .container .email-this-page-inputs .required.label { font-size: 1.07692em; text-align: right } .qtip.qtip-email-this-page .container .email-this-page-inputs input[type="text"] { border: 1px solid #777; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height: 40px; width: 100% } .qtip.qtip-email-this-page .container .email-this-page-inputs input[type="checkbox"] { height: 12px; margin-right: 3px; width: 12px } .qtip.qtip-email-this-page .container .email-this-page-inputs textarea { border: 1px solid #777; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 100%; height: 100px } .qtip.qtip-email-this-page .container .email-this-page-inputs .wide { margin-top: 20px } .qtip.qtip-email-this-page .container .email-this-page-inputs .wide.one { width: 100% } .qtip.qtip-email-this-page .container .email-this-page-inputs .wide.two { display: table; width: 100% } .qtip.qtip-email-this-page .container .email-this-page-inputs .wide.two>div { display: table-cell; width: 50%; padding-left: 3% } .qtip.qtip-email-this-page .container .email-this-page-inputs .wide.two>div:first-child { padding-left: 0; padding-right: 3% } .qtip.qtip-email-this-page .container .disclaimer { color: #777; font-size: 0.92308em; margin: 10px auto; max-width: 275px; text-align: center } .qtip.qtip-email-this-page .container .thank-you { line-height: 18px; margin-top: 15px } .qtip.qtip-email-this-page .container .thank-you p+p { margin-bottom: 15px } .qtip.qtip-email-this-page .container .thank-you p+p+p { margin-bottom: 10px } .qtip.qtip-email-this-page .container .continue-shopping { margin: 15px 0 0 0; padding: 0 25px; display: inline-block; height: 40px; line-height: 40px; white-space: nowrap } .qtip.qtip-email-this-page .container .error.display-when-full-on-failure { display: none } .qtip.qtip-email-this-page .container.full-on-failure>* { display: none } .qtip.qtip-email-this-page .container.full-on-failure .display-when-full-on-failure { display: block } form[data-widget="success-or-error-form"] .success, form[data-widget="success-or-error-form"] .error { display: none } form[data-widget="success-or-error-form"] .default { display: block } form[data-widget="success-or-error-form"].error-state .default, form[data-widget="success-or-error-form"].error-state .success { display: none } form[data-widget="success-or-error-form"].error-state .error { display: block } form[data-widget="success-or-error-form"].success-state .default, form[data-widget="success-or-error-form"].success-state .error { display: none } form[data-widget="success-or-error-form"].success-state .success { display: block } #image-viewer-details-and-purchase .right-half .holiday-arrival-message i:before, html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half .holiday-arrival-message i:before { content: ""; color: #981b1e; font-family: 'icon-font'; font-variant: normal; font-weight: normal; font-size: 13px; font-style: normal; margin-right: 0.21429em } #image-viewer-details-and-purchase .right-half .holiday-arrival-message, html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half .holiday-arrival-message { color: #981b1e; font-weight: bold; text-align: center; line-height: 1.28571em; padding: 0.71429em 0.14286em 1.07143em 0.14286em } #image-viewer-details-and-purchase .right-half .holiday-arrival-message div, html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half .holiday-arrival-message div { color: #555555; font-weight: normal } .special-order, .back-order, .not-available { margin: 1.07143em auto 0.14286em auto } .customizers+.special-order, .customizers+.back-order, .customizers+.not-available { margin: 1.07143em auto } a { color: #04356a; } a.blue-nile-button, a.blue-button { color: #fff } .bold-black { font-weight: bold } i span { color: #265c94; } .cta { font-weight: bold; white-space: nowrap; position: relative } .cta.white { color: #fff; text-decoration: underline } .cta.white>i { color: #fff } .cta>i { color: #027CD1; font-size: 1.14286em; margin-left: 4px; position: relative; bottom: -2px } .price-display .vat { white-space: nowrap } [data-switchable-ui-type] { display: none } [data-switchable-ui-type].active { display: inherit } body.details-open #detail-panels-wrapper #details-panel .top-links { display: none } body.details-open #detail-panels-wrapper #details-panel .title-container { display: block } main { margin-top: 10px } main>section:only-child { margin-bottom: 10px } .animatable { -webkit-transition: opacity .25s linear; -moz-transition: opacity .25s linear; -o-transition: opacity .25s linear; transition: opacity .25s linear } .animatable.flip.animating { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg) } .animatable.flip.animating.horizontal-group { -webkit-transform: rotateY(0deg) rotateX(180deg); -moz-transform: rotateY(0deg) rotateX(180deg); transform: rotateY(0deg) rotateX(180deg) } .animatable.fade.animating { opacity: 0 } .header-title-bar { background-color: #efefef; border-bottom: 1px solid #fcfcfc; font-size: 1.14286em; padding: 8px 0 6px 15px; position: relative; white-space: nowrap; z-index: 49 } .header-title-bar>a, .header-title-bar>span { color: #036; padding: 3px 0 } .header-title-bar>a { border-right: 1px solid #000; font-size: 0.75em; padding-right: 10px } .header-title-bar>a>.collapsible { display: none } .header-title-bar>span { font-family: "Crimson", Perpetua, Palatino, "Times New Roman", Times, serif; padding-left: 3px; font-size: 1.0625em; font-variant: small-caps } #unavailable-diamond { padding: 0 10px } #unavailable-diamond>.unavailable-content { background-color: #FEC1C0; border: 1px solid #FF2933; display: table; padding: 5px 30px; width: 100%; min-height: 52px } #unavailable-diamond>.unavailable-content span.phone-number { white-space: nowrap } #unavailable-diamond>.unavailable-content>div { display: table-cell; vertical-align: middle } #unavailable-diamond>.unavailable-content>div.text { padding-right: 0 } #unavailable-diamond>.unavailable-content>div.text>i { margin-right: 10px } #unavailable-diamond>.unavailable-content>div.find-similar-action-button, #unavailable-diamond>.unavailable-content>div.diamond-not-displayable { display: none; padding-left: 5px; white-space: nowrap; width: auto } #unavailable-diamond>.unavailable-content>div.find-similar-action-button>.main-button, #unavailable-diamond>.unavailable-content>div.diamond-not-displayable>.main-button { padding: 0 30px } #unavailable-diamond>.find-similar-action-button, #unavailable-diamond>.diamond-not-displayable { margin-top: 10px } #unavailable-diamond .similar-diamonds .section-heading { border: 0; margin: 10px 0 8px 0 } #unavailable-diamond .similar-diamonds .section-heading>span { font-size: 1.2em; font-style: normal } #unavailable-diamond .similar-diamonds .diamonds.similar-items { border: 1px solid #bdbdbd; width: 100% } #unavailable-diamond .similar-diamonds .diamonds.similar-items th, #unavailable-diamond .similar-diamonds .diamonds.similar-items td { background-color: #eee; height: 45px; text-align: center; text-transform: capitalize } #unavailable-diamond .similar-diamonds .diamonds.similar-items th.date, #unavailable-diamond .similar-diamonds .diamonds.similar-items td.date { display: none } #unavailable-diamond .similar-diamonds .diamonds.similar-items th.click-indicator, #unavailable-diamond .similar-diamonds .diamonds.similar-items td.click-indicator { min-width: 40px } #unavailable-diamond .similar-diamonds .diamonds.similar-items th.click-indicator i, #unavailable-diamond .similar-diamonds .diamonds.similar-items td.click-indicator i { font-size: 24px } #unavailable-diamond .similar-diamonds .diamonds.similar-items th { background-color: #007DCD; border-left: 1px solid #fff; color: #fff; font-weight: normal } #unavailable-diamond .similar-diamonds .diamonds.similar-items th:first-child { border-left: 0 } #unavailable-diamond .similar-diamonds .diamonds.similar-items td { border-top: 1px solid #ddd; cursor: pointer } #unavailable-diamond .similar-diamonds .diamonds.similar-items td i+span { display: none } #unavailable-diamond .similar-diamonds .diamonds.similar-items tr.odd td { background-color: #fff } #unavailable-diamond+#image-viewer-details-and-purchase { margin-top: 10px } .title-section { border-bottom: 1px solid #ababab } h1.product-title { font-variant: normal; font-weight: normal; padding-left: 5px; color: #036; font-family: "Crimson", Perpetua, Palatino, "Times New Roman", Times, serif; font-size: 26px; line-height: 1 } h1.product-title .sub-text { color: #777; white-space: nowrap; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1 } .price-and-purchase { margin-top: 18px; border-bottom: 1px solid #ababab } .price-and-purchase .price-with-button { display: table; width: 100% } .price-and-purchase .price-with-button.uninitialized { visibility: hidden } .price-and-purchase .price-with-button .price-display, .price-and-purchase .price-with-button .button-display { display: table-cell; vertical-align: middle } .price-and-purchase .price-with-button.force-wrap { display: block } .price-and-purchase .price-with-button.force-wrap .price-display, .price-and-purchase .price-with-button.force-wrap .button-display { display: block } .price-and-purchase .price-with-button.force-wrap .button-display { margin-top: 10px } .price-and-purchase .price-with-button .price-display { color: #777; padding-right: 15px; padding-left: 5px } .price-and-purchase .price-with-button .price-display .special-price { color: #900; font-weight: bold } .price-and-purchase .price-with-button .price-display .special-price>.price { font-size: 1.64286em } .price-and-purchase .price-with-button .price-display .special-price>.prefix { text-transform: lowercase } .price-and-purchase .price-with-button .price-display .now-price { color: #027CD1; font-weight: bold } .price-and-purchase .price-with-button .price-display .now-price>.price { font-size: 1.8em } .price-and-purchase .price-with-button .price-display .now-price>.price-suffix { font-size: 1.8em } .price-and-purchase .price-with-button .price-display .now-price>.prefix { text-transform: lowercase } .price-and-purchase .price-with-button .price-display .original-price>.prefix { text-transform: lowercase } .price-and-purchase .price-with-button .price-display .promoCode .code { color: #900 } .price-and-purchase .price-with-button .price-display .regular-price { color: #333 } .price-and-purchase .price-with-button .price-display .regular-price>.price { color: #036; font-size: 1.64286em; white-space: nowrap } .price-and-purchase .price-with-button .price-display .discount-disclaimer { font-size: .75em } .price-and-purchase .price-with-button .price-display .price-message { color: #036 } .price-and-purchase .price-with-button .button-display { width: auto } .price-and-purchase .price-with-button .button-display .drop-down-action-button { width: auto; min-width: 160px } .price-and-purchase .price-with-button .button-display .drop-down-action-button .main-text { padding: 0 10px; white-space: nowrap } .price-and-purchase .price-with-button .button-display .drop-down-action-button>.vertical-menu, .price-and-purchase .price-with-button .button-display .find-similar-action-button>.vertical-menu { left: auto; right: 0; min-width: 205px; width: 100%; -webkit-box-shadow: 2px 2px 5px 0px rgba(50,50,50,0.75); -moz-box-shadow: 2px 2px 5px 0px rgba(50,50,50,0.75); box-shadow: 2px 2px 5px 0px rgba(50,50,50,0.75) } .price-and-purchase .bank-wire-price { border: 1px solid #DDD; display: table; margin-top: 15px; padding: 4px 10px; width: 100% } .price-and-purchase .bank-wire-price>div { display: table-cell; text-align: right } .price-and-purchase .bank-wire-price>div:first-child { font-size: 1.28571em; text-align: left } .price-and-purchase .product-rating-stars { display: table; margin-top: 15px; padding-right: 5px; cursor: pointer; width: 100% } .price-and-purchase .product-rating-stars.old-rating-stars>div { display: table-cell } .price-and-purchase .product-rating-stars.old-rating-stars>div.review-count { display: none } .price-and-purchase .product-rating-stars.old-rating-stars>div:first-child .rating-values { display: table-cell; font-size: 0.85714em; position: relative; top: -3px } #details-panel .price-and-purchase .product-rating-stars { cursor: default } .details-expanded #details-panel .price-and-purchase .product-rating-stars { cursor: pointer } .price-and-purchase .product-rating-stars>div { color: #027CD1; display: block; text-align: left } .price-and-purchase .product-rating-stars>div:first-child { text-align: left } .price-and-purchase .product-rating-stars>div:first-child .rating-values { display: none } .price-and-purchase .product-rating-stars>div:first-child .offer-rating { cursor: pointer } .price-and-purchase .product-rating-stars>div:first-child .rating-stars { font-size: 1.21429em; letter-spacing: 3px; overflow: visible; text-align: left } .price-and-purchase .product-rating-stars>div:first-child .rating-stars:before { font-family: "icon-font"; color: #027CD1; content: ""; overflow: hidden; position: absolute } .price-and-purchase .product-rating-stars>div:first-child .rating-stars span.stars:before { color: #027CD1 } .price-and-purchase .product-rating-stars>div:first-child [itemprop="ratingValue"] { display: none } .price-and-purchase .product-rating-stars>div.review-count { font-size: 0.85714em; position: relative; top: -3px } .price-and-purchase .product-rating-stars>div.review-count[data-review-count='1'] span.plural { display: none } #multiple-diamond-header { margin: 10px 15px 0 15px; overflow: visible } #multiple-diamond-header .product-title, #multiple-diamond-header .price-and-purchase { margin-left: 0; padding-left: 0 } #multiple-diamond-header .title-section { border: 0 } #multiple-diamond-header .title-section.full-width { max-width: 100% } #multiple-diamond-header .title-section h2 { border-bottom: 1px solid #ababab; margin-bottom: 10px; padding: 0 } #multiple-diamond-header .title-section p { color: #036; font-size: 0.92857em } #diamond-switcher { display: block; margin-top: 15px; overflow: visible; width: 100%; border-bottom: 1px solid #ababab; padding-top: 25px; position: relative } #diamond-switcher:after { display: block; content: ''; clear: both } #diamond-switcher .switcher { display: block; float: left; background-color: #ebebeb; border: 1px solid #ababab; cursor: pointer; padding: 11px 15px; margin-left: 2px; margin-bottom: -1px; white-space: nowrap } #diamond-switcher .switcher.active { background-color: #fff; border-bottom-color: #fff } #diamond-switcher .switcher:first-child { margin-left: 15px } #diamond-switcher .switcher .expandable { display: none } #diamond-switcher .number-of-items { background-color: #fff; border: 0; display: block; float: none; cursor: auto; position: absolute; top: 0; left: 20px } #multiple-diamond-header>section.title-section>h1 { max-width: 100% } #image-viewer-details-and-purchase { margin: 0 15px; position: relative } #image-viewer-details-and-purchase .canadian-diamond-message { border: 1px solid #BDBDBD; padding: 5px; margin: 15px 0 0 0 } #image-viewer-details-and-purchase .canadian-diamond-message .canadian-message-header { font-family: "Crimson", Perpetua, Palatino, "Times New Roman", Times, serif; font-size: 25px; color: #8B1313 } #image-viewer-details-and-purchase #canadian-diamond-message-large { display: none } #image-viewer-details-and-purchase .left-half { display: block } #image-viewer-details-and-purchase .left-half #image-viewer { position: relative } #image-viewer-details-and-purchase .left-half #image-viewer .image-viewer-container .main-images { margin-bottom: 115px; margin-top: 15px; width: 110%; margin-left: -5% } #image-viewer-details-and-purchase .left-half #image-viewer .image-viewer-container .active.thumbnail { border-color: #027CD1 } #image-viewer-details-and-purchase .left-half #image-viewer .image-viewer-container .grading-report { margin: 0 auto; overflow: hidden; font-size: 13px; position: relative } #image-viewer-details-and-purchase .left-half #image-viewer .image-viewer-container .grading-report [data-glossary-term="diamond-grading-report"] { margin-left: 3px } #image-viewer-details-and-purchase .left-half #image-viewer .image-viewer-container .grading-report .certificates { font-size: 0; letter-spacing: 0; overflow: hidden } #image-viewer-details-and-purchase .left-half #image-viewer .image-viewer-container .grading-report .certificates a { border: 1px solid #bdbdbd; float: left; margin: 3px 3px 5px 2px } #image-viewer-details-and-purchase .left-half #image-viewer .image-viewer-container .grading-report .certificates a img { display: block; height: 48px } #image-viewer-details-and-purchase .left-half #similar-diamond a { background-color: #FAFAFA; display: table; margin-top: 25px; overflow: hidden; padding: 10px; text-decoration: none } #image-viewer-details-and-purchase .left-half #similar-diamond a>div { display: table-cell; vertical-align: middle } #image-viewer-details-and-purchase .left-half #similar-diamond a>div { padding-left: 15px } #image-viewer-details-and-purchase .left-half #similar-diamond a>div>h4 { font-family: "Crimson", Perpetua, Palatino, "Times New Roman", Times, serif; text-transform: uppercase; font-weight: normal; font-size: 18px } #image-viewer-details-and-purchase .left-half #similar-diamond a>div>p { color: #777 } #image-viewer-details-and-purchase .right-half { display: block } #image-viewer-details-and-purchase .right-half #detail-table { position: relative } #image-viewer-details-and-purchase .right-half #detail-table .detail-table { border-bottom: 1px solid #ababab; border-collapse: collapse; width: 100%; display: table } #image-viewer-details-and-purchase .right-half #detail-table .detail-table.header { margin-bottom: 0; font-weight: bold } #image-viewer-details-and-purchase .right-half #detail-table .detail-table .tooltipcolumn { padding-right: 20px !important } #image-viewer-details-and-purchase .right-half #detail-table .detail-table [data-resource-url]>i { position: absolute } #image-viewer-details-and-purchase .right-half #detail-table .detail-table .row { border-top: 1px solid #ababab; display: table-row; width: 100%; overflow: hidden } #image-viewer-details-and-purchase .right-half #detail-table .detail-table .row.even { background-color: #FAFAFA } #image-viewer-details-and-purchase .right-half #detail-table .detail-table .row.even.first { background-color: #EFFAFF } #image-viewer-details-and-purchase .right-half #detail-table .detail-table .row.contains-link { direction: rtl; text-align: right; padding: 0.35714em 0; border-top: 0px none; white-space: nowrap } #image-viewer-details-and-purchase .right-half #detail-table .detail-table .row>div { display: table-cell; padding: 6px 0; vertical-align: middle } #image-viewer-details-and-purchase .right-half #detail-table .detail-table .row>div.column-0 { padding-left: 5px } #image-viewer-details-and-purchase .right-half #detail-table .detail-table .row>div.column-1>span { font-weight: bold; padding-right: 5px } #image-viewer-details-and-purchase .right-half #detail-table .detail-table .row>.two, #image-viewer-details-and-purchase .right-half #detail-table .detail-table .row>.column-1:last-child, #image-viewer-details-and-purchase .right-half #detail-table .detail-table .row .column-2 { text-align: right } #image-viewer-details-and-purchase .right-half #detail-table .detail-table { display: none } #image-viewer-details-and-purchase .right-half #detail-table .detail-table.header, #image-viewer-details-and-purchase .right-half #detail-table .detail-table.active { display: table } #image-viewer-details-and-purchase .right-half #detail-table .detail-table.header { font-size: 1.28571em; line-height: 25px } #image-viewer-details-and-purchase .right-half #detail-table .detail-table.header .group-of-icons a { color: #000 } #image-viewer-details-and-purchase .right-half #detail-table .detail-table.header .icon-share { display: none } #image-viewer-details-and-purchase .right-half #detail-table .detail-table .row:first-child, #image-viewer-details-and-purchase .right-half #detail-table .detail-table .row.contains-link { border-top: none } #image-viewer-details-and-purchase .right-half #price-guarantee, #image-viewer-details-and-purchase .right-half #special-attention-message { border: none; padding: 15px 0 } #image-viewer-details-and-purchase .right-half #price-guarantee { padding-left: 5px } #image-viewer-details-and-purchase .right-half #special-attention-message .countdown-message { color: #f47900 } #image-viewer-details-and-purchase .right-half #special-attention-message .countdown-message .delivery-date, #image-viewer-details-and-purchase .right-half #special-attention-message .countdown-message .nowrap { white-space: nowrap; font-weight: bold } #image-viewer-details-and-purchase .right-half #special-attention-message .countdown-message .countdown-done { display: none } #image-viewer-details-and-purchase .right-half #special-attention-message .non-shippable-destination { border: 0; margin: 0; padding: 0 } #image-viewer-details-and-purchase .right-half .holiday-arrival-message { margin-top: 10px } #image-viewer-details-and-purchase .right-half #contact-information { padding: 18px 0 18px 5px; border-top: 1px solid #bdbdbd; border-bottom: 1px solid #bdbdbd } #image-viewer-details-and-purchase .right-half #contact-information .container { display: table } #image-viewer-details-and-purchase .right-half #contact-information .container>div { display: table-cell; vertical-align: middle } #image-viewer-details-and-purchase .right-half #contact-information .container>div.text { font-size: 0.85714em } #image-viewer-details-and-purchase .right-half #contact-information .container>div.text h4 { color: #036; text-transform: uppercase } #image-viewer-details-and-purchase .right-half #contact-information .container>div.text p { color: #777; margin-top: 5px } #image-viewer-details-and-purchase .right-half #contact-information .container>div .link-wrapper { border-left: 1px solid #036; color: #036; display: inline-block; line-height: 25px; margin-left: 25px; padding-left: 25px; text-align: left; white-space: nowrap; vertical-align: top } #image-viewer-details-and-purchase .right-half #contact-information .container>div .link-wrapper a { color: #036; display: block; margin-top: -5px; padding-top: 5px; position: relative } #image-viewer-details-and-purchase .right-half #contact-information .container>div .link-wrapper a.hide { display: none } #image-viewer-details-and-purchase .right-half #contact-information .container>div .link-wrapper a i { font-size: 1.28571em; margin-right: 10px; position: relative; top: 3px } #image-viewer-details-and-purchase .right-half #contact-information .container>div .link-wrapper a i.icon-phone { font-size: 1.57143em } .cost a:after { font-family: "icon-font"; font-style: normal; text-decoration: none; content: "" } .cost a:hover { cursor: pointer } #details-fixed-header { background-color: #eeeeee; display: none; max-width: 1000px; position: fixed; top: 0; width: 100%; z-index: 2; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); -webkit-box-shadow: 1px 10px 5px -4px rgba(0,0,0,0.34); -moz-box-shadow: 1px 10px 5px -4px rgba(0,0,0,0.34); box-shadow: 1px 10px 5px -4px rgba(0,0,0,0.34) } #details-fixed-header>div { display: table-cell; vertical-align: middle; padding: 10px } #details-fixed-header>div.right-half { text-align: right; white-space: nowrap } #details-fixed-header>div>div { display: inline-block; text-align: left; height: auto; vertical-align: middle } #details-fixed-header>div>div.price-display { color: #036; text-align: right } #details-fixed-header>div>div.price-display .price { font-size: 1.42857em } #details-fixed-header>div>div.price-display .now-original-price a { font-weight: normal; color: #8f8e8e } #details-fixed-header>div>div.price-display .now-price { color: #027CD1; font-weight: bold } #details-fixed-header>div>div.price-display .duty-vat i { display: none } #details-fixed-header>div>div.button-display { padding-left: 20px } #details-fixed-header>div>div.button-display .drop-down-action-button>.vertical-menu { left: auto; right: 0; min-width: 205px; width: 100%; -webkit-box-shadow: 2px 2px 5px 0px rgba(50,50,50,0.75); -moz-box-shadow: 2px 2px 5px 0px rgba(50,50,50,0.75); box-shadow: 2px 2px 5px 0px rgba(50,50,50,0.75) } #details-fixed-header>div>div.button-display button { padding: 0 50px } #details-fixed-header>div>div.button-display button[data-identifier="special-order"] { border-color: #DC6D00; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ2VuZXJhdGVkLXN2ZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjEwMCUiIHgyPSIwJSIgeTI9IjAiPjxzdG9wIHN0b3AtY29sb3I9IiNkNTZiMDYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZjk4MDUiIG9mZnNldD0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnZW5lcmF0ZWQtc3ZnKSIgLz48L3N2Zz4=); background-image: -webkit-gradient(linear, left bottom, left top, from(#D56B06), to(#FF9805)); background-image: -webkit-linear-gradient(bottom, #D56B06 0%, #FF9805 100%); background-image: -moz-linear-gradient(bottom, #D56B06 0%, #FF9805 100%); background-image: -o-linear-gradient(bottom, #D56B06 0%, #FF9805 100%); background-image: linear-gradient(to top, #D56B06 0%, #FF9805 100%) } #details-fixed-header>div>div.button-display button[data-identifier="china-shipping"], #details-fixed-header>div>div.button-display button[data-identifier="unavailable"] { border-color: #C83521; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ2VuZXJhdGVkLXN2ZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjEwMCUiIHgyPSIwJSIgeTI9IjAiPjxzdG9wIHN0b3AtY29sb3I9IiNjYjNlMmMiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmMDY4NTgiIG9mZnNldD0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnZW5lcmF0ZWQtc3ZnKSIgLz48L3N2Zz4=); background-image: -webkit-gradient(linear, left bottom, left top, from(#CB3E2C), to(#F06858)); background-image: -webkit-linear-gradient(bottom, #CB3E2C 0%, #F06858 100%); background-image: -moz-linear-gradient(bottom, #CB3E2C 0%, #F06858 100%); background-image: -o-linear-gradient(bottom, #CB3E2C 0%, #F06858 100%); background-image: linear-gradient(to top, #CB3E2C 0%, #F06858 100%) } #details-fixed-header>div .find-similar-action-button { width: auto } #details-fixed-header>div .find-similar-action-button .main-button { padding: 0 50px } .touch #details-fixed-header { max-width: 100% } #back-to-top-button { position: fixed; -webkit-transform: translateZ(0); bottom: 2.85714em; width: 4.28571em; height: 5em; opacity: .9; padding: 0.42857em; background-color: #f47900; -webkit-border-radius: 0.42857em; -moz-border-radius: 0.42857em; border-radius: 0.42857em; text-align: center; z-index: 150 } #back-to-top-button.hidden { display: none } #back-to-top-button button { font-family: Arial, Helvetica, sans-serif; font-size: 1.28571em; color: #fff; text-shadow: 0 -1px 0 #b75a00; text-decoration: none; line-height: 1.2em; display: block; width: 100%; height: 100% } #back-to-top-button button:after { font-family: "icon-font"; display: block; content: ""; font-size: 2.35714em; text-align: center } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .details-expanded #back-to-top-button button:after { font-size: 0.42857em } } .details-expanded #back-to-top-button button:after { font-size: 0.42857em \9 } html.touch body.fixed-header-shown.details-expanded #details-panel-wrapper #details-fixed-header { max-width: inherit } html body #details-fixed-header { max-width: 1280px } html body #details-fixed-header .fancy-only { display: none } .no-touch body.desktop #details-fixed-header { max-width: 1000px } .separator { background-color: #ababab; height: 1px; margin: 33px 15px 12px 15px; overflow: visible; position: relative; text-align: center } .separator .text { background-color: #fff; display: inline; font-family: "Crimson", Perpetua, Palatino, "Times New Roman", Times, serif; padding: 0 10px; position: relative; top: -8px; text-transform: uppercase } .details-price-footer { margin: 10px; display: none } .details-price-footer .bank-wire-price { display: none } #details-panel-wrapper .details-price-footer .drop-down-action-button.expanded .vertical-menu { position: relative } .horizontal-group { color: #777; display: block; padding: 30px 20px; position: relative; width: 100% } .horizontal-group ul { padding-left: 0 } .horizontal-group ul li { margin-top: 20px } .horizontal-group ul li:first-child { margin-top: 0 } .horizontal-group .row { display: table-row } .horizontal-group h2 { font-family: "Crimson", Perpetua, Palatino, "Times New Roman", Times, serif; font-size: 18px; font-weight: normal; letter-spacing: 2px; margin-bottom: 5px } .horizontal-group h2 .label { text-transform: uppercase } .horizontal-group ul { padding-left: 25px } .horizontal-group ul>li { color: #027CD1 } .horizontal-group ul>li>span { color: #777 } .horizontal-group ul+p { padding-left: 25px } .horizontal-group .information-cell { display: none; vertical-align: middle } .horizontal-group .information-cell.active { display: block } .horizontal-group .information-cell .columns { margin-top: 10px; overflow: hidden } .horizontal-group .information-cell .columns .column { float: left; display: none } .horizontal-group .information-cell .columns .column.right { float: right } .horizontal-group .information-cell .columns .column.only { display: block; padding: 0 } .horizontal-group .information-cell .columns .column.main { display: block } .horizontal-group .information-cell .columns .column p, .horizontal-group .information-cell .columns .column ul, .horizontal-group .information-cell .columns .column div { margin-top: 15px } .horizontal-group .information-cell .columns .column p:first-child, .horizontal-group .information-cell .columns .column ul:first-child, .horizontal-group .information-cell .columns .column div:first-child { margin-top: 0 } .horizontal-group .information-cell .columns .column .glossary-content strong { font-weight: normal } #diamond-size .title, #diamond-color .title { color: #027CD1 } #diamond-size { min-height: 175px; position: relative } #diamond-size .not-small { display: none } #diamond-size .small-only { display: block } #diamond-size .cta { display: block; margin-top: 15px } #diamond-size .column { padding-right: 150px } #diamond-size .diamond-size-illustration { display: none; padding: 25px 0 45px 0; width: 100% } #diamond-size .diamond-size-illustration .cell { border-bottom: 1px solid #777; display: table-cell; height: 100px; position: relative } #diamond-size .diamond-size-illustration .cell>.item { position: absolute; bottom: 50px } #diamond-size .diamond-size-illustration .cell>.item>img { display: block; position: relative; bottom: 0; max-width: 17.9mm; left: -50% } #diamond-size .diamond-size-illustration .cell>.item>.label { position: absolute; display: block; text-align: center; bottom: -35px; left: -30px; width: 60px; text-align: center } #diamond-size .diamond-size-illustration .cell .label>span { display: block; font-size: 0.92857em } #diamond-size .diamond-size-illustration .cell .label>span.secondary { font-size: 0.78571em } #diamond-size .diamond-size-illustration .cell:before, #diamond-size .diamond-size-illustration .last.cell:after { background-color: #777; display: block; content: ' '; width: 2px; height: 8px; bottom: 0; left: 0; overflow: hidden; position: absolute } #diamond-size .diamond-size-illustration .small.cell:before { height: 5px } #diamond-size .diamond-size-illustration .last.cell:after { left: auto; right: 0 } #diamond-size .diamond-size-illustration .cell.first:before { display: none } #diamond-size .diamond-size-illustration .empty.cell { visibility: hidden; width: 30px } #diamond-size .diamond-size-illustration .item[data-size="4.1"]>img { width: 4.1mm } #diamond-size .diamond-size-illustration .item[data-size="5.1"]>img { width: 5.1mm } #diamond-size .diamond-size-illustration .item[data-size="5.8"]>img { width: 5.8mm } #diamond-size .diamond-size-illustration .item[data-size="6.4"]>img { width: 6.4mm } #diamond-size .diamond-size-illustration .item[data-size="6.9"]>img { width: 6.9mm } #diamond-size .diamond-size-illustration .item[data-size="7.4"]>img { width: 7.4mm } #diamond-size .diamond-size-illustration .item[data-size="7.8"]>img { width: 7.8mm } #diamond-size .diamond-size-illustration .item[data-size="8.1"]>img { width: 8.1mm } #diamond-size .carat-indicator { background-color: #027CD1; color: #fff; border: 1px solid #0276c7; display: block; padding: 5px 14px; position: absolute; text-align: center; right: 15px; top: 50%; margin-top: -43px; -webkit-box-shadow: -1px 1px 5px 0px #a1a1a1; -moz-box-shadow: -1px 1px 5px 0px #a1a1a1; box-shadow: -1px 1px 5px 0px #a1a1a1 } #diamond-size .carat-indicator .size { font-size: 2.14286em } #diamond-size .carat-indicator .size .bold { font-weight: bold } #diamond-size .carat-indicator .label { font-size: 1.14286em } #diamond-size .carat-indicator .label span { display: block } #diamond-size .diamond-size-illustration .carat-indicator { display: none } #diamond-cut, #diamond-clarity { color: #fff } #diamond-cut { background-color: #9E9E9E } #diamond-cut .not-small { display: none } #diamond-cut .glossary-content strong { display: none } #diamond-cut .illustration { margin-top: 15px; max-height: 215px; width: 100% } #diamond-color .glossary-content strong { display: none } #diamond-color .diamond-color-illustration { display: none; margin-top: 50px } #diamond-color .diamond-color-illustration .row { display: block; overflow: hidden; width: 100%; position: relative } #diamond-color .diamond-color-illustration .row>div { float: left; font-size: 0.85714em; text-align: center; text-transform: uppercase; width: 11.11111% } #diamond-color .diamond-color-illustration .row>div>.bracket { border: 1px solid #777; height: 10px } @media only screen and (max-width: 599.9px) { #diamond-color .diamond-color-illustration .row.upper, #diamond-color .diamond-color-illustration .row.lower { font-size: 0.71429em; line-height: 1.2em } } #diamond-color .diamond-color-illustration .row.upper { margin-bottom: 5px } #diamond-color .diamond-color-illustration .row.upper .not-carried { width: 22.22222%; padding-right: 2px } #diamond-color .diamond-color-illustration .row.upper .blue-nile-diamonds { bottom: 0; color: #027CD1; padding-left: 2px; position: absolute; right: 0; width: 77.77778% } #diamond-color .diamond-color-illustration .row.upper .blue-nile-diamonds .bracket { border-color: #027CD1 } #diamond-color .diamond-color-illustration .row.upper .bracket { border-bottom: 0 } #diamond-color .diamond-color-illustration .row.middle { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ2VuZXJhdGVkLXN2ZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAiPjxzdG9wIHN0b3AtY29sb3I9IiNmMGVhYjgiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIG9mZnNldD0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnZW5lcmF0ZWQtc3ZnKSIgLz48L3N2Zz4=); background-image: -webkit-gradient(linear, left top, right top, from(#f0eab8), color-stop(60%, #fff)); background-image: -webkit-linear-gradient(left, #f0eab8 0%, #fff 60%); background-image: -moz-linear-gradient(left, #f0eab8 0%, #fff 60%); background-image: -o-linear-gradient(left, #f0eab8 0%, #fff 60%); background-image: linear-gradient(to right, #f0eab8 0%, #fff 60%) } #diamond-color .diamond-color-illustration .row.middle>div { margin-bottom: 7px } #diamond-color .diamond-color-illustration .row.middle>div>.container { border-bottom: 7px solid #fff } #diamond-color .diamond-color-illustration .row.middle>div>.container>.label { background-color: #fff; font-size: 0.92857em; padding-top: 5px } #diamond-color .diamond-color-illustration .row.middle>div>.container>img { display: block; width: 100% } #diamond-color .diamond-color-illustration .row.middle>div>.container img, #diamond-color .diamond-color-illustration .row.middle>div>.container .label { border: 1px solid #fff } #diamond-color .diamond-color-illustration .row.middle>div>.container.selected img, #diamond-color .diamond-color-illustration .row.middle>div>.container.selected .label { border-color: #027CD1; -webkit-box-shadow: 1px 1px 1px 0px rgba(50,50,50,0.19); -moz-box-shadow: 1px 1px 1px 0px rgba(50,50,50,0.19); box-shadow: 1px 1px 1px 0px rgba(50,50,50,0.19) } #diamond-color .diamond-color-illustration .row.middle>div>.container img { border-top: 0 } #diamond-color .diamond-color-illustration .row.middle>div>.container .label { border-bottom: 0 } #diamond-color .diamond-color-illustration .row.lower .bracket { border-top: 0; margin-top: 10px } #diamond-color .diamond-color-illustration .row.lower .color { padding-right: 2px; width: 22.22222% } #diamond-color .diamond-color-illustration .row.lower .near-colorless { padding: 0 2px; width: 44.44444% } #diamond-color .diamond-color-illustration .row.lower .colorless { padding-left: 2px; width: 33.33333% } #diamond-color .diamond-color-illustration.reversed>div { float: right } #diamond-color .diamond-color-illustration.reversed>div>div { float: right } #diamond-color .diamond-color-illustration.reversed .upper.row .not-carried { padding-right: 0; padding-left: 2px } #diamond-color .diamond-color-illustration.reversed .upper.row .blue-nile-diamonds { left: 0; right: auto; padding-right: 2px; padding-left: 0 } #diamond-color .diamond-color-illustration.reversed .middle.row { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ2VuZXJhdGVkLXN2ZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAiPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmMGVhYjgiIG9mZnNldD0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnZW5lcmF0ZWQtc3ZnKSIgLz48L3N2Zz4=); background-image: -webkit-gradient(linear, left top, right top, color-stop(40%, #fff), to(#f0eab8)); background-image: -webkit-linear-gradient(left, #fff 40%, #f0eab8 100%); background-image: -moz-linear-gradient(left, #fff 40%, #f0eab8 100%); background-image: -o-linear-gradient(left, #fff 40%, #f0eab8 100%); background-image: linear-gradient(to right, #fff 40%, #f0eab8 100%) } #diamond-color .diamond-color-illustration.reversed .lower.row .colorless { padding-left: 0; padding-right: 2px } #diamond-color .diamond-color-illustration.reversed .lower.row .color { padding-left: 2px; padding-right: 0 } #diamond-clarity { background: #626A77 url("") no-repeat center bottom; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; height: 450px } #diamond-clarity[data-clarity="I1"] { background-image: url("http://pics.bluenile.com/assets/phablet/items/clarity-small-I1.jpg") } #diamond-clarity[data-clarity="I2"] { background-image: url("http://pics.bluenile.com/assets/phablet/items/clarity-small-I2.jpg") } #diamond-clarity[data-clarity="I3"] { background-image: url("http://pics.bluenile.com/assets/phablet/items/clarity-small-I3.jpg") } #diamond-clarity[data-clarity="IF"] { background-image: url("http://pics.bluenile.com/assets/phablet/items/clarity-small-IF.jpg") } #diamond-clarity[data-clarity="SI1"] { background-image: url("http://pics.bluenile.com/assets/phablet/items/clarity-small-SI1.jpg") } #diamond-clarity[data-clarity="SI2"] { background-image: url("http://pics.bluenile.com/assets/phablet/items/clarity-small-SI2.jpg") } #diamond-clarity[data-clarity="VS1"], #diamond-clarity[data-clarity="VS2"] { background-image: url("http://pics.bluenile.com/assets/phablet/items/clarity-small-VS1.jpg") } #diamond-clarity[data-clarity="VVS1"] { background-image: url("http://pics.bluenile.com/assets/phablet/items/clarity-small-VVS1.jpg") } #diamond-clarity[data-clarity="VVS2"] { background-image: url("http://pics.bluenile.com/assets/phablet/items/clarity-small-VVS2.jpg") } #diamond-clarity[data-clarity="FL"] { background-image: url("http://pics.bluenile.com/assets/phablet/items/clarity-small-FL.jpg") } #diamond-clarity .glossary-content strong { font-weight: normal } #diamond-clarity p+ul { display: none } #diamond-clarity .columns>.column>ul>li { color: #fff } #diamond-clarity .columns>.column>ul>li>span { color: #fff } #diamond-clarity .disclaimer { display: inline; position: absolute; bottom: 10px; right: 5px; font-size: 0.71429em } #guarantee-and-upgrade, #shipping-and-financing { color: #333; height: auto } #guarantee-and-upgrade li>span, #shipping-and-financing li>span { color: #333 } #guarantee-and-upgrade .title, #shipping-and-financing .title { max-width: 300px } #guarantee-and-upgrade section, #shipping-and-financing section { padding-top: 30px; overflow: hidden; position: relative } #guarantee-and-upgrade section:before, #shipping-and-financing section:before { content: ''; display: block; width: 340px; height: 0; border-top: 1px solid black; position: relative; top: -15px } #guarantee-and-upgrade section:first-child, #shipping-and-financing section:first-child { padding-top: 0 } #guarantee-and-upgrade section:first-child:before, #shipping-and-financing section:first-child:before { display: none } #guarantee-and-upgrade .special-order, #shipping-and-financing .special-order { margin: 0; max-width: 100%; text-align: left } #guarantee-and-upgrade .special-order .bar, #shipping-and-financing .special-order .bar { display: none } #guarantee-and-upgrade .special-order .title, #shipping-and-financing .special-order .title { color: #333; font-size: 18px; padding: 0; text-transform: capitalize } #guarantee-and-upgrade .special-order .body, #shipping-and-financing .special-order .body { border: 0; margin: 0 } #guarantee-and-upgrade .special-order p, #shipping-and-financing .special-order p { margin: 0.71429em 0 } #guarantee-and-upgrade .special-order .action, #shipping-and-financing .special-order .action { font-size: inherit; padding-bottom: 0.71429em } #guarantee-and-upgrade .special-order .action a:before, #shipping-and-financing .special-order .action a:before { display: none } #shipping-and-financing { height: auto; position: relative; padding-top: 30px; padding-bottom: 30px } #shipping-and-financing .background { display: none; position: absolute; top: 0 } #shipping-and-financing ul li { margin-top: 0 } #shipping-and-financing>.container>section { float: none; border: 0; padding: 0 } #shipping-and-financing>.container>section#financing-available { padding: 20px 0; max-width: 380px } #shipping-and-financing>.container>section#financing-available:before { display: none } #shipping-and-financing>.container>section#financing-available ul+p { font-size: 0.85714em; margin-top: 15px } #shipping-and-financing #shipping-details .shipping { display: table } #shipping-and-financing #shipping-details .shipping+.shipping { margin-top: 20px } #shipping-and-financing #shipping-details .shipping.upgrades .row>div:first-child { white-space: normal } #shipping-and-financing #shipping-details .shipping .row { display: table-row } #shipping-and-financing #shipping-details .shipping .row.header { font-weight: bold } #shipping-and-financing #shipping-details .shipping .row>div { display: table-cell; padding: 5px 0 0 35px; vertical-align: top } #shipping-and-financing #shipping-details .shipping .row>div:first-child { padding-left: 0; white-space: nowrap } #shipping-and-financing #shipping-details .shipping .row>div[data-unique-id="receive-on-column-1"] { color: #027CD1; font-weight: bold } #shipping-and-financing #shipping-details .shipping .row.upgrade>div { padding-top: 15px; vertical-align: top } #shipping-and-financing #shipping-details .shipping .row.upgrade>div .date { font-weight: bold } #shipping-and-financing #shipping-details .shipping .row.upgrade>div>.cost { overflow: hidden; margin-top: 10px } #shipping-and-financing #shipping-details .shipping .row.upgrade>div>.cost a { float: right } #shipping-and-financing #shipping-details .upgrades { margin-top: 5px } #shipping-and-financing #shipping-details .upgrades .detail-title, #shipping-and-financing #shipping-details .upgrades .message { display: inline; font-weight: normal } #shipping-and-financing #shipping-details .included-in-your-order { margin-top: 20px } #shipping-and-financing #shipping-details .included-in-your-order .title .label { text-transform: none; font-size: 18px } #shipping-and-financing #shipping-details .included-in-your-order .lists { margin: 10px 0 17px 0; overflow: hidden } #shipping-and-financing #shipping-details .included-in-your-order .lists>ul { float: left } #shipping-and-financing #shipping-details .included-in-your-order .lists>ul:first-child { padding-right: 20px; margin-bottom: 5px } #shipping-and-financing #shipping-details .included-in-your-order .lists>ul>li { margin-top: 5px; white-space: nowrap } #shipping-and-financing #shipping-details .included-in-your-order .lists>ul>li:first-child { margin-top: 0 } #shipping-and-financing #shipping-details .included-in-your-order .lists>ul>li i { position: relative; top: 1px } #shipping-and-financing #shipping-details .disclaimer { font-size: 0.85714em } #shipping-and-financing #shipping-details .disclaimer+.disclaimer { margin-top: 10px } #guarantee-and-upgrade { background: url("http://pics.bluenile.com/assets/phablet/items/guaranteebkkg.jpg") no-repeat center top; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; color: #333; -moz-background-size: cover; -o-background-size: cover; background-size: cover } #guarantee-and-upgrade .title { margin-bottom: 10px } #guarantee-and-upgrade ul { margin-left: 10px; padding-left: 25px } #guarantee-and-upgrade ul+p { padding-left: 35px } #guarantee-and-upgrade p { margin-top: 15px } #guarantee-and-upgrade p:first-child { margin-top: 0 } #guarantee-and-upgrade a { font-weight: bold } #customer-reviews.old-customer-reviews { background-color: #efefef; padding-top: 30px; padding-bottom: 30px } #customer-reviews.old-customer-reviews h3, #customer-reviews.old-customer-reviews h4 { color: #036; font-family: "Crimson", Perpetua, Palatino, "Times New Roman", Times, serif; font-weight: normal } #customer-reviews.old-customer-reviews h3 { font-size: 1.71429em; letter-spacing: 1.5px; line-height: 24px; margin-bottom: 10px } #customer-reviews.old-customer-reviews h4 { font-size: 1.14286em; margin-bottom: -5px; letter-spacing: 0; text-transform: uppercase } #customer-reviews.old-customer-reviews .average { letter-spacing: 1px } #customer-reviews.old-customer-reviews .container { margin-top: 12px; width: 100% } #customer-reviews.old-customer-reviews .container .rating-count { padding-right: 30px; vertical-align: top } #customer-reviews.old-customer-reviews .container .rating-count .rating-count-list { list-style-type: none; overflow: hidden; padding: 0; text-align: left } #customer-reviews.old-customer-reviews .container .rating-count .rating-count-list>li { margin-top: 0 } #customer-reviews.old-customer-reviews .container .rating-count .rating-count-list>li>.rating-values { color: #777 } #customer-reviews.old-customer-reviews .container .rating-stars { font-size: 1em; text-align: left; letter-spacing: 2px } #customer-reviews.old-customer-reviews .container .rating-stars span.stars:before { color: #027CD1 } #customer-reviews.old-customer-reviews .container .rating-stars.show-empty:before { color: #027CD1 } #customer-reviews.old-customer-reviews .container .reviews { margin-top: 10px } #customer-reviews.old-customer-reviews .container .reviews .review { background-color: #fff; margin-top: 10px; padding: 10px } #customer-reviews.old-customer-reviews .container .reviews .review:first-child { margin-top: 0 } #customer-reviews.old-customer-reviews .container .reviews .review>div, #customer-reviews.old-customer-reviews .container .reviews .review p { margin-top: 10px } #customer-reviews.old-customer-reviews .container .reviews .review>div:first-child, #customer-reviews.old-customer-reviews .container .reviews .review p:first-child { margin-top: 0 } #customer-reviews.old-customer-reviews .container .reviews .review .data { font-style: italic } #customer-reviews.old-customer-reviews .container .reviews .review .rating-stars { display: inline-block; top: 3px } #customer-reviews.old-customer-reviews .see-all { margin-top: 10px; text-align: right; padding-bottom: 40px } #customer-reviews.old-customer-reviews .see-all a { color: #036 } #customer-reviews.old-customer-reviews .see-all a i { position: relative; top: 1px } #internal-details { background-color: #efefef; color: #000; height: auto; padding-bottom: 30px; padding-top: 30px } #internal-details h3, #internal-details h4 { font-family: "Crimson", Perpetua, Palatino, "Times New Roman", Times, serif; font-weight: normal; text-transform: uppercase } #internal-details h3 { font-size: 1.85714em; letter-spacing: 2px; line-height: 1em } #internal-details h3+span { font-size: 0.85714em } #internal-details h4 { font-size: 1.28571em; letter-spacing: 1px } #internal-details .links-and-comments { margin-top: 40px } #internal-details .links-and-comments>div { margin-top: 20px } #internal-details .links-and-comments>div:first-child { margin-top: 0 } #internal-details .links-and-comments ul li { margin-top: 0 } .group-of-icons { white-space: nowrap } .group-of-icons>button, .group-of-icons a, .group-of-icons span { cursor: pointer } .social-icons { margin-top: 0.35714em; overflow: hidden } .social-icons .group-of-icons { float: right } .social-icons .group-of-icons>button, .social-icons .group-of-icons a, .social-icons .group-of-icons span { color: #333; cursor: pointer; display: none; font-size: 1.57143em; text-decoration: none } .social-icons .group-of-icons>button.icon-share, .social-icons .group-of-icons a.icon-share, .social-icons .group-of-icons span.icon-share { display: inline-block } .social-icons-tooltip.qtip { font-size: 1.57143em } .social-icons-tooltip.qtip button, .social-icons-tooltip.qtip a { color: #333; text-decoration: none } .social-icons-tooltip.qtip .icon-share { display: none } .drop-down-action-button, .find-similar-action-button { position: relative } .drop-down-action-button>.vertical-menu, .find-similar-action-button>.vertical-menu { display: none; left: 0; position: absolute; top: 100%; width: 100%; z-index: 1 } .drop-down-action-button.expandable .main-button, .find-similar-action-button.expandable .main-button { display: table; position: relative; text-decoration: none; width: 100% } .drop-down-action-button.expandable .main-button .main-text, .find-similar-action-button.expandable .main-button .main-text { border-right: 1px solid #1676A3; margin-right: 40px } .drop-down-action-button.expandable .main-button .dropdown-arrow, .find-similar-action-button.expandable .main-button .dropdown-arrow { position: absolute; height: 100%; border-left: 1px solid #034C7D; top: 0; right: 0; width: 40px } .drop-down-action-button.expandable .main-button .dropdown-arrow:after, .find-similar-action-button.expandable .main-button .dropdown-arrow:after { content: ""; display: block; font-family: icon-font; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s } .drop-down-action-button.expandable.expanded .main-button:after, .find-similar-action-button.expandable.expanded .main-button:after { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg) } .drop-down-action-button.expandable.expanded .dropdown-arrow:after, .find-similar-action-button.expandable.expanded .dropdown-arrow:after { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg) } .drop-down-action-button.expandable.expanded .vertical-menu, .find-similar-action-button.expandable.expanded .vertical-menu { display: block; z-index: 2 } body.comparisons-shown [data-action="add-to-comparison"] { display: none } .modal[data-modal-type='confirmation'] { width: 90%; margin-left: -45% } @media only screen and (min-width: 600px) { .modal[data-modal-type='confirmation'] { width: 340px; margin-left: -170px } } .modal[data-modal-type='confirmation'] ul { list-style: none; margin: 0; padding: 0 } .modal[data-modal-type='confirmation'] li { list-style: none; margin: 0; padding-left: 1.07143em; padding-right: 1.07143em } .modal[data-modal-type='confirmation'] h1 { background-color: rgba(9,42,75,0.3); color: #036; text-align: center; font-family: "Crimson", Perpetua, Palatino, "Times New Roman", Times, serif; font-size: 1.78571em; font-weight: bold; line-height: 0.4em; width: 100%; padding: 0.6em 1.42857em 0.4em 1.42857em; -webkit-box-shadow: 0 0 5px rgba(255,255,190,0.75) inset; -moz-box-shadow: 0 0 5px rgba(255,255,190,0.75) inset; box-shadow: 0 0 5px rgba(255,255,190,0.75) inset } .modal[data-modal-type='confirmation'] .description { padding: 35px 5px; text-align: center } .modal[data-modal-type='confirmation'] .description p { margin: 15px 0px 0px } .modal[data-modal-type='confirmation'] .description.error { color: red } .modal[data-modal-type='confirmation'] .action { text-align: center; margin-bottom: 25px } .modal[data-modal-type='confirmation'] .action a { display: block; cursor: pointer } .modal[data-modal-type='confirmation'] .action a+a { margin-top: 20px } .modal[data-modal-type='confirmation'] { width: 90%; margin-left: -45% } @media only screen and (min-width: 600px) { .modal[data-modal-type='confirmation'] { width: 340px; margin-left: -170px } } .modal[data-modal-type='confirmation'] ul { list-style: none; margin: 0; padding: 0 } .modal[data-modal-type='confirmation'] li { list-style: none; margin: 0; padding-left: 1.07143em; padding-right: 1.07143em } .modal[data-modal-type='confirmation'] h1 { background-color: rgba(9,42,75,0.3); color: #036; text-align: center; font-family: "Crimson", Perpetua, Palatino, "Times New Roman", Times, serif; font-size: 1.78571em; font-weight: bold; line-height: 0.4em; width: 100%; padding: 0.6em 1.42857em 0.4em 1.42857em; -webkit-box-shadow: 0 0 5px rgba(255,255,190,0.75) inset; -moz-box-shadow: 0 0 5px rgba(255,255,190,0.75) inset; box-shadow: 0 0 5px rgba(255,255,190,0.75) inset } .modal[data-modal-type='confirmation'] .description { padding: 35px 5px; text-align: center } .modal[data-modal-type='confirmation'] .description p { margin: 15px 0px 0px } .modal[data-modal-type='confirmation'] .description.error { color: red } .modal[data-modal-type='confirmation'] .action { text-align: center; margin-bottom: 25px } .modal[data-modal-type='confirmation'] .action a { display: block; cursor: pointer } .modal[data-modal-type='confirmation'] .action a+a { margin-top: 20px } #back-to-top-button { position: fixed; -webkit-transform: translateZ(0); bottom: 2.85714em; width: 4.28571em; height: 5em; opacity: .9; padding: 0.42857em; background-color: #f47900; -webkit-border-radius: 0.42857em; -moz-border-radius: 0.42857em; border-radius: 0.42857em; text-align: center; z-index: 150 } #back-to-top-button.hidden { display: none } #back-to-top-button button { font-family: Arial, Helvetica, sans-serif; font-size: 1.28571em; color: #fff; text-shadow: 0 -1px 0 #b75a00; text-decoration: none; line-height: 1.2em; display: block; width: 100%; height: 100% } #back-to-top-button button:after { font-family: "icon-font"; display: block; content: ""; font-size: 2.35714em; text-align: center } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .details-expanded #back-to-top-button button:after { font-size: 0.42857em } } .details-expanded #back-to-top-button button:after { font-size: 0.42857em \9 } .details-shown:not(.details-expanded) .image-viewer .main-image-container>video.win { margin-top: -96% } @media only screen and (max-width: 599.9px) { .details-shown:not(.details-expanded) .image-viewer .main-image-container>video.win { margin-top: 0 } } #back-to-top-button { bottom: 55px } #details-panel-wrapper .header-title-bar { display: none } @media only screen and (max-width: 599.9px) { #details-panel-wrapper .header-title-bar { display: block } } #details-panel-wrapper #details-panel { overflow-x: hidden } @media only screen and (min-width: 600px) { #details-panel-wrapper #details-panel #diamond-information, #details-panel-wrapper #details-panel #similar-diamond { display: none } } @media only screen and (min-width: 600px) { #details-panel-wrapper #details-panel #product-rating-stars>div .offer-rating { cursor: default } } #details-panel-wrapper #details-panel .top-links { display: none } @media only screen and (min-width: 600px) { #details-panel-wrapper #details-panel .top-links { display: none } body.details-expanded.details-shown #details-panel-wrapper #details-panel .top-links { display: none } body.details-shown #details-panel-wrapper #details-panel .top-links, .diamond-search-slat.transiting #details-panel-wrapper #details-panel .top-links { display: block } } html.fixed-height-app body.details-expanded { height: auto } #image-viewer-details-and-purchase .right-half .holiday-arrival-message html.fixed-height-app body.details-expanded i:before, html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half .holiday-arrival-message i:before, #image-viewer-details-and-purchase .right-half html.fixed-height-app body.details-expanded .holiday-arrival-message i:before { content: ""; color: #981b1e; font-family: 'icon-font'; font-variant: normal; font-weight: normal; font-size: 13px; font-style: normal; margin-right: 0.21429em } #image-viewer-details-and-purchase .right-half html.fixed-height-app body.details-expanded .holiday-arrival-message, html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half .holiday-arrival-message { color: #981b1e; font-weight: bold; text-align: center; line-height: 1.28571em; padding: 0.71429em 0.14286em 1.07143em 0.14286em } #image-viewer-details-and-purchase .right-half html.fixed-height-app body.details-expanded .holiday-arrival-message div, html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half .holiday-arrival-message div { color: #555555; font-weight: normal } @media only screen and (min-width: 850px) { #image-viewer-details-and-purchase .right-half html.fixed-height-app body.details-expanded .holiday-arrival-message span, html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half .holiday-arrival-message span { display: block } } html.fixed-height-app body.details-expanded .special-order, html.fixed-height-app body.details-expanded .back-order, html.fixed-height-app body.details-expanded .not-available { margin: 1.07143em auto 0.14286em auto } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded .special-order, html.fixed-height-app body.details-expanded .back-order, html.fixed-height-app body.details-expanded .not-available { margin: 15% auto 1% auto } .medium-and-up+html.fixed-height-app body.details-expanded .special-order, .medium-and-up+html.fixed-height-app body.details-expanded .back-order, .medium-and-up+html.fixed-height-app body.details-expanded .not-available { margin: 0.35714em auto } } .customizers+html.fixed-height-app body.details-expanded .special-order, .customizers+html.fixed-height-app body.details-expanded .back-order, .customizers+html.fixed-height-app body.details-expanded .not-available { margin: 1.07143em auto } @media only screen and (min-width: 600px) { .customizers+html.fixed-height-app body.details-expanded .special-order, .customizers+html.fixed-height-app body.details-expanded .back-order, .customizers+html.fixed-height-app body.details-expanded .not-available { margin: 15% auto 0 auto } } html.fixed-height-app body.details-expanded a { color: #027CD1 } html.fixed-height-app body.details-expanded a.blue-nile-button, html.fixed-height-app body.details-expanded a.blue-button { color: #fff } html.fixed-height-app body.details-expanded .bold-black { font-weight: bold } html.fixed-height-app body.details-expanded i span { color: #838383 } html.fixed-height-app body.details-expanded .cta { font-weight: bold; white-space: nowrap; position: relative } html.fixed-height-app body.details-expanded .cta.white { color: #fff; text-decoration: underline } html.fixed-height-app body.details-expanded .cta.white>i { color: #fff } html.fixed-height-app body.details-expanded .cta>i { color: #027CD1; font-size: 1.14286em; margin-left: 4px; position: relative; bottom: -2px } html.fixed-height-app body.details-expanded .price-display .vat { white-space: nowrap } html.fixed-height-app body.details-expanded [data-switchable-ui-type] { display: none } html.fixed-height-app body.details-expanded [data-switchable-ui-type].active { display: inherit } html.fixed-height-app body.details-expanded body.details-open #detail-panels-wrapper #details-panel .top-links { display: none } html.fixed-height-app body.details-expanded body.details-open #detail-panels-wrapper #details-panel .title-container { display: block } html.fixed-height-app body.details-expanded main { margin-top: 10px } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded main { margin-top: 20px } } html.fixed-height-app body.details-expanded main>section:only-child { margin-bottom: 10px } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded main>section:only-child { margin-bottom: 20px } } html.fixed-height-app body.details-expanded .animatable { -webkit-transition: opacity .25s linear; -moz-transition: opacity .25s linear; -o-transition: opacity .25s linear; transition: opacity .25s linear } html.fixed-height-app body.details-expanded .animatable.flip.animating { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg) } html.fixed-height-app body.details-expanded .animatable.flip.animating.horizontal-group { -webkit-transform: rotateY(0deg) rotateX(180deg); -moz-transform: rotateY(0deg) rotateX(180deg); transform: rotateY(0deg) rotateX(180deg) } html.fixed-height-app body.details-expanded .animatable.fade.animating { opacity: 0 } html.fixed-height-app body.details-expanded .header-title-bar { background-color: #efefef; border-bottom: 1px solid #fcfcfc; font-size: 1.14286em; padding: 8px 0 6px 15px; position: relative; white-space: nowrap; z-index: 49 } html.fixed-height-app body.details-expanded .header-title-bar>a, html.fixed-height-app body.details-expanded .header-title-bar>span { color: #036; padding: 3px 0 } html.fixed-height-app body.details-expanded .header-title-bar>a { border-right: 1px solid #000; font-size: 0.75em; padding-right: 10px } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded .header-title-bar>a { font-size: 0.875em } } html.fixed-height-app body.details-expanded .header-title-bar>a>.collapsible { display: none } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded .header-title-bar>a>.collapsible { display: inline } } html.fixed-height-app body.details-expanded .header-title-bar>span { font-family: "Crimson", Perpetua, Palatino, "Times New Roman", Times, serif; padding-left: 3px; font-size: 1.0625em; font-variant: small-caps } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded .header-title-bar>span { padding-left: 8px; font-size: 1.375em } } html.fixed-height-app body.details-expanded #unavailable-diamond { padding: 0 10px } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #unavailable-diamond { padding: 5px 30px 0 30px } } html.fixed-height-app body.details-expanded #unavailable-diamond>.unavailable-content { background-color: #FEC1C0; border: 1px solid #FF2933; display: table; padding: 5px 30px; width: 100%; min-height: 52px } html.fixed-height-app body.details-expanded #unavailable-diamond>.unavailable-content span.phone-number { white-space: nowrap } html.fixed-height-app body.details-expanded #unavailable-diamond>.unavailable-content>div { display: table-cell; vertical-align: middle } html.fixed-height-app body.details-expanded #unavailable-diamond>.unavailable-content>div.text { padding-right: 0 } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #unavailable-diamond>.unavailable-content>div.text { padding-right: 5px } } html.fixed-height-app body.details-expanded #unavailable-diamond>.unavailable-content>div.text>i { margin-right: 10px } html.fixed-height-app body.details-expanded #unavailable-diamond>.unavailable-content>div.find-similar-action-button, html.fixed-height-app body.details-expanded #unavailable-diamond>.unavailable-content>div.diamond-not-displayable { display: none; padding-left: 5px; white-space: nowrap; width: auto } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #unavailable-diamond>.unavailable-content>div.find-similar-action-button, html.fixed-height-app body.details-expanded #unavailable-diamond>.unavailable-content>div.diamond-not-displayable { display: table-cell } } html.fixed-height-app body.details-expanded #unavailable-diamond>.unavailable-content>div.find-similar-action-button>.main-button, html.fixed-height-app body.details-expanded #unavailable-diamond>.unavailable-content>div.diamond-not-displayable>.main-button { padding: 0 30px } html.fixed-height-app body.details-expanded #unavailable-diamond>.find-similar-action-button, html.fixed-height-app body.details-expanded #unavailable-diamond>.diamond-not-displayable { margin-top: 10px } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #unavailable-diamond>.find-similar-action-button, html.fixed-height-app body.details-expanded #unavailable-diamond>.diamond-not-displayable { display: none } } html.fixed-height-app body.details-expanded #unavailable-diamond .similar-diamonds .section-heading { border: 0; margin: 10px 0 8px 0 } html.fixed-height-app body.details-expanded #unavailable-diamond .similar-diamonds .section-heading>span { font-size: 1.2em; font-style: normal } html.fixed-height-app body.details-expanded #unavailable-diamond .similar-diamonds .diamonds.similar-items { border: 1px solid #bdbdbd; width: 100% } html.fixed-height-app body.details-expanded #unavailable-diamond .similar-diamonds .diamonds.similar-items th, html.fixed-height-app body.details-expanded #unavailable-diamond .similar-diamonds .diamonds.similar-items td { background-color: #eee; height: 45px; text-align: center; text-transform: capitalize } html.fixed-height-app body.details-expanded #unavailable-diamond .similar-diamonds .diamonds.similar-items th.date, html.fixed-height-app body.details-expanded #unavailable-diamond .similar-diamonds .diamonds.similar-items td.date { display: none } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #unavailable-diamond .similar-diamonds .diamonds.similar-items th.date, html.fixed-height-app body.details-expanded #unavailable-diamond .similar-diamonds .diamonds.similar-items td.date { display: table-cell } } html.fixed-height-app body.details-expanded #unavailable-diamond .similar-diamonds .diamonds.similar-items th.click-indicator, html.fixed-height-app body.details-expanded #unavailable-diamond .similar-diamonds .diamonds.similar-items td.click-indicator { min-width: 40px } html.fixed-height-app body.details-expanded #unavailable-diamond .similar-diamonds .diamonds.similar-items th.click-indicator i, html.fixed-height-app body.details-expanded #unavailable-diamond .similar-diamonds .diamonds.similar-items td.click-indicator i { font-size: 24px } html.fixed-height-app body.details-expanded #unavailable-diamond .similar-diamonds .diamonds.similar-items th { background-color: #007DCD; border-left: 1px solid #fff; color: #fff; font-weight: normal } html.fixed-height-app body.details-expanded #unavailable-diamond .similar-diamonds .diamonds.similar-items th:first-child { border-left: 0 } html.fixed-height-app body.details-expanded #unavailable-diamond .similar-diamonds .diamonds.similar-items td { border-top: 1px solid #ddd; cursor: pointer } html.fixed-height-app body.details-expanded #unavailable-diamond .similar-diamonds .diamonds.similar-items td i+span { display: none } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #unavailable-diamond .similar-diamonds .diamonds.similar-items td i+span { padding-left: 10px; display: inline } } html.fixed-height-app body.details-expanded #unavailable-diamond .similar-diamonds .diamonds.similar-items tr.odd td { background-color: #fff } html.fixed-height-app body.details-expanded #unavailable-diamond+#image-viewer-details-and-purchase { margin-top: 10px } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #unavailable-diamond+#image-viewer-details-and-purchase { margin-top: 20px } } html.fixed-height-app body.details-expanded .title-section { border-bottom: 1px solid #ababab } html.fixed-height-app body.details-expanded h1.product-title { font-variant: normal; font-weight: normal; padding-left: 5px; color: #036; font-family: "Crimson", Perpetua, Palatino, "Times New Roman", Times, serif; font-size: 26px; line-height: 1 } html.fixed-height-app body.details-expanded h1.product-title .sub-text { color: #777; white-space: nowrap; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1 } html.fixed-height-app body.details-expanded .price-and-purchase { margin-top: 18px; border-bottom: 1px solid #ababab } html.fixed-height-app body.details-expanded .price-and-purchase .price-with-button { display: table; width: 100% } html.fixed-height-app body.details-expanded .price-and-purchase .price-with-button.uninitialized { visibility: hidden } html.fixed-height-app body.details-expanded .price-and-purchase .price-with-button .price-display, html.fixed-height-app body.details-expanded .price-and-purchase .price-with-button .button-display { display: table-cell; vertical-align: middle } html.fixed-height-app body.details-expanded .price-and-purchase .price-with-button.force-wrap { display: block } html.fixed-height-app body.details-expanded .price-and-purchase .price-with-button.force-wrap .price-display, html.fixed-height-app body.details-expanded .price-and-purchase .price-with-button.force-wrap .button-display { display: block } html.fixed-height-app body.details-expanded .price-and-purchase .price-with-button.force-wrap .button-display { margin-top: 10px } html.fixed-height-app body.details-expanded .price-and-purchase .price-with-button .price-display { color: #777; padding-right: 15px; padding-left: 5px } html.fixed-height-app body.details-expanded .price-and-purchase .price-with-button .price-display .special-price { color: #900; font-weight: bold } html.fixed-height-app body.details-expanded .price-and-purchase .price-with-button .price-display .special-price>.price { font-size: 1.64286em } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded .price-and-purchase .price-with-button .price-display .special-price>.price { font-size: 1.78571em } } html.fixed-height-app body.details-expanded .price-and-purchase .price-with-button .price-display .special-price>.prefix { text-transform: lowercase } html.fixed-height-app body.details-expanded .price-and-purchase .price-with-button .price-display .now-price { color: #027CD1; font-weight: bold } html.fixed-height-app body.details-expanded .price-and-purchase .price-with-button .price-display .now-price>.price { font-size: 1.8em } html.fixed-height-app body.details-expanded .price-and-purchase .price-with-button .price-display .now-price>.price-suffix { font-size: 1.8em } html.fixed-height-app body.details-expanded .price-and-purchase .price-with-button .price-display .now-price>.prefix { text-transform: lowercase } html.fixed-height-app body.details-expanded .price-and-purchase .price-with-button .price-display .original-price>.prefix { text-transform: lowercase } html.fixed-height-app body.details-expanded .price-and-purchase .price-with-button .price-display .promoCode .code { color: #900 } html.fixed-height-app body.details-expanded .price-and-purchase .price-with-button .price-display .regular-price { color: #333 } html.fixed-height-app body.details-expanded .price-and-purchase .price-with-button .price-display .regular-price>.price { color: #036; font-size: 1.64286em; white-space: nowrap } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded .price-and-purchase .price-with-button .price-display .regular-price>.price { font-size: 1.78571em } } html.fixed-height-app body.details-expanded .price-and-purchase .price-with-button .price-display .discount-disclaimer { font-size: .75em } html.fixed-height-app body.details-expanded .price-and-purchase .price-with-button .price-display .price-message { color: #036 } html.fixed-height-app body.details-expanded .price-and-purchase .price-with-button .button-display { width: auto } html.fixed-height-app body.details-expanded .price-and-purchase .price-with-button .button-display .drop-down-action-button { width: auto; min-width: 160px } html.fixed-height-app body.details-expanded .price-and-purchase .price-with-button .button-display .drop-down-action-button .main-text { padding: 0 10px; white-space: nowrap } html.fixed-height-app body.details-expanded .price-and-purchase .price-with-button .button-display .drop-down-action-button>.vertical-menu, html.fixed-height-app body.details-expanded .price-and-purchase .price-with-button .button-display .find-similar-action-button>.vertical-menu { left: auto; right: 0; min-width: 205px; width: 100%; -webkit-box-shadow: 2px 2px 5px 0px rgba(50,50,50,0.75); -moz-box-shadow: 2px 2px 5px 0px rgba(50,50,50,0.75); box-shadow: 2px 2px 5px 0px rgba(50,50,50,0.75) } html.fixed-height-app body.details-expanded .price-and-purchase .bank-wire-price { border: 1px solid #DDD; display: table; margin-top: 15px; padding: 4px 10px; width: 100% } html.fixed-height-app body.details-expanded .price-and-purchase .bank-wire-price>div { display: table-cell; text-align: right } html.fixed-height-app body.details-expanded .price-and-purchase .bank-wire-price>div:first-child { font-size: 1.28571em; text-align: left } html.fixed-height-app body.details-expanded .price-and-purchase .product-rating-stars { display: table; margin-top: 15px; padding-right: 5px; cursor: pointer; width: 100% } html.fixed-height-app body.details-expanded .price-and-purchase .product-rating-stars.old-rating-stars>div { display: table-cell } html.fixed-height-app body.details-expanded .price-and-purchase .product-rating-stars.old-rating-stars>div.review-count { display: none } html.fixed-height-app body.details-expanded .price-and-purchase .product-rating-stars.old-rating-stars>div:first-child .rating-values { display: table-cell; font-size: 0.85714em; position: relative; top: -3px } #details-panel html.fixed-height-app body.details-expanded .price-and-purchase .product-rating-stars { cursor: default } .details-expanded #details-panel html.fixed-height-app body.details-expanded .price-and-purchase .product-rating-stars { cursor: pointer } html.fixed-height-app body.details-expanded .price-and-purchase .product-rating-stars>div { color: #027CD1; display: block; text-align: left } html.fixed-height-app body.details-expanded .price-and-purchase .product-rating-stars>div:first-child { text-align: left } html.fixed-height-app body.details-expanded .price-and-purchase .product-rating-stars>div:first-child .rating-values { display: none } html.fixed-height-app body.details-expanded .price-and-purchase .product-rating-stars>div:first-child .offer-rating { cursor: pointer } html.fixed-height-app body.details-expanded .price-and-purchase .product-rating-stars>div:first-child .rating-stars { font-size: 1.21429em; letter-spacing: 3px; overflow: visible; text-align: left } html.fixed-height-app body.details-expanded .price-and-purchase .product-rating-stars>div:first-child .rating-stars:before { font-family: "icon-font"; color: #027CD1; content: ""; overflow: hidden; position: absolute } html.fixed-height-app body.details-expanded .price-and-purchase .product-rating-stars>div:first-child .rating-stars span.stars:before { color: #027CD1 } html.fixed-height-app body.details-expanded .price-and-purchase .product-rating-stars>div:first-child [itemprop="ratingValue"] { display: none } html.fixed-height-app body.details-expanded .price-and-purchase .product-rating-stars>div.review-count { font-size: 0.85714em; position: relative; top: -3px } html.fixed-height-app body.details-expanded .price-and-purchase .product-rating-stars>div.review-count[data-review-count='1'] span.plural { display: none } html.fixed-height-app body.details-expanded #multiple-diamond-header { margin: 10px 15px 0 15px; overflow: visible } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #multiple-diamond-header { margin: 20px 30px 0 30px } } html.fixed-height-app body.details-expanded #multiple-diamond-header .product-title, html.fixed-height-app body.details-expanded #multiple-diamond-header .price-and-purchase { margin-left: 0; padding-left: 0 } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #multiple-diamond-header .product-title, html.fixed-height-app body.details-expanded #multiple-diamond-header .price-and-purchase { max-width: 50% } } html.fixed-height-app body.details-expanded #multiple-diamond-header .title-section { border: 0 } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #multiple-diamond-header .title-section { float: left; padding-right: 13px; width: 50% } } html.fixed-height-app body.details-expanded #multiple-diamond-header .title-section.full-width { max-width: 100% } html.fixed-height-app body.details-expanded #multiple-diamond-header .title-section h2 { border-bottom: 1px solid #ababab; margin-bottom: 10px; padding: 0 } html.fixed-height-app body.details-expanded #multiple-diamond-header .title-section p { color: #036; font-size: 0.92857em } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #multiple-diamond-header .price-and-purchase { float: right; padding-left: 12px } } html.fixed-height-app body.details-expanded #diamond-switcher { display: block; margin-top: 15px; overflow: visible; width: 100%; border-bottom: 1px solid #ababab; padding-top: 25px; position: relative } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #diamond-switcher { padding-top: 0 } } html.fixed-height-app body.details-expanded #diamond-switcher:after { display: block; content: ''; clear: both } html.fixed-height-app body.details-expanded #diamond-switcher .switcher { display: block; float: left; background-color: #ebebeb; border: 1px solid #ababab; cursor: pointer; padding: 11px 15px; margin-left: 2px; margin-bottom: -1px; white-space: nowrap } html.fixed-height-app body.details-expanded #diamond-switcher .switcher.active { background-color: #fff; border-bottom-color: #fff } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #diamond-switcher .switcher.active .expandable { display: inline } } html.fixed-height-app body.details-expanded #diamond-switcher .switcher:first-child { margin-left: 15px } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #diamond-switcher .switcher:first-child { margin-left: 30px } } html.fixed-height-app body.details-expanded #diamond-switcher .switcher .expandable { display: none } html.fixed-height-app body.details-expanded #diamond-switcher .number-of-items { background-color: #fff; border: 0; display: block; float: none; cursor: auto; position: absolute; top: 0; left: 20px } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #diamond-switcher .number-of-items { float: left; left: auto; padding: 10px 20px; position: relative } } html.fixed-height-app body.details-expanded #multiple-diamond-header>section.title-section>h1 { max-width: 100% } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase { margin: 0 15px; position: relative } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase { margin: 0 30px } } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .canadian-diamond-message { border: 1px solid #BDBDBD; padding: 5px; margin: 15px 0 0 0 } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .canadian-diamond-message .canadian-message-header { font-family: "Crimson", Perpetua, Palatino, "Times New Roman", Times, serif; font-size: 25px; color: #8B1313 } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase #canadian-diamond-message-large { display: none } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase #canadian-diamond-message-large { display: block } } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .left-half { display: block } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .left-half { float: left; padding-right: 25px; width: 56% } } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .left-half #image-viewer { position: relative } @media only screen and (min-width: 850px) { html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .left-half #image-viewer .image-viewer-container.cert-count-1 .controls { width: 180px } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .left-half #image-viewer .image-viewer-container.cert-count-2 .controls { width: 224px } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .left-half #image-viewer .image-viewer-container.cert-count-3 .controls { width: 336px } } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .left-half #image-viewer .image-viewer-container .main-images { margin-bottom: 115px; margin-top: 15px; width: 110%; margin-left: -5% } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .left-half #image-viewer .image-viewer-container .main-images { margin-left: -7.5% } } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .left-half #image-viewer .image-viewer-container .active.thumbnail { border-color: #027CD1 } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .left-half #image-viewer .image-viewer-container .grading-report { margin: 0 auto; overflow: hidden; font-size: 13px; position: relative } @media only screen and (min-width: 850px) { html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .left-half #image-viewer .image-viewer-container .grading-report { bottom: 0; padding-left: 15px; position: absolute; right: 0; max-width: 227px } } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .left-half #image-viewer .image-viewer-container .grading-report [data-glossary-term="diamond-grading-report"] { margin-left: 3px } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .left-half #image-viewer .image-viewer-container .grading-report .certificates { font-size: 0; letter-spacing: 0; overflow: hidden } @media only screen and (min-width: 850px) { html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .left-half #image-viewer .image-viewer-container .grading-report .certificates { float: right } } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .left-half #image-viewer .image-viewer-container .grading-report .certificates a { border: 1px solid #bdbdbd; float: left; margin: 3px 3px 5px 2px } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .left-half #image-viewer .image-viewer-container .grading-report .certificates a img { display: block; height: 48px } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .left-half #similar-diamond a { background-color: #FAFAFA; display: table; margin-top: 25px; overflow: hidden; padding: 10px; text-decoration: none } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .left-half #similar-diamond a>div { display: table-cell; vertical-align: middle } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .left-half #similar-diamond a>div { padding-left: 15px } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .left-half #similar-diamond a>div>h4 { font-family: "Crimson", Perpetua, Palatino, "Times New Roman", Times, serif; text-transform: uppercase; font-weight: normal; font-size: 18px } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .left-half #similar-diamond a>div>p { color: #777 } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half { display: block } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half { padding-top: 35px; float: right; width: 44% } } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #detail-table { position: relative } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #detail-table .detail-table { border-bottom: 1px solid #ababab; border-collapse: collapse; width: 100%; display: table } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #detail-table .detail-table.header { margin-bottom: 0; font-weight: bold } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #detail-table .detail-table .tooltipcolumn { padding-right: 20px !important } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #detail-table .detail-table [data-resource-url]>i { position: absolute } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #detail-table .detail-table .row { border-top: 1px solid #ababab; display: table-row; width: 100%; overflow: hidden } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #detail-table .detail-table .row.even { background-color: #FAFAFA } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #detail-table .detail-table .row.even.first { background-color: #EFFAFF } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #detail-table .detail-table .row.contains-link { direction: rtl; text-align: right; padding: 0.35714em 0; border-top: 0px none; white-space: nowrap } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #detail-table .detail-table .row>div { display: table-cell; padding: 6px 0; vertical-align: middle } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #detail-table .detail-table .row>div.column-0 { padding-left: 5px } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #detail-table .detail-table .row>div.column-1>span { font-weight: bold; padding-right: 5px } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #detail-table .detail-table .row>.two, html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #detail-table .detail-table .row>.column-1:last-child, html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #detail-table .detail-table .row .column-2 { text-align: right } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #detail-table .detail-table { display: none } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #detail-table .detail-table.header, html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #detail-table .detail-table.active { display: table } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #detail-table .detail-table.header { font-size: 1.28571em; line-height: 25px } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #detail-table .detail-table.header .group-of-icons a { color: #000 } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #detail-table .detail-table.header .icon-share { display: none } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #detail-table .detail-table .row:first-child, html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #detail-table .detail-table .row.contains-link { border-top: none } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #price-guarantee, html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #special-attention-message { border: none; padding: 15px 0 } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #price-guarantee { padding-left: 5px } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #special-attention-message .countdown-message { color: #f47900 } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #special-attention-message .countdown-message .delivery-date, html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #special-attention-message .countdown-message .nowrap { white-space: nowrap; font-weight: bold } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #special-attention-message .countdown-message .countdown-done { display: none } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #special-attention-message .non-shippable-destination { border: 0; margin: 0; padding: 0 } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half .holiday-arrival-message { margin-top: 10px } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #canadian-diamond-message-small { display: none } } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #contact-information { padding: 18px 0 18px 5px; border-top: 1px solid #bdbdbd; border-bottom: 1px solid #bdbdbd } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #contact-information { border-bottom: 0; padding-bottom: 0 } } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #contact-information .container { display: table } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #contact-information .container>div { display: table-cell; vertical-align: middle } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #contact-information .container>div { display: block } } @media only screen and (min-width: 850px) { html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #contact-information .container>div { display: table-cell } } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #contact-information .container>div.text { font-size: 0.85714em } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #contact-information .container>div.text h4 { color: #036; text-transform: uppercase } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #contact-information .container>div.text p { color: #777; margin-top: 5px } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #contact-information .container>div .link-wrapper { border-left: 1px solid #036; color: #036; display: inline-block; line-height: 25px; margin-left: 25px; padding-left: 25px; text-align: left; white-space: nowrap; vertical-align: top } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #contact-information .container>div .link-wrapper { border-left: 0; margin: 10px 0 0 0; padding-left: 0 } } @media only screen and (min-width: 850px) { html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #contact-information .container>div .link-wrapper { border-left: 1px solid #036; margin-left: 25px; padding-left: 25px } } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #contact-information .container>div .link-wrapper a { color: #036; display: block; margin-top: -5px; padding-top: 5px; position: relative } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #contact-information .container>div .link-wrapper a.hide { display: none } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #contact-information .container>div .link-wrapper a i { font-size: 1.28571em; margin-right: 10px; position: relative; top: 3px } html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half #contact-information .container>div .link-wrapper a i.icon-phone { font-size: 1.57143em } html.fixed-height-app body.details-expanded .cost a:after { font-family: "icon-font"; font-style: normal; text-decoration: none; content: "" } html.fixed-height-app body.details-expanded .cost a:hover { cursor: pointer } html.fixed-height-app body.details-expanded #details-fixed-header { background-color: #eeeeee; display: none; max-width: 1000px; position: fixed; top: 0; width: 100%; z-index: 2; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); -webkit-box-shadow: 1px 10px 5px -4px rgba(0,0,0,0.34); -moz-box-shadow: 1px 10px 5px -4px rgba(0,0,0,0.34); box-shadow: 1px 10px 5px -4px rgba(0,0,0,0.34) } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #details-fixed-header.shown { display: table } html.fixed-height-app body.details-expanded #details-fixed-header.shown .bank-wire-price { display: none } } html.fixed-height-app body.details-expanded #details-fixed-header>div { display: table-cell; vertical-align: middle; padding: 10px } html.fixed-height-app body.details-expanded #details-fixed-header>div.right-half { text-align: right; white-space: nowrap } html.fixed-height-app body.details-expanded #details-fixed-header>div>div { display: inline-block; text-align: left; height: auto; vertical-align: middle } html.fixed-height-app body.details-expanded #details-fixed-header>div>div.price-display { color: #036; text-align: right } html.fixed-height-app body.details-expanded #details-fixed-header>div>div.price-display .price { font-size: 1.42857em } html.fixed-height-app body.details-expanded #details-fixed-header>div>div.price-display .now-original-price a { font-weight: normal; color: #8f8e8e } html.fixed-height-app body.details-expanded #details-fixed-header>div>div.price-display .now-price { color: #027CD1; font-weight: bold } html.fixed-height-app body.details-expanded #details-fixed-header>div>div.price-display .duty-vat i { display: none } html.fixed-height-app body.details-expanded #details-fixed-header>div>div.button-display { padding-left: 20px } html.fixed-height-app body.details-expanded #details-fixed-header>div>div.button-display .drop-down-action-button>.vertical-menu { left: auto; right: 0; min-width: 205px; width: 100%; -webkit-box-shadow: 2px 2px 5px 0px rgba(50,50,50,0.75); -moz-box-shadow: 2px 2px 5px 0px rgba(50,50,50,0.75); box-shadow: 2px 2px 5px 0px rgba(50,50,50,0.75) } html.fixed-height-app body.details-expanded #details-fixed-header>div>div.button-display button { padding: 0 50px } html.fixed-height-app body.details-expanded #details-fixed-header>div>div.button-display button[data-identifier="special-order"] { border-color: #DC6D00; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ2VuZXJhdGVkLXN2ZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjEwMCUiIHgyPSIwJSIgeTI9IjAiPjxzdG9wIHN0b3AtY29sb3I9IiNkNTZiMDYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZjk4MDUiIG9mZnNldD0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnZW5lcmF0ZWQtc3ZnKSIgLz48L3N2Zz4=); background-image: -webkit-gradient(linear, left bottom, left top, from(#D56B06), to(#FF9805)); background-image: -webkit-linear-gradient(bottom, #D56B06 0%, #FF9805 100%); background-image: -moz-linear-gradient(bottom, #D56B06 0%, #FF9805 100%); background-image: -o-linear-gradient(bottom, #D56B06 0%, #FF9805 100%); background-image: linear-gradient(to top, #D56B06 0%, #FF9805 100%) } html.fixed-height-app body.details-expanded #details-fixed-header>div>div.button-display button[data-identifier="china-shipping"], html.fixed-height-app body.details-expanded #details-fixed-header>div>div.button-display button[data-identifier="unavailable"] { border-color: #C83521; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ2VuZXJhdGVkLXN2ZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjEwMCUiIHgyPSIwJSIgeTI9IjAiPjxzdG9wIHN0b3AtY29sb3I9IiNjYjNlMmMiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmMDY4NTgiIG9mZnNldD0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnZW5lcmF0ZWQtc3ZnKSIgLz48L3N2Zz4=); background-image: -webkit-gradient(linear, left bottom, left top, from(#CB3E2C), to(#F06858)); background-image: -webkit-linear-gradient(bottom, #CB3E2C 0%, #F06858 100%); background-image: -moz-linear-gradient(bottom, #CB3E2C 0%, #F06858 100%); background-image: -o-linear-gradient(bottom, #CB3E2C 0%, #F06858 100%); background-image: linear-gradient(to top, #CB3E2C 0%, #F06858 100%) } html.fixed-height-app body.details-expanded #details-fixed-header>div .find-similar-action-button { width: auto } html.fixed-height-app body.details-expanded #details-fixed-header>div .find-similar-action-button .main-button { padding: 0 50px } html.fixed-height-app body.details-expanded .touch #details-fixed-header { max-width: 100% } html.fixed-height-app body.details-expanded #back-to-top-button { position: fixed; -webkit-transform: translateZ(0); bottom: 2.85714em; width: 4.28571em; height: 5em; opacity: .9; padding: 0.42857em; background-color: #f47900; -webkit-border-radius: 0.42857em; -moz-border-radius: 0.42857em; border-radius: 0.42857em; text-align: center; z-index: 150 } html.fixed-height-app body.details-expanded #back-to-top-button.hidden { display: none } html.fixed-height-app body.details-expanded #back-to-top-button button { font-family: Arial, Helvetica, sans-serif; font-size: 1.28571em; color: #fff; text-shadow: 0 -1px 0 #b75a00; text-decoration: none; line-height: 1.2em; display: block; width: 100%; height: 100% } html.fixed-height-app body.details-expanded #back-to-top-button button:after { font-family: "icon-font"; display: block; content: ""; font-size: 2.35714em; text-align: center } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { html.fixed-height-app body.details-expanded .details-expanded #back-to-top-button button:after { font-size: 0.42857em } } html.fixed-height-app body.details-expanded .details-expanded #back-to-top-button button:after { font-size: 0.42857em \9 } html.fixed-height-app body.details-expanded html.touch body.fixed-header-shown.details-expanded #details-panel-wrapper #details-fixed-header { max-width: inherit } html.fixed-height-app body.details-expanded html body #details-fixed-header { max-width: 1280px } html.fixed-height-app body.details-expanded html body #details-fixed-header .fancy-only { display: none } html.fixed-height-app body.details-expanded .no-touch body.desktop #details-fixed-header { max-width: 1000px } html.fixed-height-app body.details-expanded .separator { background-color: #ababab; height: 1px; margin: 33px 15px 12px 15px; overflow: visible; position: relative; text-align: center } html.fixed-height-app body.details-expanded .separator .text { background-color: #fff; display: inline; font-family: "Crimson", Perpetua, Palatino, "Times New Roman", Times, serif; padding: 0 10px; position: relative; top: -8px; text-transform: uppercase } html.fixed-height-app body.details-expanded .details-price-footer { margin: 10px; display: none } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded .details-price-footer { display: none } } html.fixed-height-app body.details-expanded .details-price-footer .bank-wire-price { display: none } html.fixed-height-app body.details-expanded #details-panel-wrapper .details-price-footer .drop-down-action-button.expanded .vertical-menu { position: relative } html.fixed-height-app body.details-expanded .horizontal-group { color: #777; display: block; padding: 30px 20px; position: relative; width: 100% } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded .horizontal-group { display: table; height: 475px; padding: 0 35px } } @media only screen and (min-width: 850px) { html.fixed-height-app body.details-expanded .horizontal-group { padding: 0 80px } } html.fixed-height-app body.details-expanded .horizontal-group ul { padding-left: 0 } html.fixed-height-app body.details-expanded .horizontal-group ul li { margin-top: 20px } html.fixed-height-app body.details-expanded .horizontal-group ul li:first-child { margin-top: 0 } html.fixed-height-app body.details-expanded .horizontal-group .row { display: table-row } html.fixed-height-app body.details-expanded .horizontal-group h2 { font-family: "Crimson", Perpetua, Palatino, "Times New Roman", Times, serif; font-size: 18px; font-weight: normal; letter-spacing: 2px; margin-bottom: 5px } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded .horizontal-group h2 { font-size: 1.71429em } } html.fixed-height-app body.details-expanded .horizontal-group h2 .label { text-transform: uppercase } html.fixed-height-app body.details-expanded .horizontal-group ul { padding-left: 25px } html.fixed-height-app body.details-expanded .horizontal-group ul>li { color: #027CD1 } html.fixed-height-app body.details-expanded .horizontal-group ul>li>span { color: #777 } html.fixed-height-app body.details-expanded .horizontal-group ul+p { padding-left: 25px } html.fixed-height-app body.details-expanded .horizontal-group .information-cell { display: none; vertical-align: middle } html.fixed-height-app body.details-expanded .horizontal-group .information-cell.active { display: block } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded .horizontal-group .information-cell.active { display: table-cell } } html.fixed-height-app body.details-expanded .horizontal-group .information-cell .columns { margin-top: 10px; overflow: hidden } html.fixed-height-app body.details-expanded .horizontal-group .information-cell .columns .column { float: left; display: none } html.fixed-height-app body.details-expanded .horizontal-group .information-cell .columns .column.right { float: right } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded .horizontal-group .information-cell .columns .column { width: 50%; display: block; padding: 0 0 0 20px } html.fixed-height-app body.details-expanded .horizontal-group .information-cell .columns .column:first-child { padding: 0 20px 0 0 } } @media only screen and (min-width: 850px) { html.fixed-height-app body.details-expanded .horizontal-group .information-cell .columns .column { padding: 0 0 0 25px } html.fixed-height-app body.details-expanded .horizontal-group .information-cell .columns .column:first-child { padding: 0 25px 0 0 } } html.fixed-height-app body.details-expanded .horizontal-group .information-cell .columns .column.only { display: block; padding: 0 } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded .horizontal-group .information-cell .columns .column.only { width: 335px } } @media only screen and (min-width: 850px) { html.fixed-height-app body.details-expanded .horizontal-group .information-cell .columns .column.only { width: 400px } } html.fixed-height-app body.details-expanded .horizontal-group .information-cell .columns .column.main { display: block } html.fixed-height-app body.details-expanded .horizontal-group .information-cell .columns .column p, html.fixed-height-app body.details-expanded .horizontal-group .information-cell .columns .column ul, html.fixed-height-app body.details-expanded .horizontal-group .information-cell .columns .column div { margin-top: 15px } html.fixed-height-app body.details-expanded .horizontal-group .information-cell .columns .column p:first-child, html.fixed-height-app body.details-expanded .horizontal-group .information-cell .columns .column ul:first-child, html.fixed-height-app body.details-expanded .horizontal-group .information-cell .columns .column div:first-child { margin-top: 0 } html.fixed-height-app body.details-expanded .horizontal-group .information-cell .columns .column .glossary-content strong { font-weight: normal } html.fixed-height-app body.details-expanded #diamond-size .title, html.fixed-height-app body.details-expanded #diamond-color .title { color: #027CD1 } html.fixed-height-app body.details-expanded #diamond-size { min-height: 175px; position: relative } html.fixed-height-app body.details-expanded #diamond-size .not-small { display: none } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #diamond-size .not-small { display: inline } } html.fixed-height-app body.details-expanded #diamond-size .small-only { display: block } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #diamond-size .small-only { display: none } } html.fixed-height-app body.details-expanded #diamond-size .cta { display: block; margin-top: 15px } html.fixed-height-app body.details-expanded #diamond-size .column { padding-right: 150px } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #diamond-size .column { padding-right: 0 } html.fixed-height-app body.details-expanded #diamond-size .column:first-child { padding-right: 25px } } html.fixed-height-app body.details-expanded #diamond-size .diamond-size-illustration { display: none; padding: 25px 0 45px 0; width: 100% } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #diamond-size .diamond-size-illustration { display: table; position: relative } } html.fixed-height-app body.details-expanded #diamond-size .diamond-size-illustration .cell { border-bottom: 1px solid #777; display: table-cell; height: 100px; position: relative } html.fixed-height-app body.details-expanded #diamond-size .diamond-size-illustration .cell>.item { position: absolute; bottom: 50px } html.fixed-height-app body.details-expanded #diamond-size .diamond-size-illustration .cell>.item>img { display: block; position: relative; bottom: 0; max-width: 17.9mm; left: -50% } html.fixed-height-app body.details-expanded #diamond-size .diamond-size-illustration .cell>.item>.label { position: absolute; display: block; text-align: center; bottom: -35px; left: -30px; width: 60px; text-align: center } html.fixed-height-app body.details-expanded #diamond-size .diamond-size-illustration .cell .label>span { display: block; font-size: 0.92857em } html.fixed-height-app body.details-expanded #diamond-size .diamond-size-illustration .cell .label>span.secondary { font-size: 0.78571em } html.fixed-height-app body.details-expanded #diamond-size .diamond-size-illustration .cell:before, html.fixed-height-app body.details-expanded #diamond-size .diamond-size-illustration .last.cell:after { background-color: #777; display: block; content: ' '; width: 2px; height: 8px; bottom: 0; left: 0; overflow: hidden; position: absolute } html.fixed-height-app body.details-expanded #diamond-size .diamond-size-illustration .small.cell:before { height: 5px } html.fixed-height-app body.details-expanded #diamond-size .diamond-size-illustration .last.cell:after { left: auto; right: 0 } html.fixed-height-app body.details-expanded #diamond-size .diamond-size-illustration .cell.first:before { display: none } html.fixed-height-app body.details-expanded #diamond-size .diamond-size-illustration .empty.cell { visibility: hidden; width: 30px } html.fixed-height-app body.details-expanded #diamond-size .diamond-size-illustration .item[data-size="4.1"]>img { width: 4.1mm } html.fixed-height-app body.details-expanded #diamond-size .diamond-size-illustration .item[data-size="5.1"]>img { width: 5.1mm } html.fixed-height-app body.details-expanded #diamond-size .diamond-size-illustration .item[data-size="5.8"]>img { width: 5.8mm } html.fixed-height-app body.details-expanded #diamond-size .diamond-size-illustration .item[data-size="6.4"]>img { width: 6.4mm } html.fixed-height-app body.details-expanded #diamond-size .diamond-size-illustration .item[data-size="6.9"]>img { width: 6.9mm } html.fixed-height-app body.details-expanded #diamond-size .diamond-size-illustration .item[data-size="7.4"]>img { width: 7.4mm } html.fixed-height-app body.details-expanded #diamond-size .diamond-size-illustration .item[data-size="7.8"]>img { width: 7.8mm } html.fixed-height-app body.details-expanded #diamond-size .diamond-size-illustration .item[data-size="8.1"]>img { width: 8.1mm } html.fixed-height-app body.details-expanded #diamond-size .carat-indicator { background-color: #027CD1; color: #fff; border: 1px solid #0276c7; display: block; padding: 5px 14px; position: absolute; text-align: center; right: 15px; top: 50%; margin-top: -43px; -webkit-box-shadow: -1px 1px 5px 0px #a1a1a1; -moz-box-shadow: -1px 1px 5px 0px #a1a1a1; box-shadow: -1px 1px 5px 0px #a1a1a1 } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #diamond-size .carat-indicator { bottom: 0; display: none; left: -700px; margin-top: 0; padding: 2px 5px; top: auto; -webkit-transition: left 2s ease-out; -moz-transition: left 2s ease-out; -o-transition: left 2s ease-out; transition: left 2s ease-out } html.fixed-height-app body.details-expanded #diamond-size .carat-indicator .tooltip { display: block; height: 0; width: 0; border: 8px solid transparent; border-bottom-color: #027CD1; position: absolute; top: -16px; left: 50%; margin-left: -8px } } html.fixed-height-app body.details-expanded #diamond-size .carat-indicator .size { font-size: 2.14286em } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #diamond-size .carat-indicator .size { display: table-cell; font-size: 1.85714em; vertical-align: middle } } html.fixed-height-app body.details-expanded #diamond-size .carat-indicator .size .bold { font-weight: bold } html.fixed-height-app body.details-expanded #diamond-size .carat-indicator .label { font-size: 1.14286em } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #diamond-size .carat-indicator .label { display: table-cell; font-size: 0.71429em; vertical-align: middle; padding: 3px } } html.fixed-height-app body.details-expanded #diamond-size .carat-indicator .label span { display: block } html.fixed-height-app body.details-expanded #diamond-size .diamond-size-illustration .carat-indicator { display: none } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #diamond-size .diamond-size-illustration .carat-indicator { display: table } } html.fixed-height-app body.details-expanded #diamond-cut, html.fixed-height-app body.details-expanded #diamond-clarity { color: #fff } html.fixed-height-app body.details-expanded #diamond-cut { background-color: #9E9E9E } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #diamond-cut { background-image: url("http://pics.bluenile.com/assets/phablet/items/cutbkg.jpg"); background-repeat: no-repeat; background-position: 50% 20%; -moz-background-size: cover; -o-background-size: cover; background-size: cover } } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #diamond-cut .small-only { display: none } } html.fixed-height-app body.details-expanded #diamond-cut .not-small { display: none } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #diamond-cut .not-small { display: block } } html.fixed-height-app body.details-expanded #diamond-cut .glossary-content strong { display: none } html.fixed-height-app body.details-expanded #diamond-cut .illustration { margin-top: 15px; max-height: 215px; width: 100% } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #diamond-cut .illustration { max-width: 325px } } @media only screen and (min-width: 850px) { html.fixed-height-app body.details-expanded #diamond-cut .illustration { max-width: 400px } } html.fixed-height-app body.details-expanded #diamond-color .glossary-content strong { display: none } html.fixed-height-app body.details-expanded #diamond-color .diamond-color-illustration { display: none; margin-top: 50px } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #diamond-color .diamond-color-illustration { display: block } } html.fixed-height-app body.details-expanded #diamond-color .diamond-color-illustration .row { display: block; overflow: hidden; width: 100%; position: relative } html.fixed-height-app body.details-expanded #diamond-color .diamond-color-illustration .row>div { float: left; font-size: 0.85714em; text-align: center; text-transform: uppercase; width: 11.11111% } html.fixed-height-app body.details-expanded #diamond-color .diamond-color-illustration .row>div>.bracket { border: 1px solid #777; height: 10px } @media only screen and (max-width: 599.9px) { html.fixed-height-app body.details-expanded #diamond-color .diamond-color-illustration .row.upper, html.fixed-height-app body.details-expanded #diamond-color .diamond-color-illustration .row.lower { font-size: 0.71429em; line-height: 1.2em } } html.fixed-height-app body.details-expanded #diamond-color .diamond-color-illustration .row.upper { margin-bottom: 5px } html.fixed-height-app body.details-expanded #diamond-color .diamond-color-illustration .row.upper .not-carried { width: 22.22222%; padding-right: 2px } html.fixed-height-app body.details-expanded #diamond-color .diamond-color-illustration .row.upper .blue-nile-diamonds { bottom: 0; color: #027CD1; padding-left: 2px; position: absolute; right: 0; width: 77.77778% } html.fixed-height-app body.details-expanded #diamond-color .diamond-color-illustration .row.upper .blue-nile-diamonds .bracket { border-color: #027CD1 } html.fixed-height-app body.details-expanded #diamond-color .diamond-color-illustration .row.upper .bracket { border-bottom: 0 } html.fixed-height-app body.details-expanded #diamond-color .diamond-color-illustration .row.middle { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ2VuZXJhdGVkLXN2ZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAiPjxzdG9wIHN0b3AtY29sb3I9IiNmMGVhYjgiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIG9mZnNldD0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnZW5lcmF0ZWQtc3ZnKSIgLz48L3N2Zz4=); background-image: -webkit-gradient(linear, left top, right top, from(#f0eab8), color-stop(60%, #fff)); background-image: -webkit-linear-gradient(left, #f0eab8 0%, #fff 60%); background-image: -moz-linear-gradient(left, #f0eab8 0%, #fff 60%); background-image: -o-linear-gradient(left, #f0eab8 0%, #fff 60%); background-image: linear-gradient(to right, #f0eab8 0%, #fff 60%) } html.fixed-height-app body.details-expanded #diamond-color .diamond-color-illustration .row.middle>div { margin-bottom: 7px } html.fixed-height-app body.details-expanded #diamond-color .diamond-color-illustration .row.middle>div>.container { border-bottom: 7px solid #fff } html.fixed-height-app body.details-expanded #diamond-color .diamond-color-illustration .row.middle>div>.container>.label { background-color: #fff; font-size: 0.92857em; padding-top: 5px } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #diamond-color .diamond-color-illustration .row.middle>div>.container>.label { font-size: 1.16667em } } html.fixed-height-app body.details-expanded #diamond-color .diamond-color-illustration .row.middle>div>.container>img { display: block; width: 100% } html.fixed-height-app body.details-expanded #diamond-color .diamond-color-illustration .row.middle>div>.container img, html.fixed-height-app body.details-expanded #diamond-color .diamond-color-illustration .row.middle>div>.container .label { border: 1px solid #fff } html.fixed-height-app body.details-expanded #diamond-color .diamond-color-illustration .row.middle>div>.container.selected img, html.fixed-height-app body.details-expanded #diamond-color .diamond-color-illustration .row.middle>div>.container.selected .label { border-color: #027CD1; -webkit-box-shadow: 1px 1px 1px 0px rgba(50,50,50,0.19); -moz-box-shadow: 1px 1px 1px 0px rgba(50,50,50,0.19); box-shadow: 1px 1px 1px 0px rgba(50,50,50,0.19) } html.fixed-height-app body.details-expanded #diamond-color .diamond-color-illustration .row.middle>div>.container img { border-top: 0 } html.fixed-height-app body.details-expanded #diamond-color .diamond-color-illustration .row.middle>div>.container .label { border-bottom: 0 } html.fixed-height-app body.details-expanded #diamond-color .diamond-color-illustration .row.lower .bracket { border-top: 0; margin-top: 10px } html.fixed-height-app body.details-expanded #diamond-color .diamond-color-illustration .row.lower .color { padding-right: 2px; width: 22.22222% } html.fixed-height-app body.details-expanded #diamond-color .diamond-color-illustration .row.lower .near-colorless { padding: 0 2px; width: 44.44444% } html.fixed-height-app body.details-expanded #diamond-color .diamond-color-illustration .row.lower .colorless { padding-left: 2px; width: 33.33333% } html.fixed-height-app body.details-expanded #diamond-color .diamond-color-illustration.reversed>div { float: right } html.fixed-height-app body.details-expanded #diamond-color .diamond-color-illustration.reversed>div>div { float: right } html.fixed-height-app body.details-expanded #diamond-color .diamond-color-illustration.reversed .upper.row .not-carried { padding-right: 0; padding-left: 2px } html.fixed-height-app body.details-expanded #diamond-color .diamond-color-illustration.reversed .upper.row .blue-nile-diamonds { left: 0; right: auto; padding-right: 2px; padding-left: 0 } html.fixed-height-app body.details-expanded #diamond-color .diamond-color-illustration.reversed .middle.row { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ2VuZXJhdGVkLXN2ZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAiPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmMGVhYjgiIG9mZnNldD0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnZW5lcmF0ZWQtc3ZnKSIgLz48L3N2Zz4=); background-image: -webkit-gradient(linear, left top, right top, color-stop(40%, #fff), to(#f0eab8)); background-image: -webkit-linear-gradient(left, #fff 40%, #f0eab8 100%); background-image: -moz-linear-gradient(left, #fff 40%, #f0eab8 100%); background-image: -o-linear-gradient(left, #fff 40%, #f0eab8 100%); background-image: linear-gradient(to right, #fff 40%, #f0eab8 100%) } html.fixed-height-app body.details-expanded #diamond-color .diamond-color-illustration.reversed .lower.row .colorless { padding-left: 0; padding-right: 2px } html.fixed-height-app body.details-expanded #diamond-color .diamond-color-illustration.reversed .lower.row .color { padding-left: 2px; padding-right: 0 } html.fixed-height-app body.details-expanded #diamond-clarity { background: #626A77 url("") no-repeat center bottom; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; height: 450px } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #diamond-clarity { background-position: 70% center; -moz-background-size: auto auto; -o-background-size: auto auto; background-size: auto auto; height: 475px } } @media only screen and (min-width: 850px) { html.fixed-height-app body.details-expanded #diamond-clarity { background-position: left center } } html.fixed-height-app body.details-expanded #diamond-clarity[data-clarity="I1"] { background-image: url("http://pics.bluenile.com/assets/phablet/items/clarity-small-I1.jpg") } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #diamond-clarity[data-clarity="I1"] { background-image: url("http://pics.bluenile.com/assets/phablet/items/clarity-medium-I1.jpg") } } @media only screen and (min-width: 850px) { html.fixed-height-app body.details-expanded #diamond-clarity[data-clarity="I1"] { background-image: url("http://pics.bluenile.com/assets/phablet/items/clarity-I1.jpg") } } html.fixed-height-app body.details-expanded #diamond-clarity[data-clarity="I2"] { background-image: url("http://pics.bluenile.com/assets/phablet/items/clarity-small-I2.jpg") } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #diamond-clarity[data-clarity="I2"] { background-image: url("http://pics.bluenile.com/assets/phablet/items/clarity-medium-I2.jpg") } } @media only screen and (min-width: 850px) { html.fixed-height-app body.details-expanded #diamond-clarity[data-clarity="I2"] { background-image: url("http://pics.bluenile.com/assets/phablet/items/clarity-I2.jpg") } } html.fixed-height-app body.details-expanded #diamond-clarity[data-clarity="I3"] { background-image: url("http://pics.bluenile.com/assets/phablet/items/clarity-small-I3.jpg") } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #diamond-clarity[data-clarity="I3"] { background-image: url("http://pics.bluenile.com/assets/phablet/items/clarity-medium-I3.jpg") } } @media only screen and (min-width: 850px) { html.fixed-height-app body.details-expanded #diamond-clarity[data-clarity="I3"] { background-image: url("http://pics.bluenile.com/assets/phablet/items/clarity-I3.jpg") } } html.fixed-height-app body.details-expanded #diamond-clarity[data-clarity="IF"] { background-image: url("http://pics.bluenile.com/assets/phablet/items/clarity-small-IF.jpg") } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #diamond-clarity[data-clarity="IF"] { background-image: url("http://pics.bluenile.com/assets/phablet/items/clarity-medium-IF.jpg") } } @media only screen and (min-width: 850px) { html.fixed-height-app body.details-expanded #diamond-clarity[data-clarity="IF"] { background-image: url("http://pics.bluenile.com/assets/phablet/items/clarity-IF.jpg") } } html.fixed-height-app body.details-expanded #diamond-clarity[data-clarity="SI1"] { background-image: url("http://pics.bluenile.com/assets/phablet/items/clarity-small-SI1.jpg") } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #diamond-clarity[data-clarity="SI1"] { background-image: url("http://pics.bluenile.com/assets/phablet/items/clarity-medium-SI1.jpg") } } @media only screen and (min-width: 850px) { html.fixed-height-app body.details-expanded #diamond-clarity[data-clarity="SI1"] { background-image: url("http://pics.bluenile.com/assets/phablet/items/clarity-SI1.jpg") } } html.fixed-height-app body.details-expanded #diamond-clarity[data-clarity="SI2"] { background-image: url("http://pics.bluenile.com/assets/phablet/items/clarity-small-SI2.jpg") } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #diamond-clarity[data-clarity="SI2"] { background-image: url("http://pics.bluenile.com/assets/phablet/items/clarity-medium-SI2.jpg") } } @media only screen and (min-width: 850px) { html.fixed-height-app body.details-expanded #diamond-clarity[data-clarity="SI2"] { background-image: url("http://pics.bluenile.com/assets/phablet/items/clarity-SI2.jpg") } } html.fixed-height-app body.details-expanded #diamond-clarity[data-clarity="VS1"], html.fixed-height-app body.details-expanded #diamond-clarity[data-clarity="VS2"] { background-image: url("http://pics.bluenile.com/assets/phablet/items/clarity-small-VS1.jpg") } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #diamond-clarity[data-clarity="VS1"], html.fixed-height-app body.details-expanded #diamond-clarity[data-clarity="VS2"] { background-image: url("http://pics.bluenile.com/assets/phablet/items/clarity-medium-VS1.jpg") } } @media only screen and (min-width: 850px) { html.fixed-height-app body.details-expanded #diamond-clarity[data-clarity="VS1"], html.fixed-height-app body.details-expanded #diamond-clarity[data-clarity="VS2"] { background-image: url("http://pics.bluenile.com/assets/phablet/items/clarity-VS1.jpg") } } html.fixed-height-app body.details-expanded #diamond-clarity[data-clarity="VVS1"] { background-image: url("http://pics.bluenile.com/assets/phablet/items/clarity-small-VVS1.jpg") } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #diamond-clarity[data-clarity="VVS1"] { background-image: url("http://pics.bluenile.com/assets/phablet/items/clarity-medium-VVS1.jpg") } } @media only screen and (min-width: 850px) { html.fixed-height-app body.details-expanded #diamond-clarity[data-clarity="VVS1"] { background-image: url("http://pics.bluenile.com/assets/phablet/items/clarity-VVS1.jpg") } } html.fixed-height-app body.details-expanded #diamond-clarity[data-clarity="VVS2"] { background-image: url("http://pics.bluenile.com/assets/phablet/items/clarity-small-VVS2.jpg") } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #diamond-clarity[data-clarity="VVS2"] { background-image: url("http://pics.bluenile.com/assets/phablet/items/clarity-medium-VVS2.jpg") } } @media only screen and (min-width: 850px) { html.fixed-height-app body.details-expanded #diamond-clarity[data-clarity="VVS2"] { background-image: url("http://pics.bluenile.com/assets/phablet/items/clarity-VVS2.jpg") } } html.fixed-height-app body.details-expanded #diamond-clarity[data-clarity="FL"] { background-image: url("http://pics.bluenile.com/assets/phablet/items/clarity-small-FL.jpg") } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #diamond-clarity[data-clarity="FL"] { background-image: url("http://pics.bluenile.com/assets/phablet/items/clarity-medium-FL.jpg") } } @media only screen and (min-width: 850px) { html.fixed-height-app body.details-expanded #diamond-clarity[data-clarity="FL"] { background-image: url("http://pics.bluenile.com/assets/phablet/items/clarity-FL.jpg"); background-image: url("http://pics.bluenile.com/assets/phablet/items/clarity-FL.jpg") } } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #diamond-clarity { -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto } } html.fixed-height-app body.details-expanded #diamond-clarity .glossary-content strong { font-weight: normal } html.fixed-height-app body.details-expanded #diamond-clarity p+ul { display: none } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #diamond-clarity p+ul { display: block } } html.fixed-height-app body.details-expanded #diamond-clarity .columns>.column>ul>li { color: #fff } html.fixed-height-app body.details-expanded #diamond-clarity .columns>.column>ul>li>span { color: #fff } html.fixed-height-app body.details-expanded #diamond-clarity .disclaimer { display: inline; position: absolute; bottom: 10px; right: 5px; font-size: 0.71429em } html.fixed-height-app body.details-expanded #guarantee-and-upgrade, html.fixed-height-app body.details-expanded #shipping-and-financing { color: #333; height: auto } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #guarantee-and-upgrade, html.fixed-height-app body.details-expanded #shipping-and-financing { height: 475px } } html.fixed-height-app body.details-expanded #guarantee-and-upgrade li>span, html.fixed-height-app body.details-expanded #shipping-and-financing li>span { color: #333 } html.fixed-height-app body.details-expanded #guarantee-and-upgrade .title, html.fixed-height-app body.details-expanded #shipping-and-financing .title { max-width: 300px } html.fixed-height-app body.details-expanded #guarantee-and-upgrade section, html.fixed-height-app body.details-expanded #shipping-and-financing section { padding-top: 30px; overflow: hidden; position: relative } html.fixed-height-app body.details-expanded #guarantee-and-upgrade section:before, html.fixed-height-app body.details-expanded #shipping-and-financing section:before { content: ''; display: block; width: 340px; height: 0; border-top: 1px solid black; position: relative; top: -15px } html.fixed-height-app body.details-expanded #guarantee-and-upgrade section:first-child, html.fixed-height-app body.details-expanded #shipping-and-financing section:first-child { padding-top: 0 } html.fixed-height-app body.details-expanded #guarantee-and-upgrade section:first-child:before, html.fixed-height-app body.details-expanded #shipping-and-financing section:first-child:before { display: none } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #guarantee-and-upgrade, html.fixed-height-app body.details-expanded #shipping-and-financing { padding: 35px } } html.fixed-height-app body.details-expanded #guarantee-and-upgrade .special-order, html.fixed-height-app body.details-expanded #shipping-and-financing .special-order { margin: 0; max-width: 100%; text-align: left } html.fixed-height-app body.details-expanded #guarantee-and-upgrade .special-order .bar, html.fixed-height-app body.details-expanded #shipping-and-financing .special-order .bar { display: none } html.fixed-height-app body.details-expanded #guarantee-and-upgrade .special-order .title, html.fixed-height-app body.details-expanded #shipping-and-financing .special-order .title { color: #333; font-size: 18px; padding: 0; text-transform: capitalize } html.fixed-height-app body.details-expanded #guarantee-and-upgrade .special-order .body, html.fixed-height-app body.details-expanded #shipping-and-financing .special-order .body { border: 0; margin: 0 } html.fixed-height-app body.details-expanded #guarantee-and-upgrade .special-order p, html.fixed-height-app body.details-expanded #shipping-and-financing .special-order p { margin: 0.71429em 0 } html.fixed-height-app body.details-expanded #guarantee-and-upgrade .special-order .action, html.fixed-height-app body.details-expanded #shipping-and-financing .special-order .action { font-size: inherit; padding-bottom: 0.71429em } html.fixed-height-app body.details-expanded #guarantee-and-upgrade .special-order .action a:before, html.fixed-height-app body.details-expanded #shipping-and-financing .special-order .action a:before { display: none } @media only screen and (min-width: 850px) { html.fixed-height-app body.details-expanded #guarantee-and-upgrade, html.fixed-height-app body.details-expanded #shipping-and-financing { height: 475px; padding: 0 80px } html.fixed-height-app body.details-expanded #guarantee-and-upgrade>.container, html.fixed-height-app body.details-expanded #shipping-and-financing>.container { display: table-cell; overflow: hidden; vertical-align: middle } html.fixed-height-app body.details-expanded #guarantee-and-upgrade>.container section, html.fixed-height-app body.details-expanded #shipping-and-financing>.container section { float: left; padding: 0 0 0 30px; border-left: 1px solid black; width: 50% } html.fixed-height-app body.details-expanded #guarantee-and-upgrade>.container section:first-child, html.fixed-height-app body.details-expanded #shipping-and-financing>.container section:first-child { border-left: 0; padding-left: 0; padding-right: 30px } html.fixed-height-app body.details-expanded #guarantee-and-upgrade>.container section:before, html.fixed-height-app body.details-expanded #shipping-and-financing>.container section:before { display: none } html.fixed-height-app body.details-expanded #guarantee-and-upgrade>.container section .column, html.fixed-height-app body.details-expanded #shipping-and-financing>.container section .column { overflow: hidden } html.fixed-height-app body.details-expanded #guarantee-and-upgrade>.container section .column p, html.fixed-height-app body.details-expanded #guarantee-and-upgrade>.container section .column ul, html.fixed-height-app body.details-expanded #shipping-and-financing>.container section .column p, html.fixed-height-app body.details-expanded #shipping-and-financing>.container section .column ul { margin-top: 15px } html.fixed-height-app body.details-expanded #guarantee-and-upgrade>.container section .column p:first-child, html.fixed-height-app body.details-expanded #guarantee-and-upgrade>.container section .column ul:first-child, html.fixed-height-app body.details-expanded #shipping-and-financing>.container section .column p:first-child, html.fixed-height-app body.details-expanded #shipping-and-financing>.container section .column ul:first-child { margin-top: 0 } } html.fixed-height-app body.details-expanded #shipping-and-financing { height: auto; position: relative; padding-top: 30px; padding-bottom: 30px } @media only screen and (min-width: 850px) { html.fixed-height-app body.details-expanded #shipping-and-financing { min-height: 339px; background-color: #fff } html.fixed-height-app body.details-expanded #shipping-and-financing.without-financing { background-position: 480px center; -moz-background-size: auto 110%; -o-background-size: auto 110%; background-size: auto 110% } html.fixed-height-app body.details-expanded #shipping-and-financing.without-financing #financing-available { display: none } } html.fixed-height-app body.details-expanded #shipping-and-financing .background { display: none; position: absolute; top: 0 } @media only screen and (min-width: 850px) { html.fixed-height-app body.details-expanded #shipping-and-financing .background { display: block } } html.fixed-height-app body.details-expanded #shipping-and-financing ul li { margin-top: 0 } html.fixed-height-app body.details-expanded #shipping-and-financing>.container>section { float: none; border: 0; padding: 0 } @media only screen and (min-width: 850px) { html.fixed-height-app body.details-expanded #shipping-and-financing>.container>section { width: 100% } } html.fixed-height-app body.details-expanded #shipping-and-financing>.container>section#financing-available { padding: 20px 0; max-width: 380px } html.fixed-height-app body.details-expanded #shipping-and-financing>.container>section#financing-available:before { display: none } html.fixed-height-app body.details-expanded #shipping-and-financing>.container>section#financing-available ul+p { font-size: 0.85714em; margin-top: 15px } @media only screen and (min-width: 850px) { html.fixed-height-app body.details-expanded #shipping-and-financing #shipping-details { max-width: 400px } } html.fixed-height-app body.details-expanded #shipping-and-financing #shipping-details .shipping { display: table } html.fixed-height-app body.details-expanded #shipping-and-financing #shipping-details .shipping+.shipping { margin-top: 20px } html.fixed-height-app body.details-expanded #shipping-and-financing #shipping-details .shipping.upgrades .row>div:first-child { white-space: normal } html.fixed-height-app body.details-expanded #shipping-and-financing #shipping-details .shipping .row { display: table-row } html.fixed-height-app body.details-expanded #shipping-and-financing #shipping-details .shipping .row.header { font-weight: bold } html.fixed-height-app body.details-expanded #shipping-and-financing #shipping-details .shipping .row>div { display: table-cell; padding: 5px 0 0 35px; vertical-align: top } html.fixed-height-app body.details-expanded #shipping-and-financing #shipping-details .shipping .row>div:first-child { padding-left: 0; white-space: nowrap } html.fixed-height-app body.details-expanded #shipping-and-financing #shipping-details .shipping .row>div[data-unique-id="receive-on-column-1"] { color: #027CD1; font-weight: bold } html.fixed-height-app body.details-expanded #shipping-and-financing #shipping-details .shipping .row.upgrade>div { padding-top: 15px; vertical-align: top } html.fixed-height-app body.details-expanded #shipping-and-financing #shipping-details .shipping .row.upgrade>div .date { font-weight: bold } html.fixed-height-app body.details-expanded #shipping-and-financing #shipping-details .shipping .row.upgrade>div>.cost { overflow: hidden; margin-top: 10px } html.fixed-height-app body.details-expanded #shipping-and-financing #shipping-details .shipping .row.upgrade>div>.cost a { float: right } @media only screen and (min-width: 850px) { html.fixed-height-app body.details-expanded #shipping-and-financing #shipping-details .message { max-width: 410px } } html.fixed-height-app body.details-expanded #shipping-and-financing #shipping-details .upgrades { margin-top: 5px } @media only screen and (min-width: 850px) { html.fixed-height-app body.details-expanded #shipping-and-financing #shipping-details .upgrades { max-width: 370px } } html.fixed-height-app body.details-expanded #shipping-and-financing #shipping-details .upgrades .detail-title, html.fixed-height-app body.details-expanded #shipping-and-financing #shipping-details .upgrades .message { display: inline; font-weight: normal } html.fixed-height-app body.details-expanded #shipping-and-financing #shipping-details .included-in-your-order { margin-top: 20px } html.fixed-height-app body.details-expanded #shipping-and-financing #shipping-details .included-in-your-order .title .label { text-transform: none; font-size: 18px } html.fixed-height-app body.details-expanded #shipping-and-financing #shipping-details .included-in-your-order .lists { margin: 10px 0 17px 0; overflow: hidden } html.fixed-height-app body.details-expanded #shipping-and-financing #shipping-details .included-in-your-order .lists>ul { float: left } html.fixed-height-app body.details-expanded #shipping-and-financing #shipping-details .included-in-your-order .lists>ul:first-child { padding-right: 20px; margin-bottom: 5px } html.fixed-height-app body.details-expanded #shipping-and-financing #shipping-details .included-in-your-order .lists>ul>li { margin-top: 5px; white-space: nowrap } html.fixed-height-app body.details-expanded #shipping-and-financing #shipping-details .included-in-your-order .lists>ul>li:first-child { margin-top: 0 } html.fixed-height-app body.details-expanded #shipping-and-financing #shipping-details .included-in-your-order .lists>ul>li i { position: relative; top: 1px } html.fixed-height-app body.details-expanded #shipping-and-financing #shipping-details .disclaimer { font-size: 0.85714em } @media only screen and (min-width: 850px) { html.fixed-height-app body.details-expanded #shipping-and-financing #shipping-details .disclaimer { max-width: 390px } } html.fixed-height-app body.details-expanded #shipping-and-financing #shipping-details .disclaimer+.disclaimer { margin-top: 10px } html.fixed-height-app body.details-expanded #guarantee-and-upgrade { background: url("http://pics.bluenile.com/assets/phablet/items/guaranteebkkg.jpg") no-repeat center top; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; color: #333; -moz-background-size: cover; -o-background-size: cover; background-size: cover } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #guarantee-and-upgrade { -moz-background-size: 100%; -o-background-size: 100%; background-size: 100% } } @media only screen and (min-width: 850px) { html.fixed-height-app body.details-expanded #guarantee-and-upgrade { background-position: center center } } html.fixed-height-app body.details-expanded #guarantee-and-upgrade .title { margin-bottom: 10px } html.fixed-height-app body.details-expanded #guarantee-and-upgrade ul { margin-left: 10px; padding-left: 25px } html.fixed-height-app body.details-expanded #guarantee-and-upgrade ul+p { padding-left: 35px } html.fixed-height-app body.details-expanded #guarantee-and-upgrade p { margin-top: 15px } html.fixed-height-app body.details-expanded #guarantee-and-upgrade p:first-child { margin-top: 0 } html.fixed-height-app body.details-expanded #guarantee-and-upgrade a { font-weight: bold } html.fixed-height-app body.details-expanded #customer-reviews.old-customer-reviews { background-color: #efefef; padding-top: 30px; padding-bottom: 30px } html.fixed-height-app body.details-expanded #customer-reviews.old-customer-reviews h3, html.fixed-height-app body.details-expanded #customer-reviews.old-customer-reviews h4 { color: #036; font-family: "Crimson", Perpetua, Palatino, "Times New Roman", Times, serif; font-weight: normal } html.fixed-height-app body.details-expanded #customer-reviews.old-customer-reviews h3 { font-size: 1.71429em; letter-spacing: 1.5px; line-height: 24px; margin-bottom: 10px } html.fixed-height-app body.details-expanded #customer-reviews.old-customer-reviews h4 { font-size: 1.14286em; margin-bottom: -5px; letter-spacing: 0; text-transform: uppercase } html.fixed-height-app body.details-expanded #customer-reviews.old-customer-reviews .average { letter-spacing: 1px } html.fixed-height-app body.details-expanded #customer-reviews.old-customer-reviews .container { margin-top: 12px; width: 100% } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #customer-reviews.old-customer-reviews .container { display: table } } html.fixed-height-app body.details-expanded #customer-reviews.old-customer-reviews .container .rating-count { padding-right: 30px; vertical-align: top } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #customer-reviews.old-customer-reviews .container .rating-count { display: table-cell } } html.fixed-height-app body.details-expanded #customer-reviews.old-customer-reviews .container .rating-count .rating-count-list { list-style-type: none; overflow: hidden; padding: 0; text-align: left } html.fixed-height-app body.details-expanded #customer-reviews.old-customer-reviews .container .rating-count .rating-count-list>li { margin-top: 0 } html.fixed-height-app body.details-expanded #customer-reviews.old-customer-reviews .container .rating-count .rating-count-list>li>.rating-values { color: #777 } html.fixed-height-app body.details-expanded #customer-reviews.old-customer-reviews .container .rating-stars { font-size: 1em; text-align: left; letter-spacing: 2px } html.fixed-height-app body.details-expanded #customer-reviews.old-customer-reviews .container .rating-stars span.stars:before { color: #027CD1 } html.fixed-height-app body.details-expanded #customer-reviews.old-customer-reviews .container .rating-stars.show-empty:before { color: #027CD1 } html.fixed-height-app body.details-expanded #customer-reviews.old-customer-reviews .container .reviews { margin-top: 10px } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #customer-reviews.old-customer-reviews .container .reviews { display: table-cell; margin-top: 0 } } html.fixed-height-app body.details-expanded #customer-reviews.old-customer-reviews .container .reviews .review { background-color: #fff; margin-top: 10px; padding: 10px } html.fixed-height-app body.details-expanded #customer-reviews.old-customer-reviews .container .reviews .review:first-child { margin-top: 0 } html.fixed-height-app body.details-expanded #customer-reviews.old-customer-reviews .container .reviews .review>div, html.fixed-height-app body.details-expanded #customer-reviews.old-customer-reviews .container .reviews .review p { margin-top: 10px } html.fixed-height-app body.details-expanded #customer-reviews.old-customer-reviews .container .reviews .review>div:first-child, html.fixed-height-app body.details-expanded #customer-reviews.old-customer-reviews .container .reviews .review p:first-child { margin-top: 0 } html.fixed-height-app body.details-expanded #customer-reviews.old-customer-reviews .container .reviews .review .data { font-style: italic } html.fixed-height-app body.details-expanded #customer-reviews.old-customer-reviews .container .reviews .review .rating-stars { display: inline-block; top: 3px } html.fixed-height-app body.details-expanded #customer-reviews.old-customer-reviews .see-all { margin-top: 10px; text-align: right; padding-bottom: 40px } html.fixed-height-app body.details-expanded #customer-reviews.old-customer-reviews .see-all a { color: #036 } html.fixed-height-app body.details-expanded #customer-reviews.old-customer-reviews .see-all a i { position: relative; top: 1px } html.fixed-height-app body.details-expanded #internal-details { background-color: #efefef; color: #000; height: auto; padding-bottom: 30px; padding-top: 30px } html.fixed-height-app body.details-expanded #internal-details h3, html.fixed-height-app body.details-expanded #internal-details h4 { font-family: "Crimson", Perpetua, Palatino, "Times New Roman", Times, serif; font-weight: normal; text-transform: uppercase } html.fixed-height-app body.details-expanded #internal-details h3 { font-size: 1.85714em; letter-spacing: 2px; line-height: 1em } html.fixed-height-app body.details-expanded #internal-details h3+span { font-size: 0.85714em } html.fixed-height-app body.details-expanded #internal-details h4 { font-size: 1.28571em; letter-spacing: 1px } html.fixed-height-app body.details-expanded #internal-details .links-and-comments { margin-top: 40px } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded #internal-details .links-and-comments { display: table; width: 100% } html.fixed-height-app body.details-expanded #internal-details .links-and-comments>div { display: table-cell } html.fixed-height-app body.details-expanded #internal-details .links-and-comments>div:first-child { min-width: 280px; padding-right: 50px; width: 280px } } html.fixed-height-app body.details-expanded #internal-details .links-and-comments>div { margin-top: 20px } html.fixed-height-app body.details-expanded #internal-details .links-and-comments>div:first-child { margin-top: 0 } html.fixed-height-app body.details-expanded #internal-details .links-and-comments ul li { margin-top: 0 } html.fixed-height-app body.details-expanded #details-panel-wrapper .header-title-bar { display: block } html.fixed-height-app body.details-expanded #details-panel-wrapper #details-panel { overflow: hidden; height: auto } html.fixed-height-app body.details-expanded #details-panel-wrapper #details-panel #diamond-information, html.fixed-height-app body.details-expanded #details-panel-wrapper #details-panel #similar-diamond { display: block } html.fixed-height-app body.details-expanded #details-panel-wrapper #details-panel #product-rating-stars>div .offer-rating { cursor: pointer } html.fixed-height-app body.details-expanded #content-wrapper { height: auto; padding: 0 } html.fixed-height-app body.details-expanded #content-wrapper .diamond-search-slat { padding-top: 0; padding-bottom: 0; top: 0 } html.fixed-height-app body.details-expanded #diamond-search-container, html.fixed-height-app body.details-expanded #diamond-comparisons-container { display: none } html.fixed-height-app body.details-expanded .group-of-icons { white-space: nowrap } html.fixed-height-app body.details-expanded .group-of-icons>button, html.fixed-height-app body.details-expanded .group-of-icons a, html.fixed-height-app body.details-expanded .group-of-icons span { cursor: pointer } html.fixed-height-app body.details-expanded .social-icons { margin-top: 0.35714em; overflow: hidden } html.fixed-height-app body.details-expanded .social-icons .group-of-icons { float: right } html.fixed-height-app body.details-expanded .social-icons .group-of-icons>button, html.fixed-height-app body.details-expanded .social-icons .group-of-icons a, html.fixed-height-app body.details-expanded .social-icons .group-of-icons span { color: #333; cursor: pointer; display: none; font-size: 1.57143em; text-decoration: none } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded .social-icons .group-of-icons>button, html.fixed-height-app body.details-expanded .social-icons .group-of-icons a, html.fixed-height-app body.details-expanded .social-icons .group-of-icons span { display: inline-block } } html.fixed-height-app body.details-expanded .social-icons .group-of-icons>button.icon-share, html.fixed-height-app body.details-expanded .social-icons .group-of-icons a.icon-share, html.fixed-height-app body.details-expanded .social-icons .group-of-icons span.icon-share { display: inline-block } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded .social-icons .group-of-icons>button.icon-share, html.fixed-height-app body.details-expanded .social-icons .group-of-icons a.icon-share, html.fixed-height-app body.details-expanded .social-icons .group-of-icons span.icon-share { display: none } } html.fixed-height-app body.details-expanded .social-icons-tooltip.qtip { font-size: 1.57143em } html.fixed-height-app body.details-expanded .social-icons-tooltip.qtip button, html.fixed-height-app body.details-expanded .social-icons-tooltip.qtip a { color: #333; text-decoration: none } html.fixed-height-app body.details-expanded .social-icons-tooltip.qtip .icon-share { display: none } html.fixed-height-app body.details-expanded .drop-down-action-button, html.fixed-height-app body.details-expanded .find-similar-action-button { position: relative } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded .drop-down-action-button, html.fixed-height-app body.details-expanded .find-similar-action-button { width: 14.28571em; right: 0 } } html.fixed-height-app body.details-expanded .drop-down-action-button>.vertical-menu, html.fixed-height-app body.details-expanded .find-similar-action-button>.vertical-menu { display: none; left: 0; position: absolute; top: 100%; width: 100%; z-index: 1 } html.fixed-height-app body.details-expanded .drop-down-action-button.expandable .main-button, html.fixed-height-app body.details-expanded .find-similar-action-button.expandable .main-button { display: table; position: relative; text-decoration: none; width: 100% } html.fixed-height-app body.details-expanded .drop-down-action-button.expandable .main-button .main-text, html.fixed-height-app body.details-expanded .find-similar-action-button.expandable .main-button .main-text { border-right: 1px solid #1676A3; margin-right: 40px } html.fixed-height-app body.details-expanded .drop-down-action-button.expandable .main-button .dropdown-arrow, html.fixed-height-app body.details-expanded .find-similar-action-button.expandable .main-button .dropdown-arrow { position: absolute; height: 100%; border-left: 1px solid #034C7D; top: 0; right: 0; width: 40px } html.fixed-height-app body.details-expanded .drop-down-action-button.expandable .main-button .dropdown-arrow:after, html.fixed-height-app body.details-expanded .find-similar-action-button.expandable .main-button .dropdown-arrow:after { content: ""; display: block; font-family: icon-font; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s } html.fixed-height-app body.details-expanded .drop-down-action-button.expandable.expanded .main-button:after, html.fixed-height-app body.details-expanded .find-similar-action-button.expandable.expanded .main-button:after { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg) } html.fixed-height-app body.details-expanded .drop-down-action-button.expandable.expanded .dropdown-arrow:after, html.fixed-height-app body.details-expanded .find-similar-action-button.expandable.expanded .dropdown-arrow:after { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg) } html.fixed-height-app body.details-expanded .drop-down-action-button.expandable.expanded .vertical-menu, html.fixed-height-app body.details-expanded .find-similar-action-button.expandable.expanded .vertical-menu { display: block; z-index: 2 } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded .drop-down-action-button.add-to-three-stone-ring { width: 17.85714em } } html.fixed-height-app body.details-expanded body.comparisons-shown [data-action="add-to-comparison"] { display: none } html.fixed-height-app body.details-expanded .modal[data-modal-type='confirmation'] { width: 90%; margin-left: -45% } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded .modal[data-modal-type='confirmation'] { width: 340px; margin-left: -170px } } html.fixed-height-app body.details-expanded .modal[data-modal-type='confirmation'] ul { list-style: none; margin: 0; padding: 0 } html.fixed-height-app body.details-expanded .modal[data-modal-type='confirmation'] li { list-style: none; margin: 0; padding-left: 1.07143em; padding-right: 1.07143em } html.fixed-height-app body.details-expanded .modal[data-modal-type='confirmation'] h1 { background-color: rgba(9,42,75,0.3); color: #036; text-align: center; font-family: "Crimson", Perpetua, Palatino, "Times New Roman", Times, serif; font-size: 1.78571em; font-weight: bold; line-height: 0.4em; width: 100%; padding: 0.6em 1.42857em 0.4em 1.42857em; -webkit-box-shadow: 0 0 5px rgba(255,255,190,0.75) inset; -moz-box-shadow: 0 0 5px rgba(255,255,190,0.75) inset; box-shadow: 0 0 5px rgba(255,255,190,0.75) inset } html.fixed-height-app body.details-expanded .modal[data-modal-type='confirmation'] .description { padding: 35px 5px; text-align: center } html.fixed-height-app body.details-expanded .modal[data-modal-type='confirmation'] .description p { margin: 15px 0px 0px } html.fixed-height-app body.details-expanded .modal[data-modal-type='confirmation'] .description.error { color: red } html.fixed-height-app body.details-expanded .modal[data-modal-type='confirmation'] .action { text-align: center; margin-bottom: 25px } html.fixed-height-app body.details-expanded .modal[data-modal-type='confirmation'] .action a { display: block; cursor: pointer } html.fixed-height-app body.details-expanded .modal[data-modal-type='confirmation'] .action a+a { margin-top: 20px } html.fixed-height-app body.details-expanded .modal[data-modal-type='confirmation'] { width: 90%; margin-left: -45% } @media only screen and (min-width: 600px) { html.fixed-height-app body.details-expanded .modal[data-modal-type='confirmation'] { width: 340px; margin-left: -170px } } html.fixed-height-app body.details-expanded .modal[data-modal-type='confirmation'] ul { list-style: none; margin: 0; padding: 0 } html.fixed-height-app body.details-expanded .modal[data-modal-type='confirmation'] li { list-style: none; margin: 0; padding-left: 1.07143em; padding-right: 1.07143em } html.fixed-height-app body.details-expanded .modal[data-modal-type='confirmation'] h1 { background-color: rgba(9,42,75,0.3); color: #036; text-align: center; font-family: "Crimson", Perpetua, Palatino, "Times New Roman", Times, serif; font-size: 1.78571em; font-weight: bold; line-height: 0.4em; width: 100%; padding: 0.6em 1.42857em 0.4em 1.42857em; -webkit-box-shadow: 0 0 5px rgba(255,255,190,0.75) inset; -moz-box-shadow: 0 0 5px rgba(255,255,190,0.75) inset; box-shadow: 0 0 5px rgba(255,255,190,0.75) inset } html.fixed-height-app body.details-expanded .modal[data-modal-type='confirmation'] .description { padding: 35px 5px; text-align: center } html.fixed-height-app body.details-expanded .modal[data-modal-type='confirmation'] .description p { margin: 15px 0px 0px } html.fixed-height-app body.details-expanded .modal[data-modal-type='confirmation'] .description.error { color: red } html.fixed-height-app body.details-expanded .modal[data-modal-type='confirmation'] .action { text-align: center; margin-bottom: 25px } html.fixed-height-app body.details-expanded .modal[data-modal-type='confirmation'] .action a { display: block; cursor: pointer } html.fixed-height-app body.details-expanded .modal[data-modal-type='confirmation'] .action a+a { margin-top: 20px } @media only screen and (min-width: 600px) { .diamond-not-displayable { display: none } } html body.details-expanded #details-panel-wrapper { padding-bottom: 47px } html body.details-expanded #details-panel-wrapper #details-panel { padding-bottom: 0px } body.details-expanded #details-panel-wrapper { position: relative !important; padding: 0 !important } .qtip.qtip-email-this-page { max-width: 415px; margin-right: 20px; min-width: 240px; width: 100% } .qtip.qtip-email-this-page { border: 1px solid #bdbdbd; font-size: 13px } .qtip.qtip-email-this-page .container { color: #036; padding: 15px 10px; position: relative } .qtip.qtip-email-this-page .container h4 { border-bottom: 1px solid #bdbdbd; font-family: "Crimson", Perpetua, Palatino, "Times New Roman", Times, serif; font-size: 1.71429em; font-weight: normal; padding-bottom: 10px; margin-bottom: 20px; text-transform: uppercase } .qtip.qtip-email-this-page .container .default { line-height: 15px } .qtip.qtip-email-this-page .container .message-box { margin: 15px auto 10px auto; padding: 15px 20px } .qtip.qtip-email-this-page .container button.blue.blue-nile-button { padding-left: 25px; padding-right: 25px; white-space: nowrap } .qtip.qtip-email-this-page .container .email-this-page-inputs label { display: block; font-size: 1.07692em } .qtip.qtip-email-this-page .container .email-this-page-inputs label p { line-height: 20px } .qtip.qtip-email-this-page .container .email-this-page-inputs label .invalid { display: none; color: red } .qtip.qtip-email-this-page .container .email-this-page-inputs label.invalid-field .invalid { display: block } .qtip.qtip-email-this-page .container .email-this-page-inputs label.invalid-field input[type="text"] { border-color: #C83521; color: #C83521 } .qtip.qtip-email-this-page .container .email-this-page-inputs label.invalid-field input[type="text"]:-moz-placeholder, .qtip.qtip-email-this-page .container .email-this-page-inputs label.invalid-field input[type="text"]::-moz-placeholder, .qtip.qtip-email-this-page .container .email-this-page-inputs label.invalid-field input[type="text"]:-ms-input-placeholder, .qtip.qtip-email-this-page .container .email-this-page-inputs label.invalid-field input[type="text"]::-webkit-input-placeholder { color:#C83521 !important } .qtip.qtip-email-this-page .container .email-this-page-inputs .required { color: #C83521 } .qtip.qtip-email-this-page .container .email-this-page-inputs .required.label { font-size: 1.07692em; text-align: right } .qtip.qtip-email-this-page .container .email-this-page-inputs input[type="text"] { border: 1px solid #777; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height: 40px; width: 100% } .qtip.qtip-email-this-page .container .email-this-page-inputs input[type="checkbox"] { height: 12px; margin-right: 3px; width: 12px } .qtip.qtip-email-this-page .container .email-this-page-inputs textarea { border: 1px solid #777; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 100%; height: 100px } .qtip.qtip-email-this-page .container .email-this-page-inputs .wide { margin-top: 20px } .qtip.qtip-email-this-page .container .email-this-page-inputs .wide.one { width: 100% } .qtip.qtip-email-this-page .container .email-this-page-inputs .wide.two { display: table; width: 100% } .qtip.qtip-email-this-page .container .email-this-page-inputs .wide.two>div { display: table-cell; width: 50%; padding-left: 3% } .qtip.qtip-email-this-page .container .email-this-page-inputs .wide.two>div:first-child { padding-left: 0; padding-right: 3% } .qtip.qtip-email-this-page .container .disclaimer { color: #777; font-size: 0.92308em; margin: 10px auto; max-width: 275px; text-align: center } .qtip.qtip-email-this-page .container .thank-you { line-height: 18px; margin-top: 15px } .qtip.qtip-email-this-page .container .thank-you p+p { margin-bottom: 15px } .qtip.qtip-email-this-page .container .thank-you p+p+p { margin-bottom: 10px } .qtip.qtip-email-this-page .container .continue-shopping { margin: 15px 0 0 0; padding: 0 25px; display: inline-block; height: 40px; line-height: 40px; white-space: nowrap } .qtip.qtip-email-this-page .container .error.display-when-full-on-failure { display: none } .qtip.qtip-email-this-page .container.full-on-failure>* { display: none } .qtip.qtip-email-this-page .container.full-on-failure .display-when-full-on-failure { display: block } form[data-widget="success-or-error-form"] .success, form[data-widget="success-or-error-form"] .error { display: none } form[data-widget="success-or-error-form"] .default { display: block } form[data-widget="success-or-error-form"].error-state .default, form[data-widget="success-or-error-form"].error-state .success { display: none } form[data-widget="success-or-error-form"].error-state .error { display: block } form[data-widget="success-or-error-form"].success-state .default, form[data-widget="success-or-error-form"].success-state .error { display: none } form[data-widget="success-or-error-form"].success-state .success { display: block } #image-viewer-details-and-purchase .right-half .holiday-arrival-message i:before, html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half .holiday-arrival-message i:before { content: ""; color: #981b1e; font-family: 'icon-font'; font-variant: normal; font-weight: normal; font-size: 13px; font-style: normal; margin-right: 0.21429em } #image-viewer-details-and-purchase .right-half .holiday-arrival-message, html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half .holiday-arrival-message { color: #981b1e; font-weight: bold; text-align: center; line-height: 1.28571em; padding: 0.71429em 0.14286em 1.07143em 0.14286em } #image-viewer-details-and-purchase .right-half .holiday-arrival-message div, html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half .holiday-arrival-message div { color: #555555; font-weight: normal } @media only screen and (min-width: 850px) { #image-viewer-details-and-purchase .right-half .holiday-arrival-message span, html.fixed-height-app body.details-expanded #image-viewer-details-and-purchase .right-half .holiday-arrival-message span { display: block } } .special-order, .back-order, .not-available { margin: 1.07143em auto 0.14286em auto } @media only screen and (min-width: 600px) { .special-order, .back-order, .not-available { margin: 15% auto 1% auto } .medium-and-up+.special-order, .medium-and-up+.back-order, .medium-and-up+.not-available { margin: 0.35714em auto } } .customizers+.special-order, .customizers+.back-order, .customizers+.not-available { margin: 1.07143em auto } @media only screen and (min-width: 600px) { .customizers+.special-order, .customizers+.back-order, .customizers+.not-available { margin: 15% auto 0 auto } } .review-body .special-order .body, .back-order, .not-available, .non-shippable-destination, .generic-add-item-error { border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; padding: 0.35714em 0px; margin: 0.57143em auto } @media only screen and (min-width: 600px) { .information-tabs .special-order, .information-tabs .back-order, .information-tabs .not-available { margin-top: 1.42857em } } .special-order, .back-order, .not-available { text-align: center; max-width: 422px; font-family: Arial, Helvetica, sans-serif; clear: both } .special-order .title-bar, .back-order .title-bar, .not-available .title-bar { display: table; width: 100% } .special-order .title-bar>div, .back-order .title-bar>div, .not-available .title-bar>div { display: table-row } .special-order .title-bar>div>div, .back-order .title-bar>div>div, .not-available .title-bar>div>div { display: table-cell; vertical-align: middle; padding: 0px 0.35714em } .special-order .title-bar .title, .back-order .title-bar .title, .not-available .title-bar .title { color: #777; text-transform: uppercase; white-space: nowrap } .special-order .title-bar .bar, .back-order .title-bar .bar, .not-available .title-bar .bar { width: 50% } .special-order .title-bar .bar:first-child>div, .back-order .title-bar .bar:first-child>div, .not-available .title-bar .bar:first-child>div { margin-left: auto; margin-right: 0px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI3JSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZGJkYmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), color-stop(3%, #ededed), to(#bdbdbd)); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, #ededed 3%, #bdbdbd 100%); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ededed 3%, #bdbdbd 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, #ededed 3%, #bdbdbd 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, #ededed 3%, #bdbdbd 100%) } .special-order .title-bar .bar>div, .back-order .title-bar .bar>div, .not-available .title-bar .bar>div { height: 1px; width: 90%; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JkYmRiZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjczJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-gradient(linear, left top, right top, from(#bdbdbd), color-stop(97%, #ededed), to(rgba(255,255,255,0))); background: -webkit-linear-gradient(left, #bdbdbd 0%, #ededed 97%, rgba(255,255,255,0) 100%); background: -moz-linear-gradient(left, #bdbdbd 0%, #ededed 97%, rgba(255,255,255,0) 100%); background: -o-linear-gradient(left, #bdbdbd 0%, #ededed 97%, rgba(255,255,255,0) 100%); background: linear-gradient(to right, #bdbdbd 0%, #ededed 97%, rgba(255,255,255,0) 100%) } .special-order p, .back-order p, .not-available p { font-size: 1.07143em; color: #f47900 } .special-order h3, .back-order h3, .not-available h3 { color: #f47900 } .special-order .action, .back-order .action, .not-available .action { font-size: 1.28571em; font-weight: bold; color: #069; margin-top: 0.35714em } .special-order .action a span, .back-order .action a span, .not-available .action a span { font-weight: bold; padding-left: 0.21429em; font-family: Arial, Helvetica, sans-serif } .special-order a.icon-phone span, .back-order a.icon-phone span, .not-available a.icon-phone span { color: #069; font-weight: bold; padding-left: 0.21429em; font-family: Arial, Helvetica, sans-serif } .not-available p { color: #900 } .not-available .phone-number { white-space: nowrap } .diamond-not-available .not-available { position: relative; max-width: none; color: #555; background: #fcd5d6; border: 1px solid #b69e9e; font-family: Arial, Helvetica, sans-serif; font-size: 1em; text-align: left; padding: 0.85714em 0.71429em 0.85714em 0.71429em } .diamond-not-available .not-available i { font-size: 2.28571em; position: absolute } @media only screen and (max-width: 599.9px) { .diamond-not-available .not-available i { top: 8px } } @media only screen and (min-width: 600px) { .diamond-not-available .not-available i { top: 4px } } @media only screen and (min-width: 850px) { .diamond-not-available .not-available i { top: 4px } } .diamond-not-available .not-available p { color: #555; display: inline-block; width: 80%; margin: 0 0 0 2.85714em } .non-shippable-destination { color: #900; padding: 1.07143em 0px } .non-shippable-destination .options { margin-top: 0.71429em } .non-shippable-destination .options a { padding-right: 0.5em } .non-shippable-destination .options a+a { border-left: 1px solid #069; padding-left: 0.5em } .generic-add-item-error { color: #900; padding: 1.07143em 0px } .back-order { text-align: center } .back-order form { padding: 0px; margin: 0px } .back-order form>div+div { margin-top: 0.71429em } .back-order div.error, .back-order div.success, .back-order div.error-message { display: none; margin-top: 1.42857em } .back-order div.success, .back-order div.error-message { magin-bottom: 1.07143em } .back-order div.error { color: #900 } .back-order input.error { border-color: #900 } .back-order .textbox { width: 20em; height: 2.85714em } .back-order .submit-line button, .back-order .submit-line input, .back-order .submit-line .blue-nile-button { width: 9.64286em; margin: 0px auto } .back-order .checkbox-line { display: table; cursor: pointer; margin-left: auto; margin-right: auto } .back-order .checkbox-line>div { display: table-row } .back-order .checkbox-line>div>div { display: table-cell; vertical-align: middle } .back-order .checkbox-line .checkbox { padding: 0.35714em 0.71429em 0 0 } .back-order .checkbox-line .checkbox span:before { font-size: 20px; text-indent: -3px; font-family: "icon-font"; font-style: normal; text-decoration: none; content: "\e600"; display: inline-block; top: 0px; bottom: 0px; left: 0px; right: 0px; text-align: center } .back-order .checkbox-line .checkbox span.checked:before { text-indent: 0; content: "\e602" } .back-order .checkbox-line input { display: none } .ios7-lazy-repaint-fix { -webkit-transform: translate3d(0, 0, 0) } .image-viewer { overflow: visible; position: relative } .image-viewer .positioning { padding-top: 96% } .image-viewer.zoomed .main-images { overflow: hidden } .image-viewer.zoomed .main-images img { position: absolute; width: auto; margin-top: 0 } .image-viewer.zoomed .main-images .disclaimer { display: none } .image-viewer .main-images { margin-bottom: 65px; overflow: visible; position: relative } .image-viewer .main-images.touching .main-image-container { pointer-events: none; position: absolute } .image-viewer .main-images.touching .main-image-container.swiping { display: block; height: 100%; width: 100% } .image-viewer .main-images.touching .main-image-container.snapping { -webkit-transition: left 100ms linear; -moz-transition: left 100ms linear; -o-transition: left 100ms linear; transition: left 100ms linear } .image-viewer .main-image-container { display: none; position: relative; width: 100%; overflow: hidden; position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center } .image-viewer .main-image-container.active { display: block; -webkit-transition: opacity, .5s, ease-in-out; -moz-transition: opacity, .5s, ease-in-out; -o-transition: opacity, .5s, ease-in-out; transition: opacity, .5s, ease-in-out } .image-viewer .main-image-container.active.faded { opacity: 0 } .image-viewer .main-image-container:before { content: ' '; display: inline-block; vertical-align: middle; height: 100% } .image-viewer .main-image-container.video-0 { background: #E4E2E4 } .image-viewer .main-image-container.video-1 { background: #878787 } .image-viewer .main-image-container>img { width: 100%; vertical-align: middle; display: inline-block; margin-top: -100% } .image-viewer .main-image-container>video { -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; vertical-align: middle; margin-top: -300%; display: block } @media only screen and (max-width: 599.9px) { .image-viewer .main-image-container>video { display: block; margin-top: -96%; margin-right: auto; margin-left: auto } } .image-viewer .main-image-container>.video-controls { display: none; position: absolute; left: 40px; bottom: 30px; z-index: 2 } .image-viewer .main-image-container>.video-controls .icon-play3, .image-viewer .main-image-container>.video-controls .icon-pause2 { font-size: 25px } .image-viewer .main-image-container .poster { width: 320px; height: 320px; margin-top: 0%; position: relative; z-index: 1 } .image-viewer .main-image-container.desktop video { margin-top: 0; display: inline-block } .image-viewer .main-image-container.desktop .poster { display: none } .image-viewer .main-image-container.desktop .video-controls { display: block } .image-viewer .main-image-container.desktop:not(.pause) .icon-play3 { display: none } .image-viewer .main-image-container.desktop.pause .icon-play3 { display: block } .image-viewer .main-image-container.desktop.pause .icon-pause2 { display: none } .image-viewer .main-image-container.mobile .poster { display: inline-block } .image-viewer .main-image-container.mobile.first video { margin-top: 0 !important; display: block !important } .image-viewer .main-image-container.mobile video { display: inline-block; margin-top: 0 } .image-viewer .main-image-container.mobile .video-controls { display: block } .image-viewer .main-image-container.mobile:not(.pause) .video-controls { display: block } .image-viewer .main-image-container.mobile:not(.pause) .icon-play3 { display: none } .image-viewer .main-image-container.mobile.pause .icon-pause2, .image-viewer .main-image-container.mobile.first .icon-pause2 { display: none } .image-viewer .main-image-container.mobile.pause .icon-play3, .image-viewer .main-image-container.mobile.first .icon-play3 { display: block } .image-viewer .main-image-container.iphone5 .poster, .image-viewer .main-image-container.iphone5 video { margin-top: -100% } .image-viewer .main-image-container.iphone5.landscape .poster, .image-viewer .main-image-container.iphone5.landscape video { margin-top: 0 } .image-viewer .main-image-container>.disclaimer { color: #777; font-weight: bold; position: absolute; top: 20px } .image-viewer.image-viewer.zoomed .main-image-container.active { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none } .image-viewer .main-image-container>img[data-image-index='0'][src*="setting_template_main"], .image-viewer .customizer-overlay>img[src*="setting_template_main"] { padding-bottom: 10% } .image-viewer .customizer-overlay { opacity: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0 } .image-viewer .customizer-overlay.active { background: #fff url("/assets/chrome/items/BNloader.gif") no-repeat center center; opacity: 1; -webkit-transition: opacity, .5s, ease-in-out; -moz-transition: opacity, .5s, ease-in-out; -o-transition: opacity, .5s, ease-in-out; transition: opacity, .5s, ease-in-out } .image-viewer .customizer-overlay>img { display: none; opacity: 0; position: absolute; width: 100%; -webkit-transition: opacity, .5s, ease-in-out; -moz-transition: opacity, .5s, ease-in-out; -o-transition: opacity, .5s, ease-in-out; transition: opacity, .5s, ease-in-out } .image-viewer .customizer-overlay>img.active { display: block; opacity: 1 } .image-viewer>.thumbnails-and-controls { bottom: 0; margin: 0.71429em 0 0 3px; max-width: 100%; overflow: visible; position: absolute; white-space: nowrap } .image-viewer>.thumbnails-and-controls .diamond-image-disclaimers { font-size: 0.92857em; font-weight: bold; position: relative; top: -2px; left: 0; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden } .image-viewer>.thumbnails-and-controls .diamond-image-disclaimers [data-template-types] { display: none } .image-viewer>.thumbnails-and-controls .diamond-image-disclaimers [data-template-types].active { display: inline } .image-viewer>.thumbnails-and-controls .thumbnails-container, .image-viewer>.thumbnails-and-controls .thumbnails, .image-viewer>.thumbnails-and-controls .controls { display: inline-block; height: 52px; white-space: nowrap } .image-viewer>.thumbnails-and-controls .video-thumb:after { content: ""; font-family: "icon-font"; position: absolute; font-size: 25px; left: 25%; top: 25%; color: rgba(255,255,255,0.75) } .image-viewer>.thumbnails-and-controls .controls { position: absolute; top: 0 } .image-viewer>.thumbnails-and-controls .thumbnails-container { max-width: 100%; position: relative } .image-viewer>.thumbnails-and-controls .swiper-manual-scroll { display: none; background-color: gray; height: 3.57143em; opacity: .87; position: absolute; width: 1.42857em; top: 0; z-index: 1 } .image-viewer>.thumbnails-and-controls .swiper-manual-scroll:after { border: 7px solid transparent; content: ""; display: block; height: 0; position: absolute; top: 1.28571em; width: 0 } .image-viewer>.thumbnails-and-controls .left.swiper-manual-scroll { left: 0 } .image-viewer>.thumbnails-and-controls .left.swiper-manual-scroll:after { border-right-color: #fff; right: 0.5em } .image-viewer>.thumbnails-and-controls .right.swiper-manual-scroll { right: 0 } .image-viewer>.thumbnails-and-controls .right.swiper-manual-scroll:after { border-left-color: #fff; left: 0.5em } .image-viewer>.thumbnails-and-controls .swiper-slide { display: inline-block; float: none; width: auto; cursor: pointer } .image-viewer>.thumbnails-and-controls .thumbnail, .image-viewer>.thumbnails-and-controls .control { border: 1px solid #bdbdbd; display: inline-block; height: 3.57143em; vertical-align: top; width: 3.57143em } .image-viewer>.thumbnails-and-controls .thumbnail, .image-viewer>.thumbnails-and-controls .control { cursor: pointer } .image-viewer>.thumbnails-and-controls .thumbnail { margin-right: 0.35714em } .image-viewer>.thumbnails-and-controls .thumbnail.active { border-color: #036 } .image-viewer>.thumbnails-and-controls .control { margin-left: 0.35714em; position: relative } .image-viewer>.thumbnails-and-controls .control:after { font-family: 'icon-font'; font-size: 1.71429em; height: 100%; line-height: 50px; position: absolute; text-align: center; vertical-align: middle; width: 100% } .image-viewer>.thumbnails-and-controls .control:first-child { margin-left: 0 } .image-viewer>.thumbnails-and-controls .control.active { border-color: #036 } .image-viewer>.thumbnails-and-controls .control.zoom { color: #777 } .image-viewer>.thumbnails-and-controls .control.zoom:after { content: "" } .image-viewer>.thumbnails-and-controls .control.three-sixty { background-image: url("http://pics.bluenile.com/assets/phablet/icons/icon-360-inactiveBlue.png"); background-repeat: no-repeat; background-position: 0px 0px } .image-viewer>.thumbnails-and-controls .control.three-sixty:hover, .image-viewer>.thumbnails-and-controls .control.three-sixty.active { background-image: url("http://pics.bluenile.com/assets/phablet/icons/icon-360-activeOrange.png") } .image-viewer .three-sixty-container { background-color: #fff; position: absolute; top: 0; left: 0; height: 100%; width: 100% } .image-viewer .three-sixty-container.hidden { display: none } .image-viewer .three-sixty-container img { width: 100% } .zoomed.image-viewer .zoom.control { color: white; background-color: #777 } .image-viewer .main-image-container.is-mac.video-0 { background: #e7e7e7 } .image-viewer .main-image-container.is-mac.video-1 { background: #929292 } .offer-rating { display: table } .rating-stars { display: table-cell; font-size: 12px; letter-spacing: 0.28571em; overflow: hidden; position: relative; text-align: right; white-space: nowrap } .rating-stars.show-empty:before { font-family: "icon-font"; content: ""; overflow: hidden; position: absolute; color: #e7c884 } .rating-stars span.stars { display: inline-block; margin-right: -0.06667em; overflow: hidden; position: relative; vertical-align: bottom; width: 0 } .rating-stars span.stars:before { font-family: "icon-font"; content: ""; height: 100%; line-height: 100%; overflow: hidden; position: relative; left: 0; top: 0; color: #e7c884 } .rating-values { display: table-cell; padding-left: 5px } .qtip.check-saturday-shipping { font-size: 14px } .qtip.check-saturday-shipping h2 { color: #036; font-family: "Crimson", Perpetua, Palatino, "Times New Roman", Times, serif; font-variant: small-caps; font-size: 2.14286em; font-weight: normal; margin-top: 0.83333em; line-height: inherit; height: auto; padding: 0px } .qtip.check-saturday-shipping p { color: #777; line-height: 1.2; margin: 1.42857em 0; padding-right: 0.35714em } .qtip.check-saturday-shipping label, .qtip.check-saturday-shipping input { display: block } .qtip.check-saturday-shipping input { border: 1px solid #bdbdbd; -webkit-border-radius: 0.21429em 0.21429em 0.21429em 0.21429em / 3px; -moz-border-radius: 0.21429em 0.21429em 0.21429em 0.21429em / 3px; border-radius: 0.21429em 0.21429em 0.21429em 0.21429em / 3px; -webkit-box-shadow: 0 0.14286em 0 rgba(255,255,255,0.5), inset 0.07143em 0.07143em 0.21429em rgba(204,204,204,0.65); -moz-box-shadow: 0 0.14286em 0 rgba(255,255,255,0.5), inset 0.07143em 0.07143em 0.21429em rgba(204,204,204,0.65); box-shadow: 0 0.14286em 0 rgba(255,255,255,0.5), inset 0.07143em 0.07143em 0.21429em rgba(204,204,204,0.65); color: #333; height: 2.85714em; margin-top: 0.35714em; width: 100% } .qtip.check-saturday-shipping button.blue-nile-button { margin: 0.71429em 0; text-align: center; width: 100% } .qtip.check-saturday-shipping .reset-form { display: block; text-align: center; margin-bottom: 2.14286em } .qtip.check-saturday-shipping .reset-form a { cursor: pointer } .qtip.check-saturday-shipping .red { color: #600 } .customer-reviews-container { background-color: #eee; padding: 24px 10px; position: relative } @media only screen and (min-width: 600px) { .customer-reviews-container { padding: 24px 34px } } @media only screen and (min-width: 850px) { .customer-reviews-container { padding: 24px 76px } } #customer-reviews.loading .customer-reviews-container div { display: none } #customer-reviews.loading .customer-reviews-container div.summary { display: block; margin: 0; min-height: 120px } #customer-reviews.loading .customer-reviews-container div.summary:after { background-image: url(http://pics.bluenile.com/assets/chrome/items/BNloader.gif); content: ' '; display: block; margin: 0 auto; height: 80px; width: 80px } .customer-reviews-container .plural[data-value="1"] { display: none } .customer-reviews-container .summary { position: relative } @media only screen and (min-width: 600px) { .customer-reviews-container .summary { margin: 0 200px -35px 0 } } @media only screen and (min-width: 850px) { .customer-reviews-container .summary { margin: 0 } } .customer-reviews-container .summary h4, .customer-reviews-container .summary h5 { display: block; font-family: "Crimson", Perpetua, Palatino, "Times New Roman", Times, serif; font-weight: normal; font-size: 1.28571em; letter-spacing: 1.8px; line-height: 1em } @media only screen and (min-width: 600px) { .customer-reviews-container .summary h4, .customer-reviews-container .summary h5 { font-size: 1.71429em; letter-spacing: 2.4px } } .customer-reviews-container .summary h4 { text-transform: uppercase } .customer-reviews-container .summary h5 { margin-top: 12px } @media only screen and (min-width: 850px) { .customer-reviews-container .customer-reviews { display: table; width: 100% } } .customer-reviews-container .customer-reviews [itemprop="aggregateRating"] { display: table; margin-top: 6px } @media only screen and (min-width: 850px) { .customer-reviews-container .customer-reviews [itemprop="aggregateRating"] { display: table-cell; padding-right: 15px; width: 170px } } .customer-reviews-container .customer-reviews [itemprop="aggregateRating"] .overall { display: table-cell; width: 100% } @media only screen and (min-width: 600px) { .customer-reviews-container .customer-reviews [itemprop="aggregateRating"] .overall { padding-top: 35px } } @media only screen and (min-width: 850px) { .customer-reviews-container .customer-reviews [itemprop="aggregateRating"] .overall { display: block; padding-top: 0 } } .customer-reviews-container .customer-reviews [itemprop="aggregateRating"] .overall .review-stars { display: inline-block; margin-top: 6px; position: relative } .customer-reviews-container .customer-reviews [itemprop="aggregateRating"] .overall .review-stars:after { color: #027CD1; content: ""; font-family: 'icon-font'; font-size: 1.71429em; letter-spacing: 2px } @media only screen and (min-width: 600px) { .customer-reviews-container .customer-reviews [itemprop="aggregateRating"] .overall .review-stars:after { font-size: 24px } } .customer-reviews-container .customer-reviews [itemprop="aggregateRating"] .overall .review-stars .mask { background-color: #eee; font-size: 1.14286em; height: 100%; position: absolute; right: 0 } .customer-reviews-container .customer-reviews [itemprop="aggregateRating"] .overall .count { color: #777; font-size: 1em; margin-top: 10px } .customer-reviews-container .customer-reviews [itemprop="aggregateRating"] .overall .count .plural.hidden { display: none } .customer-reviews-container .customer-reviews [itemprop="aggregateRating"] .overall .rating-value { color: #036; font-size: 1.42857em; letter-spacing: 2.4px; margin-top: 15px } .customer-reviews-container .customer-reviews [itemprop="aggregateRating"] .rating-count { border-left: 1px solid #999; display: table-cell; margin-top: 20px; padding-left: 10px; vertical-align: top; min-width: 170px } @media only screen and (min-width: 850px) { .customer-reviews-container .customer-reviews [itemprop="aggregateRating"] .rating-count { border-left: 0; border-top: 1px solid #999; display: block; padding: 20px 0 0 0 } } .customer-reviews-container .customer-reviews [itemprop="aggregateRating"] .rating-count>.ratings { display: table; width: 100% } .customer-reviews-container .customer-reviews [itemprop="aggregateRating"] .rating-count>.ratings>.rating { cursor: pointer; display: table-row } .customer-reviews-container .customer-reviews [itemprop="aggregateRating"] .rating-count>.ratings>.rating:first-child>span, .customer-reviews-container .customer-reviews [itemprop="aggregateRating"] .rating-count>.ratings>.rating:first-child>div { padding-top: 0 } .customer-reviews-container .customer-reviews [itemprop="aggregateRating"] .rating-count>.ratings>.rating.filtered-by { background-color: #182852 } .customer-reviews-container .customer-reviews [itemprop="aggregateRating"] .rating-count>.ratings>.rating>span, .customer-reviews-container .customer-reviews [itemprop="aggregateRating"] .rating-count>.ratings>.rating>div { display: table-cell; height: 30px; vertical-align: middle; white-space: nowrap } .customer-reviews-container .customer-reviews [itemprop="aggregateRating"] .rating-count>.ratings>.rating.filtered-by .stars { color: #fff } .customer-reviews-container .customer-reviews [itemprop="aggregateRating"] .rating-count>.ratings>.rating .stars { padding: 0 10px 0 5px; color: #036 } .customer-reviews-container .customer-reviews [itemprop="aggregateRating"] .rating-count>.ratings>.rating .stars>span, .customer-reviews-container .customer-reviews [itemprop="aggregateRating"] .rating-count>.ratings>.rating .stars>i { display: inline-block } .customer-reviews-container .customer-reviews [itemprop="aggregateRating"] .rating-count>.ratings>.rating .stars>i { margin-left: 2px } .customer-reviews-container .customer-reviews [itemprop="aggregateRating"] .rating-count>.ratings>.rating .blue-bar { width: 100% } .customer-reviews-container .customer-reviews [itemprop="aggregateRating"] .rating-count>.ratings>.rating .blue-bar .container { background-color: #ADD1E5; height: 13px; position: relative; width: 100% } .customer-reviews-container .customer-reviews [itemprop="aggregateRating"] .rating-count>.ratings>.rating .blue-bar .container .progress { background-color: #027CD1; height: 13px; position: absolute; top: 0; left: 0 } .customer-reviews-container .customer-reviews [itemprop="aggregateRating"] .rating-count>.ratings>.rating.filtered-by .count { color: #fff } .customer-reviews-container .customer-reviews [itemprop="aggregateRating"] .rating-count>.ratings>.rating .count { color: #777; padding: 0 5px 0 10px } @media only screen and (min-width: 850px) { .customer-reviews-container .customer-reviews .sort-and-individual-review { display: table-cell } } .customer-reviews-container .customer-reviews .sort-and-individual-review .sort { margin-top: 25px; position: relative } .customer-reviews-container .customer-reviews .sort-and-individual-review .sort .sort-header { border: 1px solid #bdbdbd; cursor: pointer; line-height: 30px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ2VuZXJhdGVkLXN2ZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjEwMCUiIHgyPSIwJSIgeTI9IjAiPjxzdG9wIHN0b3AtY29sb3I9IiNkYmRiZGIiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmNWY1ZjUiIG9mZnNldD0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnZW5lcmF0ZWQtc3ZnKSIgLz48L3N2Zz4=); background-image: -webkit-gradient(linear, left bottom, left top, from(#dbdbdb), to(#f5f5f5)); background-image: -webkit-linear-gradient(bottom, #dbdbdb 0%, #f5f5f5 100%); background-image: -moz-linear-gradient(bottom, #dbdbdb 0%, #f5f5f5 100%); background-image: -o-linear-gradient(bottom, #dbdbdb 0%, #f5f5f5 100%); background-image: linear-gradient(to top, #dbdbdb 0%, #f5f5f5 100%) } .customer-reviews-container .customer-reviews .sort-and-individual-review .sort .sort-header:before { font-family: 'icon-font'; font-size: 1.42857em; margin: 0 10px; color: #f47900; content: "" } .customer-reviews-container .customer-reviews .sort-and-individual-review .sort .sort-header.expanded:before { content: "" } .customer-reviews-container .customer-reviews .sort-and-individual-review .sort .sort-header.expanded+.buttons { border-bottom: 1px solid #bdbdbd; max-height: 82px; z-index: 5 } .customer-reviews-container .customer-reviews .sort-and-individual-review .sort .buttons { background-color: #eee; border-right: 1px solid #bdbdbd; max-height: 0; overflow: hidden; position: absolute; width: 100%; -webkit-transition: max-height .25s; -moz-transition: max-height .25s; -o-transition: max-height .25s; transition: max-height .25s } .customer-reviews-container .customer-reviews .sort-and-individual-review .sort .buttons button { background-color: #fff; border-bottom: 1px solid #bdbdbd; border-left: 1px solid #bdbdbd; float: left; line-height: 40px; position: relative; width: 50% } .customer-reviews-container .customer-reviews .sort-and-individual-review .sort .buttons button:last-child:after { content: ''; display: block; height: 40px; position: absolute; right: -1px; top: 0; width: 1px; border-right: 1px solid #bdbdbd } .customer-reviews-container .customer-reviews .sort-and-individual-review .sort .buttons button+button+button { border-bottom: 0 } @media only screen and (min-width: 600px) { .customer-reviews-container .customer-reviews .sort-and-individual-review .sort .buttons button { width: 33.3% } .customer-reviews-container .customer-reviews .sort-and-individual-review .sort .buttons button:first-child+button+button { border-bottom: 1px solid #bdbdbd } } .customer-reviews-container .customer-reviews .sort-and-individual-review .sort .buttons button.selected { color: #fff; background-color: #999 } .customer-reviews-container .customer-reviews .sort-and-individual-review .individual-reviews .individual-review { background-color: #ffffff; margin-top: 12px; padding: 20px 10px; width: 100%; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s } .customer-reviews-container .customer-reviews .sort-and-individual-review .individual-reviews .individual-review.loading { opacity: 0 } @media only screen and (min-width: 600px) { .customer-reviews-container .customer-reviews .sort-and-individual-review .individual-reviews .individual-review { display: table } .customer-reviews-container .customer-reviews .sort-and-individual-review .individual-reviews .individual-review .content, .customer-reviews-container .customer-reviews .sort-and-individual-review .individual-reviews .individual-review .user-info { display: table-cell } .customer-reviews-container .customer-reviews .sort-and-individual-review .individual-reviews .individual-review .user-info { border-left: 1px solid #e6e6e6; padding: 0 15px; width: 138px } .customer-reviews-container .customer-reviews .sort-and-individual-review .individual-reviews .individual-review .content { padding-right: 15px } } .customer-reviews-container .customer-reviews .sort-and-individual-review .individual-reviews .individual-review .title { color: #036; font-family: "Crimson", Perpetua, Palatino, "Times New Roman", Times, serif; font-size: 16px; letter-spacing: 1.6px; line-height: 1.2; text-transform: uppercase } .customer-reviews-container .customer-reviews .sort-and-individual-review .individual-reviews .individual-review .date { color: #777; font-style: italic; margin-top: 3px } .customer-reviews-container .customer-reviews .sort-and-individual-review .individual-reviews .individual-review .review-stars { color: #027CD1; margin-top: 10px } .customer-reviews-container .customer-reviews .sort-and-individual-review .individual-reviews .individual-review .review-stars>i { margin-left: 2px } .customer-reviews-container .customer-reviews .sort-and-individual-review .individual-reviews .individual-review .review-stars>i:first-child { margin-left: 0 } .customer-reviews-container .customer-reviews .sort-and-individual-review .individual-reviews .individual-review .text-container { margin-top: 15px; overflow: hidden; position: relative } .customer-reviews-container .customer-reviews .sort-and-individual-review .individual-reviews .individual-review .text-container.collapsed { max-height: 88px } .customer-reviews-container .customer-reviews .sort-and-individual-review .individual-reviews .individual-review .text-container .text { color: #232323; letter-spacing: 0.21px; line-height: 22px; padding: 0 1px } .customer-reviews-container .customer-reviews .sort-and-individual-review .individual-reviews .individual-review .text-container .read-more { background-color: #fff; bottom: 0; cursor: pointer; display: none; line-height: 1.57143em; position: absolute; right: 0 } .customer-reviews-container .customer-reviews .sort-and-individual-review .individual-reviews .individual-review .text-container .read-more.visible { display: block } .customer-reviews-container .customer-reviews .sort-and-individual-review .individual-reviews .individual-review .text-container .read-more .action { color: #027CD1 } .customer-reviews-container .customer-reviews .sort-and-individual-review .individual-reviews .individual-review .user-info { margin-top: 20px } .customer-reviews-container .customer-reviews .sort-and-individual-review .individual-reviews .individual-review .user-info .author { font-weight: bold } .customer-reviews-container .customer-reviews .sort-and-individual-review .individual-reviews .individual-review .user-info .location { color: #777 } .customer-reviews-container .customer-reviews .sort-and-individual-review .individual-reviews .individual-review.no-results { color: #036; font-weight: bold } .customer-reviews-container .customer-reviews .sort-and-individual-review .viewing-count { color: #777; display: block; line-height: 24px; font-size: 0.92857em } .customer-reviews-container .customer-reviews .sort-and-individual-review [data-action="page-review-results"] { width: 100%; text-align: center } .customer-reviews-container .customer-reviews .sort-and-individual-review [data-action="page-review-results"].hidden { display: none } form[data-widget="success-or-error-form"] .success, form[data-widget="success-or-error-form"] .error { display: none } form[data-widget="success-or-error-form"] .default { display: block } form[data-widget="success-or-error-form"].error-state .default, form[data-widget="success-or-error-form"].error-state .success { display: none } form[data-widget="success-or-error-form"].error-state .error { display: block } form[data-widget="success-or-error-form"].success-state .default, form[data-widget="success-or-error-form"].success-state .error { display: none } form[data-widget="success-or-error-form"].success-state .success { display: block } div.modal[data-action=pdf-popup] { width: 90%; margin-left: -45% } @media only screen and (min-width: 850px) { div.modal[data-action=pdf-popup] { width: 950px; margin-left: -475px } } div.modal[data-action=pdf-popup] ul { list-style: none; margin: 0; padding: 0 } div.modal[data-action=pdf-popup] li { list-style: none; margin: 0; padding-left: 1.07143em; padding-right: 1.07143em } div.modal[data-action=pdf-popup] .popup-header { background-color: rgba(9,42,75,0.3); color: #036; text-align: center; font-family: "Crimson", Perpetua, Palatino, "Times New Roman", Times, serif; font-size: 1.78571em; font-weight: bold; line-height: 0.4em; width: 100%; padding: 0.6em 1.42857em 0.4em 1.42857em; -webkit-box-shadow: 0 0 5px rgba(255,255,190,0.75) inset; -moz-box-shadow: 0 0 5px rgba(255,255,190,0.75) inset; box-shadow: 0 0 5px rgba(255,255,190,0.75) inset } div.modal[data-action=pdf-popup] .popup-description { padding: 5px; text-align: center; height: 750px; position: relative } div.modal[data-action=pdf-popup] .popup-description.error { color: red } div.modal[data-action=pdf-popup] iframe { position: absolute; top: 0px; left: 0px; z-index: 2; border: 0px none; width: 100%; height: 100% }