/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, nav, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, nav, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* END RESET */
/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts: http://www.fonts.com
*/
@font-face {
font-family: 'Santral W01_n2';
src: url('/shared/fonts/4e01eac7-f8bb-4872-80cb-f1bfeb99b026.eot?#iefix')
format('eot');
}
@font-face {
font-family: 'Santral W01';
src: url('/shared/fonts/4e01eac7-f8bb-4872-80cb-f1bfeb99b026.eot?#iefix');
src: url('/shared/fonts/4e01eac7-f8bb-4872-80cb-f1bfeb99b026.eot?#iefix')
format('eot'),
url('/shared/fonts/3434236f-1863-4480-80df-e8b135a29ba8.woff2') format('woff2'),
url('/shared/fonts/7e9451f9-b1cb-4dd6-b3f6-5f2ec89759c1.woff') format('woff'),
url('/shared/fonts/154cf479-bbd6-4a3b-84b6-e899d028f23d.ttf') format('truetype');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'Santral W01_i2';
src: url('/shared/fonts/0ccf91b4-7997-4c52-8705-99466c1e682b.eot?#iefix')
format('eot');
}
@font-face {
font-family: 'Santral W01';
src: url('/shared/fonts/0ccf91b4-7997-4c52-8705-99466c1e682b.eot?#iefix');
src: url('/shared/fonts/0ccf91b4-7997-4c52-8705-99466c1e682b.eot?#iefix')
format('eot'),
url('/shared/fonts/87802d34-0491-4469-81d5-644e0c41df3d.woff2') format('woff2'),
url('/shared/fonts/e55d63a0-3ce6-4ad1-9863-9f21d7b376a1.woff') format('woff'),
url('/shared/fonts/0bb3e45a-68e8-4d3b-8d19-b9eb3b309420.ttf') format('truetype');
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: 'Santral W01_n4';
src: url('/shared/fonts/9c8a9420-7062-4a0b-a944-0c11195dca30.eot?#iefix')
format('eot');
}
@font-face {
font-family: 'Santral W01';
src: url('/shared/fonts/9c8a9420-7062-4a0b-a944-0c11195dca30.eot?#iefix');
src: url('/shared/fonts/9c8a9420-7062-4a0b-a944-0c11195dca30.eot?#iefix')
format('eot'),
url('/shared/fonts/3218b0c1-3588-481d-b813-0ac1c93e3547.woff2') format('woff2'),
url('/shared/fonts/829c3cc6-3901-4b89-b99e-0877b7a7ba67.woff') format('woff'),
url('/shared/fonts/a143092e-4b93-45db-89d8-241e1986b3d9.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Santral W01_n6';
src: url('/shared/fonts/6d24cad4-78b8-438b-ba86-6981ee26b89a.eot?#iefix')
format('eot');
}
@font-face {
font-family: 'Santral W01';
src: url('/shared/fonts/6d24cad4-78b8-438b-ba86-6981ee26b89a.eot?#iefix');
src: url('/shared/fonts/6d24cad4-78b8-438b-ba86-6981ee26b89a.eot?#iefix')
format('eot'),
url('/shared/fonts/5f4c3fed-252b-4389-9953-0eb951318278.woff2') format('woff2'),
url('/shared/fonts/7a49e77a-ad94-4a5d-b2c9-224ef3ce497c.woff') format('woff'),
url('/shared/fonts/27a43598-4f2b-45a9-bb9c-38bd1c0626fc.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Santral W01_i6';
src: url('/shared/fonts/0e4c0a37-2a25-4767-a860-1b7a5b399a7d.eot?#iefix')
format('eot');
}
@font-face {
font-family: 'Santral W01';
src: url('/shared/fonts/0e4c0a37-2a25-4767-a860-1b7a5b399a7d.eot?#iefix');
src: url('/shared/fonts/0e4c0a37-2a25-4767-a860-1b7a5b399a7d.eot?#iefix')
format('eot'),
url('/shared/fonts/4baf1557-0d1b-4810-ab03-c138a14cd2d8.woff2') format('woff2'),
url('/shared/fonts/cbf70cc5-8e9d-4235-bf7a-8744f0551ca3.woff') format('woff'),
url('/shared/fonts/2eba881c-4149-46af-aea7-fafa3a94f5f0.ttf') format('truetype');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Santral W01_n7';
src: url('/shared/fonts/1ddb5582-a8f8-46b0-b7a9-3df14a5bc89d.eot?#iefix')
format('eot');
}
@font-face {
font-family: 'Santral W01';
src: url('/shared/fonts/1ddb5582-a8f8-46b0-b7a9-3df14a5bc89d.eot?#iefix');
src: url('/shared/fonts/1ddb5582-a8f8-46b0-b7a9-3df14a5bc89d.eot?#iefix')
format('eot'),
url('/shared/fonts/b4a84c70-ff6f-45d2-89c0-9d94369ebe03.woff2') format('woff2'),
url('/shared/fonts/0acba49e-a779-4427-b8dd-6739df1eee39.woff') format('woff'),
url('/shared/fonts/55104715-f529-451a-9a4c-e0c58faaa68b.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'tiffany-icons';
src:
url('/shared/fonts/tiffany-icons.ttf?9gdxuq') format('truetype'),
url('/shared/fonts/tiffany-icons.woff?9gdxuq') format('woff'),
url('/shared/fonts/tiffany-icons.svg?9gdxuq#tiffany-icons') format('svg');
font-weight: normal;
font-style: normal;
}
.icon-font {
font-family: 'tiffany-icons' !important;
font-size: 24px;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
display: inline-block;
line-height: 1;
letter-spacing: 0;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: "liga";
-moz-font-feature-settings: "liga=1";
-moz-font-feature-settings: "liga";
-ms-font-feature-settings: "liga" 1;
font-feature-settings: "liga";
-webkit-font-variant-ligatures: discretionary-ligatures;
font-variant-ligatures: discretionary-ligatures;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html { font-size: 62.5%; }
h1, h2, h3, h4, h5, h6 { line-height: 100%; }
body {
font-family: 'Santral W01', Helvetica, Arial, sans-serif;
font-weight: 200;
font-size: 1.4rem;
line-height: 24px;
font-style: normal;
width: 100%;
height: 100%;
-webkit-text-size-adjust: none;
}
p { line-height: 171%; }
a:not(.btn):not(.btn-aem):focus {
outline: 1px solid #00a4b7;
}
.type-h-titlecase {
letter-spacing: 0 !important;
text-transform: none !important;
}
.type-h1 {
font-size: 7.2rem;
line-height: 85%;
text-transform: uppercase;
}
.type-h2 {
font-size: 4.2rem;
line-height: 100%;
text-transform: uppercase;
}
.type-h3 {
font-size: 2.6rem;
line-height: 100%;
letter-spacing: .025em;
text-transform: uppercase;
}
.type-h4 {
font-size: 3.5rem;
line-height: 95%;
letter-spacing: .025em;
text-transform: uppercase;
}
.type-h5 {
font-size: 1.8rem;
line-height: 135%;
text-transform: uppercase;
}
.type-h6 {
font-size: 4rem;
line-height: 100%;
text-transform: uppercase;
}
.type-b2 {
font-size: 1.6rem;
line-height: 163%;
}
.type-b2-b {
font-size: 1.6rem;
line-height: 163%;
font-weight: 700;
}
.type-b3 {
font-size: 2.3rem;
line-height: 145%;
}
.type-b4 {
font-size: 1.4rem;
line-height: 171%;
}
.type-eb1-i {
font-size: 1.2rem;
line-height: 150%;
font-style: italic;
}
.type-eb2-i {
font-size: 2.3rem;
line-height: 150%;
font-style: italic;
}
.type-eb2-c {
font-size: 1.3rem;
line-height: 150%;
letter-spacing: .025em;
text-transform: uppercase;
}
.type-eb3-i {
font-size: 1.0rem;
line-height: 150%;
font-style: italic;
}
.type-q1 {
font-size: 3.2rem;
line-height: 125%;
}
.type-cta {
font-size: 1.1rem;
line-height: 150%;
letter-spacing: .05em;
text-transform: uppercase;
}
.type-cta i {
font-size: 1rem;
}
.type-cta-large {
font-size: 1.3rem;
line-height: 150%;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.type-cta-large i {
font-size: 1.1rem;
}
.type-cta-alt {
font-size: 1.1rem;
line-height: 150%;
letter-spacing: 0em;
text-transform: none;
}
em { font-style: italic; }
strong, b { font-weight: 700; }
input, textarea, select {
font-family: 'Sterling SSm A', 'Sterling SSm B', serif;
font-size: 1.2rem;
}
/* Locale Specific Changes for Font Family */
body.ja-JP {
font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Meiryo', sans-serif;
}
body.ko-KR {
font-family: 'Arial Unicode MS', Arial, GulimChe, '굴림체',
'Apple SD Gothic Neo', '애플SD 산돌고딕Neo', sans-serif;
}
body.ru-RU {
font-family: 'Noto Sans', sans-serif;
}
body.zh-CN {
font-family: Tahoma, Arial, Helvetca, 'Microsof YaHei New', 'Microsof Yahei',
'微软雅黑', 宋体, SimSun, STXihei, '华文细黑', sans-serif;
}
body.zh-Hant {
font-family: 'Arial Unicode MS', Arial, Helvetca, '微正黑軟體',
'Microsof JhengHei', STHeit, sans-serif;
}
.sterling-display {
font-family: 'Sterling Display A', 'Sterling Display B', serif;
}
body.ja-JP .sterling-display {
font-family: 'Sterling Display A', 'Sterling Display B', 'Hiragino Mincho Pro', 'MS PMincho', serif;
}
body.ko-KR .sterling-display {
font-family: 'Sterling Display A', AppleMyungjo, Batang, 바탕, serif;
}
body.ru-RU .sterling-display {
font-family: 'Noto Serif', serif;
}
body.zh-CN .sterling-display {
font-family: 'Sterling Display A', 'Sterling Display B', NSimSun, '新宋体',
STSong, '华文宋体', serif;
}
body.zh-Hant .sterling-display {
font-family: 'Sterling Display A', 'Sterling Display B', PMingLiU,
'Apple LiSung Light', serif;
}
/* Locale Specific Changes for Font Type */
body.ja-JP .type-eb1-i,
body.ja-JP .type-eb2-i,
body.ja-JP-EStr .type-eb1-i,
body.ja-JP-EStr .type-eb2-i {
font-style: normal;
}
body.ko-KR .type-eb1-i,
body.ko-KR .type-eb2-i {
font-style: normal;
}
body.zh-CN .type-eb1-i,
body.zh-CN .type-eb2-i {
font-style: normal;
}
body.zh-Hant .type-eb1-i,
body.zh-Hant .type-eb2-i {
font-style: normal;
}
/* Mobile Adjustments */
@media screen and (max-width: 767px) {
.type-h1 {
font-size: 4.2rem;
}
.type-h2 {
font-size: 2.6rem;
letter-spacing: .025em;
}
h1.type-h2{
font-size: 4.2rem;
letter-spacing: 0;
}
.type-h3 {
font-size: 2.6rem;
}
.type-h4 {
font-size: 2.6rem;
}
.type-h5 {
font-size: 1.8rem;
}
.type-h6 {
font-size: 3.2rem;
}
.type-b2 {
font-size: 1.4rem;
}
.type-b2-b {
font-size: 1.4rem;
}
.type-b3 {
font-size: 1.8rem;
}
.type-b4 {
font-size: 1.4rem;
}
.type-eb1-i {
font-size: 1.3rem;
}
.type-eb2-i {
font-size: 2.3rem;
}
.type-eb2-c {
font-size: 1.3rem;
}
.type-eb3-i {
font-size: 1.1rem;
}
.type-q1 {
font-size: 3.2rem;
}
.type-cta {
font-size: 1.1rem;
}
.type-cta-large {
font-size: 1.3rem;
}
.type-cta-alt {
font-size: 1.1rem;
}
}
.type-aem-h1 {
font-size: 5.6rem;
line-height: 64px;
font-weight: 400;
}
.type-aem-h2 {
font-size: 4rem;
line-height: 48px;
font-weight: 400;
}
.type-aem-h3 {
font-size: 3.2rem;
line-height: 40px;
font-weight: 400;
}
.type-aem-h4 {
font-size: 2.4rem;
line-height: 32px;
font-weight: 600;
}
.type-aem-h5 {
font-size: 1.6rem;
line-height: 24px;
font-weight: 600;
}
.type-aem-h6 {
font-size: 2.3rem;
line-height: 32px;
font-weight: 400;
font-style: italic;
}
.type-aem-b-i {
font-size: 1.4rem;
line-height: 24px;
font-style: italic;
}
.type-aem-b-r {
font-size: 1.4rem;
line-height: 24px;
font-weight: 400;
}
.type-aem-b-sb {
font-size: 1.4rem;
line-height: 24px;
font-weight: 600;
}
.type-aem-b-sbi {
font-size: 1.4rem;
line-height: 24px;
font-weight: 600;
font-style: italic;
}
.type-aem-sub {
font-size: 1.2rem;
line-height: 16px;
font-weight: 400;
}
.type-aem-sub-i {
font-size: 1.2rem;
line-height: 16px;
font-weight: 400;
font-style: italic;
}
.type-aem-sub-b {
font-size: 1.2rem;
line-height: 16px;
font-weight: 700;
}
.type-aem-sub-bi {
font-size: 1.2rem;
line-height: 16px;
font-weight: 700;
font-style: italic;
}
.type-aem-cta {
font-size: 1.2rem;
line-height: 24px;
font-weight: 400;
}
.type-aem-cta-l {
font-size: 1.4rem;
line-height: 24px;
font-weight: 400;
}
.type-aem-cta i,
.type-aem-cta-l i {
font-size: .8rem;
margin-left: 3px;
}
/* Locale Specific Changes for Font Type */
.zh-CN .type-aem-sub-i,
.zh-Hant .type-aem-sub-i,
.ko-KR .type-aem-sub-i,
.ja-JP .type-aem-sub-i {
font-style: normal;
}
.zh-CN .type-aem-sub-bi,
.zh-Hant .type-aem-sub-bi,
.ko-KR .type-aem-sub-bi,
.ja-JP .type-aem-sub-bi {
font-style: normal;
}
.zh-CN .type-aem-b-sbi,
.zh-Hant .type-aem-b-sbi,
.ko-KR .type-aem-b-sbi,
.ja-JP .type-aem-b-sbi {
font-style: normal;
}
.zh-CN .type-aem-b-i,
.zh-Hant .type-aem-b-i,
.ko-KR .type-aem-b-i,
.ja-JP .type-aem-b-i {
font-style: normal;
}
.zh-CN .type-aem-h6,
.zh-Hant .type-aem-h6,
.ko-KR .type-aem-h6,
.ja-JP .type-aem-h6 {
font-style: normal;
}/* Flex Grid */
/* Grid Containers */
.flex-block {
display: -webkit-flex;
display: flex;
margin: 0 -10px;
}
.flex-inline {
display: -webkit-inline-flex;
display: inline-flex;
}
.flex-block .flex-block {
margin: 0;
padding: 0;
}
.flex-wrap {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.no-gutters, .no-gutters .flex-block {
padding: 0;
margin: 0;
}
.gutters-1p, .gutters-1p .flex-block {
margin: 0 -.5%;
}
.gutters-1p .flex-item {
padding: .5%;
}
.justify-right {
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.justify-center {
-webkit-justify-content: center;
justify-content: center;
}
.justify-space-between {
-webkit-justify-content: space-between;
justify-content: space-between;
}
.justify-space-around {
-webkit-justify-content: space-around;
justify-content: space-around;
}
.align-top {
-webkit-align-items: flex-start;
align-items: flex-start;
}
.align-bottom {
-webkit-align-items: flex-end;
align-items: flex-end;
}
.align-center {
-webkit-align-items: center;
align-items: center;
}
.align-baseline {
-webkit-align-items: baseline;
align-items: baseline;
}
/* Grid Items */
.flex-item {
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
padding: 10px;
box-sizing: border-box;
}
.flex-shrink > .flex-item {
-webkit-flex-grow: 0;
flex-grow: 0;
-webkit-flex-shrink: 1;
flex-shrink: 1;
}
.no-gutters > .flex-item {
padding: 0;
}
.align-self-top {
-webkit-align-self: flex-start;
align-self: flex-start;
}
.align-self-bottom {
-webkit-align-self: flex-end;
align-self: flex-end;
}
.align-self-center {
-webkit-align-self: center;
align-self: center;
}
.align-self-baseline {
-webkit-align-self: baseline;
align-self: baseline;
}
.align-self-stretch {
-webkit-align-self: stretch;
align-self: stretch;
}
.direction-row-reverse {
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.direction-column {
-webkit-flex-direction: column;
flex-direction: column;
}
.direction-column-reverse {
-webkit-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.col-12 {
-webkit-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.col-11 {
-webkit-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-10 {
-webkit-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-9 {
-webkit-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-8 {
-webkit-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-7 {
-webkit-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-6 {
-webkit-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-5 {
-webkit-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-4 {
-webkit-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-3 {
-webkit-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-2 {
-webkit-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-1 {
-webkit-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
@media screen and (max-width: 767px) {
.flex-block:not(.dont-stack) {
flex-wrap: wrap;
flex-direction: row;
}
.flex-block:not(.dont-stack) > .flex-item {
width: 100%;
max-width: 100%;
flex: 0 0 100%;
}
}
/* End Flex Grid */
input {
border: 0;
background: #f7f7f7;
padding: 11px 15px;
border: 1px solid #f7f7f7;
outline: none;
font-family: 'Sterling SSm A', 'Sterling SSm B', serif;
font-size: 1.2rem;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
}
input.error {
border-color: #e31f26;
}
textarea {
border: 0;
background: #f7f7f7;
padding: 11px 15px;
border: 1px solid #f7f7f7;
outline: none;
font-family: 'Sterling SSm A', 'Sterling SSm B', serif;
font-size: 1.2rem;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
}
select {
background:#f7f7f7;
border: 1px solid #f7f7f7;
padding: 11px 15px;
-webkit-appearance: none;
-moz-appearance: none;
padding-right: 25px;
border-radius: 0;
outline: none;
cursor: pointer;
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiPjxzd2l0Y2g+PGc+PHBhdGggZD0iTTEyIDE4LjI4LjE0NiA2LjQyNy44NTQgNS43MiAxMiAxNi44NjYgMjMuMTUgNS43MiAyMy44NTQgNi40Mjd6Ii8+PC9nPjwvc3dpdGNoPjwvc3ZnPg==');
background-repeat: no-repeat;
background-position: calc(100% - 8px) center;
background-size: 12px 12px;
font-family: 'Sterling SSm A', 'Sterling SSm B', serif;
font-size: 1.2rem;
color: #999;
}
select::-ms-expand {
display: none;
}
select.select--has-value { color: black; }
option { color: #000; }
option[value=""] { color: #999; }
select.type-cta {
background-color: transparent;
border: none;
padding-left: 0;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzA0RDdDNUYxNEUwMTFFODhEODBGMEYxRTI2QTY3QUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzA0RDdDNjAxNEUwMTFFODhEODBGMEYxRTI2QTY3QUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozODgwMDNCQTE0QzIxMUU4OEQ4MEYwRjFFMjZBNjdBQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMDREN0M1RTE0RTAxMUU4OEQ4MEYwRjFFMjZBNjdBQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl+E9LIAAAC/SURBVHjaYlSWV9jIwMDgx0AdsIkJSCQD8XMqGAYyI5npzoP7b4CMeCoYGA8yC+RCBiBjN5DqpcCwXqgZDExIgtVAfIEMwy5A9YIB4////+EyKgqKmkDqLBBzEmnYdyA2BrruOkwA2YUMUIkiElxXhGwYhguRXEpMUtoENMwfXZAJh2JCSek5VA0DUQYSkZTioWoYiHUhvqQETyIkGYgjKaEkEWwAa6SgRRAsKTGgJxGyDIQamgENhhmE1AIEGACCbVNfwpLEawAAAABJRU5ErkJggg==');
background-size: 10px;
background-position: calc(100% - 8px) 15px;
}
.inputs--white input,
.inputs--white textarea,
.inputs--white select {
border: 1px solid #666;
background-color: #fff;
}
input[type="radio"] {
-webkit-appearance: radio;
padding: 0;
vertical-align: top;
}
input[type="checkbox"] {
-webkit-appearance: checkbox;
padding: 0;
vertical-align: top;
}
input[type="color"] {
padding: 0;
}
input[type="image"] {
background: none;
padding: 0;
border: 0;
}
input[type="range"] {
background: none;
padding: 0;
border: 0;
-webkit-appearance: slider-horizontal;
}
.input--with-icon {
padding-right: 30px;
max-width: calc(100% - 24px);
}
.input--with-icon + i.icon-font, .input--with-icon + a {
display: inline-block;
position: relative;
left: -30px;
top: 10px;
vertical-align: top;
font-size: 16px;
}
.input--with-icon + a i {
display: block;
font-size: 20px;
}
.btn {
background: #81d8d0;
border: 1px solid #81d8d0;
padding: 17.5px 50px;
font-size: 1.1rem;
line-height: 1.3rem;
letter-spacing: .05em;
text-transform: uppercase;
cursor: pointer;
outline: none;
-webkit-appearance: none;
border-radius: 0;
display: inline-block;
box-sizing: border-box;
text-align: center;
font-weight: 300;
transition: all .2s ease-out;
}
.btn:hover {
background: #9ce8df;
border: 1px solid #9ce8df;
color: #000 !important; /* needed to override link blue hover color */
}
.btn.btn-secondary {
background: none;
border: 1px solid #666;
}
.btn.btn-secondary:hover {
background: #9ce8df;
}
.btn[disabled], .btn.disabled {
background: #ccc;
border: 1px solid #ccc;
color: #888;
}
.btn--thin { padding-left: 12px; padding-right: 12px; }
.btn--skinny { padding-top: 12.5px; padding-bottom: 12.5px; }
/*input:focus, textarea:focus, select:focus, .input-group input[type="radio"]:focus + span, .input-group input[type="checkbox"]:focus + span {
box-shadow: 0 0 3px #359298;
}
a:focus,
.btn:focus {
outline: 1px dotted;
}*/
.visually-hidden,
.input-group input[type="radio"],
.input-group input[type="checkbox"],
.md-radio input[type="radio"],
.md-checkbox input[type="checkbox"] {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px!important;
}
.input-group label {
display: block;
padding: 5px 0;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.input-group label + br { display: none; }
.input-group input[type="radio"] + span {
display: inline-block;
border: 1px solid #666;
padding: 1px;
border-radius: 50%;
box-sizing: border-box;
float: left;
margin: 3px 7px 7px 0;
}
.input-group.type-b4 input[type="radio"] + span {
margin: 3px 7px 7px 0;
}
.input-group input[type="radio"] + span:before {
content: '';
display: block;
width: 8px;
height: 8px;
border-radius: 50%;
transition: .2s background ease-out;
}
.input-group input[type="radio"]:checked + span:before {
background: #81D8D0;
}
.input-group input[type="checkbox"] + span {
display: inline-block;
border: 1px solid #666;
width: 12px;
height: 12px;
position: relative;
line-height: 24px;
box-sizing: border-box;
margin-right: 5px;
float: left;
margin: 5px 7px 7px 0;
}
.input-group.type-b4 input[type="checkbox"] + span {
margin: 3px 7px 7px 0;
}
.input-group input[type="checkbox"] + span:before {
content: '';
display: block;
position: absolute;
font-size: 12px;
top: -6px;
left: 0px;
}
.input-group input[type="checkbox"]:checked + span:before {
content: '✓';
}
.input-group input[type="radio"] ~ p, .input-group input[type="checkbox"] ~ p {
margin: 0 0 0 17px;
font-size: 1.2rem;
font-style: italic;
}
.ja-JP .input-group input[type="radio"] ~ p,
.ja-JP .input-group input[type="checkbox"] ~ p,
.ja-JP-EStr .input-group input[type="radio"] ~ p,
.ja-JP-EStr .input-group input[type="checkbox"] ~ p {
font-style: normal;
}
.ko-KR .input-group input[type="radio"] ~ p,
.ko-KR .input-group input[type="checkbox"] ~ p {
font-style: normal;
}
.zh-CN .input-group input[type="radio"] ~ p,
.zh-CN .input-group input[type="checkbox"] ~ p {
font-style: normal;
}
.zh-Hant .input-group input[type="radio"] ~ p,
.zh-Hant .input-group input[type="checkbox"] ~ p {
font-style: normal;
}
@media screen and (max-width: 767px) {
.btn {
font-size: 1.5rem;
}
}
.md-input {
display: inline-block;
vertical-align: top;
position: relative;
margin: 16px 0 0;
padding-bottom: 24px;
line-height: 24px;
}
.md-input label:not(.error):not(.error-text):not(.serverError) {
display: block;
position: absolute;
color: #767676;
cursor: text;
top: 0px;
left: 1px;
backface-visibility: hidden;
z-index: 0;
transition: all 0.2s ease-out;
transform-origin: left;
}
.md-input .error,
.md-input .error-text,
.md-input .serverError {
display: block;
color: #e31f26;
font-size: 1rem;
line-height: 1.6;
margin-top: 5px;
}
.md-input input,
.md-input textarea,
.md-input select {
display: block;
width: 100%;
position: relative;
background-color: transparent;
border: 1px solid transparent;
padding: 0;
font-family: 'Santral W01', Helvetica, Arial, sans-serif;
font-size: 1.4rem;
line-height: 1.71;
min-width: 150px;
color: #000;
caret-color: #00a4b7;
transition: border-color 0.2s ease-out;
border-bottom: 1px solid #767676;
}
.md-input textarea {
border: 1px solid #767676;
}
.md-input select {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzA0RDdDNUYxNEUwMTFFODhEODBGMEYxRTI2QTY3QUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzA0RDdDNjAxNEUwMTFFODhEODBGMEYxRTI2QTY3QUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozODgwMDNCQTE0QzIxMUU4OEQ4MEYwRjFFMjZBNjdBQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMDREN0M1RTE0RTAxMUU4OEQ4MEYwRjFFMjZBNjdBQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl+E9LIAAAC/SURBVHjaYlSWV9jIwMDgx0AdsIkJSCQD8XMqGAYyI5npzoP7b4CMeCoYGA8yC+RCBiBjN5DqpcCwXqgZDExIgtVAfIEMwy5A9YIB4////+EyKgqKmkDqLBBzEmnYdyA2BrruOkwA2YUMUIkiElxXhGwYhguRXEpMUtoENMwfXZAJh2JCSek5VA0DUQYSkZTioWoYiHUhvqQETyIkGYgjKaEkEWwAa6SgRRAsKTGgJxGyDIQamgENhhmE1AIEGACCbVNfwpLEawAAAABJRU5ErkJggg==');
background-size: 10px;
padding-right: 25px;
}
.md-input--no-line input,
.md-input--no-line textarea,
.md-input--no-line select {
border-bottom: 1px solid transparent;
}
.md-input--has-focus input,
.md-input--has-focus textarea,
.md-input--has-focus select {
border-bottom-color: #000;
}
.md-input.errorWrapper input,
.md-input.errorWrapper textarea,
.md-input.errorWrapper select,
.md-input.serverErrorWrapper input,
.md-input.serverErrorWrapper textarea,
.md-input.serverErrorWrapper select {
border-color: transparent !important;
border-bottom-color: #e31f26 !important;
}
.md-input--has-focus.errorWrapper input,
.md-input--has-focus.errorWrapper textarea,
.md-input--has-focus.errorWrapper select,
.md-input--has-focus.serverErrorWrapper input,
.md-input--has-focus.serverErrorWrapper textarea,
.md-input--has-focus.serverErrorWrapper select {
border-bottom-color: #000 !important;
}
.md-input .input--with-icon {
max-width: none;
padding-right: 24px;
}
.md-input .input--with-icon + i.icon-font,
.md-input .input--with-icon + a {
position: absolute;
top: 2px;
right: 4px;
left: auto;
}
.md-input--has-focus label:not(.error):not(.error-text):not(.serverError),
.md-input--has-value label:not(.error):not(.error-text):not(.serverError) {
transform: translateY(-20px) scale(0.83);
}
.md-input--disabled label:not(.error):not(.error-text):not(.serverError) {
color: #e4e4e4;
}
.md-input--disabled input,
.md-input--disabled textarea,
.md-input--disabled select {
border-bottom-color: #e4e4e4;
}
.md-input--has-error .error,
.md-input--has-error .error-text,
.md-input--has-error .serverError {
display: block;
}
.md-radio,
.md-checkbox {
padding: 5px 0;
line-height: 25px;
}
.md-radio label,
.md-checkbox label {
display: inline-block;
cursor: pointer;
position: relative;
}
.md-radio label:not(.error)::before,
.md-checkbox label:not(.error)::before {
content: '';
display: inline-block;
box-sizing: border-box;
width: 16px;
height: 16px;
padding: 2px;
border: 1px solid #000;
border-radius: 50%;
vertical-align: middle;
margin-top: -4px;
margin-right: 10px;
transition: box-shadow 0.2s ease-out;
}
.md-checkbox label:not(.error)::before {
border-radius: 0;
}
.md-radio input:focus + label::before,
.md-checkbox input:focus + label::before {
box-shadow: 0 0 0 2px #00a4b7;
}
.md-checkbox input:checked + label::before {
background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJFYmVuZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNCAyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiMwMGE0Yjc7fTwvc3R5bGU+Cjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTYsOC41IDExLjcsMTIuOCAxMCwxMS4xIDkuMywxMS44IDExLjcsMTQuMiAxMS45LDE0IDExLjksMTQgMTYuNyw5LjIgIi8+Cjwvc3ZnPg==);
background-position: -10px -8px;
}
.md-radio input:checked + label::after {
content: '';
display: block;
position: absolute;
top: 7px;
left: 3px;
width: 10px;
height: 10px;
border-radius: 50%;
background: #00a4b7;
}
.md-radio p {
margin: 0 0 0 26px;
font-size: 1.2rem;
}
.md-radio--btn label {
border: 1px solid #767676;
padding: 10px 40px;
}
.md-radio--btn input:checked + label {
border-color: #000;
outline: 1px solid #000;
font-weight: 600;
}
.md-radio--btn input:focus + label {
box-shadow: 0 0 0 3px #00a4b7;
}
.md-radio--btn label:not(.error)::before,
.md-radio--btn label:not(.error)::after,
.md-radio--btn input:checked + label::after {
content: none;
}
.btn-aem {
display: inline-block;
box-sizing: border-box;
padding: 19.5px 24px;
cursor: pointer;
background: #000;
border: 1px solid #000;
color: #fff;
font-family: 'Santral W01', Helvetica, Arial, sans-serif;
font-size: 1.4rem;
line-height: 1.14;
font-weight: 600;
text-transform: none;
letter-spacing: normal;
min-width: 200px;
text-align: center;
transition: all 0.2s ease-out;
}
.btn-aem::after {
content: none;
}
.btn-aem:focus {
border-color: #fff;
box-shadow: 0 0 0 2px #00a4b7;
}
.btn-aem:hover,
.btn-aem:active {
background-color: #81d8d0;
color: #000 !important;
}
.btn-aem--secondary {
background: #fff;
color: #000;
}
.btn-aem--secondary:focus {
border-color: #000;
}
.btn-aem--secondary:hover,
.btn-aem--secondary:active {
background: #fff;
color: #000 !important;
}
.btn-aem[disabled],
.btn-aem.disabled {
background: #e4e4e4;
border-color: #e4e4e4;
cursor: default;
}
.btn-aem[disabled]:hover,
.btn-aem.disabled:hover {
color: #fff !important;
}
.btn-aem--secondary[disabled],
.btn-aem--secondary.disabled {
background: #fff;
color: #e4e4e4;
}
.btn-aem--secondary[disabled]:hover,
.btn-aem--secondary.disabled:hover {
color: #e4e4e4 !important;
}
.btn-aem--split {
display: inline-flex;
justify-content: space-around;
flex-wrap: wrap;
padding: 14.5px 19px;
}
.btn-aem--split span {
padding: 5px;
}
.btn-aem--fab {
background: #81d8d0;
border-color: #81d8d0;
border-radius: 50%;
min-width: inherit;
width: 56px;
height: 56px;
padding: 0;
outline: none;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
color: #000;
font-size: 0.8rem;
font-weight: 600;
}
.btn-aem--fab:focus {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
border-color: #767676;
}
.btn-aem--fab i {
display: block;
font-size: 20px;
}
@media screen and (max-width: 767px) {
.btn-aem {
padding: 15.5px 24px;
}
}.modal-container {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 102;
background: rgba(216,216,216,.25);
transition: 0.3s opacity ease-in;
opacity: 0;
margin-right: 1%;
}
.modal-container.visible {
opacity: 1;
}
.modal-inner {
position: absolute;
overflow-y: auto;
right: 0;
background: #fff;
border-bottom: 5px solid #81d8d0;
padding: 80px 10px 30px 10px;
width: 460px;
max-width: 100%;
height: 100%;
box-sizing: border-box;
transition: 0.3s transform ease-out;
transform: translate3d(100%, 0, 0);
}
.modal--window {
display: flex;
align-items: center;
justify-content: center;
}
.modal--window .modal-inner {
position: static;
width: 500px;
height: auto;
max-width: calc(100% - 36px);
transition: none;
transform: none;
}
.modal--window .modal-body {
margin: 20px 0;
}
.modal--window .btn-aem {
margin-bottom: 20px;
}
.modal--center-text {
text-align: center;
}
.modal__loading {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
min-height: 150px;
}
.modal--window .btn-aem:first-child {
margin-right: 20px;
}
.modal-container.visible .modal-inner {
transform: translate3d(0, 0, 0);
}
.modal-small .modal-inner {
width: 400px;
}
.modal-large .modal-inner {
width: 700px;
}
.modal-full .modal-inner {
width: 1220px;
}
.modal-inner .close-modal-x {
position: absolute;
top: 10px;
right: 10px;
padding: 15px;
line-height: 100%;
}
.modal-inner .close-modal-x i {
font-size: 24px;
}
.modal-container h2 { padding: 0 20px 10px; }
.modal-content iframe {
width: 100%;
height: 100%;
padding: 10px 5px 0 0;
}
.modal-content .modal-body {
padding: 0 20px;
}
.modal-body p { margin: 0 0 20px; }
.modal-static-content { display: none; }
.scrollDisabled {
position: fixed;
margin-top: 0;
width: 100%;
overflow-y:scroll;
}
.custm_scroll::-webkit-scrollbar
{
width: 4px;
background-color: black ;
}
.custm_scroll::-webkit-scrollbar-track
{
background-color: black;
border-left: 2px solid white;
border-right: 0px solid white;
}
.custm_scroll::-webkit-scrollbar-thumb
{
background-color: black;
}
.confident_builder li.bullet {
padding: 20px 4px 20px 4px;
border: 1px solid rgba(0, 0, 0, 0.12);
border-right: 0px;
border-left: 0px;
color: rgba(0, 0, 0, 0.12);
display: flex;
align-items: center;
}
.confident_builder-title {
font-weight: 600;
font-size: 20px;
line-height: 24px;
padding-bottom: 30px;
}
.confident_builder-footer {
padding-top: 10px !important;
padding-bottom: 0px !important;
border-bottom: 0px !important;
}
.confident_builder-footer a {
color: #767676 !important;
}
.confident_builder a.type-aem-cta {
align-self: center
}
.confident_builder-footer .left-alg {
margin-left: auto;
}
.confident_builder-icons {
color: #000;
font-size: 1.2rem;
justify-content: flex-end;
flex-direction: row;
margin-left: auto;
align-self: center;
}
.confident_builder-face-icon {
width: 32px;
height: 32px;
color: #000;
margin-right: 10px;
font-size: 32px;
font-weight: 500;
}
a.confident_builder-icons:hover, a.confident_builder-icons:after{
background: none;
}
.confident_builder-face-icon.icon-shipping:before {
content: "\e95d";
}
.confident_builder-face-icon.icon-payments {
font-size: 26px;
padding-top: 5px;
padding-left: 4px;
margin-right: 6px;
}
.confident_builder-face-icon.diamond-icon {
font-size: 24px;
padding-top: 5px;
padding-left: 4px;
margin-right: 6px;
}
.confident_builder-face-icon.icon-payments:before {
content: "\e95e";
}
@media only screen and (max-device-width: 640px) {
.confident_builder {
padding-top: 48px !important;
padding-bottom: 20px;
}
}
.modal-content .tiffany-rte .body-semibold{
font-family: Santral W01;
font-weight: 600;
font-style: normal;
font-size: 1.4rem;
color: #000;
line-height: 1.71;
}
.modal-content .tiffany-rte .body-light-santral{
font-family: Santral W01;
font-weight: 300;
font-style: normal;
font-size: 1.4rem;
color: #000;
line-height: 1.71;
}
.modal-content .tiffany-rte p span {
font-family: Santral W01;
font-weight: 600;
font-style: normal;
}.touch-carousel { overflow: hidden; position: relative; text-align: center; }
.touch-carousel .container { transition: .3s transform ease-out; white-space: nowrap; }
.touch-carousel .container.moving { -webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-timing-function: linear; transition-timing-function: linear; }
.touch-carousel .container > div { display: inline-block; vertical-align: top; text-align: center; box-sizing: border-box; white-space: normal; }
.touch-carousel .container > div:first-child { margin-left: 0; }
.touch-carousel .container > div img { max-width: 100%; }
.touch-carousel .container > div video { max-width: 100%; }
.touch-carousel .thumbs img { margin-left: 5px; width: 35px; vertical-align: middle; border: 0; }
.touch-carousel .thumbs img.active { border: 0; }
.touch-carousel .touchcarousel-prev, .touch-carousel .touchcarousel-next {
display: inline-block;
padding: 15px;
border-radius: 50%;
border: 1px solid #999;
position: absolute;
top: 50%;
transform: translateY(-50%);
transition: .5s all ease-out;
color: #999;
}
.touch-carousel .thumbs ~ .touchcarousel-prev, .touch-carousel .thumbs ~ .touchcarousel-next {
transform: translateY(calc(-50% - 12px));
}
.touch-carousel .touchcarousel-prev.next-prev-bottom, .touch-carousel .touchcarousel-next.next-prev-bottom {
top: auto;
bottom: -11px;
transform: none;
}
.touch-carousel__pages {
padding: 10px 0 5px;
}
.touch-carousel .touchcarousel-prev i,
.touch-carousel .touchcarousel-next i {
display: block;
}
@media screen and (max-width: 767px) {
.touch-carousel .touchcarousel-prev i,
.touch-carousel .touchcarousel-next i {
font-size: 14px;
}
}
.touch-carousel.minimal-arrows .touchcarousel-prev, .touch-carousel.minimal-arrows .touchcarousel-next {
border-color: transparent;
color: #000;
}
.touch-carousel .touchcarousel-prev { left: 0; }
.touch-carousel .touchcarousel-next { right: 0; }
.endArrows{opacity:0 !important; z-index: -1;}
.touch-carousel__toggle-pause {
position: absolute;
right: 5px;
bottom: 7px;
transition: opacity .2s ease-in;
opacity: 0;
}
.touch-carousel__toggle-pause i {
display: block;
}
.touch-carousel:hover .touch-carousel__toggle-pause {
opacity: 1;
}
.touch-carousel .text-container { margin-bottom: 0 !important; }
.thumbs { display: inline-block; }
.thumbs--focused { outline: 1px dotted; }
.thumbs .thumb {
cursor: pointer;
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
margin: 0 10px;
border: 0;
background: #bbb;
vertical-align: middle;
outline: none;
box-sizing: border-box;
}
.thumbs .thumb.active {
background: #81d8d0;
}
.thumbs img.thumb { height: auto; background: none; }
.thumbs.black-dots .thumb { background: #000; }
.thumbs.black-dots .thumb.active { border: 2px solid #000; background: none; }
.aem-tooltip {
display: inline-block;
position: relative;
}
.aem-tooltip__content {
display: none;
position: absolute;
left: 0;
opacity: 0;
z-index: -1;
background: #fff;
border: 1px solid #767676;
padding: 15px;
border-radius: 3px;
width: auto;
min-width: 226px;
}
.aem-tooltip__content--rendered {
display: inline;
}
.aem-tooltip__content--visible {
opacity: 1;
z-index: 1;
}
.aem-tooltip__arrow {
content: '';
display: block;
width: 10px;
height: 10px;
border: 1px solid #767676;
border-left-color: transparent;
border-top-color: transparent;
background: #fff;
position: absolute;
transform: rotate(45deg);
left: 50%;
bottom: 0;
margin: -6px;
}
.aem-tooltip__arrow--below {
bottom: auto;
top: 0;
transform: rotate(225deg);
}
.tooltip {
display:inline-block;
position:relative;
border-bottom:1px dotted #666;
text-align:left;
}
.tooltip h3 {margin:12px 0;}
.tooltip .left {
min-width:200px;
max-width:400px;
top:50%;
right:100%;
margin-right:20px;
transform:translate(0, -50%);
padding:20px;
color:#666666;
background-color:#FFFFE0;
font-weight:normal;
font-size:13px;
border-radius:8px;
position:absolute;
z-index:99999999;
box-sizing:border-box;
display:none;
border:1px solid #DCA;
}
.tooltip:hover .left {
display:block;
}
.tooltip .left i {
position:absolute;
top:50%;
left:100%;
margin-top:-12px;
width:12px;
height:24px;
overflow:hidden;
}
.tooltip .left i::after {
content:'';
position:absolute;
width:12px;
height:12px;
left:0;
top:50%;
transform:translate(-50%,-50%) rotate(-45deg);
background-color:#FFFFE0;
border:1px solid #DCA;
}.accordion { border-top: 1px solid #81d8d0; }
.accordion__item { border-bottom: 1px solid #81d8d0; }
.accordion__toggle {
display: flex !important;
justify-content: space-between;
padding: 10px 0;
line-height: 200%;
}
.accordion__toggle i {
float: right;
font-size: 18px;
margin-top: 2px;
margin-right: 5px;
}
.accordion__toggle span i {
float: none;
font-size: 1rem;
margin: 0 0 0 5px;
}
.accordion__item .minus { display: none; }
.accordion__item--open .minus { display: inline-block; }
.accordion__item--open .plus { display: none; }
.accordion__item-content {
display: none;
border-top: 1px solid #81d8d0;
padding: 10px 0;
}
.accordion__item--open .accordion__item-content { display: block; }
/* IE 11 FIX */
a.accordion__toggle:after {
content: none;
}.ajax-form__server-error,
.ajax-form__invalid,
.ajax-form__input-error {
display: none;
color: #e31f26;
}
.ajax-form__input-error {
position: absolute;
bottom: 2px;
}.animated-tile {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.animated-tile--fade .animated-tile__slide {
display: none;
opacity: 0;
transition: .5s opacity ease-in-out;
}
.animated-tile--fade .animated-tile__slide--ready {
display: block;
}
.animated-tile--fade .animated-tile__slide--active {
opacity: 1;
}
.animated-tile__play-pause {
position: absolute;
bottom: 7px;
right: 5px;
opacity: 0;
}
.animated-tile:hover .animated-tile__play-pause,
.animated-tile__play-pause:focus {
opacity: 1;
}
.animated-tile__play-pause i { display: block; }
.element-animation{
transition: .5s all ease-out;
}
.fade-element{
opacity: 0;
transform: translate3d(0,0,0);
}
.fade-element--visible{
opacity: 1;
transform: translate3d(0,0,0);
}
.grow-element--visible,
.shrink-element--visible,
.move-element--visible{
transform: scale(1.0) translate3d(0,0,0) !important;
-webkit-transform: scale(1.0) translate3d(0,0,0) !important;
-moz-transform: scale(1.0) translate3d(0,0,0) !important;
-ms-transform: scale(1.0) translate3d(0,0,0) !important;
-o-transform: scale(1.0) translate3d(0,0,0) !important;
}.parallax-box{
position:relative;
overflow:hidden;
}
.parallaxTest > *:not(.parallax-box__bg-image){
position:absolute;
top:0;
}
.parallax-box--bg-down > img{
position: absolute;
}
.parallax-box__bg-image.parallax-box__bg-full-width{
width:100%;
}
.parallax-box__bg-image.parallax-box__bg-full-height{
height:100%;
}
@media screen and (max-width: 767px) {
.parallax-box__bg-image.parallax-box__bg-full-height{
width:auto;
height:140vw;
}
}.product-grid .product-grid__center-text div{
padding:20px 10% 0;
}
.product-grid .product-grid__left-text div{
text-align:left;
}
.product-grid .flex-item:hover{
cursor: pointer;
}
.product-grid .flex-item:hover div{
color: #41c1ca;
}
.product-grid .product-grid__blank-item {
width:100%;
height:100%;
}
.product-grid .shop-section .plus{
display:none;
}
.shop-tile .product-grid__blank-item{
position:relative !important;
}
@media screen and (max-width: 767px) {
.product-grid__image-small-mobile{
width: 95%;
}
.product-grid{
margin: 0 18px;
}
.product-grid .touch-carousel .container > div{
vertical-align:top;
}
#maincontent{
padding:0;
}
}.stickyFixed{
position: fixed !important;
left: auto !important;
margin:0 auto !important;
z-index: 101 !important;
}
@media only screen and (max-device-width: 640px){
.stickyFixed {
width: 100%;
}
}/*Hover Tooltip*/
.sibling-hover{
position:absolute;
display:none;
cursor: default;
}
.hover-tooltip{
position:relative;
cursor: default;
}/*Scrolling Text*/
.scrolling-text{
position:relative;
}
.scrolling-text > div{
position:absolute;
}
.scrolling-text__text-area{
transition: transform 1s;
}.popup-video{
position: fixed;
bottom: 0;
right: 0;
display:none;
z-index:100;
}
.popup-video .jq-popup-close{
position: absolute;
top: 22px;
right: 19px;
color: black;
cursor:pointer;
font-size:11px;
}
.popup-video > div{
z-index: -1;
position: absolute;
}
.popup-video > div.yt-playerDiv {
top: 34px;
left: 27px;
}
.popup-video.windows-border > div{
top: 22px;
left: 7px;
}
.popup-video.tv-border > div{
top: 35px;
left: 28px;
}
.popup-video .jq-popup-close:hover{
color: #81d8d0;
}
.zh-CN .popup-video{
text-align:center;
}
.popup-video .popup-mute,
.popup-video .popup-unmute{
display:none;
position: absolute;
top: 44px;
left: 51px;
color: white;
cursor:pointer;
z-index:9;
}
.popup-video .popup-mute:hover,
.popup-video .popup-unmute:hover{
color: #81d8d0;
}
.popup-video .popup-unmute{
display:block;
}
.popup-video .popup-play,
.popup-video .popup-pause{
display:none;
position:absolute;
left: 30%;
right: 30%;
margin-top:25%;
color: white;
cursor:pointer;
font-size: 40px;
z-index:9;
}
.popup-video .popup-play:hover,
.popup-video .popup-pause:hover{
color: #81d8d0;
}
.popup-video > div > video{
width:320px;
height:180px;
}
.popup-video .jq-popup-close{
z-index:10;
}
.popup-video > img{
cursor: pointer;
}
@media only screen and (max-device-width: 640px){
.popup-video{
bottom:unset;
right:unset;
display: block;
position:relative;
width:fit-content;
margin:0 auto;
}
.popup-video > div.yt-playerDiv{
top:14px;
}
.popup-video.tv-border > div{
top:28px;
left: 22px;
}
.popup-video.tv-border > div > video{
width:260px;
height:auto;
}
.popup-video .jq-popup-close{
position: absolute;
top: 16px;
right: 17px;
font-size:7px;
}
}html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
margin: 0;
padding: 0
}
article, aside, figure, figure img, figcaption, hgroup, footer, header, nav, section, video, object {
display: block
}
a img {
border: 0
}
figure {
position: relative
}
figure img {
width: 100%
}
/* End CSS Reset */
body {
position: relative;
}
/* Typography */
/* super/subscript line height fix */
sup, sub {
position: relative;
}
sup {
vertical-align: super;
top: -0.4em;
}
sub {
vertical-align: baseline;
top: 0.4em;
}
.fr-CA .l3 sup, .fr-CA .l6 sup {
font-size: 7px;
}
/* End super/subscript fix */
/* for nbsp fix */
.sans {
font-family: "sans";
}
a {
display: inline-block;
position: relative;
color: #000;
text-decoration: none;
transition: color 0.2s ease-in-out;
}
a::after {
content: '';
width: 100%;
height: 1px;
display: block;
position: absolute;
left: 0;
bottom: -1px;
opacity: 0;
transform: scaleX(0);
transform-origin: left;
background: #00a4b7;
transition: all 0.3s ease-out;
}
a:hover::after {
opacity: 1;
transform: scaleX(1);
}
.tiffany-aem a:before {
content: none !important;
}
.tiffany-aem .mini-description__modifier .modifiers__container_sizeguide {
display: none !important;
}
.hiLiteTextBlue {
color: #41c1ca !important;
}
a.hiLiteTextBlue {
font-style: italic;
}
#CustomerNavigation a.hiLiteTextBlue {
font-style: normal;
}
.mobile .closeLink:hover {
color: rgba(0,0,0,0) !important;
}
strong {
font-weight: 700;
}
/*
.text-container a:hover, .text-container.lightbluebg a:hover, .text-container.medbluebg a:hover { color: #026a71 !important; }
.text-container.dark a:hover, .text-container.whitebg a:hover, .text-container.nobg a:hover, .text-container.graybg a:hover, .text-container.darkgraybg a:hover { color: #41c1ca !important; text-decoration: none; }
*/
.text-container hr, .infobit hr, .icon-info hr, .image-text-overlay hr, .image-text-right hr, .half-split-border hr, .full-width-container hr, .card hr, .no-card hr, .phone-app hr, #guideContainer hr, .bbtitle hr {
height: 0 !important;
}
.boxlink {
border: 1px solid #000;
padding-left: 10px;
padding-right: 10px;
display: inline-block;
}
.boxlink:hover, .text-container a.boxlink:hover {
border: 1px solid #41c1ca;
color: #000 !important;
}
.boxlinkdark {
border: 1px solid #000;
padding: 10px;
display: inline-block;
}
.boxlinkdark:hover, .text-container a.boxlinkdark:hover {
border: 1px solid #026a71;
color: #000 !important;
}
/*
.t1 { font-size: 30px; line-height: 34px; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B', serif; font-weight: 300; font-style: normal; text-transform: none; }
.t2 { font-size: 30px; line-height: 34px; font-family: 'Sterling Display 3i', 'Sterling Display A', 'Sterling Display B', serif; font-weight: 300; font-style: italic; text-transform: none; }
.t3 { font-size: 24px; line-height: 28px; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B', serif; font-weight: 300; font-style: normal; text-transform: none; }
.t4 { font-size: 25px; line-height: 27px; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B', serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
.t5 { font-size: 21px; line-height: 21px; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 300; font-style: normal; text-transform: none; }
.t6 { font-size: 17px; line-height: 17px; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
.t7 { font-size: 17px; line-height: 17px; font-family: 'Sterling SSm 3i', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 300; font-style: italic; text-transform: none; }
.t8 { font-size: 14px; line-height: 20px; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 300; font-style: normal; text-transform: none; }
.t9 { font-size: 11px; line-height: 10px; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
.t10 { font-size: 17px; line-height: 25px; font-family: 'Sterling SSm 3i', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 700; font-style: italic; text-transform: none; }
.t11 { font-size: 17px; line-height: 17px; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 300; font-style: normal; text-transform: uppercase; color: #666; }
.l1 { font-size: 12px; line-height: 12px; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
.l2 { font-size: 12px; line-height: 16px; font-family: 'Sterling SSm 3i', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 300; font-style: italic; text-transform: none; color: #666; }
.l3 { font-size: 13px; line-height: 16px; font-family: 'Sterling SSm 3i', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 300; font-style: italic; text-transform: none; }
.l4 { font-size: 13px; line-height: 13px; font-family: 'Sterling SSm 7r', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 700; font-style: normal; text-transform: none; }
.l5 { font-size: 14px; line-height: 31px; font-family: 'Sterling SSm 3i', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 300; font-style: italic; text-transform: none; color: #666; }
.l6 { font-size: 11px; line-height: 14px; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
.l7 { font-size: 11px; line-height: 14px; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 300; font-style: normal; text-transform: none; }
.l8 { font-size: 16px; line-height: 20px; font-family: 'Sterling SSm 3i', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 300; font-style: italic; text-transform: none; color: #666; }
*/
/*.t1 { font-size: 30px; line-height: 34px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B', serif; font-weight: 300; font-style: normal; text-transform: none; }
#itemPage .t1, #DigiCatMiniPDPPage .t1 { font-size: 30px; letter-spacing:0px; }
.t2 { font-size: 27px; line-height: 31px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B', serif; font-weight: 300; font-style: italic; text-transform: none; }
.t3 { font-size: 24px; line-height: 28px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B', serif; font-weight: 300; font-style: normal; text-transform: none; }
.t4 { font-size: 25px; line-height: 27px; letter-spacing: 1px; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B', serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
.t40 { font-size: 25px; line-height: 27px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B', serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
.t41 { font-size: 23px; line-height: 25px; letter-spacing: 1px; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B', serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
.t5 { font-size: 21px; line-height: 24px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 300; font-style: normal; text-transform: none; }
.t50 { font-size: 21px; line-height: 30px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 300; font-style: normal; text-transform: none; }
.t6 { font-size: 17px; line-height: 21px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
.t7 { font-size: 17px; line-height: 24px; letter-spacing: 0; font-family: 'Sterling SSm 3i', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 300; font-style: italic; text-transform: none; }
.t8 { font-size: 12px; line-height: 20px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 300; font-style: normal; text-transform: none; }
.t80 { font-size: 14px; line-height: 20px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 300; font-style: normal; text-transform: none; }
.t9 { font-size: 10px; letter-spacing: 1px; line-height: 10px; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
.t10 { font-size: 17px; line-height: 25px; letter-spacing: 0; font-family: 'Sterling SSm 4i', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 400; font-style: italic; text-transform: none; }
.t11 { font-size: 18px; line-height: 18px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 300; font-style: normal; text-transform: uppercase; color: #666; }
.t13 { font-size: 24px; line-height: 28px; letter-spacing: 0; font-family: 'Sterling Display 3i', 'Sterling Display A', 'Sterling Display B', serif; font-weight: 300; font-style: italic; text-transform: uppercase; }
.t14 { font-size: 61px; line-height: 64px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B', serif; font-weight: 300; font-style: normal; text-transform: none; }
.t15 { font-size: 61px; line-height: 64px; letter-spacing: 0; font-family: 'Sterling Display 3i', 'Sterling Display A', 'Sterling Display B', serif; font-weight: 300; font-style: italic; text-transform: none; }
.t16 { font-size: 35px; line-height: 37px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B', serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
.t17 { font-size: 23px; line-height: 33px; letter-spacing: 0; font-family: 'Sterling Display 3i', 'Sterling Display A', 'Sterling Display B', serif; font-weight: 300; font-style: italic; text-transform: none; }
.t18 { font-size: 15px; line-height: 19px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 300; font-style: normal; text-transform: none; }
.t19 { font-size: 61px; line-height: 64px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B', serif; font-weight: 300; font-style: italic; text-transform: uppercase; }
.t20 { font-size: 14px; line-height: 18px; letter-spacing: 0; font-family: 'Sterling SSm 7r', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 700; font-style: normal; text-transform: uppercase; }
.t21 { font-size: 120px; line-height: 120px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B', serif; font-weight: 300; font-style: italic; text-transform: uppercase; }
.t22 { font-size: 36px; line-height: 40px; letter-spacing: 0; font-family: 'Sterling Display 3i', 'Sterling Display A', 'Sterling Display B', serif; font-weight: 300; font-style: italic; text-transform: uppercase; }
.t23 { font-size: 36px; line-height: 40px; letter-spacing: 0; font-family: 'Sterling Display 3i', 'Sterling Display A', 'Sterling Display B', serif; font-weight: 300; font-style: italic; text-transform: none; }
.t24 { font-size: 36px; line-height: 40px; letter-spacing: 15px; font-family: 'Sterling SSm 4i', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
.t25 { font-size: 30px; line-height: 34px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B', serif; font-weight: 300; font-style: normal; text-transform: none; }
body.pt-BR .t24 { font-size: 36px; line-height: 40px; letter-spacing: 8px; font-family: 'Sterling SSm 4i', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.es-MX .t24 { font-size: 36px; line-height: 40px; letter-spacing: 4px; font-family: 'Sterling SSm 4i', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.it-IT .t24 { font-size: 36px; line-height: 40px; letter-spacing: 10px; font-family: 'Sterling SSm 4i', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.de-DE .t24 { font-size: 32px; line-height: 40px; letter-spacing: 0px; font-family: 'Sterling SSm 4i', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
.l1 { font-size: 11px; line-height: 11px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
.l2, .faq-overlay a { font-size: 11px; letter-spacing:0; font-family: 'Sterling SSm 3i', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 300; font-style: normal; text-transform: none; color: #666; }
.l20 { font-size: 11px; letter-spacing:0; line-height: 16px; font-family: 'Sterling SSm 3i', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 300; font-style: normal; text-transform: none; color: #666; }
.l3 { font-size: 13px; line-height: 16px; letter-spacing: 0; font-family: 'Sterling SSm 3i', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 300; font-style: italic; text-transform: none; }
.l30 { font-size: 11px; line-height: 13px; letter-spacing: 0; font-family: 'Sterling SSm 3i', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 300; font-style: italic; text-transform: none; }
.l31 { font-size: 13px; line-height: 16px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 300; font-style: normal; text-transform: none; }
.l4 { font-size: 11px; line-height: 13px; letter-spacing: 0; font-family: 'Sterling SSm 7r', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 700; font-style: normal; text-transform: none; }
.l5 { font-size: 11px; line-height: 31px; letter-spacing: 0; font-family: 'Sterling SSm 3i', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 300; font-style: italic; text-transform: none; color: #666; }
.l6 { font-size: 10px; letter-spacing:1px; line-height: 14px; font-family: 'Sterling SSm 4r', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 400; font-style: normal; text-transform: uppercase; }
.l7 { font-size: 10px; line-height: 13px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 300; font-style: normal; text-transform: none; }
.l8 { font-size: 14px; line-height: 20px; letter-spacing: 0; font-family: 'Sterling SSm 3i', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 300; text-transform: none; color: #666; }
.l9 { font-size: 13px; line-height: 19px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 300; font-style: normal; text-transform: none; }
.l2 a, .l5 a, .l8 a { color: #666; }
.text-container div:not(.tableTopTile):not(.use-sterling-font) .l6, .bbtile .l6 { font-family: AvenirNextMedium, Arial, Sans-Serif; text-transform: uppercase; font-size: 11px; letter-spacing: .75px; }*/
/* Unaccounted for in styleguide */
/*.t10 {font-size: 18px; line-height: 18px; letter-spacing: 0.05em; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B'; font-weight: 300; font-style: normal; text-transform: uppercase; color:#666; } /* Links Bar links */
/*.ie-7 .t5 { line-height: 25px; }
.ie-7 .l1 { line-height: 15px !important; }*/
/* Watches */
/*@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=b1037f08-3911-44eb-bd9e-9b5ecbcf8813");
.watch-t1 { font-size: 58px; line-height: 70px; letter-spacing: 0; font-family: 'Sterling Display 3r','Sterling Display A','Sterling Display B',serif; font-weight: normal; font-style: normal; text-transform: uppercase; text-decoration: none; }
.watch-t2 { font-size: 41px; line-height: 44px; letter-spacing: 0; font-family: 'Sterling Display 3r','Sterling Display A','Sterling Display B',serif; font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; }
.watch-t3 { font-size: 35px; line-height: 35px; letter-spacing: 0; font-family: 'Sterling Display 3r','Sterling Display A','Sterling Display B',serif; font-weight: normal; font-style: normal; text-transform: uppercase; text-decoration: none; }
.watch-t4 { font-size: 28px; line-height: 34px; letter-spacing: 0; font-family: 'Sterling Display 3r','Sterling Display A','Sterling Display B',serif; font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; }
.watch-t5 { font-size: 21px; line-height: 26px; letter-spacing: 0; font-family: 'Sterling Display 3r','Sterling Display A','Sterling Display B',serif; font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; }
.watch-t6 { font-size: 21px; line-height: 28px; letter-spacing: 0; font-family: 'Sterling Display 3r','Sterling Display A','Sterling Display B',serif; font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; }
.watch-t7 { font-size: 41px; line-height: 51px; letter-spacing: 0; font-family: 'Sterling Display 3r','Sterling Display A','Sterling Display B',serif; font-weight: normal; font-style: normal; text-transform: uppercase; text-decoration: none; }
.watch-t8 { font-size: 21px; line-height: 26px; letter-spacing: 0; font-family: 'Sterling Display 3r','Sterling Display A','Sterling Display B',serif; font-weight: normal; font-style: normal; text-transform: uppercase; text-decoration: none; }
.watch-flyout { font-size: 18px; line-height: 20px; letter-spacing: 0; font-family: 'Sterling Display 3r','Sterling Display A','Sterling Display B',serif; font-weight: normal; font-style: normal; text-transform: uppercase; text-decoration: none; }
.watch-flyout-dark { font-size: 18px; color:#ffffff; line-height: 20px; letter-spacing: 0; font-family: 'Sterling Display 3r','Sterling Display A','Sterling Display B',serif; font-weight: normal; font-style: normal; text-transform: uppercase; text-decoration: none; }
body.ja-JP .watch-t1 { font-size: 58px; line-height: 70px; letter-spacing: 0; font-family: "Arial Unicode MS", "Meiryo", "MS Gothic", Osaka, sans-serif; font-weight: 700; }
body.ja-JP .watch-t2 { font-size: 41px; line-height: 44px; letter-spacing: 0; font-family: "Arial Unicode MS", "Meiryo", "MS Gothic", Osaka, sans-serif; font-weight: 700; }
body.ja-JP .watch-t3 { font-size: 35px; line-height: 35px; letter-spacing: 0; font-family: "Arial Unicode MS", "Meiryo", "MS Gothic", Osaka, sans-serif; font-weight: 700; }
body.ja-JP .watch-t4 { font-size: 28px; line-height: 34px; letter-spacing: 0; font-family: "Arial Unicode MS", "Meiryo", "MS Gothic", Osaka, sans-serif; font-weight: 700; }
body.ja-JP .watch-t5 { font-size: 21px; line-height: 26px; letter-spacing: 0; font-family: "Arial Unicode MS", "Meiryo", "MS Gothic", Osaka, sans-serif; font-weight: 700; }
body.ja-JP .watch-t6 { font-size: 16px; line-height: 21px; letter-spacing: 0; font-family: "Arial Unicode MS", "Meiryo", "MS Gothic", Osaka, sans-serif; font-weight: 700; }
body.ja-JP .watch-t7 { font-size: 41px; line-height: 51px; letter-spacing: 0; font-family: "Arial Unicode MS", "Meiryo", "MS Gothic", Osaka, sans-serif; font-weight: 700; }
body.ja-JP .watch-t8 { font-size: 21px; line-height: 26px; letter-spacing: 0; font-family: "Arial Unicode MS", "Meiryo", "MS Gothic", Osaka, sans-serif; font-weight: 700; }
body.ja-JP .watch-flyout { font-size: 16px; line-height: 18px; letter-spacing: 0; font-family: "Arial Unicode MS", "Meiryo", "MS Gothic", Osaka, sans-serif; font-weight: normal; font-style: normal; text-transform: uppercase; text-decoration: none; }
body.ja-JP .watch-flyout-dark { font-size: 16px; color:#ffffff; line-height: 18px; letter-spacing: 0; font-family: "Arial Unicode MS", "Meiryo", "MS Gothic", Osaka, sans-serif; font-weight: normal; font-style: normal; text-transform: uppercase; text-decoration: none; }
body.zh-CN .watch-t1 { font-size: 58px; line-height: 70px; letter-spacing: 0; font-family: "Arial Unicode MS", Arial, Helvetica, STHeiti, SimHei, sans-serif; font-weight: 700; }
body.zh-CN .watch-t2 { font-size: 41px; line-height: 44px; letter-spacing: 0; font-family: "Arial Unicode MS", Arial, Helvetica, STHeiti, SimHei, sans-serif; font-weight: 700; }
body.zh-CN .watch-t3 { font-size: 35px; line-height: 35px; letter-spacing: 0; font-family: "Arial Unicode MS", Arial, Helvetica, STHeiti, SimHei, sans-serif; font-weight: 700; }
body.zh-CN .watch-t4 { font-size: 28px; line-height: 34px; letter-spacing: 0; font-family: "Arial Unicode MS", Arial, Helvetica, STHeiti, SimHei, sans-serif; font-weight: 700; }
body.zh-CN .watch-t5 { font-size: 21px; line-height: 26px; letter-spacing: 0; font-family: "Arial Unicode MS", Arial, Helvetica, STHeiti, SimHei, sans-serif; font-weight: 700; }
body.zh-CN .watch-t6 { font-size: 21px; line-height: 28px; letter-spacing: 0; font-family: "Arial Unicode MS", Arial, Helvetica, STHeiti, SimHei, sans-serif; font-weight: 700; }
body.zh-CN .watch-t7 { font-size: 41px; line-height: 51px; letter-spacing: 0; font-family: "Arial Unicode MS", Arial, Helvetica, STHeiti, SimHei, sans-serif; font-weight: 700; }
body.zh-CN .watch-t8 { font-size: 21px; line-height: 26px; letter-spacing: 0; font-family: "Arial Unicode MS", Arial, Helvetica, STHeiti, SimHei, sans-serif; font-weight: 700; }
body.zh-CN .watch-flyout { font-size: 16px; line-height: 18px; letter-spacing: 0; font-family: "Arial Unicode MS", Arial, Helvetica, STHeiti, SimHei, sans-serif; font-weight: normal; font-style: normal; text-transform: uppercase; text-decoration: none; }
body.zh-CN .watch-flyout-dark { font-size: 16px; color:#ffffff; line-height: 18px; letter-spacing: 0; font-family: "Arial Unicode MS", Arial, Helvetica, STHeiti, SimHei, sans-serif; font-weight: normal; font-style: normal; text-transform: uppercase; text-decoration: none; }
body.zh-Hant .watch-t1 { font-size: 58px; line-height: 70px; letter-spacing: 0; font-family: "Arial Unicode MS", Arial, Helvetica, sans-serif; font-weight: 700; }
body.zh-Hant .watch-t2 { font-size: 41px; line-height: 44px; letter-spacing: 0; font-family: "Arial Unicode MS", Arial, Helvetica, sans-serif; font-weight: 700; }
body.zh-Hant .watch-t3 { font-size: 35px; line-height: 35px; letter-spacing: 0; font-family: "Arial Unicode MS", Arial, Helvetica, sans-serif; font-weight: 700; }
body.zh-Hant .watch-t4 { font-size: 28px; line-height: 34px; letter-spacing: 0; font-family: "Arial Unicode MS", Arial, Helvetica, sans-serif; font-weight: 700; }
body.zh-Hant .watch-t5 { font-size: 21px; line-height: 26px; letter-spacing: 0; font-family: "Arial Unicode MS", Arial, Helvetica, sans-serif; font-weight: 700; }
body.zh-Hant .watch-t6 { font-size: 21px; line-height: 28px; letter-spacing: 0; font-family: "Arial Unicode MS", Arial, Helvetica, sans-serif; font-weight: 700; }
body.zh-Hant .watch-t7 { font-size: 41px; line-height: 51px; letter-spacing: 0; font-family: "Arial Unicode MS", Arial, Helvetica, sans-serif; font-weight: 700; }
body.zh-Hant .watch-t8 { font-size: 21px; line-height: 26px; letter-spacing: 0; font-family: "Arial Unicode MS", Arial, Helvetica, sans-serif; font-weight: 700; }
body.zh-Hant .watch-flyout { font-size: 16px; line-height: 18px; letter-spacing: 0; font-family: "Arial Unicode MS", Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; text-transform: uppercase; text-decoration: none; }
body.zh-Hant .watch-flyout-dark { font-size: 16px; color:#ffffff; line-height: 18px; letter-spacing: 0; font-family: "Arial Unicode MS", Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; text-transform: uppercase; text-decoration: none; }
body.ko-KR .watch-t1 { font-size: 58px; line-height: 70px; letter-spacing: 0; font-family: "Arial Unicode MS",Arial,Dotum,Sans-serif; font-weight: 700; }
body.ko-KR .watch-t2 { font-size: 41px; line-height: 44px; letter-spacing: 0; font-family: "Arial Unicode MS",Arial,Dotum,Sans-serif; font-weight: 700; }
body.ko-KR .watch-t3 { font-size: 35px; line-height: 35px; letter-spacing: 0; font-family: "Arial Unicode MS",Arial,Dotum,Sans-serif; font-weight: 700; }
body.ko-KR .watch-t4 { font-size: 28px; line-height: 34px; letter-spacing: 0; font-family: "Arial Unicode MS",Arial,Dotum,Sans-serif; font-weight: 700; }
body.ko-KR .watch-t5 { font-size: 21px; line-height: 26px; letter-spacing: 0; font-family: "Arial Unicode MS",Arial,Dotum,Sans-serif; font-weight: 700; }
body.ko-KR .watch-t6 { font-size: 21px; line-height: 28px; letter-spacing: 0; font-family: "Arial Unicode MS",Arial,Dotum,Sans-serif; font-weight: 700; }
body.ko-KR .watch-t7 { font-size: 41px; line-height: 51px; letter-spacing: 0; font-family: "Arial Unicode MS",Arial,Dotum,Sans-serif; font-weight: 700; }
body.ko-KR .watch-t8 { font-size: 21px; line-height: 26px; letter-spacing: 0; font-family: "Arial Unicode MS",Arial,Dotum,Sans-serif; font-weight: 700; }
body.ko-KR .watch-flyout { font-size: 16px; line-height: 18px; letter-spacing: 0; font-family: "Arial Unicode MS",Arial,Dotum,Sans-serif; font-weight: normal; font-style: normal; text-transform: uppercase; text-decoration: none; }
body.ko-KR .watch-flyout-dark { font-size: 16px; color:#ffffff; line-height: 18px; letter-spacing: 0; font-family: "Arial Unicode MS",Arial,Dotum,Sans-serif; font-weight: normal; font-style: normal; text-transform: uppercase; text-decoration: none; }
.Loveis {
font-size: 16px;
font-family: AvenirNextMedium, Arial, Sans-Serif;
letter-spacing: 0px;
}
.mobileLoveis {
font-size: 13px;
font-family: AvenirNextMedium, Arial, Sans-Serif;
letter-spacing: 0px;
}*/
/* End Typography */
/* Main */
html {
width: 100%;
}
html.hasIframe {
min-width: 1024px
}
/* to position modal overlay */
body.macos {
text-rendering: optimizeLegibility;
}
body, #header, .ibm-footer {
background: #fff;
}
body.en-US-PKB, body.en-US-PKB #header, body.en-US-PKB footer {
background: #ecf9f8;
}
body #headerBlueBar {
margin: 0px !important;
color: #81d8d0;
background-color: #81d8d0;
height: 10px;
width: 100%;
}
body.en-US-PKB #headerBlueBar, body.en-US-EStr #headerBlueBar, body.ja-JP-EStr #headerBlueBar {
display: none;
}
body.modal-frame, body.itemPrintWindow {
background: #fff;
}
h1 {
font-size: 32px;
}
h2 span {
display: inline-block;
}
#wrapper {
width: auto;
margin: 0 auto;
padding: 0 20px;
max-width: 1240px;
min-width: 984px;
position: relative;
background: #fff;
}
#maincontent {
min-height: 600px;
overflow: hidden;
}
#header {
text-align: center;
padding: 0px 20px 0;
margin: 0 -20px;
overflow: visible;
}
body.en-US-PKB #header {
padding: 13px 20px 0;
}
#header > a {
display: inline-block;
margin-top: 30px;
}
body.en-US-PKB #header > a {
display: inline-block;
margin-top: 17px;
}
.chkoutInstructions {
display: block;
}
.ibm-footer {
padding: 0 20px 20px !important;
margin: 0 -20px !important;
margin-top: 15px !important;
font-size: 1rem;
line-height: 110%;
width: auto !important;
}
.footer_header {
text-transform: uppercase;
font-weight: 700;
font-size: 1.2rem;
margin-bottom: 30px;
display: block;
}
.ibm-footer p {
max-width: 250px;
}
#ecom-footer, #gtrade-footer {
margin: 20px 5% 0px;
}
#gtrade-footer a {
margin: 5px 0;
}
.footer__below {
margin: 10px -50px 0px;
border-top: 1px solid #000;
padding: 30px 50px 0px;
}
.ibm-footer #ctlFooter_ancChooseYourCountry {
display: inline-block;
}
.footer__below ul {
float: right;
}
.footer__below li {
display: inline-block;
margin-left: 20px;
}
.cyc-footer {
padding: 0 2.75%;
}
.cyc-footer > div:not(:last-child) {
margin-right: 10%;
}
.cyc-footer__countries {
font-size: 1rem;
text-transform: uppercase;
}
.cyc-footer-modal.modal-container {
align-items: flex-end;
background: none;
}
.cyc-footer-modal .modal-inner {
margin-bottom: 54px;
min-height: 200px;
border: 1px solid black;
}
.cyc-footer__countries-headings {
font-weight: bold;
}
.cyc-footer__close i.icon-font {
font-size: 16px;
}
.cyc-footer__countries--EU .cyc-footer__countries-list {
float: left;
}
.cyc-footer__countries-list ul {
white-space: nowrap;
}
.cyc-footer__countries--EU > div:nth-child(2) {
padding-right: 60px;
}
.cyc i {
font-size: 12px;
padding-left: 5px;
}
.ibm-footer .indent {
padding: 0 2% 0 8%;
}
.ibm-footer .grid-container > div {
margin-left: 0px !important;
}
.ibm-footer .col1, .gTradeCol1 {
width: 20% !important;
}
@media only screen and (max-width: 1235px) {
.ibm-footer .indent {
padding: 0 1% 0 3%;
}
}
@media only screen and (max-width: 1160px) {
.ibm-footer .indent {
padding: 0px;
}
.ibm-footer .indent.l7 {
font-size: 9px !important;
}
}
.ibm-footer .headers {
text-transform: uppercase;
padding-top: 10px !important;
padding-bottom: 7px !important;
border-bottom: 1px solid #333;
}
body .ibm-footer > hr {
width: 100%;
height: 10px;
color: #81d8d0;
background-color: #81d8d0;
margin: 0px !important;
}
body.en-US-PKB footer > hr, body.en-US-EStr footer > hr, body.ja-JP-EStr footer > hr {
display: none;
}
.en-US-EStr footer .headers, .en-JP-EStr footer .headers {
text-transform: uppercase;
padding-top: 10px !important;
padding-bottom: 7px !important;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
}
/*footer a:not(.btn), .cyc-footer-modal a:not(.close-modal-x), footer #gtrade-footer a:not(.btn) {
display: inline-block;
margin-bottom: 10px;
position: relative;
}*/
/*footer a:not(.btn):hover, .cyc-footer-modal a:not(.close-modal-x):hover, footer #gtrade-footer a:not(.btn):hover {
color: #000 !important;
}
footer a:not(.btn):after, footer #gtrade-footer a:not(.btn):after {
content: '';
width: 100%;
height: 1px;
background: #666;
display: block;
position: absolute;
bottom: 0;
transition: .15s all ease-in;
opacity: 0;
transform: translate3d(0, 0, 0);
}*/
.en-US-PKB footer .footer__below {
text-align: center;
}
.en-US-PKB footer .footer__below ul {
float: none;
}
/*footer a:not(.btn):hover:after, .cyc-footer-modal a:not(.close-modal-x):hover:after, footer #gtrade-footer a:not(.btn):hover:after {
opacity: 1;
transform: translate3d(0, 3px, 0);
}*/
.ibm-footer .footer-secondLine {
margin: 10px 0 0;
}
.ibm-footer .footer-secondLine.site-sign-outs {
text-align: right;
}
.canadaBold {
font-weight: bold;
}
/*footer .footer__social a:after {
height: 0px;
}*/
.ibm-footer .footer__social a:not(.btn) {
margin-top: 20px;
}
.ibm-footer .footer__social a.btn {
margin-left: 3px;
}
#ctlFooter_txtEmail-error {
visibility: hidden;
display: none;
}
#engagementDiamondGuidePage footer {
visibility: hidden;
display: none;
}
.ibm-footer a img {
margin-bottom: 0;
vertical-align: bottom;
width: auto;
display: inline-block;
padding-right: 3px;
}
.zh-CN footer .footer__social a:not(.btn) {
margin-left: 13px;
}
/*Footer Social Icons*/
.ibm-footer a i {
font-size: 20px;
}
#header > img {
margin-top: 20px;
}
#nav {
margin-top: 13px;
border-bottom: 1px solid #7d7d7d;
position: relative;
height: 36px;
}
#nav a {
display: inline-block;
padding: 10px 8px;
*vertical-align: middle;
}
#nav a:hover {
text-decoration: none;
}
#nav a i {
text-transform: none;
font-style: normal;
letter-spacing: 0px;
}
#nav .flydowns a {
text-transform: uppercase;
}
#nav .search {
position: absolute;
left: -9px;
text-transform: uppercase;
}
.ie-7 .search > span, .ie-8 .search > span {
display: none;
}
.ie-7 #nav .bag, .ie-8 #nav .bag {
margin-top: -55px;
}
.en-US-Stmt #nav .bag {
margin-top: -1px;
}
.ie-8 #nav .bag > a {
margin-top: 30px;
}
.ie-7 .bag span, .ie-8 .bag span {
display: inline;
}
#nav .bag {
white-space: nowrap;
position: absolute;
right: 0;
margin-top: -1px;
*margin-top: 0;
padding-top: 13px;
}
#nav .bag a {
text-transform: none;
*vertical-align: middle;
padding: 0 1px 10px;
}
#nav .stores {
position: absolute;
left: -9px;
top: 2px;
color: #000
}
#nav a.stores img {
vertical-align: top;
margin-right: 6px;
}
#nav #storesearch a {
padding: 0px 0px;
}
#nav .navAccountName {
font-style: normal;
color: #000;
font-size: 110%;
text-transform: uppercase;
}
.selected, .navHere {
color: #00a4b7 !important;
}
#divBackToLink {
padding-left: 13%;
}
.bag span.signout-slash {
display: none;
}
#nav a.my-account, #nav a.emailSignUp {
position: absolute;
top: -30px;
right: 0;
padding: 0;
text-align: right;
display: inline-block;
}
body.es-MX #myAccountOverlay, body.Intl #myAccountOverlay, body.ko-KR #myAccountOverlay, body.pt-BR #myAccountOverlay, body.ru-RU #myAccountOverlay, body.zh-CN #myAccountOverlay, body.zh-Hant #myAccountOverlay {
top: 37px !important;
}
#myAccountOverlay {
display: none;
position: absolute;
right: 0;
left: auto;
top: -10px;
z-index: 1001;
}
#myAccountOverlay .btn {
display: block;
margin-top: 10px;
}
#myAccountOverlay hr {
margin: 15px auto;
width: 168px;
}
#myAccountOverlay hr.short {
width: 40px;
}
#myAccountOverlay .links a {
display: block;
}
#myAccountOverlay .heading {
padding-top: 4px;
}
#nav #myAccountOverlay a.close {
display: inline;
color: #000;
}
#nav #myAccountOverlay a {
padding: 5px 8px;
}
/*
input { border-radius: 0; -webkit-appearance: none; }
input, textarea { outline: none; }
input[type="text"], input[type="tel"], input[type="email"] { -webkit-appearance: textfield; }
input[type="text"], input[type="password"], input[type="tel"], input[type="email"] { padding: 8px; }
input[type="radio"] { -webkit-appearance: radio; border-radius: 50%; }
input[type="checkbox"] { -webkit-appearance: checkbox; }
input[type='number']::-webkit-outer-spin-button, input[type='number']::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type="submit"].disabled, input[type="button"].disabled {
background-color: #d4d5d6 !important;
color: #A7A9AC !important;
border: none !important;
cursor: default;
}
*/
.btn.secondary {
background: #ffffff;
border: 1px solid #999999;
}
.groupTypeSpecificError {
color: #000000;
}
.btn.inverse {
background: #fafafb;
border: 1px solid #fafafb;
color: #000;
}
.searchbar .btn {
padding: 10px 12px !important;
}
.touchpager {
-ms-touch-action: none;
visibility: hidden;
}
.touchpager .wrapper {
overflow: hidden;
position: relative;
width: 100%;
height: 200px;
}
.touchpager.statement .wrapper {
height: 500px;
}
#extras-recent .wrapper, #extras-recent .wrapper {
height: 400px;
}
.touchpager .container {
overflow: hidden;
position: absolute;
width: 100%;
left: 0;
transform: translateZ(0);
-ms-transform: translateZ(0);
-moz-transform: translateZ(0);
-webkit-transform: translateZ(0);
-o-transform: translateZ(0);
}
.touchpager .container > div {
float: left;
}
.flydowns .selected, .search.selected {
color: #41c1ca !important;
}
#flydown {
-ms-touch-action: none;
text-align: left;
background: #fff;
border-bottom: 1px solid #333;
position: absolute;
z-index: 1000;
top: 37px;
left: 0;
right: 0;
overflow: hidden;
}
#flydown #container {
position: absolute;
width: 1000%;
max-width: none;
min-width: 0;
transform: translateZ(0);
-ms-transform: translateZ(0);
-moz-transform: translateZ(0);
-webkit-transform: translateZ(0);
-o-transform: translateZ(0);
}
#flydown #container div.flydown-item {
width: 10%;
float: left;
padding: 25px 0 20px 0;
}
.mainNav__flyouts div.desc a {
padding: 0 !important;
display: block !important;
}
.flydown-item > div {
float: left;
padding: 0 2%;
}
.mainNav__flyouts div.desc {
width: 20%;
padding: 0 2%;
margin-left: 35%;
text-align: center;
position: absolute;
}
.span h2 {
margin-top: 40%;
}
.desc h2 {
margin-top: 40%;
}
.flydown-item div.image {
width: 62%;
text-align: right;
position: relative;
text-align: right;
padding: 0;
}
.flydown-item .image img {
max-width: 100%;
}
.flydown-item div.links {
width: 36%;
padding-right: 0;
}
.flydown-item hr {
margin: 30px auto 0px;
}
.links h4 {
text-transform: uppercase;
}
.links small {
display: block;
}
.links div a {
display: block;
margin-bottom: 10px;
text-transform: uppercase;
}
.links div {
width: 48%;
float: left;
margin-right: 2%;
*margin-right: 1.8%;
margin-top: 15px;
}
.links div hr, .catlinks .col3 hr {
margin-left: 0;
margin-top: 10px;
text-align: left;
border: 0;
color: #000;
background-color: #000;
height: 1px;
width: 60px;
display: block;
}
.flydown-item h2 {
text-transform: uppercase;
font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B';
}
.close {
font-size: 20px;
color: #999;
font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', serif;
font-style: normal;
}
#flydown .close {
right: 0;
z-index: 21;
position: absolute;
padding: 5px 10px 10px 10px;
}
.searchbar .close, #nav a.close {
display: none;
right: 0;
top: 0;
z-index: 11;
position: absolute;
padding: 2px 5px 5px;
}
.ios #flydown a.close, .android #flydown a.close, .ios .searchbar .close, .android .searchbar .close, .ios #nav a.close, .android #nav a.close {
display: inline !important;
}
#nav a.cleartext, #filters a.cleartext {
display: none;
position: absolute;
left: 277px;
font-size: 20px;
line-height: 20px;
padding: 3px 7px;
margin: 4px;
background: #ccc;
}
#filters a.cleartext {
left: 287px;
}
.ios #filters a.cleartext, .android #filters a.cleartext {
display: inline;
}
.categoryFlyout__closeFilters {
display: none !important;
}
.categoryFlyout__closeFilters.filtersOpen {
float: right;
padding-right: 10px;
}
.categoryFlyout__closeFilters.sortOpen {
padding-left: 10px;
}
#nav a.cleartext {
left: 170px;
}
.ie-9 #ctlHeader_ctlSearch_pnlAdvancedSearch {
width: 290px;
}
input.placeholder {
font-family: 'Sterling SSm 3i', 'Sterling SSm A', 'Sterling SSm B', serif !important;
font-style: italic;
font-size: 12px;
color: #666;
}
.styled-select select {
background: transparent;
border: 0;
-webkit-appearance: none;
font-size: 11px;
line-height: 10px;
cursor: pointer;
margin: 0;
padding-right: 10px;
}
.styled-select {
display: inline-block;
vertical-align: bottom;
overflow: hidden;
*overflow: none;
background: url(/shared/images/icons/select-arrow.png) no-repeat right 3px;
cursor: pointer;
margin-left: 5px;
}
.styled-select.no-left-margin {
margin-left: 0;
}
.apply-custom-drop {
display: none;
}
.ie-7 .apply-custom-drop {
display: inline-block;
}
.uppercase {
text-transform: uppercase;
}
.ItemPage .showForPKB {
display: none
}
.ItemPage.en-US-PKB span.showForPKB {
display: inline-block;
}
.ItemPage.en-US-PKB div.showForPKB {
display: block;
}
.ItemPage.en-US-PKB .service-info a.showForPKB {
display: inline-block;
margin-top: 0;
position: absolute;
bottom: 230px;
width: 10%;
right: 365px;
}
#itemPage.en-US-PKB .item-actions a.save {
margin-top: 0;
}
#ancSaveForLater i {
font-size: 12px;
}
#ancSaveRemove {
display: none;
}
#ancSaveRemove i {
font-size: 12px;
color: #ff2909;
}
.en-US-PKB .hideForPKB {
display: none;
}
.en-US-PKB.narrow .modal-popup.full {
min-width: 0px !important;
max-width: 800px !important;
}
.hasIframeOverride {
min-width: 783px !important;
}
#divBuildYourOwn {
cursor: pointer
}
#divBuildYourOwn:hover #ancBuildYourDesign {
color: #026a71 !important
}
.item-container, .item-info-container {
width: 100%;
overflow: hidden;
}
.item-container > div {
float: left;
width: 39.45%;
margin-left: 2%;
*margin-left: 1.9%;
}
#itemPage .item-container > div:first-child {
width: 58.55%;
margin-left: 0;
text-align: center;
padding-top: 0;
padding-bottom: 0;
position: relative;
}
#itemPage div#contentText {
padding: 10px 0px;
}
.backlink {
position: absolute;
top: 0;
left: 0;
margin-left: 0 !important;
padding-left: 0 !important;
z-index: 3;
padding: 13px 5px 7px;
background: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
background: rgba(255, 255, 255, .5);
}
.backlink.engagement_backlink {
top: 30px;
padding-top: 0px;
}
.item-container > div:first-child {
width: 56%;
margin-left: 0;
text-align: center;
padding-top: 0;
padding-bottom: 0;
position: relative;
}
/*.item-container .more-images div img { max-width: 100%; cursor: pointer; opacity: 0; -webkit-transition: opacity .25s ease-out; transition: opacity .25s ease-out; }*/
.item-container .more-images div img.visible {
opacity: 1;
}
.item-container .more-images div img.no-image {
cursor: auto;
}
.item-container > div:first-child a {
margin: 0 5px;
}
.item-info-container > div {
float: left;
width: 26%;
}
#itemPage .item-info-container > div {
float: inherit;
width: 35%;
}
#itemPage .item-info-container > .itemlinks {
float: inherit;
width: 80%;
}
#itemPage .item-info-container > div input[type="text"], #itemPage .item-info-container > div input[type="tel"] {
border: 1px solid #333;
width: 25px;
padding: 3px 5px;
margin-left: 5px;
text-align: center;
}
.item-info-container > div input[type="text"], .item-info-container > div input[type="tel"] {
border: 1px solid #333;
width: 25px;
padding: 3px 5px;
margin-left: 5px;
text-align: center;
}
#itemPage .itemlinks a {
display: block;
}
#itemPage .itemlinks a:first-child {
display: inline;
}
.item-actions a.save {
margin-right: 40px;
margin-left: -3px;
}
#itemPage .item-actions a.save {
margin-right: 20px;
margin-left: 2px;
float: left;
margin-top: 3px;
}
#itemPage.en-US-Trade .item-actions div, #itemPage.ja-JP-Trade .item-actions div {
clear: both;
padding-top: 20px;
}
#engagementItemPage .item-actions {
padding-top: 15px;
}
#engagementItemPage .subject-to {
font-size: 10px;
}
#engagementItemPage #linkNoteAboutPricing {
line-height: 18px;
}
#engagementItemPage .item-info-container > div:first-child {
margin-right: 35px;
padding: 10px 0;
}
#engagementItemPage .consult .btn:first-child {
margin-left: 0px
}
;
#engagementItemPage #itemImageOverlay img {
max-width: 100%
}
.iteminfo {
visibility: hidden;
}
.iteminfo h1 {
margin-bottom: 10px;
width: 66%;
}
#engagementItemPage .iteminfo h1 {
margin-bottom: 0px;
}
.item-info-container > div:first-child {
width: 66%;
margin-left: 0;
}
#itemPage .item-info-container > div:first-child {
width: 80%;
margin-left: 0;
margin-top: 10px;
}
.item-info-container > div > div, #itemOptions > div, #divItemTotalAndButton > div {
padding: 3px 0;
margin-bottom: 5px;
}
#itemPage .item-info-container > div > div, #itemOptions > div, #divItemTotalAndButton > div {
padding: 3px 0;
margin-bottom: 0px;
}
#itemOptions, #divItemTotalAndButton {
padding: 0;
margin: 0;
}
#itemPage #itemOptions, #divItemTotalAndButton {
padding: 5px 0 5px 0;
}
.item-info-container div.item-desc {
padding: 10px 0;
}
.item-info-container div.item-desc u {
cursor: pointer;
}
.drop-a-hint-wrapper {
position: inherit;
}
#itemPage .drop-a-hint-wrapper {
padding: 3px 0 22px 0;
}
.drop-a-hint-wrapper a {
position: relative;
top: -17px;
left: 143px;
}
#itemPage .drop-a-hint-wrapper a {
position: static;
top: -22px;
left: 143px;
color: #000000;
}
.drop-a-hint-wrapper a img {
position: relative;
top: 5px;
}
#itemPage .drop-a-hint-wrapper a img {
position: relative;
top: 1px;
height: 10px;
width: auto;
padding-right: 6px;
}
.service-info {
width: auto !important;
}
.service-info a {
margin-bottom: 10px;
display: inline-block;
}
#itemPage .service-info a, #itemPage #pkbAdditions a {
display: inline-block;
font-size: 11px;
color: #000;
}
#itemPage .saveItem {
display: inline-block;
vertical-align: top;
}
#itemPage .dropAHint {
display: inline-block;
vertical-align: top;
}
/*----------------------------------------New Drop A Hint-----------------------------------*/
.emailHeaderOn #divEmailHeader {
}
.emailHeaderOff #divEmailHeader {
display: none;
}
.loadingAnimation {
position: absolute;
top: 300px;
left: 370px;
}
#pnlPreview {
width: 72%;
display: inline-block;
vertical-align: top;
max-width: 420px
}
#pnlPreview .stepImagePreview img {
width: 100%;
}
.vline {
display: inline-block;
width: 3%;
border-left: solid 1px #000;
height: 380px;
vertical-align: top;
padding: 40px 0 40px 0;
margin: 40px 0 40px 10px;
}
#divButtonGroup {
margin-top: 15px;
}
#divButtonGroup .btn {
float: left;
}
#btnPreview {
margin: 0 10px 15px 0;
}
.modal-frame #divEmailButton input.btn {
width: 100%;
}
.selectText {
font-size: 12px;
padding: 10px 6px;
text-transform: uppercase;
}
.stepImage {
margin: auto;
padding: 0px 0 16px 0;
}
.stepImage img {
display: inline-block;
}
.stepImagePreview img {
width: 320px;
}
.selectionImages {
width: 98px;
height: 98px;
margin: 5px;
}
.selectionImages.selected {
border: 1px solid #666;
width: 96px;
height: 96px;
}
.confirmText {
text-align: center;
font-size: 14px;
padding: 10px;
}
#pnlText {
text-align: left;
padding: 10px;
padding-top: 0;
font-size: 14px;
}
#divEmailCloseBtn {
text-align: left;
}
.modal-frame #divEmailCloseBtn .btn {
font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', serif !important;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
background-color: #b1e6e0;
border: none;
width: auto;
padding: 10px 12px;
width: 100%;
width: 30%;
margin: 18px 0 5px;
cursor: pointer;
}
.modal-frame #divEmailCloseBtn .btn:hover {
background-color: #81D8D0;
border: none;
color: #000 !important;
}
/*---Added for MQW----*/
#pnlSuccess {
text-align: left;
font-style: normal;
padding: 10px;
font-size: 14px;
}
#pnlTrackHints {
text-align: left;
font-style: normal;
font-weight: bold;
padding: 0px;
font-size: 14px;
line-height: 150%;
}
#pnlSavedItems {
text-align: left;
font-style: normal;
padding: 0px;
font-size: 14px;
line-height: 150%;
}
#divSaveThisItem {
text-align: left;
}
.modal-frame #divSaveThisItem .btn {
font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', serif !important;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
background-color: #b1e6e0;
border: none;
width: auto;
padding: 15px;
width: 32%;
margin: 18px 0 5px;
cursor: pointer;
}
.modal-frame #divEmailCloseBtn .btnSecondary {
font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', serif !important;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
background-color: #ffffff;
border: 1px solid #999999;
width: auto;
padding: 15px;
width: 32%;
margin: 18px 0 5px;
cursor: pointer;
box-sizing: border-box;
text-align: center;
display: inline-block;
}
.modal-frame #divSaveThisItem .btn:hover {
background-color: #81D8D0;
border: none;
color: #000 !important;
}
#confirmDisplay {
float: none;
width: 95%;
border-top: 1px solid #333;
padding: 0 20px;
text-align: left;
}
.ReceiveHintIcon {
background-image: url(/shared/images/icons/drop_a_hint_filled.svg);
background-repeat: no-repeat;
display: inline-block;
width: 20px;
height: 20px;
padding: 0px;
text-align: center;
vertical-align: middle;
margin-top: -4px;
margin-right: 5px;
}
#dAHMsg {
text-align: center;
font-style: normal;
padding: 0px;
font-size: 18px;
display: inline-block;
margin-bottom: 10px;
}
#receiveHints {
background-color: #f5f5f5;
text-align: center;
vertical-align: top;
border-bottom: 1px solid #333;
width: 100%;
}
#phSaveHints {
text-align: center;
}
.aSaveHints {
font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', serif !important;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
background-color: #f5f5f5;
border: 1px solid #333;
width: auto;
padding: 10px 30px;
display: inline-block;
cursor: pointer;
}
.HintClose {
font-size: 40px;
position: absolute;
top: 1%;
right: 1%;
}
#dAHSuccess i {
font-size: 11px;
color: #ff2909
}
.engagement-signup {
max-width: 844px;
margin: 0 auto;
}
.engagement-signup > .flex-block {
margin: 0 -30px;
}
.engagement-signup > .flex-block > .flex-item {
padding: 10px 30px;
}
.engagement-signup img {
max-width: 100%;
}
.engagement-signup .md-input {
display: block;
}
.engagement-signup__spacer {
padding-bottom: 34px;
}
.engagement-signup .btn-aem {
width: 100%;
}
.city-state-inline,
.zip-inline-twice {
display: flex;
justify-content: space-between;
}
.city-state-inline__city {
flex: 0 0 60%;
}
.addressSection .city-state-inline .city-state-inline__city,
.addressSection .city-state-inline .city-state-inline__state {
flex: 0 0 45%;
margin-left: 0;
margin-right: 0;
}
.city-state-inline .md-input {
width: auto !important;
}
.zip-inline-twice__zip {
flex: 0 0 45%;
}
.zip-inline-twice .md-input:only-child {
flex: 0 0 100%;
}
/*---End of changes for MQW----*/
/*----------------------------------------Find in store-----------------------------------*/
.storePickupWrapper {
padding: 0 0 20px !important;
}
#dvBOPS {
padding: 10px 0 20px;
line-height: 18px;
}
#dvBOPS a {
text-decoration: underline;
}
.item-info-container > div > div:first-child {
border-top: 1px solid #333;
padding-top: 10px;
}
.item-info-container > div:first-child > div:first-child {
border-bottom: 1px solid #333;
}
.item-extras {
border-top: 1px solid #333;
position: relative;
margin-top: 5px;
}
.item-extras.statement-collapsable:first-child {
border-top: 0;
margin-top: 0;
}
.item-extras.statement-collapsable:first-child > h4, .item-extras.statement-collapsable:first-child > a {
display: none;
}
#search-recent > div {
display: block;
}
.item-extras > div:not(.mcLink__width) h4, .item-extras > h4 {
text-align: center;
margin: 20px 0;
}
.item-extras > div:not(.mcLink__width) h4 a,, .item-extras > h4 a {
margin: 0 10px;
}
#engagementItemPage .item-extras h4 a {
cursor: text;
}
#engagementItemPage .item-extras h4 a:hover, #engagementItemPage .item-extras h4 a.selected {
color: #000 !important;
}
.item-extras h4.alignleft {
text-align: left;
padding-bottom: 15px;
}
#scheduleVisit .item-extras h4.alignleft {
text-align: left;
border-bottom: 1px solid #333;
padding-bottom: 15px;
}
.item-extras h4.alignleft {
text-align: left;
border-bottom: 1px solid #333;
padding-bottom: 15px;
}
.formButtons {
text-align: center;
margin: 30px 0 70px;
}
.vist-placeholder-img {
max-width: calc(100% - 20px);
margin-left: 20px;
}
.selectedStoreWrapper {
padding-left: 20px;
margin-bottom: 50px;
}
#select-rings {
padding-left: 20px;
}
#select-rings .paging, #lblRequestedRings .paging {
text-align: center;
}
#select-rings .saved-left, #select-rings .saved-right {
top: 200px;
}
#select-rings .grid-container > div {
position: relative;
}
#select-rings .grid-container > div > a {
border: 1px solid #333;
background: #f8f8f8;
position: absolute;
right: 0;
font-size: 18px;
line-height: 16px;
width: 16px;
height: 16px;
text-align: center;
}
#select-rings .touch-carousel .btn-aem {
width: 100%;
margin: 20px 0;
}
.select-rings__toggles {
border-top: 1px solid #767676;
text-align: center;
margin-top: 10px;
}
.select-rings__toggles a {
border-top: 3px solid transparent;
padding: 20px 0 0;
margin-top: -4px;
}
.select-rings__toggles a:first-child {
margin-right: 20px;
}
a.select-rings__toggle--selected {
font-weight: 700;
border-top-color: #000;
}
.select-rings__select .select-rings__selected-text {
display: none;
}
.select-rings__select--selected .select-rings__selected-text {
display: inline;
}
.select-rings__select--selected .select-rings__unselected-text {
display: none;
}
#scheduleVisit .ring-navigations {
padding: 2px;
}
#scheduleVisit .ring-navigations .ring-navigations__menu::before,
#scheduleVisit .ring-navigations .ring-navigations__menu::after {
display: table;
content: " ";
clear: both;
}
#scheduleVisit .ring-navigations .ring-navigations__menu {
border-bottom: 1px solid #757575;
margin: -1px 0 20px;
}
#scheduleVisit .ring-navigations .ring-navigations__menu > .tSelected {
font-size: 1.2rem;
line-height: 16px;
font-weight: 700;
border-bottom-color: #000;
}
#scheduleVisit .ring-navigations .ring-navigations__menu___item {
display: none;
position: relative;
float: left;
padding: 20px 0;
margin-right: 25px;
color: #000;
cursor: pointer;
border-bottom: 2px solid transparent;
}
#scheduleVisit .ring-navigations .ring-navigations__menu___item.enable {
display: block;
outline: none;
}
#scheduleVisit.keyboard--focussed .ring-navigations .ring-navigations__menu___item.enable:focus {
box-shadow: 0 0 0 2px #00a4b7;
}
#scheduleVisit .ring-navigations .ring-navigations__content .ring-navigations__content___pane {
display: none;
position: relative;
padding: 0;
margin: 0;
}
#scheduleVisit .ring-navigations .ring-navigations__content .ring-navigations__content___pane.multi-rings .touch-carousel .container .current {
padding: 0 0 25px;
margin: 0 0 15px;
border-bottom: 1px solid #757575;
}
#scheduleVisit .ring-navigations .ring-navigations__content .ring-navigations__content___pane .touch-carousel .touchcarousel-prev,
#scheduleVisit .ring-navigations .ring-navigations__content .ring-navigations__content___pane .touch-carousel .touchcarousel-next {
background-color: #fff;
border-radius: 0;
}
#scheduleVisit .ring-navigations .ring-navigations__content .ring-navigations__content___pane .touch-carousel .container .rngSelected img {
border-color: #81d8d0;
}
#scheduleVisit .ring-navigations .ring-navigations__content .ring-navigations__content___pane.enable {
display: block;
}
#scheduleVisit .ring-navigations .ring-navigations__content .touch-carousel .container > div {
text-align: left;
}
#scheduleVisit .ring-navigations .ring-navigations__content .touch-carousel .container > div img {
max-width: 100%;
border: 1px solid transparent;
}
#scheduleVisit .ring-navigations .ring-navigations__content .touch-carousel .thumbs .thumb {
background: transparent;
border: 1px solid #959595;
}
#scheduleVisit .ring-navigations .ring-navigations__content .touch-carousel .thumbs .thumb.active {
background: #959595;
}
#scheduleVisit .md-input.your-message.errorWrapper textarea {
border: 1px solid #767676 !important;
}
.item-extras h4 a.selected {
color: #41c1ca;
}
.section-toggle {
position: absolute;
top: 20px;
right: 20px;
}
#backToTop {
opacity: 0;
z-index: 2;
background: rgba(255,255,255,.5);
padding: 20px;
position: fixed;
right: 0;
bottom: 50px;
-webkit-transition: .5s opacity ease-out;
transition: .5s opacity ease-out;
}
#backToTop.visible {
opacity: 1;
}
#backToTop img {
display: block;
width: 24px;
}
#backToTop img.hover {
position: absolute;
top: 20px;
opacity: 0;
transition: .3s opacity ease-out;
}
#backToTop:hover img {
opacity: 0;
}
#backToTop:hover img.hover {
opacity: 1;
}
#filters {
padding-top: 15px;
margin-bottom: 10px;
background: #fff;
z-index: 5;
min-width: 728px;
position: relative;
}
#filters.fixed {
position: fixed;
top: 10px;
}
.en-US-EStr #filters.fixed, .ja-JP-EStr #filters.fixed {
top: 0px;
}
#search-fields, #browse-fields {
display: block;
margin-bottom: 10px;
}
#saved.fixed {
position: fixed;
}
.fixed-filter {
margin-top: 80px;
}
#categoryFlyout {
z-index: 5;
display: none;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
padding: 10px 0;
position: absolute;
background: #fff;
left: 0;
right: 0;
}
/*#filters.fixed > div { margin: 0 !important; }*/
#filters > div .close {
position: absolute;
top: 0px;
right: 0px;
z-index: 5;
}
/*.filters-menu, .filters-menu-items { display: inline-block; width: auto; vertical-align: top; }
.filters-menu { margin-right: 20px; max-height: 240px; }
.filters-menu .rollbar-content { left: 0 !important; }
.filters-menu-items {
max-width: calc(100% - 250px);
overflow-x: auto;
}
.filters-menu-items > div { display: -webkit-flex; display: flex; }
.filters-menu-items > div > div { -webkit-flex-shrink: 0; flex-shrink: 0; padding-left: 30px; }
.filters-menu-items > div > div:first-child { padding-left: 0; }*/
.filter-price-range {
display: inline-block;
}
.filter-price-range .price-error {
display: none;
margin-top: 30px;
color: #ff2909;
}
.filter-price-range.errors .price-error {
display: block;
}
.filter-price-range.errors input {
border-color: #ff2909;
}
.zero-results {
display: inline-block;
color: #ff2909;
vertical-align: top;
padding-top: 5px;
padding-left: 30px;
}
#sort {
display: none;
}
#sort a {
display: block;
padding: 5px 0;
}
/*.filters-menu a { display: block; padding: 5px 0; text-transform: uppercase; }*/
.new-menu-items a {
padding: 5px 0;
display: block;
white-space: nowrap;
}
#filters > div > div a:focus {
outline: none;
}
#categoryFlyout a.active {
text-decoration: none;
color: #41c1ca;
}
#categoryFlyout a.disabled {
opacity: .5;
cursor: default;
}
#categoryFlyout a.disabled:hover {
color: #000;
}
.jq-toggle-filters {
text-transform: uppercase;
margin-bottom: 10px;
display: inline-block;
}
.jq-toggle-filters i {
font-size: 11px;
font-weight: bold;
height: 14px;
vertical-align: middle;
}
.jq-toggle-filters .show-for-open {
display: none;
}
.jq-toggle-filters.filters-open .show-for-open {
display: inline;
}
.jq-toggle-filters.filters-open .show-for-closed {
display: none;
}
.jq-clear-all {
display: none;
}
.jq-toggle-sort {
float: right;
text-transform: uppercase;
}
.jq-toggle-sort span {
margin-right: 4px;
}
.jq-toggle-sort span.data-filter,
.jq-toggle-sort span.show-for-closed,
.jq-toggle-sort span.show-for-open {
margin-right: 0;
}
.jq-toggle-sort span.show-for-closed i,
.jq-toggle-sort span.show-for-open i {
font-size: 11px;
font-weight: bold;
height: 14px;
vertical-align: middle;
}
.jq-toggle-sort .show-for-open {
display: none;
}
.jq-toggle-sort.sort-open .show-for-open {
display: inline;
}
.jq-toggle-sort.sort-open .show-for-closed {
display: none;
}
.filter-breadcrumbs {
max-width: 64%;
display: inline-block;
vertical-align: top;
}
.filter-breadcrumbs a {
display: inline-block;
margin: 0 16px 0 0;
}
.filter-loader {
position: absolute;
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-end;
justify-content: flex-end;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
.filter-loader span {
margin-top: 40px;
}
#filters h1 {
display: inline-block;
padding-bottom: 10px;
margin-right: 20px;
}
#filters p {
margin-bottom: 10px;
}
#filters.searchbar {
border-bottom: 0;
margin-bottom: 20px;
padding: 10px 10px 0 10px !important;
}
#filters.searchbar p {
min-width: 63%;
margin: 10px 0;
}
#filters.searchbar input {
margin-bottom: 10px;
}
#filters.searchbar .btn {
margin-left: 0;
margin-right: 30px;
margin-top: 0;
vertical-align: top;
padding: 7px 24px !important;
}
#filters.searchbar > div {
border-top: 0;
}
.search-header {
margin-bottom: 10px;
}
#filters #price-field-holder {
font-style: normal;
color: #000;
text-transform: uppercase;
}
#filters #price-field {
text-transform: none;
}
.en-US-Trade #searchPriceRangeButton {
margin-top: 0px;
}
#filters a:hover {
text-decoration: none;
}
#filters a.selected, #filters .filter {
color: #41c1ca;
}
#filters .filter {
padding-right: 15px;
position: relative;
color: #41c1ca;
}
.filter span {
font-size: 18px;
position: absolute;
right: 0;
bottom: -2px;
margin-left: 0 !important;
}
#filters span a.selected {
color: #000;
}
#sortLabel {
white-space: nowrap;
}
#filters .sort {
margin-top: 0;
}
#filters .spacer {
cursor: default;
line-height: 5px;
margin-top: 7px;
}
#price {
width: 30% !important;
text-align: center;
margin-right: 100px;
float: right;
}
.ui-slider {
background: #e5e5e5;
position: relative;
height: 8px;
margin: 40px 0 20px 0;
width: 100%;
z-index: 6;
}
.ui-slider a span {
color: #41c1ca;
position: absolute;
white-space: nowrap;
}
.ui-slider a:hover {
text-decoration: none;
}
.ui-slider-range {
background: #41c1ca;
height: 100%;
top: 0;
position: absolute;
z-index: 7;
display: block;
border: 0;
background-position: 0 0;
}
.ui-slider-handle {
margin-top: -60px !important;
margin-left: -40px !important;
position: absolute;
width: 80px;
height: 120px;
}
.ui-slider-handle div {
margin-top: 40px !important;
margin-left: 35px;
z-index: 8;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 10px solid #41c1ca;
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
}
.ie-7 .ui-slider-handle div {
margin-left: 0;
}
.ui-slider-handle span {
margin-top: -30px;
display: block;
left: 50px;
}
.ui-slider-handle.first span, .flip span {
right: 50px;
left: auto;
}
.more-images {
top: 0;
width: 100%;
height: 100%;
text-align: center;
}
.more-images .thumbs {
background-color: #fff;
margin-top: 10px;
}
#itemPage .more-images .thumbs {
background-color: #fff;
margin-top: 60px;
position: absolute;
left: 0;
margin-left: -5px;
z-index: 1;
}
#gray-overlay, #pma-gray-overlay {
display: none;
position: fixed;
background: #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
filter: alpha(opacity=40);
opacity: 0.4;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 102;
}
#gray-overlay-shop-tile {
display: none;
position: fixed;
background: #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
filter: alpha(opacity=40);
opacity: 0.4;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 40;
}
.image-overlay {
position: absolute;
width: 100%;
min-width: 1024px;
display: none;
}
.image-overlay-inner {
position: relative;
width: 100%;
min-width: 984px;
max-width: 1280px;
top: 0;
background-color: #fff;
z-index: 103;
text-align: center;
max-width: 1280px;
margin: 0 auto;
height: 100%;
}
.ie .image-overlay {
}
.image-overlay .large-image {
height: 100%;
padding-bottom: 10px;
}
.image-overlay .large-image > div {
height: 100%;
}
.image-overlay .large-image .video-holder {
margin: 75px auto 0 auto;
}
#image-holder .large-image img {
height: 440px;
}
#image-holder .large-image .no-image img {
height: 440px !important;
}
#itemPage #image-holder .large-image {
padding-left: 72px;
}
#itemPage #image-holder .large-image img {
height: auto;
margin-top: 70px;
margin-bottom: 40px;
}
.large-image .controls img, .large-image .video-seek img {
height: inherit;
}
.more-images .video {
margin-top: 80px;
}
.image-overlay .video {
margin-top: 20px;
}
.image-overlay .close {
position: absolute;
right: 0;
padding: 10px;
font-size: 60px;
line-height: 32px;
}
.thumbs {
padding: 0 0 10px 0;
}
#itemPage .thumbs {
padding: 0;
width: 72px;
top: 10px;
left: 0;
}
.thumbs img {
margin-left: 10px;
border: 1px solid #fff;
width: 60px;
}
.overlay-text-wrapper .thumbs img {
width: 100px;
}
.thumbs img, .more-images .large-image img {
cursor: pointer;
}
.thumbs img:first-child {
margin-left: 0;
}
.thumbs img.active {
border: 1px solid #666;
}
#DigiCatMiniPDPPage .thumbs img.active {
border: 1px solid #666;
}
#DigiCatMiniPDPPage #drawerAlsoAvailable #contentLinkList {
font-family: 'AvenirNextMedium', Helvetica, Arial, sans-serif;
}
#overlay-module {
margin-left: auto;
margin-right: auto;
margin-top: 40px;
}
.image-overlay .thumbs {
padding-bottom: 0;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.image-overlay .thumbs div {
background: #fff;
padding: 10px;
display: inline-block;
}
#more-views-links {
height: 60px;
padding-top: 20px;
padding-bottom: 0;
}
#divAlterNateImg {
position: relative;
padding-top: 20px;
}
#divAlterNateImg a {
font-size: 14px;
font-style: italic;
text-transform: uppercase;
}
.custom-drop, .custom-drop-dummy {
display: inline-block;
width: auto;
}
.ie-7 .custom-drop, .ie-7 .custom-drop-dummy {
zoom: 1;
display: inline;
position: relative;
}
.custom-drop li.separator {
padding: 0;
list-style: none;
margin: 0;
height: 10px;
cursor: default;
}
/* IBM BT# 9462 : change done so that default menu "SORT BY" selection does not trigger any action or change in selected menu */
.custom-drop li.non-selectable {
cursor: default;
}
.engraving-info, .pickup-info, .specifications-info, .item-page-info {
border: 1px solid #333;
position: absolute;
background: #fff;
color: #000000;
padding: 5px 10px;
margin-left: -10px;
width: 260px;
display: none;
z-index: 1 !important;
}
.ie-7 .engraving-info {
margin-left: -124px;
margin-top: 18px;
}
.engraving-info p {
margin-right: 15px;
}
.engraving-info .close {
position: absolute;
right: 10px;
}
.pickup-info {
width: 29%;
margin: 10px 0 0;
padding: 20px 0 20px 13px;
}
.custom-drop div.choice, .custom-drop-dummy div.choice {
cursor: pointer;
background: url(/shared/images/icons/select-arrow.png) no-repeat right 6px;
padding: 3px 5px;
border: 0px solid black !important;
display: inline-block;
vertical-align: middle;
margin-left: 5px;
vertical-align: baseline;
}
.ie-7 .custom-drop div.choice, .ie-8 .custom-drop div.choice, .ie-7 .custom-drop-dummy div.choice, .ie-8 .custom-drop-dummy div.choic {
zoom: 1;
display: inline;
}
.ie-7 .skin-tone .custom-drop div.choice, .ie-8 .skin-tone .custom-drop div.choice, .ie-7 .skin-tone .custom-drop-dummy div.choice, .ie-8 .skin-tone .custom-drop-dummy div.choice {
display: inline-block;
width: 80px;
}
.ie-8.en-US-PKB .custom-drop div.choice, .ie-8.en-US-PKB .custom-drop-dummy div.choice {
display: block;
}
.no-left-margin div.choice {
margin-left: 0;
padding-left: 0;
}
.custom-drop.no-label div.choice, .custom-drop-dummy.no-label div.choice {
margin-left: 0;
padding-left: 0;
}
.custom-drop div.rollbar, .custom-drop-dummy div.rollbar {
z-index: 2;
width: auto;
min-width: 80px;
max-height: 225px;
padding-right: 10px;
position: absolute !important;
background: #fff;
margin-top: -25px;
border: 1px solid #333;
display: none;
-ms-touch-action: none;
touch-action: none;
}
#itemPage div[rel="avaibleDropdown"] div.rollbar, #DigiCatMiniPDPPage div[rel="avaibleDropdown"] div.rollbar {
margin-left: -9px
}
.ios .custom-drop div.rollbar {
max-height: 250px;
}
#grid-popup .custom-drop div.rollbar {
max-height: 180px;
}
.ie-8 .custom-drop div.rollbar, .ie-8 .custom-drop-dummy div.rollbar {
margin-top: -22px;
width: 130px;
}
.ie-7 .custom-drop div.rollbar, .ie-7 .custom-drop-dummy div.rollbar, .ie-8 #emailCustomerSupport .custom-drop div.rollbar {
margin-top: -5px;
left: 0;
overflow: visible !important;
}
.rollbar {
padding-right: 20px;
}
.clearfix:after, .grid-container:after, .tile-container:after, .text-container:after {
content: " "; /* Older browser do not support empty content */
visibility: hidden;
display: block;
height: 0;
clear: both;
}
#schedule-consultation .custom-drop div.rollbar {
margin-top: 0;
width: 33%;
}
.ie-8 #schedule-consultation .custom-drop div.rollbar {
width: 200px;
right: -50px;
}
.ios #schedule-consultation .custom-drop div.rollbar, .android #schedule-consultation .custom-drop div.rollbar {
max-height: 155px;
}
#schedule-consultation .lefthidden .custom-drop div.rollbar {
right: 32%;
}
.lefthidden {
margin: 0 auto !important;
float: none !important;
}
.no-left-margin div.rollbar {
margin-left: -10px;
}
.custom-drop ul {
text-align: left;
list-style: none;
padding: 5px 0;
}
.custom-drop li {
cursor: pointer;
padding: 2px 9px;
}
.ios .custom-drop li, .android .custom-drop li {
padding: 5px 9px;
}
.custom-drop li:hover, .custom-drop li.active {
color: #41c1ca;
}
.custom-drop.color div.choice, .custom-drop-dummy.color div.choice {
background-position: right 18px;
}
.ie-8 .custom-drop.color div.choice, .ie-8 .custom-drop-dummy.color div.choice {
background-position: right 6px;
}
.custom-drop.color div.rollbar {
margin-top: -37px;
}
.ie-7 .custom-drop.color div.rollbar, .ie-8 .custom-drop.color div.rollbar {
margin-top: -5px;
}
.custom-drop img, .custom-drop-dummy img {
vertical-align: middle;
margin-right: 5px;
}
.share-menu {
border: 1px solid #333;
background: #fff;
z-index: 1;
padding: 4px 10px;
display: inline-block;
width: auto;
position: absolute;
margin-top: 30px;
margin-left: -60px;
min-width: 90px;
text-align: left;
}
.share-menu-wide {
background: #fff;
z-index: 1; /* padding: 4px 10px; */
display: inline-block;
width: auto;
position: relative;
margin-top: 0px;
margin-left: 0px;
min-width: 168px;
text-align: left;
}
.romance-tip .share-menu {
margin-top: -100px;
margin-left: -75px;
}
.romance-tip .share-menu img {
width: auto;
}
#TiffanyStyleLandingPage .share-menu {
z-index: 1;
margin-left: -126px;
width: 100px;
}
.share-menu a {
display: block;
padding: 3px 0;
}
.share-menu a img, .share-menu-wide a img {
vertical-align: top;
}
.share-menu a span, .share-menu-wide a span {
display: inline-block;
margin-top: 1px;
margin-left: 3px;
}
.share-menu-wide a {
display: inline-block;
background-image: url(/shared/images/icons/social_icons.png);
background-repeat: no-repeat;
background-size: 233px 16px;
margin: 0px 10px 0 0;
}
.share-menu-wide a.email {
background-position: -22px 0;
width: 22px;
height: 15px;
}
.share-menu-wide a.facebook {
background-position: -45px 0;
width: 19px;
height: 16px;
}
.share-menu-wide a.twitter {
background-position: -106px 0;
width: 22px;
height: 15px;
}
.share-menu-wide a.pinterest {
background-position: -85px 0;
width: 20px;
height: 16px;
}
.share-menu-wide a.google {
background-position: -170px 0;
width: 19px;
height: 16px;
}
.share-menu-wide a.tumblr {
background-position: -128px 0;
width: 20px;
height: 17px;
}
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
.share-menu-wide a {
display: inline-block;
background-image: url(/shared/images/icons/social_icons-2x.png);
background-repeat: no-repeat;
background-size: 233px 16px;
margin: 0px 7px 0 0;
}
.share-menu-wide a.email {
background-position: -22px 0;
width: 22px;
height: 15px;
}
.share-menu-wide a.facebook {
background-position: -45px 0;
width: 19px;
height: 16px;
}
.share-menu-wide a.twitter {
background-position: -106px 0;
width: 22px;
height: 15px;
}
.share-menu-wide a.pinterest {
background-position: -85px 0;
width: 20px;
height: 16px;
}
.share-menu-wide a.google {
background-position: -170px 0;
width: 19px;
height: 16px;
}
.share-menu-wide a.tumblr {
background-position: -128px 0;
width: 20px;
height: 17px;
}
}
.hidden {
display: none;
}
h4 .paging {
position: absolute;
width: 100px;
text-align: left;
}
.item-extras .clearAllItems {
position: absolute;
right: 0px;
text-align: right;
width: 265px;
margin-top: 25px;
}
.es-MX .item-extras .clearAllItems {
position: absolute;
right: 10px;
text-align: right;
width: 265px;
margin-top: 0px;
}
.ru-RU .item-extras .clearAllItems {
position: absolute;
right: 10px;
text-align: right;
width: 350px;
margin-top: 0px;
}
.ko-KR .storeHours {
padding-right: 13px;
}
#categoryBrowsePage.es-MX .item-extras .clearAllItems, #categoryBrowsePage.ru-RU .item-extras .clearAllItems {
margin-top: 25px;
}
#extras-recent .clearAllItems {
margin-top: 0px;
}
.ie-7 h4 .paging {
left: 0;
}
.paging {
margin-bottom: 12px;
display: none;
}
#extras-story .flexible-height {
display: none;
}
#extras-additional, #divAdditionalItems {
min-height: 400px;
}
.page-left {
display: none;
}
.catlinks {
border-top: 1px solid #333;
padding: 40px 0 !important;
}
.catlinkshidden {
padding: 10px 0 !important;
display: none
}
.catlinks .col3 div.title {
float: left;
}
.catlinks .col3 div {
float: left;
width: 24%;
*width: 23.94680851063829%;
margin-left: 1%;
*margin-left: 0.94680851063829%;
}
.catlinks .col3 a {
display: block;
margin-bottom: 10px;
}
#saved {
display: none;
background: #fff;
border-bottom: 1px solid #333;
padding-bottom: 15px;
position: absolute;
z-index: 39;
top: 37px;
left: 0;
right: 0;
}
#saved .btn, #saved .btnSecondary {
padding: 10px 40px;
}
#saved-content {
min-height: 172px;
text-align: left;
}
#saved-content a.item-page-link {
width: 40%;
float: left;
margin-right: 10px;
margin-bottom: 30px;
}
#saved-content a.item-page-link img {
width: 100%;
}
#saved-content img.loading {
width: auto;
float: none;
margin: 0 auto;
display: block;
padding-top: 75px;
}
#saved-content a {
padding: 0;
}
#saved-content .btn, #saved-content .btnSecondary {
float: right;
margin-top: 15px;
margin-bottom: 5px;
margin-left: 10px;
}
.saved-header .selected {
color: black !important;
}
#saved-content .inlineDesc {
float: left;
width: 55%
}
/*MQW Changes*/
#open-bag-link-wrapper, #open-saved-link-wrapper, #inlineGoToSBBtn, #inlineGoToSavedBtn, #inlineGoToSavedRingsBtn, #inlineGoToSentHintsBtn, #inlineGoToReceivedHintsBtn, #inlineContinueShoppingBtn, #inlineCheckoutBtn {
display: none;
}
/*MQW Changes End*/
#saved-content.sb #open-bag-link-wrapper {
display: inline-block;
}
/*MQW chnages*/
#saved-content.saved #open-saved-link-wrapper, #saved-content.rings #open-saved-link-wrapper, #saved-content.dahSentHints #open-saved-link-wrapper, #saved-content.dahReceivedHints #open-saved-link-wrapper {
display: inline-block;
}
.shopping-bag-box:not(.empty) #inlineCheckoutBtn, .saved-items-box.saved #inlineGoToSavedBtn, .saved-items-box.rings #inlineGoToSavedRingsBtn, .saved-items-box.dahSentHints #inlineGoToSentHintsBtn, .saved-items-box.dahReceivedHints #inlineGoToReceivedHintsBtn {
display: block;
}
/*MQW chnages End*/
#saved .price {
margin-bottom: 10px;
}
#saved .inlineDesc span.l4 {
padding-bottom: 10px;
display: inline-block;
}
#saved .inlineDesc div.l6 {
padding-bottom: 4px;
}
#saved .inlineDesc .outOfStock {
color: #e31f26;
text-transform: uppercase;
padding-bottom: 5px;
}
#saved .inline-engraving {
padding-bottom: 4px;
}
#saved .saved-header {
float: right;
border-bottom: 1px solid #333;
margin-bottom: 10px;
padding-bottom: 5px;
margin-top: 20px;
vertical-align: baseline;
}
#saved .close {
padding: 0 0 0 5px;
vertical-align: middle;
float: right;
}
/* For Legacy Inline Add Confirmation - GTrade only */
html >/**/ body #addMessage {
padding-top: 8px;
}
/* End Legacy Inline Add Confirmation */
.page-left-box {
position: absolute;
left: -20px;
top: 20%;
height: 80%;
width: 20px;
}
.page-right-box {
position: absolute;
right: -20px;
top: 20%;
height: 80%;
width: 20px;
}
.page-left-box img, .page-right-box img {
width: 12px;
top: 40%;
position: absolute;
padding: 0 4px;
}
.statement .page-left-box, .statement .page-right-box {
display: inline-block;
position: relative;
height: 50px;
padding-top: 30px;
font-size: 30px;
}
.arrow-left {
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid #000;
display: block;
position: absolute;
left: 5px;
top: 41%;
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
}
.arrow-right {
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid #000;
display: block;
position: absolute;
right: 5px;
top: 41%;
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
}
.ios .arrow-left, .android .arrow-left {
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid #000;
left: 3px;
}
.ios .arrow-right, .android .arrow-right {
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #000;
right: 3px;
}
.saved-left {
z-index: 1;
position: absolute;
left: -10px;
top: 115px;
padding: 0 !important;
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid #000;
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
}
.saved-right {
z-index: 1;
position: absolute;
right: -10px;
top: 115px;
padding: 0 !important;
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid #000;
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
}
.blue-arrow-right {
padding: 0;
width: 0;
height: 0;
margin-left: 5px;
display: inline-block;
vertical-align: top;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 9px solid #41c1ca;
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
}
.paging .saved-left, .paging .saved-right {
top: 150px;
}
.differenceHeader {
text-align: center;
position: relative;
padding: 10px;
border-bottom: 1px solid #333;
}
.differenceHeader.usChineseStores {
margin-top: 20px;
border-top: 1px solid #333;
}
.no-border {
border: 0;
}
.centertext {
text-align: center !important;
}
.righttext {
text-align: right !important;
}
.lefttext {
text-align: left !important;
}
.overlay-text-wrapper {
margin: 0 5% 0 15%;
}
.overlay-video-wrapper .thumbs, .overlay-text-wrapper .thumbs {
position: absolute;
bottom: 16px;
}
.overlay-video-wrapper img {
max-width: 100%;
}
.overlay-video-wrapper .error {
color: #e31f26;
background-color: #fafafa;
display: none;
}
.overlay-video-wrapper #errorMessage {
text-align: center !important;
padding-top: 168px;
}
.overlay-text-wrapper .rollbar {
height: 480px;
}
.ie-7 .overlay-text-wrapper .rollbar, .ie-8 .overlay-text-wrapper .rollbar {
height: 350px;
}
.overlay-text-wrapper.no-thumbs .rollbar {
height: 580px;
}
.overlay-video-wrapper #emailVideoFallback img {
vertical-align: top;
}
.video {
position: relative;
}
.video .progress {
background: url('/shared/images/misc/loading.gif') center center no-repeat;
height: 400px;
width: 100%;
}
.video-poster {
position: absolute;
z-index: 100;
}
.ie-8 .video-poster {
z-index: 0;
}
.captions {
bottom: 20px;
color: white;
font-size: 13px;
letter-spacing: 1px;
font-weight: bold;
position: absolute;
text-align: center;
text-shadow: 0px 0px 4px #000;
width: 100%;
}
.captions span {
padding: 0 50px;
}
.controls {
background-color: #fafafa;
height: 27px;
padding: 0;
position: relative;
z-index: 1000;
}
.controls .divider {
width: 1px;
background-color: #bfbfbf;
line-height: 5px;
height: 11px;
}
.controls .video-back {
position: absolute;
padding: 5px;
top: -1px;
left: 8px;
}
.controls .divider.one {
position: absolute;
top: 8px;
left: 29px;
}
.controls .video-play {
position: absolute;
padding: 5px;
top: -1px;
left: 31px;
}
.controls .video-pause {
position: absolute;
padding: 5px;
top: -1px;
left: 31px;
}
.controls .divider.two {
position: absolute;
top: 8px;
left: 51px;
}
.controls .video-forward {
position: absolute;
padding: 5px;
top: -1px;
left: 51px;
}
.controls .video-mute {
position: absolute;
padding: 5px;
top: 1px;
right: 6px;
}
.controls .video-unmute {
position: absolute;
padding: 5px;
top: 1px;
right: 6px;
}
.controls .video-timer {
position: absolute;
width: 50px;
right: 36px;
top: 6px;
font-size: 10px;
color: #bfbfbf;
text-align: center !important;
}
.controls .video-seek {
position: absolute;
left: 80px;
right: 100px;
height: 5px;
top: 11px;
background-color: #ffffff;
}
.controls .video-play-progress {
height: 5px;
background-color: #bebebe;
margin-top: -5px;
z-index: 2;
width: 0%;
}
.controls .video-load-progress {
height: 5px;
background-color: #e0e0e0;
z-index: 1;
width: 0%;
}
.controls .video-playhead {
position: absolute;
left: -5px;
top: 5px;
}
.leftpadding {
padding-left: 6%;
}
p.notile-padding {
padding: 0 15%;
}
p.notile-margin {
margin: 20px 0 30px;
}
#paddedHeader {
padding: 20px 0 10px 0;
}
#paddedHeader > span {
float: right;
max-width: 80%;
text-align: right;
margin-top: 10px;
}
#shoppingbag #paddedHeader {
border-bottom: 1px solid #767676;
margin-bottom: 10px;
}
.saved-tabs {
}
.saved-tabs a {
margin-right: 20px;
padding: 15px 0;
}
a.saved-tabs__tab--selected {
font-weight: 600;
border-bottom: 2px solid #000;
}
#lookbook {
overflow: hidden;
width: auto;
background: #b5eee7;
padding: 10px;
}
#lookbook p {
display: inline-block;
margin-top: 13px;
}
#lookbook .btn:first-child {
margin-right: 5px;
}
.saved-items-actions {
border-bottom: 1px solid #767676;
margin-bottom: 10px;
}
.saved-filters {
text-align: right;
}
.saved-filters span {
margin-right: 30px;
}
.saved-filters a {
margin-left: 15px;
}
.saved-filters a i {
font-size: 16px;
}
.saved-filters__email-print {
display: inline-block;
}
.saved-filters__sort {
margin-top: 15px;
}
.saved-filters__sort label {
color: #767676;
}
.saved-filters__sort select {
font-size: 12px;
}
#viewbyselect + .custom-drop.disabled div.choice {
cursor: text;
background: url("");
}
#saved-items {
text-align: center;
}
#saved-items .grid-container {
margin-bottom: 20px;
}
.float-right {
float: right;
}
.float-left {
float: left;
}
.selectedStore {
position: absolute;
width: 23%;
}
.ie-7 .selectedStore {
position: relative;
}
#bag-items {
border-top: 1px solid #333;
}
#bag-header {
border: 0 !important;
}
#bag-header div {
display: inline-block;
width: auto;
}
#bag-header .items {
margin-left: 31%;
}
#bag-items > div {
border-top: 1px solid #333;
width: 70%;
overflow: hidden;
padding: 1% 0;
}
#bag-items img {
width: 30%;
margin-right: 1%;
float: left;
}
#bag-items .price {
float: right;
margin: 0 20px 0 0 !important;
}
#bag-items .info {
width: 80%;
}
#bag-items .info > div, #bag-items .engraving > div {
margin: 10px 0;
}
#bag-items .details {
float: left;
width: 69%;
*width: 68.94680851063829%;
}
#bag-items .engraving {
border-top: 1px solid #333;
margin-top: 10px;
padding: 10px 0;
}
#bag-items .tiffany-info {
float: right;
width: 20%;
border: 0;
padding: 0;
}
#bag-items input {
border: 1px solid #333;
padding: 3px 5px;
margin-left: 5px;
}
#bag-items input[type='text'] {
width: 25px;
}
#bag-items input[type='number'] {
width: 10px;
}
.style .styled-select {
width: 90px;
background-position: right;
}
.style .styled-select select {
width: 110px;
}
.modal-popup {
display: none;
background: #fff;
position: absolute;
margin-left: auto;
margin-right: auto;
padding: 30px 30px;
top: 101px;
left: 22%;
right: 22%;
min-height: 400px;
min-width: 438px;
z-index: 100000;
}
.modal-popup iframe {
width: 100%;
min-height: 330px
}
.modal-popup.top {
top: 0 !important;
}
.modal-popup .loading {
display: block;
margin: 0 auto;
margin-top: 175px;
}
.modal-popup.skinny {
left: 30%;
right: 30%;
min-width: 300px;
}
.modal-popup.cyc {
width: 550px;
left: 0;
right: 0;
}
/*--------------------------------- Pick up store -----------------------------*/
.pickupMessage {
line-height: 20px;
}
body.en-GB .pickupMessage {
padding-right: 20px;
line-height: 20px;
}
.pickup-available {
text-decoration: underline;
}
.pickup-info .close {
position: absolute;
top: 10px;
right: 10px;
}
/*--------------------------------- Find in store ---------------------------------------*/
.modal-popup.mid {
left: 0;
right: 0;
width: 700px;
min-height: 150px;
}
.modal-popup.mid iframe {
min-height: 150px;
}
.searchLocation {
display: inline-block;
width: 100%;
}
.divSearch {
display: inline-block;
margin-left: 20px;
}
.storeSearchField {
padding: 6px 10px !important;
margin: 0 10px 0 0 !important;
}
#divChooseYourStore .currentLocation {
vertical-align: top;
padding: 20px 15px 0 0;
float: left;
}
#divChooseYourStore #showPickupInStore {
vertical-align: top;
float: right;
padding: 20px 0 0;
}
#divChooseYourStore .currentLocation img {
position: relative;
top: 3px;
padding-right: 6px;
}
.currentLocation span {
/* display: block; */
}
/*--------------------------------- Find in store ---------------------------------------*/
.modal-popup.wide {
left: 0;
right: 0;
min-width: 680px;
max-width: 910px;
width: 90%;
}
.modal-popup.full {
left: 0;
right: 0;
min-width: 924px;
max-width: 1180px;
width: 90%;
}
.modal-popup.fullframe {
padding: 0;
background-color: transparent;
}
.ie .modal-popup.full {
max-width: none;
left: 3%;
right: 3%;
}
.modal-popup .close {
position: absolute;
top: 15px;
right: 15px;
}
.modal-popup .close i {
font-size: 16px;
}
.modal-popup.fullframe .close {
display: none;
}
.modal-popup .content > h2, .modal-frame h2, #shoppingFaqHeader {
border-bottom: 2px solid #333;
padding-bottom: 10px;
margin-bottom: 20px;
overflow: hidden;
display: block;
line-height: 115%;
font-size: 18px;
}
.modal-popup .content > h2 span, .modal-frame h2 span {
float: right;
margin-top: 10px;
}
.ie-7 .modal-popup .content > h2 span, .ie-7.modal-frame h2 span,
.ie-8 .modal-popup .content > h2 span, .ie-8.modal-frame h2 span {
float: none;
margin-top: 0px;
}
.modal-popup .grid-container h2, .modal-frame .grid-container h2 {
margin-top: 10%;
margin-bottom: 20px;
}
.modal-popup .care-container {
padding-top: 1px;
}
.modal-popup .care-container .rollbar {
width: 95%;
height: 270px;
padding-right: 20px;
}
.modal-popup p {
margin: 0 0 20px;
}
.modal-popup .product-image {
float: left;
margin-right: 10px;
width: 35%;
}
.modal-popup .engraving-options {
float: left;
width: 62%;
}
.modal-popup .care-container .grid-container {
margin-left: -50px;
margin-bottom: -30px;
width: 104%;
}
.care-container img {
margin-bottom: 0 !important;
}
.product-image img {
max-width: 100%;
}
.radio-list {
padding-bottom: 15px;
}
.radio-list label {
display: block;
padding: 3px 0;
}
.radio-list label:last-child {
padding-bottom: 0;
}
/* Engraving */
#engraving .overlay-header {
border-bottom: 2px solid #000;
position: relative;
padding: 0 0 10px;
}
#engraving .overlay-header .cs-number {
position: absolute;
bottom: 10px;
right: 0;
text-transform: uppercase;
}
#engraving .overlay-content {
padding: 10px 0 0;
}
#engraving hr {
width: 100%;
}
.engravingOptions, .engravingOptions li {
list-style: none;
}
.engravingOptions li {
margin: 4px 0;
}
.ios .engravingOptions li {
margin: 8px 0;
}
.engravingOptions li span {
text-transform: uppercase;
}
/*#engraving .typeStyleSection { border-top: 1px solid #000; margin-top: 15px; }*/
#engraving .typeStyleSection h3 {
clear: both;
padding: 15px 0;
}
.engravingInput {
display: block;
text-align: center;
padding-bottom: 15px;
}
.engravingInput input {
vertical-align: middle;
text-transform: uppercase;
}
.monogram .engravingInput .initial2 {
height: 30px;
font-size: 26px;
width: 1em !important;
}
.monogram .engravingTitle,
.monogram .engravinginfo,
.monogram .engravingStyles {
display: none;
}
.handEngraving .monogramTitle,
.machineEngraving .monogramTitle,
.handEngraving .monograminfo,
.machineEngraving .monograminfo,
.handEngraving .monogramStyles,
.machineEngraving .monogramStyles {
display: none;
}
.engravingInput label {
position: absolute;
top: -999999em;
left: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
.engravingStyles ul,
.monogramStyles ul {
list-style: none;
margin: 0;
padding: 0;
}
.engravingStyles li,
.monogramStyles li {
list-style: none;
margin: 0;
padding: 0;
display: inline-block;
}
.typeStyles a {
display: block;
border: 2px solid #fff;
}
.typeStyles a label {
text-align: center;
display: block;
padding: 5px 0;
font-size: 10px;
}
.initials {
display: inline-block;
width: 90px;
background-color: #f5f5f5;
text-align: center;
vertical-align: middle;
font-size: 30px;
padding: 6px;
margin: 5px;
}
.typeStyles a.active span {
border: 1px solid black;
padding: 5px;
}
.chkEngravingOptions a {
display: inline-block;
width: 20px;
height: 10px;
}
/*#engraving .infoWrapper { padding: 10px 10px 10px 19px; }*/
#engraving .infoWrapper .title {
font-weight: bold;
}
#engraving .btn_info img {
float: none;
margin: -1px 0 0 8px;
}
#engraving .rollbar-path-vertical {
right: 0px;
}
#engraving .rollbar {
height: 315px;
padding-right: 10px;
}
/* default height for mobile */
#engraving .error {
color: #e31f26;
}
.chkEngravingOptions ul.radios li {
padding-bottom: 15px;
}
/* overwrites style in chkout_tablet.css */
.chkEngravingOptions ul.radios li img {
height: 55px;
}
/*.engravableItemWrapper img { float: left; margin-left: -150px; }*/
#engraving .itemInfo p {
margin-top: 0;
}
#engraving input.btn {
margin-top: 10px;
}
/*.engravableItemWrapper { padding: 10px 0 0 0; margin-left: 150px; }*/
.engravableItemWrapper .labelWrapper {
display: inline;
}
#engraving input[type="text"] {
border: 0;
background: #f8f8f8;
width: 2em;
text-align: center;
padding: 8px 10px;
margin: 0 5px;
box-sizing: content-box
}
.engraving-initials {
border-top: 1px solid #000;
padding-top: 16px;
}
.engraving-initials input {
margin-right: 12px;
}
.engraving-monogram input {
margin-right: 5px;
}
.monogram input.middle {
width: 12px !important;
padding: 12px 16px !important;
font-size: 18px;
}
.engravinginfo, .monograminfo {
display: block;
margin-left: 140px;
}
.engraving-input span.desc {
display: inline-block;
width: 50%;
vertical-align: top;
margin-top: 18px;
margin-left: 7px;
}
.engraving-style .initials {
display: inline-block;
border: 3px solid #fff;
vertical-align: top;
text-align: center;
}
.engraving-style span:first-child {
border: 0;
}
.engraving-style span.selected {
color: #000 !important;
border: 3px solid #66cccc;
}
.engraving-styles {
list-style: none;
overflow: hidden;
width: 530px;
margin: 0;
padding: 0;
}
.engraving-styles li {
float: left;
padding-right: 4px;
width: 96px;
margin-right: 5px;
}
.engraving-styles a { /*width: 96px;*/
display: block;
width: 100%;
height: 125px;
border: 2px solid #fff;
text-align: center;
}
.engraving-styles a:hover, .engraving-styles a.selected {
border: 2px solid #6cc;
color: #000 !important;
}
.engraving-styles .initials {
background-color: #FAFAFA;
display: block; /*width: 96px;*/
width: 100%; /*height: 96px; */
padding: 20px 0;
}
.initials span {
height: 40px;
display: inline-block;
position: relative;
overflow: hidden;
}
p.storeAddress > a {
display: none;
}
.monogram .romanType .initial1 span {
background-image: url(/shared/images/misc/mono-roman-pos1.gif);
background-position: -22px 0px;
width: 21px;
}
.monogram .romanType .initial2 span {
background-image: url(/shared/images/misc/mono-roman-pos2.gif);
background-position: -20px 0px;
width: 26px;
}
.monogram .romanType .initial3 span {
background-image: url(/shared/images/misc/mono-roman-pos3.gif);
background-position: -22px 0px;
width: 21px;
}
.monogram .scriptType .initial1 span {
background-image: url(/shared/images/misc/mono-script-pos1.gif);
width: 19px;
background-position: -24px 0px;
}
.monogram .scriptType .initial2 span {
background-image: url(/shared/images/misc/mono-script-pos2.gif);
width: 31px;
background-position: -17px 0px;
}
.monogram .scriptType .initial3 span {
background-image: url(/shared/images/misc/mono-script-pos3.gif);
width: 19px;
background-position: -24px 0px;
}
.monogram .scriptType .initial1 .A, .monogram .scriptType .initial1 .H, .monogram .scriptType .initial1 .K, .monogram .scriptType .initial1 .M, .monogram .scriptType .initial1 .N, .monogram .scriptType .initial1 .R, .monogram .scriptType .initial1 .V, .monogram .scriptType .initial1 .W, .monogram .scriptType .initial1 .X, .monogram .scriptType .initial1 .Z {
width: 24px;
background-position: -21px 0px;
}
.monogram .scriptType .initial2 .A, .monogram .scriptType .initial2 .H, .monogram .scriptType .initial2 .K, .monogram .scriptType .initial2 .M, .monogram .scriptType .initial2 .N, .monogram .scriptType .initial2 .R, .monogram .scriptType .initial2 .V, .monogram .scriptType .initial2 .W, .monogram .scriptType .initial2 .X, .monogram .scriptType .initial2 .Z {
width: 42px;
background-position: -12px 0px;
}
.monogram .scriptType .initial3 .A, .monogram .scriptType .initial3 .H, .monogram .scriptType .initial3 .K, .monogram .scriptType .initial3 .M, .monogram .scriptType .initial3 .N, .monogram .scriptType .initial3 .R, .monogram .scriptType .initial3 .V, .monogram .scriptType .initial3 .W, .monogram .scriptType .initial3 .X, .monogram .scriptType .initial3 .Z {
width: 24px;
background-position: -21px 0px;
}
.monogram .romanScriptType .initial1 span {
background-image: url(/shared/images/misc/mono-script-pos1.gif);
width: 19px;
background-position: -24px 0px;
}
.monogram .romanScriptType .initial2 span {
background-image: url(/shared/images/misc/mono-roman-pos2.gif);
background-position: -21px 0px;
width: 26px;
}
.monogram .romanScriptType .initial3 span {
background-image: url(/shared/images/misc/mono-script-pos3.gif);
width: 19px;
background-position: -24px 0px;
}
.monogram .romanScriptType .initial1 .A, .monogram .romanScriptType .initia1 .H, .monogram .romanScriptType .initial1 .K, .monogram .romanScriptType .initial1 .M, .monogram .romanScriptType .initial1 .N, .monogram .romanScriptType .initial1 .R, .monogram .romanScriptType .initial1 .V, .monogram .romanScriptType .initial1 .W, .monogram .romanScriptType .initial1 .X, .monogram .romanScriptType .initial1 .Z {
width: 24px;
background-position: -21px 0px;
}
.monogram .romanScriptType .initial3 .A, .monogram .romanScriptType .initia3 .H, .monogram .romanScriptType .initial3 .K, .monogram .romanScriptType .initial3 .M, .monogram .romanScriptType .initial3 .N, .monogram .romanScriptType .initial3 .R, .monogram .romanScriptType .initial3 .V, .monogram .romanScriptType .initial3 .W, .monogram .romanScriptType .initial3 .X, .monogram .romanScriptType .initial3 .Z {
width: 24px;
background-position: -21px 0px;
}
.monogram .blockType .initial1 span {
background-image: url(/shared/images/misc/mono-block-pos1.gif);
background-position: -27px 0px;
width: 13px;
}
.monogram .blockType .initial2 span {
background-image: url(/shared/images/misc/mono-block-pos2.gif);
background-position: -22px 0px;
width: 23px;
}
.monogram .blockType .initial3 span {
background-image: url(/shared/images/misc/mono-block-pos3.gif);
background-position: -27px 0px;
width: 13px;
}
.monogram .roundType .initial1 span {
background-image: url(/shared/images/misc/mono-round-pos1.gif);
width: 13px;
background-position: -27px 0px;
}
.monogram .roundType .initial2 span {
background-image: url(/shared/images/misc/mono-round-pos2.gif);
width: 13px;
background-position: -28px 0px;
}
.monogram .roundType .initial3 span {
background-image: url(/shared/images/misc/mono-round-pos3.gif);
width: 13px;
background-position: -28px 0px;
}
.hand .blockType .initial1 span, .hand .blockType .initial2 span, .hand .blockType .initial3 span {
background-image: url(/shared/images/misc/hand-block.gif);
width: 20px;
background-position: -24px 0px;
}
.hand .romanType .initial1 span, .hand .romanType .initial2 span, .hand .romanType .initial3 span {
background-image: url(/shared/images/misc/hand-roman.gif);
width: 20px;
background-position: -24px 0px;
}
.hand .scriptType .initial1 span, .hand .scriptType .initial2 span, .hand .scriptType .initial3 span {
background-image: url(/shared/images/misc/hand-script.gif);
width: 28px;
background-position: -20px 0px;
}
.hand .frenchScriptType .initial1 span, .hand .frenchScriptType .initial2 span, .hand .frenchScriptType .initial3 span {
background-image: url(/shared/images/misc/hand-french.gif);
width: 30px;
background-position: -19px 0px;
}
.hand .italicRomanType .initial1 span, .hand .italicRomanType .initial2 span, .hand .italicRomanType .initial3 span {
background-image: url(/shared/images/misc/hand-italic.gif);
width: 20px;
background-position: -24px 0px;
}
.machine .blockType .initial1 span, .machine .blockType .initial2 span, .machine .blockType .initial3 span {
background-image: url(/shared/images/misc/machine-block.gif);
background-position: -23px 0px;
width: 22px;
}
.machine .romanType .initial1 span, .machine .romanType .initial2 span, .machine .romanType .initial3 span {
background-image: url(/shared/images/misc/machine-roman.gif);
background-position: -26px 0px;
width: 20px;
}
.machine .scriptType .initial1 span, .machine .scriptType .initial2 span, .machine .scriptType .initial3 span {
background-image: url(/shared/images/misc/machine-script.gif);
background-position: -22px 0px;
width: 24px;
}
.machine .italicRomanType .initial1 span, .machine .italicRomanType .initial2 span, .machine .italicRomanType .initial3 span {
background-image: url(/shared/images/misc/machine-italic.gif);
background-position: -26px 0px;
width: 20px;
}
.machine .frenchScriptType .initial1 span, .machine .frenchScriptType .initial2 span, .machine .frenchScriptType .initial3 span {
background-image: url(/shared/images/misc/machine-french.gif);
background-position: -19px 0px;
width: 30px;
}
.initials span {
background-repeat: no-repeat;
/*background-position: 0px 40px;*/
}
/* End Engraving */
.spacer {
width: 100%;
height: auto;
}
.type {
position: absolute;
top: 0;
left: 0;
max-width: none;
max-height: 100%;
}
.ty1 {
left: -100%;
}
.ty2 {
left: -200%;
}
.ty3 {
left: -300%;
}
.skip-engraving {
padding-top: 4px;
}
.modal-popup .loading {
display: block;
margin: 0 auto;
margin-top: 175px;
}
.modal-popup .characters-remaining, .modal-frame .characters-remaining {
float: right;
margin-right: 10%;
}
.modal-popup .grid-container .onehalf input, .modal-frame .grid-container .onehalf input {
width: 86%;
}
.modal-popup .grid-container .quarter input, .modal-frame .grid-container .quarter input {
width: 70%;
}
.modal-frame input[type="text"].storeSearchField {
background-color: #f7f7f7;
border: none;
height: 32px;
width: 93%;
box-sizing: content-box;
}
#searchStoresBtn {
font-size: 1.1rem !important
}
/*.firefox input.btn { padding: 7px 12px 6px !important; vertical-align: top; }*/
.modal-popup input.btn:hover, .modal-frame input.btn:hover {
border: 1px solid #3EC0C0;
color: #000 !important;
}
.modal-popup input[type="radio"], .modal-popup input[type="checkbox"], .modal-frame input[type="radio"], .modal-frame input[type="checkbox"] {
border: none;
width: auto;
padding: 0;
}
.modal-popup textarea, .modal-frame textarea {
width: 60%;
}
.care-links {
border-bottom: 1px solid #333;
padding-bottom: 20px;
margin-bottom: 20px;
}
.care-links a {
margin: 0 5px;
}
.care-links a:first-child {
margin-left: 0;
}
#related .text-container {
margin-bottom: 0;
}
#related hr {
margin: 1.15% auto;
}
#related img {
width: 25%;
display: inline-block;
}
.no-image-above {
margin-top: 100px;
}
#bag-total {
border-top: 1px solid #000;
background: #f8f8f8;
margin-top: 10px;
padding-top: 10px;
padding-bottom: 0 !important;
}
#bag-total .total {
background: #fff;
border-top: 1px solid #333;
padding: 10px 0;
margin-top: 20px;
}
#bag-total .total-inner {
margin-left: 31%;
}
#bag-total .float-right {
margin-right: 20px;
}
#bag-total input {
width: 30% !important;
padding: 11px;
font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', serif !important;
margin-right: 5px;
margin-left: 0;
}
#bag-total p {
padding: 10px 0;
width: 70%;
}
#bag-total .total-inner > div {
margin: 10px 0;
}
#bag-total .custom-drop div, #bag-total .custom-drop ul {
margin-left: 0;
}
#engagement-paging {
width: auto;
display: inline-block;
text-align: center;
margin: 40px 0 10px 0;
position: absolute;
top: 0;
z-index: 1;
}
#engagement-paging hr {
margin: 10px auto;
}
#engagementViewerControls {
position: absolute;
bottom: 40px;
left: 0;
right: 0;
text-align: center;
z-index: 1;
display: none;
}
#engagementViewerControls .l3 {
font-style: normal;
font-size: 11px;
}
#engagementViewerControls .l3 br {
content: ' ';
}
#engagementViewerControls .l3 br:after {
content: ' ';
}
#engagementViewerControls img {
visibility: visible;
}
#engagementViewerControls .view-details {
margin-left: 0;
color: #000;
font-style: normal;
font-size: 10px;
line-height: 14px;
margin-top: 10px;
margin-right: 0;
}
#engagementViewerControls .custom-drop.color div.choice {
background-position: right 6px;
}
#engagementViewerControls .rollbar-content {
margin-top: 0;
}
#engagementViewerControls .rollbar-content li {
white-space: nowrap;
}
#engagementViewerControls .custom-drop.color div.rollbar {
margin-top: -25px;
}
#refinement {
margin: 0 0 20px 0;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
padding-top: 20px;
padding-bottom: 10px;
}
#refinement .grid-container {
padding-top: 10px;
}
#refinement a {
display: block;
}
#refinement a.close {
display: inline;
}
#refinement a span {
display: inline-block;
vertical-align: top;
}
#refinement a img {
vertical-align: top;
margin-top: -9px;
}
.consult {
border-top: 1px solid #333;
border-bottom: 1px solid #333;
text-align: center;
margin: 10px 0;
padding: 10px 0 !important;
}
#engagement-grid {
position: relative;
min-height: 350px;
}
#engagement-grid .wrapper {
padding-top: 5%;
}
#engagement-grid .saved-left, #engagement-grid .saved-right {
top: 55%;
}
#engagement-grid .grid-container > div > div {
opacity: 0;
text-align: center;
}
.ie-7 #engagement-grid .grid-container > div > div, .ie-8 #engagement-grid .grid-container > div > div {
visibility: hidden;
}
#engagement-grid .grid-container > div > div a {
margin-top: 10px;
display: inline-block;
}
#refinement a.close {
font-size: 11px;
height: auto;
color: #666;
line-height: 18px;
font-style: italic;
margin-left: 10px;
}
#superlative-service {
background: #84d8d1;
text-align: center;
padding: 20px 0;
margin-bottom: 1%;
}
#superlative-service a:hover {
color: #026a71 !important;
}
#schedule-consultation p, #superlative-service p {
padding: 0 10%;
}
.center-box {
text-align: center;
margin: 0 auto;
width: 40%;
margin-bottom: 1%;
}
p {
margin: 10px 0;
line-height: 150%;
}
.speakTTDE p {
margin: 5px 0;
line-height: 150%;
}
.carouselAB p {
margin: 0;
}
#pkbSearchPage #cmdShownImage {
width: 150px;
}
#pkbSearchPage.narrow #divBrowsePageLinks .custom-drop {
width: 100px;
}
#copyright {
text-align: center;
border-top: 1px solid #333;
padding-top: 10px;
}
#holiday_banner, #ctlHeader_ctlBanner_holiday_banner {
text-align: right;
padding: 5px 2px;
background: rgb(255, 255, 255);
background: rgba(255, 255, 255, 0);
max-width: 290px;
}
#categoryBrowsePage #ctlHeader_ctlBanner_holiday_banner, #savedItemsPage #ctlHeader_ctlBanner_holiday_banner, #shoppingbag #ctlHeader_ctlBanner_holiday_banner {
position: absolute;
right: 20px;
z-index: 6;
padding-right: 0;
}
#categoryBrowsePage #ctlHeader_ctlBanner_holiday_banner .rollover, #savedItemsPage #ctlHeader_ctlBanner_holiday_banner .rollover {
background: #fff;
padding-left: 10px;
padding-bottom: 5px;
}
#holiday_banner.absolute, #ctlHeader_ctlBanner_holiday_banner.absolute {
position: absolute;
text-align: left;
z-index: 9;
padding: 1% 0 0;
}
#ctlHeader_ctlBanner_holiday_banner.absolute > div.default {
padding-left: 25px;
}
#ctlHeader_ctlBanner_holiday_banner.absolute > div.rollover {
padding: 5px 25px;
background: rgb(236, 249, 248);
background: rgba(236, 249, 248, .9);
}
#ctlHeader_ctlBanner_holiday_banner .rollover {
margin-top: 10px;
}
#ctlHeader_ctlBanner_holiday_banner.absolute.positionright {
right: 0;
padding-right: 2%;
margin-right: 20px;
}
.formInfo {
position: absolute;
width: 22%;
background: #fff;
}
.formWrapper {
width: 500px;
margin: 0 auto 10px;
}
.formWrapper .custom-drop div.choice {
margin-left: 0;
padding-left: 0;
}
.formWrapper .custom-drop div.rollbar {
margin-left: -10px;
}
.formWrapper .custom-drop + span {
font-size: 10px;
line-height: 11px;
letter-spacing: 1px;
text-transform: uppercase;
}
.formWrapper label {
text-transform: uppercase;
}
.formWrapper input, .formWrapper .styled-select {
margin-bottom: 10px;
}
.formWrapper input[type="text"], .formWrapper input[type="tel"], .formWrapper input[type="email"] {
padding: 10px 2%;
border: 1px solid #808080;
width: 94%;
}
.ie-7 .formWrapper input[type="radio"] {
vertical-align: top;
}
.formWrapper textarea {
height: 130px;
border: 1px solid #808080;
width: 94%;
padding: 2%;
}
.formWrapper table {
width: 100%;
border-collapse: collapse;
}
.formWrapper table td {
width: 48%;
padding: 2% 2% 2% 0;
}
.formWrapper table td:first-child {
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;
}
#scheduleVisitForm {
width: 500px;
margin: 0 auto;
}
#scheduleVisitForm label {
text-transform: uppercase;
}
#scheduleVisitForm input, #scheduleVisitForm .styled-select {
margin-bottom: 10px;
}
#scheduleVisitForm input[type="text"] {
padding: 2%;
border: 1px solid #808080;
width: 94%;
}
.ie-7 #scheduleVisitForm input[type="radio"] {
vertical-align: top;
}
#scheduleVisitForm textarea {
height: 130px;
border: 1px solid #808080;
width: 94%;
padding: 2%;
}
.double-line {
font-size: 0;
line-height: 1;
border-top: 1px solid #000;
border-bottom: 3px solid #000;
height: 3px;
*height: 7px;
margin-bottom: 1%;
}
.links-bar {
text-align: center;
padding: 5% 0;
border-top: 1px solid #000;
}
.links-bar .links-title {
margin: 5px 0 25px;
}
/*.sortable { list-style-type: none; margin: 0; padding: 0; width: auto; display: flex; flex-wrap: wrap; margin: 0 -10px; }*/
/*.sortable > li { background: #fff; flex: 0 0 25%; padding: 10px; box-sizing: border-box; }*/
.sortable {
list-style-type: none;
margin: 0;
padding: 0;
width: auto;
overflow: hidden;
}
.sortable > li {
margin: 0.49%;
width: 24%;
margin-bottom: 1%;
padding-bottom: 1%;
float: left;
background: #fff;
height: 615px;
}
.engravingWrapper .updateEngravingLink {
margin-top: 15px;
}
/*.sortable.outOfStock > li { height: 640px; }*/
/*.large-margins > li { flex: 0 0 50%; }*/
.large-margins > li {
width: 49%;
}
.sortable > li img {
cursor: move;
}
.sortable > li .info-height {
min-height: 60px;
margin-bottom: 20px;
}
.sortable > li .info-height .l4 {
font-weight: 300;
}
/*.large-margins > li, .large-margins.sortable.outOfStock > li { height: 750px; }
.viewport-medium .large-margins > li { height: 630px; }
.viewport-small .large-margins > li { height: 520px; }
.sortable > li.expanded, .sortable.outOfStock > li.expanded { height: auto !important; }*/
.saved-item-image {
position: relative;
margin-bottom: 10px;
}
.saved-item-link {
display: block;
}
.saved-item-link img {
width: 100%;
display: block;
}
.saved-item-link:after {
content: none;
}
.saved-remove {
position: absolute;
top: 5px;
right: 5px;
}
.saved-remove i {
font-size: 16px;
}
.sortable .share-menu img {
width: 15px;
cursor: pointer;
}
.sortable .details {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: -webkit-flex;
-webkit-align-items: center;
-webkit-justify-content: center;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0,0,0,.5);
z-index: 110;
}
.sortable .saved-overlay .details {
position: static;
display: block;
background: none;
}
.sortable .details .details-inner {
background: #fff;
position: relative;
min-width: 320px;
min-width: 320px;
max-width: 100%;
width: 450px;
}
.details-inner h3 {
padding: 80px 50px 0;
text-align: left;
}
.details-inner .hide-details {
position: absolute;
right: 15px;
top: 15px;
font-size: 35px;
font-weight: bold;
}
.details-inner .hide-details1 {
position: absolute;
right: 15px;
top: 15px;
font-size: 35px;
font-weight: bold;
}
.hide-details i, .hide-details1 i {
font-size: 32px;
display: block;
}
.sortable .details .details-info {
padding: 50px 50px 100px;
text-align: left;
display: inline-block;
}
.details .details-info label {
width: 100px;
display: inline-block;
}
.details .details-info .custom-drop {
border: 1px solid #777;
padding: 5px;
min-width: 149px;
box-sizing: border-box;
}
.details .details-info div.choice {
padding-right: 25px !important;
background: url(/shared/images/icons/down-arrow-noline.png) no-repeat right 7px;
background-size: 12px;
width: 100%;
box-sizing: border-box;
margin-left: 0;
padding-left: 10px;
}
.details .details-info .custom-drop div.rollbar {
margin-top: -26px;
margin-left: -6px;
padding-top: 1px;
padding-left: 6px;
border-color: #777;
}
.details .details-info select {
min-width: inherit;
}
.details-info .md-input label {
white-space: nowrap;
}
.basketItemWrapper .details-info .btn-aem {
width: auto;
}
.basketItemWrapper .md-input {
padding-bottom: 5px;
}
.basketItemWrapper .md-input select {
min-width: inherit;
}
#savedItemsPage .sortable .details .details-info .btn.add {
min-width: 150px;
box-sizing: border-box;
margin-top: 20px;
background: #81D8D0;
width: auto;
border: none;
displaY: inline-block;
text-align: center;
}
.hint-person {
border-bottom: 1px solid #666;
padding-bottom: 15px;
margin-bottom: 20px;
border-top: 1px solid #666;
padding-top: 15px;
margin-top: 20px;
}
.basketItemWrapper .btn {
background: none;
border: 1px solid #666;
width: 80%;
box-sizing: border-box;
display: block;
margin: 0 auto;
}
.basketItemWrapper .btn-aem {
width: 100%;
margin: 20px 0;
}
body.de-DE .basketItemWrapper .btn-aem span:first-child {
white-space: nowrap;
}
.byoViewDetails {
margin-left: 220px;
margin-top: 20px;
}
span.moved-message {
display: none;
background: #f9f9f9;
position: absolute;
top: 0;
height: 100%;
width: 100%;
z-index: 1;
padding: 44% 5% 0;
box-sizing: border-box;
}
.moved .moved-message {
display: block;
}
.moved .add {
display: none;
}
.basketItemWrapper .btn.jq-undo-si {
display: none;
}
.basketItemWrapper.moved .btn.jq-undo-si {
display: inline-block;
}
.sortable.large-margins {
margin: 0 10%;
}
.subject-to {
float: right;
}
.item-desc.engagement {
border-bottom: 0 !important;
}
.item-removed {
margin-top: 12%;
}
.pager-circles .paging {
text-align: center;
}
.ie-7 .pager-circles .paging {
margin-top: 10px;
}
.paging-circle {
border-radius: 50%;
height: 13px;
width: 13px;
background: #e5e5e5;
display: inline-block;
margin-right: 5px;
}
.paging-circle.selected {
background: #56dcce;
}
.world-footer {
padding: 50px 0;
}
.world-footer span {
display: block;
padding-top: 5px;
}
.world-footer a {
margin: 0 10px;
}
.tighter-wrapping {
padding: 10px 14%;
}
.romance-tip {
position: relative;
margin: 0 2%;
overflow: hidden;
}
.romance-tip img {
width: 100%;
}
.romance-tip > div {
position: absolute;
top: 25%;
left: 0;
width: 100%;
}
.romance-tip p {
margin: 0 !important;
padding: 0 5% !important;
}
.romance-tip div.bottom {
position: absolute;
bottom: 2%;
left: 0;
right: 0;
padding: 0;
}
.romance-tip-bg {
text-align: center;
background: #fff;
width: 50%;
padding-top: 20px !important;
position: relative;
margin: 0 auto;
height: 0;
padding-bottom: 85%;
}
.romance-tip-bg a.t6 {
color: #41c1ca;
}
.relativePosition {
position: relative;
}
#statement-details {
height: 121px;
}
#statementItemContainer {
position: relative;
}
#statementItemContainer > img {
width: 50%;
}
#statementItemContainer h2 {
margin-top: 10px;
}
#statementItemContainer p {
width: 30%;
margin: 10px auto 50px;
}
body.en-US-Stmt #statementItemContainer p {
width: 30%;
margin: 10px auto 20px;
}
.statement-item-tools {
position: absolute;
right: 50px;
width: 15%;
}
#statementItemContainer .more-images {
height: auto;
}
#statementItemContainer .more-images .large-image img {
min-height: 384px;
}
.share-bar {
margin-top: -26px;
padding-bottom: 20px;
z-index: 1;
position: relative;
display: inline-block;
float: right;
}
.small-images, .large-images {
display: inline-block;
width: 32px;
height: 16px;
text-indent: -9000px;
}
.small-images {
background: url(/shared/images/icons/grid-size-icon.png) 0 0 no-repeat;
margin: 0 4px 0 6px;
}
.large-images {
background: url(/shared/images/icons/grid-size-icon.png) -35px 0 no-repeat;
margin: 0 4px 0 6px;
}
.small-images.selected {
background-position: 0 -20px;
}
.large-images.selected {
background-position: -35px -20px;
}
#btnSmallSize.selected, #btnLargeSize.selected i {
color: #81d8d0;
}
.tableHeader th {
border-bottom: 1px solid #ebebeb;
font-weight: normal;
padding: 5px 0px;
background-color: #fbfbfb
}
#iplTable .col1 {
padding-left: 5px;
}
.tRows td {
padding: 5px 0px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.small-images {
background: url(/shared/images/icons/grid-size-icon-2x.png) 0 0 no-repeat;
background-size: 67px 36px;
}
.large-images {
background: url(/shared/images/icons/grid-size-icon-2x.png) -35px 0 no-repeat;
background-size: 67px 36px;
}
.small-images.selected {
background-position: 0 -20px;
}
.large-images.selected {
background-position: -35px -20px;
}
}
.error-text, .alertRed, .groupTypeGenError {
color: #e31f26;
}
.alert-text {
color: #00A4B7;
margin-top: 15px;
font-size: 11px;
}
#results {
padding-top: 5px;
min-height: 250px;
}
#categoryBrowseDesignPage #results {
padding-top: 0;
}
#categoryBrowseDesignPage #filters {
margin-bottom: 0;
}
a.search img {
vertical-align: top;
}
.article-snippet {
padding-top: 20px;
border-top: 1px solid #333;
}
.article-snippet:first-child {
border-top: 0;
}
.article-snippet img {
max-width: 100%;
}
.article-snippet p {
margin: 10px 8%;
}
.article-snippet span.l1 {
padding-top: 10px;
display: block;
}
#article-side-by-side-images, #article-additional-image {
margin-top: 40px;
}
#article-main .article-info {
position: relative;
}
#article-main h2 {
padding-bottom: 10px;
}
#article-main .article-info p {
padding: 0 15%;
}
.article-social {
padding-bottom: 40px;
}
#article-main.layout2 .article-info p {
padding: 0 5%;
}
.ie-7 #article-main.layout2 .article-info p, .ie-8 #article-main.layout2 .article-info p {
padding: 0;
}
#article-main.layout2 .article-info > div {
visibility: hidden;
}
#article-main .main-image img {
max-width: 100%;
margin-bottom: 0;
}
#article-main.layout2 .main-image {
width: 49%;
float: left;
}
#article-main.layout2 .article-info {
width: 39%;
float: right;
background-color: #f8f8f8;
padding: 5%;
height: 0;
padding-bottom: 61.1%;
}
#article-main.layout2 .article-info .caption {
position: absolute;
bottom: 20px;
left: 5%;
right: 5%;
margin: 0;
}
.overlay-text-wrapper .article-social {
position: absolute;
padding-top: 0;
top: 10px;
right: 40px;
}
#videoHolder {
position: relative;
}
#videoHolder .video-poster img {
padding-bottom: 30px;
}
#videoWrapper .share-menu, #emailAFriend {
top: 19px;
right: 245px;
margin-top: 0;
z-index: 200;
}
#videoWrapper .share-menu a {
display: inline-block;
padding: 3px 5px;
}
#videoWrapper .share-menu {
border: 1px solid #ccc;
padding-top: 10px;
}
#videoWrapper .share-menu {
font-size: 9px;
}
#videoWrapper .share-menu a {
font-size: 9px;
color: #41c1ca;
}
#videoWrapper .share-menu a:hover {
color: #000 !important;
}
#videoWrapper .share-menu img {
width: 12px;
height: 12px;
padding-top: 2px;
}
#videoWrapper .share-menu a span {
margin-left: 0px;
}
#videoWrapper .share-menu input {
width: 350px;
border-color: #ccc;
color: #666;
font-size: 10px;
}
#videoOverlay #callToAction {
font-family: 'AvenirNextMedium',Helvetica,Arial,sans-serif;
font-size: 1.1rem;
line-height: 150%;
letter-spacing: .05em;
text-transform: uppercase;
}
.force-break a.save:after {
content: "\A";
white-space: pre;
}
.force-break a.details, .force-break a.open-email {
margin-left: 0 !important;
}
.force-break .slash {
display: none;
}
#emailAFriend {
border: 1px solid #333;
background: #fff;
z-index: 101;
padding: 4px 10px;
display: inline-block;
position: absolute;
margin-left: -60px;
}
.isNotVisible {
visibility: hidden
}
table th, table td {
text-align: left;
vertical-align: top;
}
table.tblSimple th, table.tblSimple td {
padding: 3px;
}
#newYorkFlagshipStore h2.differenceHeader > span.t4, #storeLocationsList h2.differenceHeader > span.t4 {
width: 40%;
display: inline-block;
}
.fr-CA#newYorkFlagshipStore h2.differenceHeader > span.t4, .fr-CA#storeLocationsList h2.differenceHeader > span.t4,
.fr-FR#newYorkFlagshipStore h2.differenceHeader > span.t4, .fr-FR#storeLocationsList h2.differenceHeader > span.t4 {
width: 32%;
}
#storeLocationsList h2.differenceHeader {
padding-bottom: 45px;
padding-top: 25px;
}
#storeLocationsList.zh-Hant h2.differenceHeader, #storeLocationsList.zh-CN h2.differenceHeader {
padding-bottom: 65px;
}
.cursor-pointer {
cursor: pointer;
}
#cookieDisclaimer {
background-color: #CAF1E8;
padding: 15px 0;
text-align: center;
position: relative;
display: none;
}
#cookieDisclaimer .close {
position: absolute;
right: 10px;
top: 5px;
}
.top-border {
display: inline-block;
border-top: 0px solid #000;
font-family: AvenirNextMedium, Helvetica, Arial, sans-serif;
padding-top: 10px;
margin-top: 10px;
}
.dark .top-border {
border-color: #fff;
}
.cross-fade > img + img {
position: absolute;
top: 0;
left: 0;
opacity: 0;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-transition: 1s opacity ease-out;
transition: 1s opacity ease-out;
}
.cross-fade > img + img.prepared.active {
opacity: 1;
}
.cross-fade.limited > img + img.prepared {
opacity: 0;
-webkit-animation: fade-loop 15s 1 ease-out;
animation: fade-loop 15s 1 ease-out;
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.cross-fade.limited > img + img.prepared.active {
-webkit-animation-play-state: running;
animation-play-state: running;
}
.cross-fade.infinite > img + img.prepared {
opacity: 0;
-webkit-animation: fade-loop 15s infinite ease-out;
animation: fade-loop 15s infinite ease-out;
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.cross-fade.infinite > img + img.prepared.active {
-webkit-animation-play-state: running;
animation-play-state: running;
}
.cross-fade.no-delay > img + img.prepared {
-webkit-animation-delay: .5s;
animation-delay: .5s;
}
.cross-fade.delay > img + img.prepared {
-webkit-animation-delay: 3.5s;
animation-delay: 3.5s;
}
@-webkit-keyframes fade-loop {
0% {
opacity: 0;
}
10% {
opacity: 1;
}
50% {
opacity: 1;
}
60% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fade-loop {
0% {
opacity: 0;
}
10% {
opacity: 1;
}
50% {
opacity: 1;
}
60% {
opacity: 0;
}
100% {
opacity: 0;
}
}
#yearNav {
list-style-type: none;
display: inline-block;
position: absolute;
z-index: 1;
padding: 30px 0 30px 20px;
}
#yearNav li {
text-align: center;
font-size: 10px;
padding: 2px 0;
}
#yearNav.fixed {
position: fixed;
top: 0;
}
#yearNav.bottomed {
position: absolute;
top: auto;
bottom: 0;
}
#watchTimeline {
position: relative;
}
.timeline-year {
position: relative;
margin-bottom: 20px;
}
.timeline-year.gray {
background: #f6f6f6;
}
.timeline-year > div {
width: 65%;
float: left;
}
.timeline-year > div img {
max-width: 100%;
margin-bottom: -5px;
}
.timeline-year > div:first-child {
width: 25%;
padding-left: 8%;
margin-right: 2%;
text-align: right;
position: relative;
}
.timeline-year h2 {
margin-top: 30px;
padding-bottom: 10px;
}
/* End Main */
/* Grid */
.absolute-test {
position: relative;
height: 500px;
}
.absolute-test img {
position: absolute;
}
.new-product {
display: none;
position: absolute;
top: 15px;
left: 15px;
z-index: 1;
font-size: 10px;
line-height: 10px;
color: #666;
}
.new-product.visible {
display: inline;
}
.grid-container, .tile-container {
width: 100%;
padding: 0;
}
.tile-container {
position: relative;
}
.tile-container > div {
position: absolute;
}
.grid-container > div {
float: left;
margin-left: 1%;
padding: 0;
}
#extras-recent > div {
position: relative;
left: initial !important;
top: initial !important;
}
#extras-recent .grid-container > div, #extras-similar .grid-container > div {
position: relative;
}
#extras-recent .unheart, #extras-similar .unheart {
margin-bottom: 5.2083333333333%;
}
.grid-container > div:first-child:not(.mainNav__tileImage), .grid-container > div.no-margin, .tile-container > div:first-child {
margin-left: 0;
}
.grid-container .grid-container__more-info-full {
margin-left: 0;
}
.grid-container .grid-container__more-info-full .text-container {
background: #f7f7f6;
}
.grid-container > div.no-margin {
clear: both;
}
.grid-container > div > img, .tile-container > div > img, .grid-container > div > a > img {
width: 100%;
*width: 99.94680851063829%;
display: block;
}
.subrow {
width: 100%;
*width: 99.94680851063829%;
overflow: hidden;
}
.subrow img {
float: left;
}
.subrow img:first-child {
margin-left: 0;
}
.text-container {
height: 0;
width: 100%;
background: #84d8d1;
position: relative;
overflow: hidden;
}
.text-container > div {
position: absolute;
text-align: center;
padding: 0 20px 9%;
left: 0;
right: 0;
top: 0;
visibility: hidden;
z-index: 1;
}
.text-container.no-center > div {
visibility: visible;
}
.text-container.rollover > div {
display: none;
}
.text-container.rollover > div.rollover-overlay {
visibility: visible;
position: absolute;
background: #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
filter: alpha(opacity=40);
opacity: 0.4;
top: 0;
bottom: 0;
padding: 0;
display: none;
z-index: 1;
}
.rollover-combo > div {
display: none;
}
.rollover-combo.showtext > div {
display: block;
}
.no-image > div {
padding-left: 10% !important;
padding-right: 10% !important;
}
img {
min-width: 1px;
}
.text-container > img {
width: auto !important;
max-width: 100%;
}
.text-container > div > img {
max-width: 100%;
}
.de-DE .presence-tile img {
width: 60%;
}
.text-container.related-stories-holder {
background-color: transparent;
padding-bottom: 20px;
}
.text-container.related-stories-holder.last {
padding-bottom: 0;
}
.text-container.related-stories {
background-color: transparent;
}
.text-container video {
cursor: pointer;
position: relative;
z-index: 1;
}
.firefox .text-container video {
height: auto !important;
}
.text-container .mute-video, .text-container .unmute-video {
position: absolute;
margin: 10px;
width: 18px;
height: 14px;
right: 0;
z-index: 2;
}
.ie-8 .text-container .mute-video, .ie-8 .text-container .unmute-video, .ios .text-container .mute-video, .ios .text-container .unmute-video {
display: none;
}
.text-container .video-controls {
margin-top: 15px;
}
.text-container .watch-video-link {
margin-top: 10px;
}
.text-container .mute-video {
background: url(/shared/images/icons/video-unmuted.png) no-repeat;
background-size: 18px;
background-position: right top;
}
.text-container .unmute-video {
background: url(/shared/images/icons/video-muted.png) no-repeat;
background-size: 18px;
background-position: right top;
}
.text-container.white-controls .mute-video {
background: url(/shared/images/icons/video-unmuted-white.png) no-repeat;
background-size: 20px;
background-position: right top;
}
.text-container.white-controls .unmute-video {
background: url(/shared/images/icons/video-muted-white.png) no-repeat;
background-size: 20px;
background-position: right top;
}
.video-controls .play-video span, .video-controls .restart-video span {
display: inline-block;
height: 0;
border-bottom: 8px solid rgba(255, 255, 255, 0);
border-left: 10px solid #000;
border-top: 8px solid rgba(255, 255, 255, 0);
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
}
.perettiPlay span {
display: inline-block;
height: 0;
border-bottom: 24px solid rgba(255, 255, 255, 0);
border-left: 30px solid #000;
border-top: 24px solid rgba(255, 255, 255, 0);
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
}
.white-controls .video-controls, .picassoPlay, .perettiPlay {
z-index: 2;
cursor: pointer;
height: 64px;
}
.white-controls .video-controls .play-video span, .picassoPlay span {
border-bottom: 24px solid rgba(255, 255, 255, 0);
border-left: 30px solid rgb(255, 255, 255);
border-left: 30px solid rgba(255, 255, 255, 0.8);
border-top: 24px solid rgba(255, 255, 255, 0);
}
.white-controls .video-controls .restart-video span {
border-bottom: 8px solid rgba(255, 255, 255, 0);
border-left: 10px solid rgb(255, 255, 255);
border-left: 10px solid rgba(255, 255, 255, 0.8);
border-top: 8px solid rgba(255, 255, 255, 0);
}
.white-controls .video-controls .pause-video {
display: none !important;
}
.video-controls a {
display: inline-block;
}
.video-controls .pause-video span {
display: inline-block;
width: 2px;
height: 16px;
background: #000;
}
.video-controls .pause-video span:first-child {
margin-right: 4px;
}
video ~ .video-poster {
z-index: 1;
position: absolute;
top: 0;
}
.text-container .animation {
margin-bottom: 0 !important;
transition: opacity 4s;
-webkit-transition: opacity 4s;
-moz-transition: opacity 4s;
}
.text-container h2 img {
max-width: 100%;
}
.video-tile {
background: #81d7d0;
}
.ie-7 .video-tile .restart-video, .ie-8 .video-tile .restart-video {
display: none;
}
.video-tile .open-modal {
display: none;
}
.ie-7 .video-tile .open-modal, .ie-8 .video-tile .open-modal {
display: block;
}
.macos.firefox .video-tile, .windows-xp.firefox .video-tile {
background: #89e1d0;
}
.video-tile video {
max-width: 100%;
height: auto !important;
}
.scroll-activated.video-tile .video-controls {
margin-top: 0;
cursor: default;
}
.scroll-activated.video-tile .video-controls .restart-video {
display: none;
}
.scroll-activated.video-tile .video-controls .restart-video img {
width: 64px;
}
.shop-the-story a {
position: absolute;
bottom: 20px;
left: 20px;
opacity: 0;
-webkit-transition: 1s opacity ease-out;
transition: 1s opacity ease-out;
}
.shop-the-story a.active {
opacity: 1;
}
.bridal-nav {
padding: 10px 0 5px;
}
.bridal-nav a {
float: right;
}
.bridal-nav a:first-child {
float: none;
}
.did-you-mean-title {
padding-left: 15px;
}
.did-you-mean-body {
margin-top: 30px;
}
.did-you-mean-nested {
margin-top: 5px;
color: #000000;
}
.did-you-mean-title a, .did-you-mean-body a, .did-you-mean-nested a {
color: #e31f26;
text-decoration: underline;
}
#categoryBrowsePage .error-holder, #categoryBrowseDesignPage .error-holder {
margin-bottom: 10px;
color: initial;
font-size: 13px;
}
#categoryBrowseDesignPage #lowRangeEntry, #categoryBrowseDesignPage #highRangeEntry {
border: solid 1px #333;
padding: 3px 5px;
width: 75px;
}
#browse-fields > h1 {
white-space: nowrap;
}
#categoryFlyout .rollbar {
padding-right: 25px;
}
#price-slider-holder {
padding-left: 30px;
}
#price-field-holder {
padding-left: 30px;
text-align: left;
}
#price-field .col1 {
padding-right: 6px;
}
#price-field .col3 label {
padding-left: 8px;
padding-right: 6px;
}
#price-field .col5 a {
margin-left: 15px;
}
#price-field a {
padding: 5px 24px;
}
#price-field input {
text-align: center;
border: solid 1px #666666;
padding: 2px 3px 1px 3px;
font-size: 12px;
width: 75px;
height: 17px;
}
#price-field td {
padding: 7px 5px 7px 0;
}
#price-field {
padding: 30px 0 15px 0;
}
#categoryFlyout #price-field {
padding: 0;
}
#related-stories-title {
float: right;
padding-bottom: 7px;
}
#search-results-title {
display: none;
}
#search-results-title div {
display: inline;
line-height: 24px;
}
#search-results-title span, #related-stories-title span {
display: inline;
}
#search-results-title h2.t5 {
margin-top: 20px;
}
.whitebg {
background-color: #fff;
}
.lightbluebg {
background-color: #f2fbfb;
}
.medbluebg {
background-color: #d3f1ee;
}
.darkbluebg {
background-color: #84d8d1;
}
.graybg {
background-color: #f8f8f8;
}
.darkgraybg {
background-color: #f6f6f6;
}
.lightgraybg {
background-color: #fafafa;
}
.blackbg {
background-color: #000;
}
.nobg {
background-color: transparent;
}
.tile-container img {
margin-bottom: 0 !important;
}
.imgleft > img {
float: left;
}
#newYorkFlagshipStore .imgleft > img {
float: none;
}
.imgleft > div.third {
padding-left: 67%;
}
.imgleft > div.half {
padding-left: 51%;
}
.imgleft > div.twothirds {
padding-left: 34%;
}
.imgright > div.third {
padding-right: 67%;
}
.imgright > div.half {
padding-right: 49%;
}
.imgright > div.twothirds {
padding-right: 34%;
}
.imgtop > div {
bottom: 0;
left: 0;
right: 0;
top: 51%;
}
.imgtop > img {
position: absolute;
top: 0;
left: 0;
height: auto !important;
}
.imgbot > div {
top: 0;
left: 0;
right: 0;
}
.imgbot > img {
position: absolute;
bottom: 0;
left: 0;
height: auto !important;
margin-bottom: 0 !important;
}
.imgleft > div {
top: 0;
right: 0;
left: 0;
}
.imgright > div {
top: 0;
right: 0;
left: 0;
}
.imgright > img {
float: right;
}
.video hr {
margin-top: 10px;
}
.t4.alt {
color: #ff3539;
}
.play {
display: inline-block;
height: 0;
margin-top: 5%;
border-bottom: 8px solid transparent;
border-left: 10px solid #000;
border-top: 8px solid transparent;
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
}
.dark .play {
border-left: 10px solid #fff;
}
.dark {
color: #fff;
}
/*.dark a:hover, #nav .dark a:hover { color: #fff !important; }*/
.dark hr {
background-color: #fff !important;
color: #fff !important;
}
.dark a {
color: #fff !important;
}
.upper {
text-transform: uppercase;
}
hr {
margin: 20px auto 5px;
border: 0;
color: #333;
background-color: #333;
height: 1px;
width: 60px;
}
#SiteIndex hr {
margin: 12px 0;
}
hr.full {
width: 100%;
margin: 0 0 1% 0;
}
hr.thick {
height: 5px;
margin-top: 4px;
}
hr.even {
margin: 5px auto;
}
hr.small {
width: 40px;
}
hr.wider {
width: 150px;
}
hr.article {
width: 45%;
}
hr.fullWidth {
width: 100%;
}
hr.hr--full-white {
margin: 15px 0;
background: #fff;
width: 100%;
}
.text-container hr:first-child {
margin-top: 0;
}
.text-container span a {
text-transform: uppercase;
}
/* IE7 width fix: subtract 0.05319148936171 from regular width */
.quarter {
width: 24.25%;
*width: 24.19680851063829%;
}
.threequarters {
width: 74.75%;
}
.onethird {
width: 32.66%;
}
.onethird .textrow3 {
padding-bottom: 182.3%;
}
/*CSS rule for Japan, France, French Canadian, CN and Hant to fix the refinements labels being on multiple lines*/
body.ja-JP #refinement .onethird, body.fr-FR #refinement .onethird, body.zh-Hant #refinement .onethird, body.zh-CN #refinement .onethird, body.fr-CA #refinement .onethird {
width: 49%;
margin-left: 0;
}
.onehalf {
width: 49.5%;
*width: 49.44680851063829%;
}
.oneseventh {
width: 13.428571428571428571428571428571%;
*width: 13.375379939209718571428571428571%;
}
.twosevenths {
width: 27.857142857142857142857142857143%;
*width: 27.803951367781147142857142857143%;
}
body.fr-FR #refinement .oneseventh, body.it-IT #refinement .oneseventh {
width: 14%;
}
body.fr-FR #refinement .twosevenths, body.it-IT #refinement .twosevenths {
width: 27%;
}
body.ru-RU #refinement .oneseventh {
width: 15%;
}
body.ru-RU #refinement .twosevenths {
width: 25%;
}
.col1, .gTradeCol1 {
width: 19.2%;
*width: 19.14680851063829%;
}
.col2 {
width: 39.4%;
*width: 39.34680851063829%;
}
.col3 {
width: 59.6%;
*width: 59.54680851063829%;
}
.col4 {
width: 79.8%;
*width: 79.74680851063829%;
}
.col5 {
width: 100%;
*width: 99.94680851063829%;
}
.col1 img {
margin-bottom: 5.2083333333333%;
}
.col2 img {
margin-bottom: 2.5380710659898%;
}
.col3 img {
margin-bottom: 1.677852348993289%;
}
.col4 img {
margin-bottom: 1.2531328320802%;
}
.col5 img {
margin-bottom: 1%;
}
.subcol1 img {
width: 100%;
*width: 99.94680851063829%;
margin-left: 5.2083333333333%;
margin-bottom: 5.2083333333333%;
}
.subcol2 img {
width: 48.7309644670051% !important;
*width: 48.67777297764339% !important;
margin-left: 2.5380710659898%;
margin-bottom: 2.5380710659898%;
}
.subcol3 img {
width: 32.214765100671141% !important;
*width: 32.16157361130943% !important;
margin-left: 1.677852348993289%;
margin-bottom: 1.677852348993289%;
}
.subcol3 {
*margin-bottom: 1.677852348993289%;
}
.subcol4 img {
width: 24.06015037593985% !important;
*width: 24.00695888657814% !important;
margin-left: 1.2531328320802%;
margin-bottom: 1.2531328320802%;
}
.col1 .text-container {
margin-bottom: 5.2083333333333%;
}
.col2 .text-container {
margin-bottom: 2.5380710659898%;
}
.col3 .text-container {
margin-bottom: 1.677852348993289%;
}
.col4 .text-container {
margin-bottom: 1.2531328320802%;
}
.col5 .text-container {
margin-bottom: 1%;
}
.pager-circles .col5 .text-container {
margin-bottom: 0;
}
.pager-circles .paging {
margin: 6px 0 3px 0;
}
#storeEvents .paging {
margin-top: 30px;
}
.col1 .textrow1 {
padding-bottom: 100%;
}
.col1 .textrow2 {
padding-bottom: 205.2083333333333%;
}
.col1 .textrow3 {
padding-bottom: 310.4166666666666%;
}
.col2 .textrow1 {
padding-bottom: 48.7309644670051%;
}
.col2 .textrow2 {
padding-bottom: 100%;
}
.col2 .textrow3 {
padding-bottom: 151.2690355329949%;
}
.col2 .textrow4 {
padding-bottom: 202.5380710659898%;
}
.col3 .textrow1 {
padding-bottom: 32.214765100671141%;
}
.col3 .textrow2 {
padding-bottom: 66.10738255033557%;
}
.col3 .textrow3 {
padding-bottom: 100%;
}
.col3 .textrow4 {
padding-bottom: 133.9%;
}
.col4 .textrow1 {
padding-bottom: 24.06015037593985%;
}
.col4 .textrow2 {
padding-bottom: 49.3734335839599%;
}
.col4 .textrow3 {
padding-bottom: 74.68671679197995%;
}
.col4 .textrow4 {
padding-bottom: 100%;
}
.col5 .textrow1 {
padding-bottom: 19.2%;
}
.col5 .textrow2 {
padding-bottom: 39.45%;
}
.col5 .textrow3 {
padding-bottom: 59.6%;
}
.col5 .textrow4 {
padding-bottom: 79.8%;
}
.col5 .textrow5 {
padding-bottom: 100%;
}
.textrow1 img {
max-height: 238px;
}
.textrow2 img {
max-height: 489px;
}
.textrow3 img {
max-height: 739px;
}
.textrow4 img {
max-height: 990px;
}
.textrow5 img {
max-height: 1240px;
}
.empty {
width: 100%;
background: #f8f8f8;
margin-bottom: 5.2083333333333%;
}
#grid-popup {
display: none;
position: absolute;
border: 1px solid #333;
background: #fff;
z-index: 3;
}
#grid-popup .close {
position: absolute;
top: 5px;
display: none;
}
#grid-popup .price {
white-space: nowrap;
}
#grid-popup .sets {
padding-top: 16px;
}
.ios #grid-popup .close, .android #grid-popup .close {
display: inline;
}
#grid-popup.leftimg > div {
float: left;
}
#grid-popup.rightimg > div {
float: right;
}
#grid-popup.leftimg div.info {
width: 49%;
}
.ios #grid-popup.leftimg div.info, .android #grid-popup.leftimg div.info {
width: 46%;
}
.ios #grid-popup div.info, .android #grid-popup div.info {
margin-top: 15px;
}
#grid-popup .error.master {
margin-top: -4px;
margin-bottom: 10px;
}
#grid-popup .error {
color: #e31f26;
margin-top: 0px;
margin-bottom: 0px;
}
#grid-popup .out-of-stock {
color: #e31f26;
margin-bottom: 14px;
text-transform: uppercase;
}
.double .info {
width: 32.5% !important;
margin-left: -0.5%;
}
#grid-popup.rightimg div.info {
width: 49%;
}
#grid-popup div.info.engagement-ring {
text-align: center;
padding-top: 15%;
}
#grid-popup .image img {
display: block;
}
#grid-popup .ring-size {
margin: 10px 0;
}
#grid-popup .item-links {
margin-top: 20px;
}
#grid-popup .item-links a {
text-transform: uppercase;
white-space: nowrap;
}
#grid-popup .grouping {
padding-bottom: 7px;
}
#grid-popup .group-options {
margin: 4px 0;
}
#grid-popup .loading img {
margin: 0 auto;
}
#grid-popup .loading {
text-align: center;
padding: 20px 0;
}
#grid-popup .image {
width: 51%;
position: relative;
}
#grid-popup .btn.add, #grid-popup .btn.emailMe {
width: 100%;
text-align: center;
padding: 10px 15px;
}
.saved-heart-add, .saved-heart-remove {
position: absolute;
left: 2px;
right: 4px;
}
.double .saved-heart-add, .double .saved-heart-remove {
right: 6.6px;
}
.saved-heart-add i {
font-size: 16px;
}
.saved-heart-remove i {
font-size: 16px;
color: #ff2909;
}
#grid-popup.rightimg .saved-heart-add, #grid-popup.rightimg .saved-heart-remove {
right: 4px;
}
.unheart {
position: absolute;
left: 5px;
bottom: 2px;
}
.unheart i {
font-size: 16px;
color: #ff2909;
}
.en-US-EStr .saved-heart-add, .en-US-EStr .saved-heart-remove, .en-US-EStr .unheart {
display: none !important;
}
.ja-JP-EStr .saved-heart-add, .ja-JP-EStr .saved-heart-remove, .ja-JP-EStr .unheart {
display: none !important;
}
#grid-popup.double .image {
width: 67.9%;
}
#grid-popup .item-links a.save {
margin-left: 0;
}
#grid-popup .loading-holder {
width: 49%;
margin-top: 75px;
}
#grid-popup.double .loading-holder {
width: 32%;
margin-top: 75px;
}
body.digital-catalog-page #results {
padding-top: 0;
}
body.digital-catalog-page #filters {
padding-top: 15px;
margin-bottom: 0;
min-width: 984px;
}
body.digital-catalog-page #filters #filter-label-holder, body.digital-catalog-page span.t8.num-results {
display: none !important;
}
body.digital-catalog-page .fixed-filter {
margin-top: 51px;
}
body.digital-catalog-page h1.t5 {
width: 100%;
text-align: center;
text-transform: uppercase;
}
#digital-catalog-overlay {
position: absolute;
background-color: transparent;
z-index: 2;
width: 100%;
left: auto;
right: 1.5%;
top: 3%;
height: 100%;
padding: 0;
overflow: hidden;
color: #000;
}
.dcTile {
background-color: #fff !important;
}
.dcTile br {
display: block !important;
}
.dcTile .dc-thumbs-section {
top: auto;
bottom: 0;
padding-bottom: 1%;
z-index: 1;
}
.dcTile .dc-share-section {
top: auto;
width: 12%;
padding-bottom: 1%;
bottom: 0;
z-index: 2;
}
.dcTile .dc-share-section .share-menu a {
color: #000 !important;
}
.dcTile > video, .dcTile > img {
cursor: pointer;
width: 100% !important;
min-height: 100%;
min-width: 100%;
}
.dcTile video.video2 {
}
.dcTile .dcIosVideo {
display: none;
}
body.ios .dcTile .video1, body.ios .dcTile .video2 {
display: block;
position: absolute;
top: 0;
left: 0;
}
body.ios .dcTile .dcIosVideo {
display: none;
}
.dcTile a.shopBtn {
padding: 15px 30px 14px;
border: 1px solid #000;
}
.dcTile.white a.shopBtn, .dcTile.dark a.shopBtn {
border-color: #fff;
}
.dcTile .btnShop {
width: auto;
right: 0;
left: auto;
top: 5%;
text-align: right;
}
.dcTile .btnShop a {
font-size: 13px;
line-height: 13px;
}
.dcTile .btnShop * {
float: right;
clear: both;
white-space: nowrap;
}
.dcTile .btnShop hr.small {
margin-left: 0;
margin-right: 0;
}
.dcTile .share-menu {
top: -120px;
}
ul.dc-thumbs {
list-style: none;
}
ul.dc-thumbs li {
display: inline-block;
margin: 0 3px;
}
ul.dc-thumbs li img {
border: 1px solid #000;
display: block;
width: 63px;
}
ul.dc-thumbs li img:hover {
border-color: #41c1ca;
}
.dcTile .navArrows {
margin: -179px 0 0;
padding: 0;
top: 50%;
cursor: pointer;
}
.dcTile .navArrows .left {
float: left;
width: 30px;
height: 58px;
padding: 150px 20px;
background: url('/shared/images/icons/left-arrow-large.png') no-repeat center center transparent;
background-size: 30px 58px;
}
.dcTile.white .navArrows .left, .dcTile.dark .navArrows .left {
background-image: url('/shared/images/icons/left-arrow-large_white.png');
}
.dcTile .navArrows .right {
float: right;
width: 30px;
height: 58px;
padding: 150px 20px;
background: url('/shared/images/icons/right-arrow-large.png') no-repeat center center transparent;
background-size: 30px 58px;
}
.dcTile.white .navArrows .right, .dcTile.dark .navArrows .right {
background-image: url('/shared/images/icons/right-arrow-large_white.png');
}
.dcTile .dc-thumbs li {
margin-top: 10px;
}
.dcTile .hideDCThumbs *, .dcTile .showDCThumbs * {
vertical-align: middle;
}
.dcTile .hideDCThumbs span, .dcTile .showDCThumbs span {
display: inline-block;
margin-left: 10px;
}
.dcTile .hideDCThumbs span {
width: 14px;
height: 15px;
background: url('/shared/images/icons/top-arrow.png') no-repeat center center transparent;
background-size: 14px 15px;
}
.dcTile.white .hideDCThumbs span, .dcTile.dark .hideDCThumbs span {
background-image: url('/shared/images/icons/top-arrow_white.png');
}
.dcTile .showDCThumbs span {
width: 14px;
height: 15px;
background: url('/shared/images/icons/bottom-arrow.png') no-repeat center center transparent;
background-size: 14px 15px;
}
.dcTile.white .showDCThumbs span, .dcTile.dark .showDCThumbs span {
background-image: url('/shared/images/icons/bottom-arrow_white.png');
}
.dcTile .hideDCThumbs, .dcTile .dc-thumbs {
display: none;
}
.dcTile .dcTextBlock {
display: none;
}
.dcTile .dcTextBlock h3 {
font-weight: 600;
}
@media only screen and (max-width: 1250px) {
ul.dc-thumbs li img {
width: 56px;
}
}
#digital-catalog-overlay .close {
position: absolute;
top: 5px;
right: 10px;
color: #000 !important;
}
#digital-catalog-overlay h3 {
text-transform: uppercase;
font-size: 12px;
}
#digital-catalog-overlay .list > .rollbar {
height: 96%;
margin-top: 10px;
}
#digital-catalog-overlay .list .custom-drop div.rollbar {
max-height: 125px;
}
#digital-catalog-overlay .miniPDP {
float: right;
display: none;
background-color: #fff;
border: 1px solid #bebebe;
border-right: none;
height: 87%;
width: 78.5%;
padding: 20px 10px;
}
#digital-catalog-overlay .miniPDP iframe {
width: 100%;
height: 100%;
filter: alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
position: relative;
top: -20px;
left: -10px;
}
#digital-catalog-overlay .list {
border: 1px solid #bebebe;
float: right;
background-color: #fff;
width: 33%;
min-width: 370px;
padding: 20px 5px 20px 10px;
height: 87%;
}
#digital-catalog-overlay .rollbar-content {
overflow: visible;
}
#digital-catalog-overlay .list .loading {
display: none;
margin-top: 50%;
}
#digital-catalog-overlay .miniPDP .loading {
display: none;
position: absolute;
left: 45%;
top: 45%;
z-index: 1;
}
.digital-catalog-item {
clear: both;
text-align: left;
border-bottom: 1px solid #bebebe;
float: left;
padding: 10px 0;
position: relative;
}
.digital-catalog-item:first-child {
padding-top: 0;
}
.digital-catalog-item:last-child {
border: none;
}
.digital-catalog-item .grouping {
padding: 5px 0 7px;
}
.digital-catalog-item .error.master {
margin-bottom: 10px;
margin-top: -4px;
}
.digital-catalog-item .image {
max-width: 200px;
width: 48%;
float: left;
}
.digital-catalog-item .image a {
border: 2px solid #fff;
display: block;
}
.digital-catalog-item .image a:hover, .digital-catalog-item .image a.active {
border: 2px solid #00c5c7;
}
.digital-catalog-item .image img {
width: 100%;
display: block;
}
.digital-catalog-item .info {
float: right;
width: 49%;
}
.digital-catalog-item .info a {
color: #000 !important;
}
.digital-catalog-item .info .btn {
font-size: 11px;
}
.digital-catalog-item .info .out-of-stock {
color: #e31f26;
margin-bottom: 14px;
text-transform: uppercase;
}
.digital-catalog-item .info .details {
display: inline-block;
padding-bottom: 20px;
}
.digital-catalog-item .info .details span {
vertical-align: middle;
}
.digital-catalog-item .info .details span.plus {
font-family: Arial,Helvetica,sans-serif;
font-size: 25px;
background: none repeat scroll 0 0 #dff5f3;
color: #00c5c7;
text-align: center;
padding: 3px;
display: inline-block;
margin-right: 15px;
}
.digital-catalog-item .info .error {
color: #e31f26;
}
.digital-catalog-item .item-links {
padding-top: 10px;
margin-top: 10px
}
#DigiCatMiniPDPPage {
background-color: #fff;
}
#DigiCatMiniPDPPage #maincontent {
min-height: 500px;
}
#DigiCatMiniPDPPage .item-info-container > div:first-child {
width: 95%;
}
#DigiCatMiniPDPPage .more-images .large-image {
width: 100%;
height: 100%;
}
#DigiCatMiniPDPPage #image-holder .large-image img {
width: 100%;
height: auto;
}
#DigiCatMiniPDPPage .item-container > div {
width: 44%;
}
#DigiCatMiniPDPPage .item-container > div:first-child {
width: 54%
}
#DigiCatMiniPDPPage .buttons {
float: left;
padding: 20px 0;
}
#DigiCatMiniPDPPage .drop-a-hint-wrapper {
float: right;
position: static;
padding-top: 15px;
}
#DigiCatMiniPDPPage .drop-a-hint-wrapper a {
position: static;
}
#DigiCatMiniPDPPage .item-actions {
clear: both;
}
#DigiCatMiniPDPPage .item-actions a.save {
margin-right: 40px;
}
#DigiCatMiniPDPPage.shopTile .drop-a-hint-wrapper, #DigiCatMiniPDPPage.shopTile .item-print-email-share {
display: none;
}
#DigiCatMiniPDPPage .item-info-container .item-desc .ItemZipCodeAvailability {
margin: 15px 0;
}
#DigiCatMiniPDPPage .item-info-container .item-desc .ItemZipCodeAvailability p {
margin: 0 0 10px;
}
#DigiCatMiniPDPPage .item-info-container .item-desc .ItemZipCodeAvailability p:nth-child(2) {
margin: 0;
}
.plus {
font-size: 15px;
font-family: "Lucida Sans", Arial, Helvetica, Sans-Serif
}
.plusicon {
background-image: url(/shared/images/icons/plus_icon.jpg);
background-repeat: no-repeat;
display: inline-block;
width: 13px;
height: 13px;
}
#itemPage .plusicon {
background-image: url(/shared/images/icons/plus_icon.jpg);
background-repeat: no-repeat;
display: inline-block;
width: 13px;
height: 13px;
float: left;
}
div.wot-carousel {
width: 50%;
top: 40%;
left: 50%;
padding: 0;
}
div.cms-textblock {
width: 100%;
top: 0;
left: 0;
right: auto;
bottom: auto;
padding: 0;
}
.grid-container > div > img.rollover-img-on {
position: absolute;
display: none;
}
.rollover-combo img {
position: absolute;
top: 0;
}
.carousel-a .paging {
margin-left: -25.3%;
}
.carousel-a .text-container {
padding-bottom: 40.9%
}
.carousel-b .text-container {
padding-bottom: 31.45%;
}
.grid-c .col1 .text-container {
padding-bottom: 199.5%;
}
.grid-c .col2 .text-container {
padding-bottom: 97.2%;
}
.grid-c .col3 .text-container {
padding-bottom: 64.3%;
}
.grid-c .col4 .text-container {
}
.grid-c .col5 .text-container {
}
/* End Grid */
body.ie-7, body.ie-8 {
font-size: 11px;
line-height: 15px;
}
.ie-7 .t1, .ie-8 .t1 {
font-size: 28px;
line-height: 32px;
}
.ie-7 .t2, .ie-8 .t2 {
font-size: 24px;
line-height: 28px;
}
.ie-7 .t3, .ie-8 .t3 {
font-size: 22px;
line-height: 26px;
}
.ie-7 .t4, .ie-8 .t4 {
font-size: 23px;
line-height: 25px;
}
.ie-7 .t40, .ie-8 .t40 {
font-size: 23px;
line-height: 25px;
}
.ie-7 .t5, .ie-8 .t5 {
font-size: 19px;
line-height: 22px;
}
.ie-7 .t50, .ie-8 .t50 {
font-size: 19px;
line-height: 28px;
}
.ie-7 .t6, .ie-8 .t6 {
font-size: 15px;
line-height: 19px;
}
.ie-7 .t7, .ie-8 .t7 {
font-size: 15px;
line-height: 22px;
}
.ie-7 .t8, .ie-8 .t8 {
font-size: 11px;
line-height: 19px;
}
.ie-7 .t80, .ie-8 .t80 {
font-size: 12px;
line-height: 18px;
}
.ie-7 .t9, .ie-8 .t9 {
font-size: 10px;
line-height: 10px;
}
.ie-7 .t10, .ie-8 .t10 {
font-size: 15px;
line-height: 23px;
}
.ie-7 .t11, .ie-8 .t11 {
font-size: 15px;
line-height: 15px;
}
.ie-7 .t13, .ie-8 .t13 {
font-size: 22px;
line-height: 26px;
}
.ie-7 .t14, .ie-8 .t14 {
font-size: 59px;
line-height: 62px;
}
.ie-7 .t15, .ie-8 .t15 {
font-size: 59px;
line-height: 62px;
}
.ie-7 .t16, .ie-8 .t16 {
font-size: 28px;
line-height: 30px;
}
.ie-7 .t17, .ie-8 .t17 {
font-size: 20px;
line-height: 22px;
}
.ie-7 .l1, .ie-8 .l1 {
font-size: 11px;
line-height: 11px;
}
.ie-7 .l2, .ie-8 .l2 {
font-size: 11px;
}
.ie-7 .l20, .ie-8 .l20 {
font-size: 11px;
line-height: 15px;
}
.ie-7 .l3, .ie-8 .l3 {
font-size: 12px;
line-height: 15px;
}
.ie-7 .l4, .ie-8 .l4 {
font-size: 10px;
line-height: 12px;
}
.ie-7 .l5, .ie-8 .l5 {
font-size: 10px;
line-height: 30px;
}
.ie-7 .l6, .ie-8 .l6 {
font-size: 10px;
line-height: 14px;
}
.ie-7 .l7, .ie-8 .l7 {
font-size: 10px;
line-height: 13px;
}
.ie-7 .l8, .ie-8 .l8 {
font-size: 13px;
line-height: 19px;
}
.tabletop-left, .tabletop-right {
position: absolute;
height: 247px;
padding: 0 26px;
left: 0;
}
.tabletop-right {
left: auto;
right: 0;
}
.tabletop-left img, .tabletop-right img {
width: 12px;
top: 52%;
position: absolute;
left: 20px;
}
.tabletop-right img {
left: auto;
right: 20px;
}
.shoppable-tile > p {
display: none;
position: absolute;
text-align: center;
}
.shoppable-tile > a, .shop-tile .shop-section a {
display: none;
position: absolute;
text-align: center;
font-size: 25px;
line-height: 20.5px;
font-family: Arial, Helvetica, sans-serif;
height: 20px;
width: 20px;
color: #00c5c7;
background: rgb(132, 216, 209);
background: rgba(132, 216, 209, 0.6);
transition: background 0.2s ease-in-out;
-webkit-transition: background 0.2s ease-in-out;
}
body.ios .shop-tile .shop-section a {
display: inline;
}
.shoppable-tile > a.null, .shop-tile .shop-section a.null {
display: none !important;
}
.shoppable-tile > a.missing-data { /*background: red;*/
}
.shoppable-tile > a:hover, .shop-tile .shop-section a:hover {
background: rgba(132, 216, 209, 1);
}
.shoppable-tile > a.selected-item, .shop-tile .shop-section a.selected-item {
background: rgba(132, 216, 209, 1);
animation: pulse 2s ease-in-out;
animation-iteration-count: infinite;
-webkit-animation: pulse 2s ease-in-out;
-webkit-animation-iteration-count: infinite;
}
.shoppable-tile > div {
display: none;
background: #fff;
border: 3px solid #f6f5ee;
left: 2%;
right: 50%;
top: 7%;
bottom: 7%;
z-index: 1;
padding: 2%;
}
.shoppable-tile > div.right {
right: 2%;
left: 50%;
}
.col3 .shoppable-tile > div {
right: 33%;
left: 0;
top: 0;
bottom: 0;
}
.col3 .shoppable-tile > div.right {
left: 33%;
right: 0;
top: 0;
bottom: 0;
}
.shoppable-tile > div .close {
position: absolute;
top: 10px;
right: 10px;
font-size: 30px;
}
.shoppable-tile > div .image img {
width: 100%;
margin-bottom: 0;
max-height: none;
display: none;
}
.shoppable-tile > div .image {
width: 86%;
min-height: 76%;
margin: 0 auto;
}
.col3 .shoppable-tile > div .image {
width: 73%;
}
.shoppable-tile > div .ajax-loader {
top: 38%;
left: 0;
margin-left: 48%;
position: absolute;
}
.shop-tile > a, .shop-tile .shop-section a {
background-color: transparent !important;
}
div.shop-tile > div {
position: absolute;
text-align: center;
z-index: 3;
}
body .shop-tile .shop-section a {
padding: 5px;
}
body .shop-tile .shop-section a .plus {
background: url(/shared/images/icons/plus.png) no-repeat top left;
width: 20px;
height: 20px;
}
body .shop-tile .shop-section a:hover {
padding: 4px;
border: 1px solid #000;
}
.shop-tile .shop-section a.selected-item .plus {
background: url(/shared/images/icons/plus.png) no-repeat top left;
}
.shop-tile .shop-section a.selected-item {
padding: 4px;
border: 1px solid #000;
}
#shop-tile-overlay {
display: none;
width: 100%;
background: #fff;
position: absolute;
margin-left: auto;
margin-right: auto;
top: 101px;
left: 0;
right: 0;
min-width: 924px;
max-width: 1010px;
z-index: 50;
border: 1px solid #bebebe;
height: 650px;
overflow: hidden;
}
#shop-tile-overlay .list {
width: 20%;
float: right;
height: 100%;
}
#shop-tile-overlay .miniPDP {
width: 80%;
height: 100%;
float: left;
}
#shop-tile-overlay .miniPDP .loading {
display: none;
position: absolute;
left: 45%;
top: 45%;
z-index: 1;
}
#shop-tile-overlay h3 {
font-size: 12px;
text-transform: uppercase;
text-align: center;
}
#shop-tile-overlay .close {
color: #000;
position: absolute;
right: 10px;
top: 5px;
}
#shop-tile-overlay .close i {
font-size: 12px;
}
.shop-tile-item {
padding: 10px 0;
position: relative;
text-align: left;
}
.shop-tile-item:first-child {
padding-top: 0px
}
#shop-tile-overlay .rollbar {
margin-left: 10px;
margin-right: 5px;
margin-top: 10px;
height: 88%;
}
#shop-tile-overlay iframe {
height: 100%;
width: 100%;
filter: alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
}
.shop-tile-item .image {
width: 85%;
margin: 0 auto;
}
.shop-tile-item .image a {
display: block;
border: 2px solid #ffffff;
}
.shop-tile-item .image a:hover, .shop-tile-item .image a.active {
border: 1px solid #666;
}
.shop-tile-item .image img {
display: block;
width: 100%;
}
#shop-tile-overlay hr.small {
height: 0px;
}
.shop-tile__Shop-title {
text-align: center;
}
@-webkit-keyframes pulse {
0% {
background: rgba(132, 216, 209, 1);
}
50% {
background: rgba(132, 216, 209, 0.6);
}
100% {
background: rgba(132, 216, 209, 1);
}
}
/* "Media Queries" */
/* 1279 - 1024 */
@media only screen and (max-width: 1250px) {
.text-container p br, #superlative-service p br {
display: none;
}
.flydown-item hr {
margin: 25px auto 2px;
}
.watch-flyout {
font-size: 16px;
line-height: 18px;
}
.watch-flyout-dark {
font-size: 16px;
color: #ffffff;
line-height: 18px;
}
.text-container.preserve-breaks p br {
display: inline;
}
#carouselAB_divCarousel .text-container p br, .carouselAB .text-container p br, .gridC .text-container p br {
display: inline;
}
.tabletop-left, .tabletop-right {
height: 209px;
}
/*.t1 { font-size: 28px; line-height: 32px; }
.t2 { font-size: 24px; line-height: 28px; }
.t3 { font-size: 22px; line-height: 26px; }
.t4 { font-size: 23px; line-height: 25px; }
.t40 { font-size: 23px; line-height: 25px; }
.t41 { font-size: 21px; line-height: 23px; }
.t5 { font-size: 19px; line-height: 22px; }
.t50 { font-size: 19px; line-height: 28px; }
.t6 { font-size: 15px; line-height: 19px; }
.t7 { font-size: 15px; line-height: 22px; }
.t8 { font-size: 11px; line-height: 19px; }
.t80 { font-size: 12px; line-height: 18px; }
.t9 { font-size: 10px; line-height: 10px; }
.t10 { font-size: 15px; line-height: 23px; }
.t11 { font-size: 15px; line-height: 15px; }
.t13 { font-size: 22px; line-height: 26px; }
.t14 { font-size: 59px; line-height: 62px; }
.t15 { font-size: 59px; line-height: 62px; }
.t16 { font-size: 28px; line-height: 30px; }
.t17 { font-size: 20px; line-height: 22px; }
.l1 { font-size: 11px; line-height: 11px; }
.l2 { font-size: 11px; }
.l20 { font-size: 11px; line-height: 15px; }
.l3 { font-size: 12px; line-height: 15px; }
.l4 { font-size: 10px; line-height: 12px; }
.l5 { font-size: 10px; line-height: 30px; }
.l6 { font-size: 10px; line-height: 14px; }
.l7 { font-size: 10px; line-height: 13px; }
.l8 { font-size: 13px; line-height: 19px; }
.watch-t1 { font-size: 50px; line-height: 50px; }
.watch-t2 { font-size: 34px; line-height: 37px; }
.watch-t3 { font-size: 31px; line-height: 31px; }
.watch-t4 { font-size: 26px; line-height: 32px; }
.watch-t5 { font-size: 21px; line-height: 26px; }
.watch-t6 { font-size: 21px; line-height: 28px; }
.watch-t7 { font-size: 35px; line-height: 45px; }
.watch-t8 { font-size: 21px; line-height: 26px; }
/* AP sites */
body.ja-JP .watch-t1 {
font-size: 50px;
line-height: 58px;
}
body.ja-JP .watch-t2 {
font-size: 34px;
line-height: 37px;
}
body.ja-JP .watch-t3 {
font-size: 31px;
line-height: 31px;
}
body.ja-JP .watch-t4 {
font-size: 26px;
line-height: 32px;
}
body.ja-JP .watch-t5 {
font-size: 21px;
line-height: 26px;
}
body.ja-JP .watch-t6 {
font-size: 16px;
line-height: 21px;
}
body.ja-JP .watch-t7 {
font-size: 35px;
line-height: 45px;
}
body.ja-JP .watch-t8 {
font-size: 21px;
line-height: 26px;
}
body.zh-CN .watch-t1 {
font-size: 50px;
line-height: 58px;
}
body.zh-CN .watch-t2 {
font-size: 34px;
line-height: 37px;
}
body.zh-CN .watch-t3 {
font-size: 31px;
line-height: 31px;
}
body.zh-CN .watch-t4 {
font-size: 26px;
line-height: 32px;
}
body.zh-CN .watch-t5 {
font-size: 21px;
line-height: 26px;
}
body.zh-CN .watch-t6 {
font-size: 21px;
line-height: 28px;
}
body.zh-CN .watch-t7 {
font-size: 35px;
line-height: 45px;
}
body.zh-CN .watch-t8 {
font-size: 21px;
line-height: 26px;
}
body.zh-Hant .watch-t1 {
font-size: 50px;
line-height: 58px;
}
body.zh-Hant .watch-t2 {
font-size: 34px;
line-height: 37px;
}
body.zh-Hant .watch-t3 {
font-size: 31px;
line-height: 31px;
}
body.zh-Hant .watch-t4 {
font-size: 26px;
line-height: 32px;
}
body.zh-Hant .watch-t5 {
font-size: 21px;
line-height: 26px;
}
body.zh-Hant .watch-t6 {
font-size: 16px;
line-height: 21px;
}
body.zh-Hant .watch-t7 {
font-size: 35px;
line-height: 45px;
}
body.zh-Hant .watch-t8 {
font-size: 21px;
line-height: 26px;
}
body.ko-KR .watch-t1 {
font-size: 50px;
line-height: 58px;
}
body.ko-KR .watch-t2 {
font-size: 34px;
line-height: 37px;
}
body.ko-KR .watch-t3 {
font-size: 31px;
line-height: 31px;
}
body.ko-KR .watch-t4 {
font-size: 26px;
line-height: 32px;
}
body.ko-KR .watch-t5 {
font-size: 21px;
line-height: 26px;
}
body.ko-KR .watch-t6 {
font-size: 16px;
line-height: 21px;
}
body.ko-KR .watch-t7 {
font-size: 35px;
line-height: 45px;
}
body.ko-KR .watch-t8 {
font-size: 21px;
line-height: 26px;
}
*/
/* AP site end */
.span h2 {
margin-top: 28%;
}
.desc h2 {
margin-top: 28%;
}
.search span:not(.description), .searchstores img {
display: none;
}
#nav .bag {
margin-top: -40px;
}
#nav .emailSignUp {
margin-top: -20px;
}
#nav a.my-account {
top: -50px;
}
#myAccountOverlay {
top: -30px;
}
/*.signout { position: relative; top: auto; }*/
.bag span {
display: inline;
}
#grid-popup .btn, #saved .btn, .sortable .btn {
padding: 7px 17px;
font-size: 12px;
}
#grid-popup .btn, #ctlHeader_saved .btn, .sortable .btn {
font-size: 11px;
}
.de-DE.ios #grid-popup .item-links {
letter-spacing: 0px;
}
#grid-popup .item-links a, .item-actions > a {
line-height: 20px;
}
.large-margins > li {
height: 630px;
}
.ie .item-actions a.save {
margin-right: 0;
}
.ie #ancEmailLink {
margin-left: 0;
}
/*.item-actions a.save:after { content:"\A"; white-space:pre; }*/
a.details, a.open-email {
margin-left: 0 !important;
}
#grid-popup a.save {
display: block;
}
#grid-popup .slash {
display: none !important;
}
#grid-popup a.details {
display: block;
margin-top: 5px;
}
.ios .searchbar .close, .android .searchbar .close, .ie-10 .searchbar .close, .ie-11 .searchbar .close {
display: inline-block;
}
.item-container > div {
float: left;
width: 39.45%;
padding: 0;
margin-left: 2%;
margin-left: 1.9%;
padding-top: 32px !important;
}
.item-container > div:first-child {
width: 56%;
margin-left: 0;
text-align: center;
padding-top: 0;
padding-bottom: 0;
position: relative;
}
.saved-left, .saved-right {
top: 100px;
}
.paging .saved-left, .paging .saved-right {
top: 135px;
}
#select-rings .saved-left, #select-rings .saved-right {
top: 185px;
}
.more-images .large-image {
height: 82%;
}
#filters.searchbar {
padding-bottom: 0 !important;
}
#filters.searchbar p {
width: 100%;
margin: 10px 0;
}
#filters a {
margin-left: 15px;
}
#filters .filter {
padding-right: 12px;
}
.modal-popup.skinny {
left: 27%;
right: 27%;
}
#related .t3 {
font-size: 18px;
line-height: 20px;
}
#related p {
font-size: 11px;
line-height: 15px;
}
#related p.l9 {
font-size: 13px;
line-height: 19px;
}
#related .no-image-above {
margin-top: 20%;
}
#refinement .onethird {
width: 49%;
margin-left: 0;
}
#refinement .onehalf {
width: 100%;
margin-left: 0;
}
#refinement .oneseventh, #refinement .twosevenths {
width: 19% !important;
}
.modal-popup .grid-container .onehalf input {
width: 84%;
}
.modal-popup .grid-container .quarter input {
width: 68%;
}
.ie .modal-popup.full {
max-width: none;
left: 0%;
right: 0%;
}
#schedule-consultation p {
padding: 0;
}
#bannerPosition.bannerOpen #holidayBannerTxt {
left: 74.35em
}
#newYorkFlagshipStore h2.differenceHeader > span.t4, #storeLocationsList h2.differenceHeader > span.t4 {
width: 22% !important;
}
.fr-CA#newYorkFlagshipStore h2.differenceHeader > span.t4, .fr-CA#storeLocationsList h2.differenceHeader > span.t4,
.fr-FR#newYorkFlagshipStore h2.differenceHeader > span.t4, .fr-FR#storeLocationsList h2.differenceHeader > span.t4 {
margin-left: -6%;
}
.overlay-text-wrapper .rollbar {
height: 350px;
}
.overlay-text-wrapper.no-thumbs .rollbar {
height: 440px;
}
#registryMain #pageMainContent {
width: 40%;
}
#grid-popup .custom-drop div.rollbar {
max-height: 135px;
}
#article-main.layout2 .article-info p {
padding: 0;
}
#statement-details {
height: 108px;
}
}
/* End 1279 - 1024 */
/* 1023 and Below */
/*body.viewport-small { font-size: 11px; }
.viewport-small .t1 { font-size: 27px; line-height: 31px; }
.viewport-small .t2 { font-size: 22px; line-height: 25px; }
.viewport-small .t3 { font-size: 21px; line-height: 25px; }
.viewport-small .t4 { font-size: 19px; line-height: 21px; }
.viewport-small .t5 { font-size: 18px; line-height: 18px; }
.viewport-small .t6 { font-size: 14px; line-height: 14px; }
.viewport-small .t7 { font-size: 14px; line-height: 14px; }
.viewport-small .t8 { font-size: 11px; line-height: 17px; }
.viewport-small .t9 { font-size: 10px; line-height: 9px; }
.viewport-small .l1 { font-size: 12px; line-height: 10px; }
.viewport-small .l2 { font-size: 10px; line-height: 14px; }
.viewport-small .l3 { font-size: 12px; line-height: 15px; }
.viewport-small .l4 { font-size: 12px; line-height: 12px; }
.viewport-small .l5 { font-size: 12px; line-height: 29px; }
.viewport-small .l6 { font-size: 10px; line-height: 13px; }
.viewport-small .l7 { font-size: 10px; line-height: 17px; }
.viewport-small .l8 { font-size: 14px; line-height: 18px; }
.viewport-small .desc h2 { margin-top: 25%; }
.viewport-small #grid-popup .btn, .viewport-small #saved .btn, .viewport-small .sortable .btn { padding: 4px 8px; font-size: 10px; }
.viewport-small footer .indent { padding: 0 2% 0 5%; }
.viewport-small .flydowns a { padding: 10px 5px !important; }
.viewport-small .imgtop div { padding: 0 20px 5%; }
.viewport-small #filters p > a { margin-left: 20px; }
.viewport-small .saved-left, .viewport-small .saved-right { top: 85px; }
.viewport-small .paging .saved-left, .viewport-small .paging .saved-right { top: 120px; }
.viewport-small #select-rings .saved-left, .viewport-small #select-rings .saved-right { top: 150px; }
.viewport-small .more-images .large-image { height: 78%; }
.viewport-small #filters p { width: 100%; }
.viewport-small .modal-popup.skinny { left: 24%; right: 24%; }
.viewport-small #related img { margin-bottom: 0; }
.viewport-small #related .t3 { font-size: 14px; line-height: 16px; }
.viewport-small #related p { font-size: 11px; line-height: 13px; margin-top: 5px; }
.viewport-small #related .no-image-above { margin-top: 10%; }
.viewport-small hr { margin: 10px auto; }
.viewport-small #refinement .onethird { width: 100%; margin-left: 0; }
.viewport-small .modal-popup form .grid-container { width: 78%; }
.viewport-small .modal-popup .grid-container .onehalf input { width: 80%; }
.viewport-small .modal-popup .grid-container .quarter input { width: 58%; }
.viewport-small #paddedHeader > span.t8 { margin-top: 5px; }
*/
/* End 1023 and Below */
/* End "Media Queries" */
.tileDesignHR {
margin: 0px auto 10px;
}
.otherTileHR {
margin: 10% auto 10px;
}
/* FAQ CSS */
#faqsLeftContent #lblTitle {
text-transform: uppercase;
font-weight: bold;
}
#faqsRightContent .bullet {
list-style-type: none;
font-style: italic;
margin-bottom: 10px;
}
#faqsRightContent .selectedLink {
color: #41c1ca
}
#faqsPageTitle {
padding-top: 35px;
padding-bottom: 15px;
border-bottom: 2px solid #333;
}
#faqsPageHeader {
border-bottom: 1px solid #333;
padding-bottom: 20px;
margin-bottom: 15px;
}
#faqsLeftHeader {
float: left;
width: 58%;
padding-top: 10px;
}
#faqsLeftHeader h2 {
font-size: 14px;
font-weight: bold
}
#faqsRightHeader {
Float: left;
width: 40%;
text-align: left;
}
#faqsRightHeader label {
font-weight: bold;
}
#faqsRightHeader .btn {
vertical-align: bottom;
padding: 10px 12px;
}
#divGenPage #pnlFaqSearch input[type="text"] {
background-color: white;
padding: 6px 15px;
height: 38px;
font-size: 14px;
vertical-align: middle;
margin-right: 5px;
width: 38%;
border: 1px solid #333;
}
#pnlFaqSearch label {
padding-right: 10px
}
#faqsLeftContent {
width: 58%;
float: left;
}
#faqsLeftContent .upper {
text-transform: uppercase;
font-size: 12px;
}
#faqsLeftContent .faqsList {
padding-bottom: 17px;
margin-right: 30px
}
#faqsRightContent {
Width: 40%;
float: left;
}
#faqsLeftHeader .backToLink {
margin: 0px;
}
#lblDetail a {
font-style: italic;
}
.viewport-medium #faqsLeftHeader {
width: 25%;
}
.viewport-medium #faqsRightHeader {
width: 75%;
}
.viewport-small #faqsLeftHeader {
width: 20%;
}
.viewport-small #faqsRightHeader {
width: 80%;
}
/*End FAQ */
/*Gift Registry*/
#pageMainContent {
float: left;
width: 50%;
text-align: center;
padding-top: 40px;
padding-bottom: 35px;
}
#pageMainContent h1 {
padding-bottom: 10px;
text-transform: uppercase;
}
#pageMainContent h3 {
font-weight: bold;
padding-bottom: 10px;
padding-top: 20px;
}
#pageInfo {
padding-bottom: 15px;
}
#pageMainContent .giftInputs {
padding-bottom: 15px;
}
#pageImageContent {
float: right;
width =50%;
padding-bottom: 35px;
text-align: right;
}
#pageMainContent input[type='text'] {
border: 1px solid #808080;
padding: 8px;
width: 40%;
font-style: italic;
}
#divPageTitle .divRegistrantName {
padding: 10px 0px;
font-size: 13px;
}
#pageMainContent .divErrorMessageIndicator {
color: #e31f26;
}
#pageMainContent .divErrorMessageIndicator a {
text-decoration: underline;
}
/*End Registry*/
/* Account */
#divGenPage .divPCA_1of2 h2, #divGenPage .divPCA_1of2 h2.topHeader {
font-size: inherit;
font-weight: 300;
}
div.divPageContentArea label {
font-size: 10px;
text-transform: uppercase;
}
#divGenPage p {
line-height: inherit
}
#divGenPage p a {
font-style: italic;
color: #666;
}
.blueBulletList li.bullet {
background-image: none;
background-position: inherit;
padding-left: 0px;
}
#cntThirdLevelNav_pnlCustomerServiceNumber .divCustomerServiceNumber {
padding-bottom: 15px;
}
.backToLink {
margin-bottom: 15px;
font-style: italic;
}
.backToLink a {
padding: 0;
}
/* Catalouge Page */
#catalogues .pipe, #catalogBrowse .pipe {
padding: 0px 10px;
}
#divRegistryHeader {
padding-top: 15px;
}
.divPDFTitle {
line-height: 18px;
}
.divPDFCatalogueDesc {
padding-bottom: 5px;
width: 70%;
}
.divPDFCatalogueLink {
font-style: italic;
padding-top: 5px;
padding-bottom: 20px;
}
.divPDFCatalogueLayout {
width: 80%;
}
.divPDFCatalogue {
float: left;
width: 200px;
height: 370px;
padding-right: 35px;
}
.divPDFCatalogue img {
padding-bottom: 15px;
width: 100%;
}
/*
.divPDFCatalogueColumn1 {float:left; width:200px; padding-right: 35px;}
.divPDFCatalogueColumn2 {float:left; width:200px; padding-right: 35px;}
.divPDFCatalogueColumn3 {float:left; width:200px; padding-right: 35px;}
.divPDFCatalogueColumn4 {float:left; width:200px; padding-right: 35px;}
.divPDFCatalogueColumn1 img {padding-bottom: 15px; width: 100%;}
.divPDFCatalogueColumn2 img {padding-bottom: 15px; width: 100%;}
.divPDFCatalogueColumn3 img {padding-bottom: 15px; width: 100%;}
.divPDFCatalogueColumn4 img {padding-bottom: 15px; width: 100%;}
.divPDFCatalogueColumn1 .divPDFCatalogueRow1{height: 370px;}
.divPDFCatalogueColumn2 .divPDFCatalogueRow1{height: 370px;}
.divPDFCatalogueColumn3 .divPDFCatalogueRow1{height: 370px;}
.divPDFCatalogueColumn4 .divPDFCatalogueRow1{height: 370px;}
*/
#divPDFSection {
width: 100%;
}
#divSelectionCatalogue td, #divOtherCatalogue td {
text-align: left;
width: 120px;
padding-right: 20px;
}
.divEditNav {
padding-left: 10px
}
.catalogueTitle {
width: 50%;
padding-bottom: 10px;
padding-top: 20px;
line-height: 15px;
}
.catalogueLinks a {
font-style: italic;
}
.divPDFCatalogueColumn0 {
padding-bottom: 15px;
}
#divCatalogueHeader {
border-bottom: 2px solid #333;
padding-top: 30px;
padding-bottom: 10px;
}
#divCatalogueHeaderInfo {
padding-top: 15px;
padding-bottom: 10px;
}
.catalogueStyles {
padding-bottom: 50px;
}
.catalogueHeader {
padding-bottom: 10px;
}
#bannerPosition {
float: right;
width: 48%;
}
#bannerPosition ul {
float: right;
}
#bannerPosition ul li {
list-style-type: none;
}
#cataloguePages .searchNav {
PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;
}
#cataloguePages a.searchNav {
text-decoration: underline
}
#holidayBannerTxt {
width: 270px;
margin: -1px 0px 0px 0px;
padding: 6px 9px 7px 9px;
vertical-align: top;
border: 1px solid;
position: absolute;
background-color: #fff;
z-index: 90
}
html >/**/ body #holidayBannerTxt {
margin-left: 10px;
margin-top: 1px;
}
#holidayBannerLink p.bannerTxt {
margin-bottom: 3px;
}
#divGenPage #holidayBannerLink li {
padding-top: 1px;
background-repeat: no-repeat;
background-position: 0em .5em;
padding-left: 10px;
margin-left: 10px;
width: 270px;
vertical-align: bottom;
margin-bottom: 2px;
}
#holidayBannerText li {
padding-top: 1px;
background-repeat: no-repeat;
padding-left: 5px;
margin-left: 5px;
width: 270px;
vertical-align: bottom;
margin-bottom: 9px;
text-transform: uppercase
}
#bannerPosition #holidayBannerTxt {
left: -999em;
top: 20em;
}
#bannerPosition.bannerOpen #holidayBannerTxt {
left: 85.45em
}
/* NEW */
#bannerPosition {
float: right;
width: 50%;
}
#businessAccount {
PADDING-BOTTOM: 0px;
}
#businessAccount a {
text-decoration: underline;
}
#catalogueTitle {
padding-top: 20px;
padding-bottom: 20px;
}
#divBrowseCataloguePageLeft {
padding-left: 0px;
FLOAT: left;
padding-bottom: 5px;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
}
#divBrowseCataloguePageRight {
float: right;
padding-bottom: 5px;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
}
#leftCatalogueContent {
float: left;
width: 15%;
font-weight: bold;
padding: 5px;
}
.divItemLetter, .divItemDesc {
font-weight: normal;
}
.divItemDesc {
padding-bottom: 15px;
}
/*.clear{display:none;}*/ /* This is disabling all clearing divs - any idea why it's here? -jl */
#leftCatalogueContent br {
display: none;
}
#leftCatalogueContent hr {
display: none;
}
#rightCatalogueContent {
color: #666;
font-style: italic;
}
#divPageContentArea {
padding-bottom: 35px;
}
#divBrowseCatalogueContent {
float: left;
width: 60%;
padding: 0 30px 50px 30px
}
#cataloguePages {
margin-left: auto;
margin-right: auto;
}
.divBrowseCatalogue {
height: 30px;
float: left;
width: 50%;
padding-top: 30px;
}
#divCataloguePage {
border-bottom: 2px solid #333;
margin-top: 15px;
}
/*End of Catalouge*/
/*Error Pages */
DIV.errorPage {
height: 300px
}
.errorPage DIV.divPageContentArea {
padding: 50px 20%
}
#pnlLoginError {
font-size: 11px;
}
/* Privacy Policy CSS */
#divPrivacyHeader {
border-bottom: 2px solid #333;
padding-top: 30px;
padding-bottom: 10px;
}
.divCustServiceNowrap {
white-space: nowrap;
}
/*End of Privacy Policy CSS */
/*START ATD */
/* TYPOGRAPHY */
.atd-t0 {
font-size: 23px;
line-height: 26px;
font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B';
font-weight: 300;
font-style: normal;
text-transform: uppercase;
}
.atd-t1 {
font-size: 26px;
line-height: 28px;
font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B';
font-weight: 300;
font-style: normal;
text-transform: uppercase;
padding: 1%
}
.atd-t2 {
font-size: 26px;
line-height: 30px;
font-family: 'Sterling Display 3i', 'Sterling Display A', 'Sterling Display B';
font-weight: 300;
font-style: italic;
text-transform: none;
}
.atd-t3, .atd-demands {
font-size: 26px;
line-height: 40px;
font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B';
font-weight: 300;
font-style: italic;
text-transform: none;
}
.atd-t4 {
font-size: 12px;
line-height: 18px;
font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', serif;
font-weight: 300;
font-style: normal;
text-transform: uppercase;
}
.atd-t6 {
font-size: 14px;
line-height: 16px;
font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', serif;
font-weight: 300;
font-style: normal;
text-transform: none;
}
/* END TYPOGRAPHY */
/* ALIGNMENT ADJUSTMENTS */
.atd-top {
padding: 2% !important;
}
.atd-topleft-twothirds {
padding-top: 2% !important;
padding-right: 25% !important;
margin-left: -40px;
}
.atd-topright {
padding-top: 2% !important;
padding-left: 40% !important;
}
.atd-Vcenter {
padding-top: 25% !important;
}
.atd-Vcenter-large-block {
padding-top: 10% !important;
}
.atd-center-half {
padding-left: 25% !important;
padding-right: 25% !important;
}
.atd-bottom {
padding-top: 85% !important;
}
.atd-4cs-header {
padding: 5% 3% 0 62% !important;
}
.atd-text {
padding-left: 10% !important;
padding-right: 10% !important;
}
.atd-padding {
padding: 10% 5% 1% 5%;
}
.atd-large-text-block {
padding: 1%;
line-height: 140%;
}
.atd-text2 {
padding: 5%;
font-size: 18px;
line-height: 22px;
font-family: 'Sterling SSm 3i', 'Sterling SSm A', 'Sterling SSm B';
font-weight: 300;
}
.atd-img {
padding: 5% 1% 0 1%;
}
.atd-hr1 {
margin-top: 1%;
}
.atd-text2 {
font-size: 14px;
line-height: 18px;
}
/* END ALIGNMENT ADJUSTMENTS */
/* 1023 AND BELOW ADJUSTMENTS */
.viewport-small .atd-imgshrink {
max-width: 75% !important;
height: auto;
margin-bottom: -10px;
}
.viewport-small .atd-padding {
padding: 2px 5px 2px 5px;
}
.viewport-small .atd-text {
padding-left: 5% !important;
padding-right: 5% !important;
}
.viewport-small .atd-t1 {
font-size: 24px;
line-height: 26px;
padding: 1%;
}
.viewport-small .atd-t2 {
font-size: 24px;
line-height: 26px;
}
.viewport-small .atd-t3 {
font-size: 14px;
line-height: 16px;
font-style: normal;
}
.viewport-small .atd-t0 {
font-size: 15px;
line-height: 17px;
}
.viewport-small .atd-t5 {
font-size: 11px;
line-height: 11px;
}
.viewport-small .atd-large-text-block, .viewport-small .atd-medium-text-block, .viewport-small .atd-text2 {
font-size: 11px;
line-height: 120%;
padding: 0;
margin: -3px 0 -2px 0;
}
.viewport-small .atd-l6 {
font-size: 8px;
line-height: 9px;
}
.viewport-small .atd-img {
padding: 2px;
}
.viewport-small .atd-top {
margin-top: -20% !important;
}
.viewport-small .atd-topleft {
padding-top: 1% !important;
padding-right: 10% !important;
margin-left: -50px;
}
.viewport-small .atd-topright {
padding-top: 1% !important;
padding-left: 10% !important;
}
.viewport-small .atd-Vcenter {
padding: 5% !important;
}
.viewport-small .atd-Vcenter-large-block {
padding-top: 2% !important;
}
.viewport-small .atd-demands {
line-height: 24px;
}
/*END 1023 AND BELOW ADJUSTMENTS */
.atd-demands {
padding: 5%;
line-height: 60px;
}
.white, .white a {
color: #fff;
}
hr.white {
background-color: #fff;
}
.nav {
line-height: 1.75em;
padding: 2em 0 1em 0;
}
.atd-ethical-header {
padding-left: 60% !important;
}
.disclaimer {
font-size: .75em;
font-style: italic;
padding: 60% 0 0 50% !important;
}
.overlay_title {
padding: 0 0 1% 0;
}
.expert_number {
padding-left: 5%;
}
/* Start Glossary */
.definition {
display: none;
padding: 0 1% 1% 5%;
margin-left: 5%;
}
.definition img {
display: block;
margin-left: auto;
margin-right: auto
}
#left-col {
padding-top: 2%;
width: 58%;
border-right: 1px solid #000;
float: left;
padding-right: 2%;
}
#right-col {
width: 37%;
float: left;
text-align: center;
padding: 2% 1%;
}
.terms-column {
list-style-type: none;
margin-bottom: 20px;
}
.terms-column li {
padding-bottom: 8px;
}
#glossary #left-col span.l4 {
margin-bottom: 8px;
display: inline-block;
}
div.clear {
clear: both;
}
.glossary-title {
font-weight: bold;
font-size: 14px;
line-height: 25px;
text-transform: none;
}
.glossary-text {
font-size: 12px;
line-height: 25px;
text-transform: uppercase;
}
.definition-title {
font-size: 18px;
}
#glossary .definition-text {
font-size: 12px;
line-height: 18px;
}
#glossary .t5 {
padding-bottom: 10px;
}
.caption {
font-size: 11px !important;
line-height: 18px !important;
padding: 0px 10px 20px 10px;
margin: 0;
}
#noteLink {
font-size: 11px;
font-style: italic;
float: right;
padding-top: 10%;
}
.ko-KR #noteLink {
font-style: normal !important;
}
/* end Glossary */
/* End ATD */
/* Start WMLT - The Latest */
#related hr.wider {
width: 80%;
}
/* Start WOT */
.title-bar {
position: relative;
text-align: center;
padding: 15px;
border-bottom: 1px solid #333;
}
.title-bar .backlink {
top: 0;
}
a#wotAdditionImages_wotAdditionImage_TopLeft_linkCell:hover, a#wotAdditionImages_wotAdditionImage_TopRight_linkCell:hover, a#wotAdditionImages_wotAdditionImage_BottomLeft_linkCell:hover, a#wotAdditionImages_wotAdditionImage_BottomRight_linkCell:hover {
color: #c0ece8 !important
}
/* End WOT */
/* Mobile shopping bag */
/*#shoppingbag.mobile { font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif; font-size:13px;line-height:140%; color:#222; }
#shoppingbag.mobile input.btn { font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif !important; font-size: 11px; }
#shoppingbag.mobile #wrapper { min-width: 0; padding: 0 10px; }
#shoppingbag.mobile #header { padding-top: 0; }
#shoppingbag.mobile .backToLink { font-style: normal; font-size: 9px; line-height: 9px; text-transform: uppercase; }
#shoppingbag.mobile #divGenPage .divPageContentArea { min-width: 0; }
#shoppingbag.mobile #divGenPage .divPageContentArea .hdrActionPanel { border: none; }
#shoppingbag.mobile #divPageTitle #divPageTitle_divPCA_1of2 { width: auto; padding-top: 10px; }
#shoppingbag.mobile #divPageTitle #divPageTitle_divPCA_2of2 { display: none; }
#shoppingbag.mobile #divPageTitle #divemailprint { display: none; }
#shoppingbag.mobile #divPageContent { margin-bottom: 0; min-height: 0; }
#shoppingbag.mobile #rightSide { float: none; width: 100%; padding-right: 0; margin-top: 0; }
#shoppingbag.mobile #leftSide { float: none; width: 100%; margin-right: 0; }
#shoppingbag.mobile #leftSide .tdMainBasket { width: auto; min-width: 0;}
#shoppingbag.mobile #leftSide .imgDiv { float: none; width: auto; }
#shoppingbag.mobile #leftSide .basketItemWrapper { min-width: 0; border-bottom: none; }
#shoppingbag.mobile #leftSide .basketItemWrapper img.skuImage { display: block; float: none; margin: 0 auto; }
#shoppingbag.mobile #leftSide .basketOptions { float: none; padding-left: 0; min-width: 0; width:100%; }
#shoppingbag.mobile #leftSide .sbNumItems { padding-left: 0; font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif; font-size:9px; line-height: 12px; color:#000; text-transform: uppercase; font-weight: normal; }
#shoppingbag.mobile #leftSide .itemPrice { margin-right: 0; }
#shoppingbag.mobile .hdrPanel { padding: 0; display: none; }
#shoppingbag.mobile footer { display: none; }
#shoppingbag.mobile #holiday_banner, #shoppingbag.mobile #ctlHeader_ctlBanner_holiday_banner { font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Helvetica, Arial, sans-serif, 'Bitstream Vera Sans'; font-style: normal; font-size: 11px; line-height: 14px; text-align: left; padding: 0; height: auto; }
#shoppingbag.mobile .allLinksFooter .l2 { font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif; }
#shoppingbag.mobile .mainBasketItemsPanel { min-height: 0; }
#shoppingbag.mobile #leftSide .itemInfo { width: 70% !important; font-size: 11px; line-height: 14px; }
#shoppingbag.mobile #leftSide .itemPrice { padding-top: 20px !important; font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif; font-size:11px; line-height: 14px; font-weight: normal; }
#shoppingbag.mobile #saveAndDelete span { display: none; }
#shoppingbag.mobile #divPageTitle { border:none; }
#shoppingbag.mobile .divCustomerServiceNumber { font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif; font-size:13px; line-height: 15px; font-style: normal; }
#shoppingbag.mobile .divCustomerServiceNumber br { display: none; }
#shoppingbag.mobile .divCustomerServiceNumber a { margin-left: 0.5em; }
#shoppingbag.mobile #divPrice { display: none;}
#shoppingbag.mobile #quanityDiv .l6, #shoppingbag.mobile #quanityDiv input { font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif !important; font-size: 9px; letter-spacing: 0; }
#shoppingbag.mobile #quanityDiv input { font-size: 14px; }
#shoppingbag.mobile #saveAndDelete .removeItem { font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif; font-size:9px; line-height: 14px; letter-spacing: 0; }
#shoppingbag.mobile #saveAndDelete .saveForLater { display: none; }
#shoppingbag.mobile #divTotal .l4 { font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif; font-size:11px; line-height: 14px; }
#shoppingbag.mobile #divTotal .basketSubTotal #totalAmount { margin-right: 0; }
#shoppingbag.mobile #divTotal .basketSubTotal .inputlbl { margin-left: 43.5% }
#shoppingbag.mobile .tdMainBasket #divTotal { margin-right: 0; }
#shoppingbag.mobile #purchaseBTN2 { float: right; text-align: right; padding-bottom: 15px; }
#shoppingbag.mobile #purchaseBTN2 input { margin-top: -2px; }*/
/* ipad portrait test */
/*.test-t0 { font-size: 36px; line-height: 42px; letter-spacing: 0.05em; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B'; font-weight: 300; font-style: normal; text-transform: uppercase; }
.test-t1 { font-size: 30px; line-height: 34px; letter-spacing: 0em; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B'; font-weight: 300; font-style: normal; text-transform: none; }
.test-t2 { font-size: 30px; line-height: 34px; letter-spacing: 0.01em; font-family: 'Sterling Display 3i', 'Sterling Display A', 'Sterling Display B'; font-weight: 300; font-style: italic; text-transform: none; }
.test-t3 { font-size: 28px; line-height: 48px; letter-spacing: 0.01em; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B'; font-weight: 300; font-style: italic; text-transform: none; }
.test-t4 { font-size: 25px; line-height: 27px; letter-spacing: 0.05em; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B'; font-weight: 300; font-style: normal; text-transform: uppercase; }
.test-t5 { font-size: 18px; line-height: 25px; letter-spacing: 0.01em; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 300; font-style: normal; text-transform: none; }
.viewport-small .test-padding { padding:5px; }
.viewport-small .test-text { padding-left: 5% !important; padding-right: 5% !important; }
.viewport-small .test-text2 {padding: 5%; font-size: 12px; line-height: 13px; letter-spacing: 0.05em; font-family: 'Sterling SSm 3i', 'Sterling SSm A', 'Sterling SSm B'; font-weight: 300;}
.viewport-small .test-t2 { font-size: 24px; line-height: 26px; }
.viewport-small .test-t3 { font-size: 18px; line-height: 20px; font-style: normal;}
.viewport-small .test-t0 { font-size: 18px; line-height: 20px;}
.viewport-small .test-t5 { font-size: 11px; line-height: 15px; }
.viewport-small .test-l6 { font-size: 8px; line-height: 9px; }
.viewport-small .test-img { padding: 40px 10px 10px 10px; }*/
/*END ipad portrait test */
/* rollbar css */
.rollbar-content {
width: 100%;
}
.rollbar-path-vertical, .rollbar-path-horizontal {
position: absolute;
background-color: #f3f2f1;
z-index: 100;
}
.rollbar-path-horizontal {
bottom: 5px;
left: 0;
width: 100%;
height: 10px;
}
.rollbar-path-vertical {
right: 5px;
top: 0;
height: 100%;
width: 10px;
border: 0 !important;
}
.modal-popup .rollbar-path-vertical {
right: 0;
}
.rollbar-handle {
position: relative;
top: 0;
left: 0;
background-color: #dddad6;
border: 0 !important;
}
.rollbar-path-vertical .rollbar-handle {
height: 20%;
width: 100%;
}
.rollbar-path-horizontal .rollbar-handle {
width: 20%;
height: 100%;
}
/* end rollbar css */
/*Catalog Request CSS */
#catalogrequest .emailCSInput {
width: 100%;
}
#catalogrequest label {
text-transform: uppercase;
font-size: 11px;
float: left;
font-weight: normal;
}
#catalogrequest input[type='text'] {
background-color: #fff;
border: 1px solid #808080;
padding: 10px;
}
#catalogrequest .inputText {
padding-left: 25px;
}
#catalogrequest .tdErrorMessage {
color: red
}
#catalogrequest .divInstructionalMessage {
width: 60%
}
#catalogrequest .divPCA_1of2 {
float: left;
}
#catalogrequest .divErrorMessageIndicator {
padding-bottom: 10px;
}
#catalogrequest .inputBox {
width: 50%
}
#catalogrequest td {
padding-bottom: 15px;
}
#catalogrequest .tblBasic {
width: 100%
}
#catalogrequest .tdOptionalPad {
padding-left: 25px;
}
#catalogrequest .divPCA_1of2 {
width: 50%
}
#catalogrequest .zipCode {
width: 40%
}
/*end of Catalog Request*/
/* External Site Warning */
.site-warning {
border-style: solid;
border-width: 1px;
border-color: #999999;
padding: 100px 50px 50px 30px;
margin: 0 auto;
margin-top: 30px;
width: 670px;
height: 400px;
}
/* End External site Warning */
/* Site Index */
.index-col1 {
width: 15.8%;
*width: 15.8%;
}
.index-columnTitle {
padding: 0 0 1% 0;
}
.index-columns {
padding: 0 1% 2% 1%;
}
.hideTitle h2 {
line-height: 0%;
visibility: hidden;
}
.index-ul {
line-height: 14px;
list-style: none;
padding-bottom: 5%;
}
.index-international-ul div {
text-transform: lowercase
}
.index-ul li {
padding-bottom: 10px
}
#siteIndex ul {
line-height: 14px;
list-style: none;
padding-bottom: 5%;
}
#siteIndex li {
padding-bottom: 10px;
}
#siteIndex hr {
margin: 30px auto 12px 0;
}
/* End Site Index */
/* Email Customer Service Overlay */
#emailCustomerSupport td.inputBox {
width: 100%
}
#emailCustomerSupport td.tdErrorMessage {
padding-top: 5px;
color: #e31f26;
font-size: 12px;
}
#emailCustomerSupport table {
width: 100%;
}
.ie-7 #emailCustomerSupport table, .ie-8 #emailCustomerSupport table {
width: 100%;
}
.ie-7 #emailCustomerSupport textarea {
width: 95%;
}
.ie-7 #emailCustomerSupport textarea, .ie-7 #emailCustomerSupport input, .ie-8 #emailCustomerSupport textarea, .ie-8 #emailCustomerSupport input {
overflow: visible;
}
.ie-7 #emailCustomerSupport td textarea, .ie-8 #emailCustomerSupport td textarea {
width: 95%;
padding: 10px;
}
.ie-7 #emailCustomerSupport input, .ie-8 #emailCustomerSupport input {
display: inline-block;
width: 95%;
padding: 10px;
margin-bottom: 10px;
}
.ie-7 #emailCustomerSupport .radioQuestion1 input, .ie-8 #emailCustomerSupport .radioQuestion1 input {
width: auto;
}
.ie-7 #emailCustomerSupport input.btn, .ie-8 #emailCustomerSupport input.btn {
width: auto;
margin-bottom: 0;
}
.ie-7 footer h4 {
font-size: 10px;
}
#emailCustomerSupport label {
padding-top: 5px;
}
#emailCustomerSupport .lblTxt[for="txtLbl_Title"] {
margin-bottom: 20px;
display: inline-block;
}
#emailCustomerSupport #spanFooterButton {
width: auto;
}
#emailCustomerSupport .threeNumbers {
width: 15%;
}
#emailCustomerSupport .fourNumbers {
width: 22%;
}
#emailCustomerSupport .emailCSPageContent {
padding-top: 25px;
}
#emailCustomerSupport span {
margin-top: 0px;
font-weight: 300;
}
#emailCustomerSupport #emailCSTitle span {
margin-top: 0px;
font-size: 10px;
text-transform: uppercase;
}
#emailCustomerSupport .emailSubmitOrCancel {
padding-top: 15px;
}
#emailCustomerSupport div.choice {
margin-left: 0;
padding-left: 0;
}
/* End Email Customer Service Overlay */
.emailpageErrors {
padding-bottom: 10px
}
/*Store Location rollbar*/
#mapHolder .rollbar {
width: 26%;
float: left;
max-height: 700px;
}
#mapHolder #directionsPanel .rollbar {
width: 100%;
max-height: 425px;
}
#mapHolder #windowContentsContainer .rollbar {
width: 100%;
max-height: 185px;
}
/*Store Location rollbar end*/
body.es-MX #nav .bag, body.Intl #nav .bag, body.ko-KR #nav .bag, body.pt-BR #nav .bag, body.ru-RU #nav .bag, body.zh-CN #nav .bag, body.zh-Hant #nav .bag {
right: 0px;
}
/* Japan */
/*body.ja-JP, body.ja-JP-EStr, body.ja-JP-Trade {font-size: 11px;}
body.ja-JP .l20, body.ja-JP-EStr .l20, body.ja-JP-Trade .l20 {font-size: 9px; font-style:normal;}
body.ja-JP #nav .bag, body.ja-JP-EStr #nav .bag, body.ja-JP-Trade #nav .bag {right: -2px; }
body.ja-JP textarea, body.ja-JP-EStr textarea, body.ja-JP-Trade textarea { font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B',"Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","MS PMincho", "MS PMing",serif; }
body.ja-JP ol, body.ja-JP-EStr ol, body.ja-JP-Trade ol {font-size:11px; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B',"Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","MS PMincho", "MS PMing",serif; }
body.ja-JP input.placeholder, body.ja-JP-EStr input.placeholder, body.ja-JP-Trade input.placeholder { font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","MS PMincho", "MS PMing",serif !important;}
body.ja-JP input, body.ja-JP-EStr input, body.ja-JP-Trade input { font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","MS PMincho", "MS PMing",serif !important; }
body.ja-JP small, body.ja-JP-EStr small, body.ja-JP-Trade small{font-size:11px; }
body.ja-JP #noteLink, body.ja-JP-EStr #noteLink, body.ja-JP-Trade #noteLink {font-style:normal; }
body#atd.ja-JP .t17 {font-size: 18px; }
body#atd.ja-JP .t2 {font-size: 27px; line-height: 31px; font-style:italic; }
body#atd.ja-JP .t16 {font-size: 35px; line-height: 37px; }
body.ja-JP #nav .l20, body.ja-JP-EStr #nav .l20, body.ja-JP-Trade #nav .l20 {font-style:normal; }
body.ja-JP #extras-story .t19, body.ja-JP-Trade #extras-story .t19 {font-size: 12px; font-style:normal; }
body.ja-JP #ctlHeader_ctlSearch_divStoreLinks a, body.ja-JP-Trade #ctlHeader_ctlSearch_divStoreLinks a {font-size:11px; }*/
/*Japanese shared styles with Ecomm/Estr/Trade */
/*body.ja-JP .t1, body.ja-JP-EStr .t1, body.ja-JP-Trade .t1 { font-size: 22px; line-height: 32px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B',"Hiragino Mincho ProN", "osaka", "ヒラギノ明朝 Pro W3","MS PMincho", "MS PMing",seriff; font-weight: 300; font-style: normal; text-transform: none; }
body.ja-JP .t2, body.ja-JP-EStr .t2, body.ja-JP-Trade .t2 { font-size: 22px; line-height: 26px; letter-spacing: 0; font-family: 'Sterling Display 3i', 'Sterling Display A', 'Sterling Display B',"Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","MS PMincho", "MS PMing",serif; font-weight: 300; font-style: normal; text-transform: none; }
body.ja-JP .t3, body.ja-JP-EStr .t3, body.ja-JP-Trade .t3 { font-size: 18px; line-height: 22px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B',"Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","MS PMincho", "MS PMing",serif; font-weight: 300; font-style: normal; text-transform: none; }
body.ja-JP .t4, body.ja-JP-EStr .t4, body.ja-JP-Trade .t4 { font-size: 25px; line-height: 27px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B',"Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","MS PMincho", "MS PMing",serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.ja-JP .t40, body.ja-JP-EStr .t40, body.ja-JP-Trade .t40 { font-size: 22px; line-height: 25px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B',"Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","MS PMincho", "MS PMing",serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.ja-JP .t41, body.ja-JP-EStr .t41, body.ja-JP-Trade .t41 { font-size: 23px; line-height: 25px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B',"Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","MS PMincho", "MS PMing",serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.ja-JP .t5, body.ja-JP-EStr .t5, body.ja-JP-Trade .t5 { font-size: 18px; line-height: 24px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B',"Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","MS PMincho", "MS PMing",serif; font-weight: 300; font-style: normal; text-transform: none; }
body.ja-JP .t50, body.ja-JP-EStr .t50, body.ja-JP-Trade .t50 { font-size: 14px; line-height: 20px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B',"Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","MS PMincho", "MS PMing",serif; font-weight: 300; font-style: normal; text-transform: none; }
body.ja-JP .t6, body.ja-JP-EStr .t6, body.ja-JP-Trade .t6 { font-size: 17px; line-height: 17px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B',"Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","MS PMincho", "MS PMing",serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.ja-JP .t7, body.ja-JP-EStr .t7, body.ja-JP-Trade .t7 { font-size: 17px; line-height: 24px; letter-spacing: 0; font-family: 'Sterling SSm 3i', 'Sterling SSm A', 'Sterling SSm B',"Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","MS PMincho", "MS PMing",serif; font-weight: 300; font-style: italic; text-transform: none; }
body.ja-JP .t8, body.ja-JP-EStr .t8, body.ja-JP-Trade .t8 { font-size: 12px; line-height: 20px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B',"Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","MS PMincho", "MS PMing",serif; font-weight: 300; font-style: normal; text-transform: none; }
body.ja-JP .t80, body.ja-JP-EStr .t80, body.ja-JP-Trade .t80 { font-size: 12px; line-height: 20px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B',"Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","MS PMincho", "MS PMing",serif; font-weight: 300; font-style: normal; text-transform: none; }
body.ja-JP .t9, body.ja-JP-EStr .t9, body.ja-JP-Trade .t9 { font-size: 12px; letter-spacing:.1em; line-height: 12px; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B',"Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","MS PMincho", "MS PMing",serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.ja-JP .t10, body.ja-JP-EStr .t10, body.ja-JP-Trade .t10 { font-size: 17px; line-height: 25px; letter-spacing: 0; font-family: 'Sterling SSm 7i', 'Sterling SSm A', 'Sterling SSm B',"Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","MS PMincho", "MS PMing",serif; font-weight: 700; font-style: italic; text-transform: none; }
body.ja-JP .t11, body.ja-JP-EStr .t11, body.ja-JP-Trade .t11 { font-size: 17px; line-height: 17px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B',"Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","MS PMincho", "MS PMing",serif; font-weight: 300; font-style: normal; text-transform: uppercase; color: #666; }
body.ja-JP .t12, body.ja-JP-EStr .t12, body.ja-JP-Trade .t12 { font-size: 12px; line-height: 16px; letter-spacing: 0px; font-family: 'Sterling Display 3i', 'Sterling Display A', 'Sterling Display B',"Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","MS PMincho", "MS PMing",serif; font-weight: 300; font-style: normal; text-transform: none; }
body.ja-JP .t13, body.ja-JP-EStr .t13, body.ja-JP-Trade .t13 { font-size: 24px; line-height: 28px; letter-spacing: 0; font-family: 'Sterling Display 3i', 'Sterling Display A', 'Sterling Display B',"Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","MS PMincho", "MS PMing",serif; font-weight: 300; font-style: italic; text-transform: uppercase; }
body.ja-JP .t14, body.ja-JP-EStr .t14, body.ja-JP-Trade .t14 { font-size: 61px; line-height: 64px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B',"Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","MS PMincho", "MS PMing",serif; font-weight: 300; font-style: normal; text-transform: none; }
body.ja-JP .t15, body.ja-JP-EStr .t15, body.ja-JP-Trade .t15 { font-size: 61px; line-height: 64px; letter-spacing: 0; font-family: 'Sterling Display 3i', 'Sterling Display A', 'Sterling Display B',"Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","MS PMincho", "MS PMing",serif; font-weight: 300; font-style: italic; text-transform: none; }
body.ja-JP .t16, body.ja-JP-EStr .t16, body.ja-JP-Trade .t16 { font-size: 28px; line-height: 37px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B',"Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","MS PMincho", "MS PMing",serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.ja-JP .t17, body.ja-JP-EStr .t17, body.ja-JP-Trade .t17 { font-size: 17px; line-height: 22px; letter-spacing: 0; font-family: 'Sterling Display 3i', 'Sterling Display A', 'Sterling Display B',"Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","MS PMincho", "MS PMing",serif; font-weight: 300; font-style: normal; text-transform: none; }
body.ja-JP .t18, body.ja-JP-EStr .t18, body.ja-JP-Trade .t18 { font-size: 15px; line-height: 22px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B',"Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","MS PMincho", "MS PMing",serif; font-weight: 300; font-style: normal; text-transform: none; }
body.ja-JP .t19, body.ja-JP-EStr .t19, body.ja-JP-Trade .t19 { font-size: 61px; line-height: 64px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B',"Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","MS PMincho", "MS PMing",serif; font-weight: 300; font-style: italic; text-transform: uppercase; }
body.ja-JP .t20, body.ja-JP-EStr .t20, body.ja-JP-Trade .t20 { font-size: 14px; line-height: 18px; letter-spacing: 0; font-family: 'Sterling SSm 7r', 'Sterling SSm A', 'Sterling SSm B',"Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","MS PMincho", "MS PMing",serif; font-weight: 700; font-style: normal; text-transform: uppercase; }
body.ja-JP .t21, body.ja-JP-EStr .t21, body.ja-JP-Trade .t21 { font-size: 120px; line-height: 120px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B',"Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","MS PMincho", "MS PMing",serif; font-weight: 300; font-style: italic; text-transform: uppercase; }
body.ja-JP .t23, body.ja-JP-EStr .t23, body.ja-JP-Trade .t23 { font-family: 'Sterling Display 3i', 'Sterling Display A', 'Sterling Display B',"Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","MS PMincho", "MS PMing",serif; font-style:normal;}
body.ja-JP .t24, body.ja-JP .t25, body.ja-JP-EStr .t24, body.ja-JP-Trade .t24, body.ja-JP-EStr .t25, body.ja-JP-Trade .t25 { font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B',"Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","MS PMincho",serif;}
body.ja-JP .l1, body.ja-JP-EStr .l1, body.ja-JP-Trade .l1 { font-size: 11px; line-height: 11px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B',"Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","MS PMincho", "MS PMing",serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.ja-JP .l2, body.ja-JP .faq-overlay .l2, body.ja-JP-EStr .l2, body.ja-JP-EStr .faq-overlay .l2, body.ja-JP-Trade .l2, body.ja-JP-Trade .faq-overlay .l2 { font-size: 11px; letter-spacing:0em; font-family: 'Sterling SSm 3i', 'Sterling SSm A', 'Sterling SSm B',"Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","MS PMincho", "MS PMing",serif; font-weight: 300; font-style: normal; text-transform: none; color: #666; }
body.ja-JP .l20, body.ja-JP-EStr .l20, body.ja-JP-Trade .l20 { font-size: 11px; letter-spacing:0em; line-height: 16px; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B',"Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","MS PMincho", "MS PMing",serif; font-weight: 300; font-style: normal; text-transform: none; color: #666; }
body.ja-JP .l3, body.ja-JP-EStr .l3, body.ja-JP-Trade .l3 { font-size: 12px; line-height: 16px; letter-spacing: 0; font-family: 'Sterling SSm 3i', 'Sterling SSm A', 'Sterling SSm B',"Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","MS PMincho", "MS PMing",serif; font-weight: 300; font-style: normal; text-transform: none; }
body.ja-JP .l30, body.ja-JP-EStr .l30, body.ja-JP-Trade .l30 { font-size: 11px; line-height: 13px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B',"Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","MS PMincho", "MS PMing",serif; font-weight: 300; font-style: normal; text-transform: none; }
body.ja-JP .l31, body.ja-JP-EStr .l31, body.ja-JP-Trade .l31 { font-size: 13px; line-height: 16px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B',"Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","MS PMincho", "MS PMing",serif; font-weight: 300; font-style: normal; text-transform: none; }
body.ja-JP .l4, body.ja-JP-EStr .l4, body.ja-JP-Trade .l4 { font-size: 11px; line-height: 13px; letter-spacing: 0; font-family: 'Sterling SSm 7r', 'Sterling SSm A', 'Sterling SSm B',"Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","MS PMincho", "MS PMing",serif; font-weight: 700; font-style: normal; text-transform: none; }
body.ja-JP .l5, body.ja-JP-EStr .l5, body.ja-JP-Trade .l5 { font-size: 11px; line-height: 24px; letter-spacing: 0; font-family: 'Sterling SSm 3i', 'Sterling SSm A', 'Sterling SSm B',"Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","MS PMincho", "MS PMing",serif; font-weight: 300; font-style: normal; text-transform: none; color: #666; }
body.ja-JP .l6, body.ja-JP-EStr .l6, body.ja-JP-Trade .l6 { font-size: 10px; letter-spacing:.1em; line-height: 13px; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B',"Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","MS PMincho", "MS PMing",serif; font-weight: 400; font-style: normal; text-transform: uppercase; }
body.ja-JP .l7, body.ja-JP-EStr .l7, body.ja-JP-Trade .l7 { font-size: 10px; line-height: 13px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B',"Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","MS PMincho", "MS PMing",serif; font-weight: 300; font-style: normal; text-transform: none; }
body.ja-JP .l8, body.ja-JP-EStr .l8, body.ja-JP-Trade .l8 { font-size: 14px; line-height: 20px; letter-spacing: 0; font-family: 'Sterling SSm 3i', 'Sterling SSm A', 'Sterling SSm B',"Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","MS PMincho", "MS PMing",serif; font-weight: 300; font-style: normal; text-transform: none; color: #666; }
body.ja-JP .l9, body.ja-JP-EStr .l9, body.ja-JP-Trade .l9 { font-size: 13px; line-height: 19px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B',"Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","MS PMincho", "MS PMing",serif; font-weight: 300; font-style: normal; text-transform: none; }
body.ja-JP .flydown-item h2, body.ja-JP-EStr .flydown-item h2, body.ja-JP-Trade .flydown-item h2 { font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B',"Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","MS PMincho", "MS PMing",serif;}
body.ja-JP #nav .l20, body.ja-JP-EStr #nav .l20 , body.ja-JP-Trade #nav .l20 {font-size:10px; letter-spacing:-.1em}
body.ja-JP.ie-7 .t17, body.ja-JP.ie-8 .t17 { font-size: 20px; line-height: 22px; }*/
/*Bluebook */
/*body.ja-JP #statementItemContainer .t4, body.ja-JP-Trade #statementItemContainer .t4, body.ja-JP #statement-details .t4, body.ja-JP-Trade #statement-details .t4 {font-size:22px; }*/
/*Engagement */
/*body.ja-JP .txtPriceDisclaimer {float:right; font-size:9px; font-weight:normal; }*/
/*WOT*/
/*body.ja-JP .rollover-combo h2.t4, body.ja-JP-Trade .rollover-combo h2.t4 {font-size:18px; }
body.ja-JP .article-snippet h2, body.ja-JP-Trade .article-snippet h2 { font-size: 16px; }
body.ja-JP .article-snippet h2 br, body.ja-JP-Trade .article-snippet h2 br { display: none; }*/
/*Legacy Overides */
/*body.ja-JP .catalogueLinks a, body.ja-JP-EStr .catalogueLinks a {font-style:normal; }
body.ja-JP .storeList, body.ja-JP .backToLink, body.ja-JP #rightSide #custServNum, body.ja-JP .blueBulletList a, body.ja-JP-EStr .storeList, body.ja-JP-EStr .backToLink, body.ja-JP-EStr #rightSide #custServNum, body.ja-JP-EStr .blueBulletList a {font-style:normal; }
body.ja-JP #pptextcontainer h3.l1, body.ja-JP-EStr #pptextcontainer h3.l1 {line-height:normal; }
body.ja-JP .divStoreListing a, body.ja-JP-EStr .divStoreListing a {font-style:normal; }
body.ja-JP.policies ul li, body.ja-JP-EStr.policies ul li {padding-bottom:0px; }
body.macos #saved .l1 { font-size: 10px; }*/
/* Traditional Chinese */
/*body.zh-Hant { font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', "PMingLiU", "Apple LiSung Light",serif !important; font-size: 13px;}
body.zh-Hant textarea { font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', "PMingLiU", "Apple LiSung Light",serif !important; }
body.zh-Hant .btn, body.zh-Hant input.btn { font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', 'PMingLiU', 'Apple LiSung Light',serif !important; }
body.zh-Hant input.placeholder { font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', 'PMingLiU', 'Apple LiSung Light',serif !important; font-style:normal; }
body.zh-Hant input { font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', 'PMingLiU', 'Apple LiSung Light',serif !important; }
body.zh-Hant #nav .l2 {font-style:normal}
body.zh-Hant .t1 { font-size: 30px; line-height: 34px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B','PMingLiU', 'Apple LiSung Light',serif; font-weight: 300; font-style: normal; text-transform: none; }
body.zh-Hant .t2 { font-size: 30px; line-height: 34px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B','PMingLiU', 'Apple LiSung Light',serif; font-weight: 300; font-style: normal; text-transform: none; }
body.zh-Hant .t3 { font-size: 24px; line-height: 28px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B','PMingLiU', 'Apple LiSung Light',serif; font-weight: 300; font-style: normal; text-transform: none; }
body.zh-Hant .t4 { font-size: 25px; line-height: 27px; letter-spacing:.1em; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B','PMingLiU', 'Apple LiSung Light',serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.zh-Hant .t40 { font-size: 25px; line-height: 27px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B','PMingLiU', 'Apple LiSung Light',serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.zh-Hant .t41 { font-size: 23px; line-height: 25px; letter-spacing:.1em; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B','PMingLiU', 'Apple LiSung Light',serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.zh-Hant .t5 { font-size: 21px; line-height: 21px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B','PMingLiU', 'Apple LiSung Light',serif; font-weight: 300; font-style: normal; text-transform: none; }
body.zh-Hant .t50 { font-size: 21px; line-height: 30px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B','PMingLiU', 'Apple LiSung Light',serif; font-weight: 300; font-style: normal; text-transform: none; }
body.zh-Hant .t6 { font-size: 17px; line-height: 17px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B','PMingLiU', 'Apple LiSung Light',serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.zh-Hant .t7 { font-size: 17px; line-height: 24px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B','PMingLiU', 'Apple LiSung Light',serif; font-weight: 300; font-style: normal; text-transform: none; }
body.zh-Hant .t8 { font-size: 14px; line-height: 22px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B','PMingLiU', 'Apple LiSung Light',serif; font-weight: 300; font-style: normal; text-transform: none; }
body.zh-Hant .t80 { font-size: 14px; line-height: 20px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B','PMingLiU', 'Apple LiSung Light',serif; font-weight: 300; font-style: normal; text-transform: none; }
body.zh-Hant .t9 { font-size: 12px; letter-spacing:.1em; line-height: 12px; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B','PMingLiU', 'Apple LiSung Light',serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.zh-Hant .t10 { font-size: 17px; line-height: 25px; letter-spacing: 0; font-family: 'Sterling SSm 7r', 'Sterling SSm A', 'Sterling SSm B','PMingLiU', 'Apple LiSung Light',serif; font-weight: 700; font-style: normal; text-transform: none; }
body.zh-Hant .t11 { font-size: 17px; line-height: 17px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B','PMingLiU', 'Apple LiSung Light',serif; font-weight: 300; font-style: normal; text-transform: uppercase; color: #666; }
body.zh-Hant .t13 { font-size: 24px; line-height: 28px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B','PMingLiU', 'Apple LiSung Light',serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.zh-Hant .t14 { font-size: 51px; line-height: 64px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B','PMingLiU', 'Apple LiSung Light',serif; font-weight: 300; font-style: normal; text-transform: none; }
body.zh-Hant .t15 { font-size: 61px; line-height: 64px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B','PMingLiU', 'Apple LiSung Light',serif; font-weight: 300; font-style: normal; text-transform: none; }
body.zh-Hant .t16 { font-size: 35px; line-height: 37px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B','PMingLiU', 'Apple LiSung Light',serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.zh-Hant .t17 { font-size: 23px; line-height: 33px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B','PMingLiU', 'Apple LiSung Light',serif; font-weight: 300; font-style: normal; text-transform: none; }
body.zh-Hant .t18 { font-size: 15px; line-height: 19px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B','PMingLiU', 'Apple LiSung Light',serif; font-weight: 300; font-style: normal; text-transform: none; }
body.zh-Hant .t19 { font-size: 61px; line-height: 64px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B','PMingLiU', 'Apple LiSung Light',serif; font-weight: 300; font-style: italic; text-transform: uppercase; }
body.zh-Hant .t20 { font-size: 14px; line-height: 18px; letter-spacing: 0; font-family: 'Sterling SSm 7r', 'Sterling SSm A', 'Sterling SSm B','PMingLiU', 'Apple LiSung Light',serif; font-weight: 700; font-style: normal; text-transform: uppercase; }
body.zh-Hant .t21 { font-size: 120px; line-height: 120px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B','PMingLiU', 'Apple LiSung Light',serif; font-weight: 300; font-style: italic; text-transform: uppercase; }
body.zh-Hant .t25, body.zh-Hant .t24 { font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B','PMingLiU', 'Apple LiSung Light',serif; }
body.zh-Hant .t23{ font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B','PMingLiU', 'Apple LiSung Light',serif; font-style: normal;}
body.zh-Hant .l1 { font-size: 13px; line-height: 13px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B','PMingLiU', 'Apple LiSung Light',serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.zh-Hant .l2, body.zh-Hant .faq-overlay .l2 { font-size: 13px; letter-spacing:0em; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B','PMingLiU', 'Apple LiSung Light',serif; font-weight: 300; font-style: normal; text-transform: none; color: #666; }
body.zh-Hant .l20 { font-size: 13px; letter-spacing:0em; line-height: 18px; font-family: 'Sterling SSm 3i', 'Sterling SSm A', 'Sterling SSm B','PMingLiU', 'Apple LiSung Light',serif; font-weight: 300; font-style: normal; text-transform: none; color: #666; }
body.zh-Hant .l3 { font-size: 15px; line-height: 18px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B','PMingLiU', 'Apple LiSung Light',serif; font-weight: 300; font-style: normal; text-transform: none; }
body.zh-Hant .l30 { font-size: 13px; line-height: 15px; letter-spacing: 0; font-family: 'Sterling SSm 3i', 'Sterling SSm A', 'Sterling SSm B','PMingLiU', 'Apple LiSung Light',serif; font-weight: 300; font-style: normal; text-transform: none; }
body.zh-Hant .l31 { font-size: 15px; line-height: 18px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B','PMingLiU', 'Apple LiSung Light',serif; font-weight: 300; font-style: normal; text-transform: none; }
body.zh-Hant .l4 { font-size: 13px; line-height: 15px; letter-spacing: 0; font-family: 'Sterling SSm 7r', 'Sterling SSm A', 'Sterling SSm B','PMingLiU', 'Apple LiSung Light',serif; font-weight: 700; font-style: normal; text-transform: none; }
body.zh-Hant .l5 { font-size: 13px; line-height: 33px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B','PMingLiU', 'Apple LiSung Light',serif; font-weight: 300; font-style: normal; text-transform: none; color: #666; }
body.zh-Hant .l6 { font-size: 12px; letter-spacing:.1em; line-height: 16px; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B','PMingLiU', 'Apple LiSung Light',serif; font-weight: 400; font-style: normal; text-transform: uppercase; }
body.zh-Hant .l6 .share-menu {font-size: 10px; }
body.zh-Hant .l7 { font-size: 12px; line-height: 15px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B','PMingLiU', 'Apple LiSung Light',serif; font-weight: 300; font-style: normal; text-transform: none; }
body.zh-Hant .l8 { font-size: 16px; line-height: 22px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B','PMingLiU', 'Apple LiSung Light',serif; font-weight: 300; font-style: normal; text-transform: none; color: #666; }
body.zh-Hant .l9 { font-size: 13px; line-height: 19px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B','PMingLiU', 'Apple LiSung Light',serif; font-weight: 300; font-style: normal; text-transform: none; }
body.zh-Hant .flydown-item h2 { font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B','PMingLiU', 'Apple LiSung Light',serif;}*/
/* Localized Content, previously in respective local.css files. Prefix with locale such as .en-US #searchField { } */
/* de-AT */
.de-AT #nav .bag {
right: 0px
}
/* de-DE */
.de-DE #nav .bag {
right: 0px;
}
/* en-AU */
/* en-BE */
/* en-CA */
/* en-GB */
/* en-IE */
/* en-NL */
/* en-US */
body.en-US select.stateInput, body.en-US input.stateInput {
}
/* en-US-EStr */
/*body.en-US-EStr, body.en-US-EStr #header, body.en-US-EStr footer {
background: #eeeeee;
}*/
body.en-US-EStr#engraving {
background: #FFF
}
body.en-US-EStr select.stateInput, body.en-US-EStr input.stateInput {
border: 1px solid #808080;
}
/* en-US-PKB */
body.en-US-PKB, body.en-US-PKB div, body.en-US-PKB a, body.en-US-PKB span, body.en-US-PKB input, body.en-US-PKB label, body.en-US-PKB button, body.en-US-PKB select {
font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif, "Bitstream Vera Sans" !important;
}
body.en-US-PKB .btn.inverse {
background: #e5e5e5;
border: 1px solid #fafafb;
color: #000;
}
body.en-US-PKB #addConfirmation {
margin-top: 37px;
display: none !important;
}
#lnkGemReport {
font-style: italic;
}
/*Russia */
/*body.ru-RU { font-size: 13px; line-height: 18px; font-family: Palatino, 'Palatino Linotype','Times New Roman', 'Times CY', Georgia, Times, serif !important; }
body.ru-RU .t1 { font-size: 26px; line-height: 30px; letter-spacing: 0; font-family: Palatino, 'Palatino Linotype', 'Times New Roman', 'Times CY', Georgia, Times, serif !important; font-weight: 300; font-style: normal; text-transform: none; }
body.ru-RU .t2 { font-size: 27px; line-height: 31px; letter-spacing: 0; font-family: Palatino, 'Palatino Linotype', 'Times New Roman', 'Times CY', Georgia, Times, serif !important; font-weight: 300; font-style: italic; text-transform: none; }
body.ru-RU .t3 { font-size: 20px; line-height: 24px; letter-spacing: 0; font-family: Palatino, 'Palatino Linotype', 'Times New Roman', 'Times CY', Georgia, Times, serif !important; font-weight: 300; font-style: normal; text-transform: none; }
body.ru-RU .t4 { font-size: 22px; line-height: 25px; letter-spacing: 1px; font-family: Palatino, 'Palatino Linotype', 'Times New Roman', 'Times CY', Georgia, Times, serif !important; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.ru-RU .t40 { font-size: 22px; line-height: 25px; letter-spacing: 0; font-family: Palatino, 'Palatino Linotype', 'Times New Roman', 'Times CY', Georgia, Times, serif !important; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.ru-RU .t41 { font-size: 20px; line-height: 23px; letter-spacing: 1px; font-family: Palatino, 'Palatino Linotype', 'Times New Roman', 'Times CY', Georgia, Times, serif !important; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.ru-RU .t5 { font-size: 21px; line-height: 24px; letter-spacing: 0; font-family: Palatino, 'Palatino Linotype', 'Times New Roman', 'Times CY', Georgia, Times, serif !important; font-weight: 300; font-style: normal; text-transform: none; }
body.ru-RU .t50 { font-size: 21px; line-height: 30px; letter-spacing: 0; font-family: Palatino, 'Palatino Linotype', 'Times New Roman', 'Times CY', Georgia, Times, serif !important; font-weight: 300; font-style: normal; text-transform: none; }
body.ru-RU .t6 { font-size: 17px; line-height: 21px; letter-spacing: 0; font-family: Palatino, 'Palatino Linotype', 'Times New Roman', 'Times CY', Georgia, Times, serif !important; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.ru-RU .t7 { font-size: 17px; line-height: 24px; letter-spacing: 0; font-family: Palatino, 'Palatino Linotype', 'Times New Roman', 'Times CY', Georgia, Times, serif !important; font-weight: 300; font-style: italic; text-transform: none; }
body.ru-RU .t8 { font-size: 12px; line-height: 20px; letter-spacing: 0; font-family: Palatino, 'Palatino Linotype', 'Times New Roman', 'Times CY', Georgia, Times, serif !important; font-weight: 300; font-style: normal; text-transform: none; }
body.ru-RU .t80 { font-size: 14px; line-height: 20px; letter-spacing: 0; font-family: Palatino, 'Palatino Linotype', 'Times New Roman', 'Times CY', Georgia, Times, serif !important; font-weight: 300; font-style: normal; text-transform: none; }
body.ru-RU .t9 { font-size: 10px; letter-spacing: 1px; line-height: 10px; font-family: Palatino, 'Palatino Linotype', 'Times New Roman', 'Times CY', Georgia, Times, serif !important; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.ru-RU .t10 { font-size: 17px; line-height: 25px; letter-spacing: 0; font-family: Palatino, 'Palatino Linotype', 'Times New Roman', 'Times CY', Georgia, Times, serif !important; font-weight: 400; font-style: italic; text-transform: none; }
body.ru-RU .t11 { font-size: 18px; line-height: 18px; letter-spacing: 0; font-family: Palatino, 'Palatino Linotype', 'Times New Roman', 'Times CY', Georgia, Times, serif !important; font-weight: 300; font-style: normal; text-transform: uppercase; color: #666; }
body.ru-RU .t12 { font-size: 18px; line-height: 21px; letter-spacing: 0.01em; font-family: Palatino, 'Palatino Linotype', 'Times New Roman', 'Times CY', Georgia, Times, serif !important; font-weight: 300; font-style: italic; text-transform: none; }
body.ru-RU .t13 { font-size: 20px; line-height: 24px; letter-spacing: 0; font-family: Palatino, 'Palatino Linotype', 'Times New Roman', 'Times CY', Georgia, Times, serif !important; font-weight: 300; font-style: italic; text-transform: uppercase; }
body.ru-RU .t14 { font-size: 48px; line-height: 51px; letter-spacing: 0; font-family: Palatino, 'Palatino Linotype', 'Times New Roman', 'Times CY', Georgia, Times, serif !important; font-weight: 300; font-style: normal; text-transform: none; }
body.ru-RU .t15 { font-size: 48px; line-height: 51px; letter-spacing: 0; font-family: Palatino, 'Palatino Linotype', 'Times New Roman', 'Times CY', Georgia, Times, serif !important; font-weight: 300; font-style: italic; text-transform: none; }
body.ru-RU .t16 { font-size: 33px; line-height: 35px; letter-spacing: 0; font-family: Palatino, 'Palatino Linotype', 'Times New Roman', 'Times CY', Georgia, Times, serif !important; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.ru-RU .t17 { font-size: 20px; line-height: 30px; letter-spacing: 0; font-family: Palatino, 'Palatino Linotype', 'Times New Roman', 'Times CY', Georgia, Times, serif !important; font-weight: 300; font-style: italic; text-transform: none; }
body.ru-RU .t18 { font-size: 15px; line-height: 19px; letter-spacing: 0; font-family: Palatino, 'Palatino Linotype', 'Times New Roman', 'Times CY', Georgia, Times, serif !important; font-weight: 300; font-style: normal; text-transform: none; }
body.ru-RU .t19 { font-size: 61px; line-height: 64px; letter-spacing: 0; font-family: Palatino, 'Palatino Linotype', 'Times New Roman', 'Times CY', Georgia, Times, serif !important; font-weight: 300; font-style: italic; text-transform: uppercase; }
body.ru-RU .t20 { font-size: 14px; line-height: 18px; letter-spacing: 0; font-family: Palatino, 'Palatino Linotype', 'Times New Roman', 'Times CY', Georgia, Times, serif !important; font-weight: 700; font-style: normal; text-transform: uppercase; }
body.ru-RU .t21 { font-size: 120px; line-height: 120px; letter-spacing: 0; font-family: Palatino, 'Palatino Linotype', 'Times New Roman', 'Times CY', Georgia, Times, serif !important; font-weight: 300; font-style: italic; text-transform: uppercase; }
body.ru-RU .t22 { font-size: 36px; line-height: 40px; letter-spacing: 0; font-family: Palatino, 'Palatino Linotype', 'Times New Roman', 'Times CY', Georgia, Times, serif !important; font-weight: 300; font-style: italic; text-transform: uppercase; }
body.ru-RU .t23 { font-size: 36px; line-height: 40px; letter-spacing: 0; font-family: Palatino, 'Palatino Linotype', 'Times New Roman', 'Times CY', Georgia, Times, serif !important; font-weight: 300; font-style: italic; text-transform: none; }
body.ru-RU .l1 { font-size: 11px; line-height: 11px; letter-spacing: 0; font-family: Palatino, 'Palatino Linotype', 'Times New Roman', 'Times CY', Georgia, Times, serif !important; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.ru-RU .l2, .faq-overlay a { font-size: 11px; letter-spacing:0; font-family: Palatino, 'Palatino Linotype', 'Times New Roman', 'Times CY', Georgia, Times, serif !important; font-weight: 300; font-style: italic; text-transform: none; color: #666; }
body.ru-RU .l20 { font-size: 11px; letter-spacing:0; line-height: 16px; font-family: Palatino, 'Palatino Linotype', 'Times New Roman', 'Times CY', Georgia, Times, serif !important; font-weight: 300; font-style: italic; text-transform: none; color: #666; }
body.ru-RU.l3 { font-size: 13px; line-height: 16px; letter-spacing: 0; font-family: Palatino, 'Palatino Linotype', 'Times New Roman', 'Times CY', Georgia, Times, serif !important; font-weight: 300; font-style: italic; text-transform: none; }
body.ru-RU .l30 { font-size: 11px; line-height: 13px; letter-spacing: 0; font-family: Palatino, 'Palatino Linotype', 'Times New Roman', 'Times CY', Georgia, Times, serif !important; font-weight: 300; font-style: italic; text-transform: none; }
body.ru-RU .l31 { font-size: 13px; line-height: 16px; letter-spacing: 0; font-family: Palatino, 'Palatino Linotype', 'Times New Roman', 'Times CY', Georgia, Times, serif !important; font-weight: 300; font-style: normal; text-transform: none; }
body.ru-RU .l4 { font-size: 11px; line-height: 13px; letter-spacing: 0; font-family: Palatino, 'Palatino Linotype', 'Times New Roman', 'Times CY', Georgia, Times, serif !important; font-weight: 700; font-style: normal; text-transform: none; }
body.ru-RU .l5 { font-size: 12px; line-height: 31px; letter-spacing: 0; font-family: Palatino, 'Palatino Linotype', 'Times New Roman', 'Times CY', Georgia, Times, serif !important; font-weight: 300; font-style: italic; text-transform: none; color: #666; }
body.ru-RU .l6 { font-size: 10px; letter-spacing:1px; line-height: 14px; font-family: Palatino, 'Palatino Linotype', 'Times New Roman', 'Times CY', Georgia, Times, serif !important; font-weight: 400; font-style: normal; text-transform: uppercase; }
body.ru-RU .l7 { font-size: 11px; line-height: 13px; letter-spacing: 0; font-family: Palatino, 'Palatino Linotype', 'Times New Roman', 'Times CY', Georgia, Times, serif !important; font-weight: 300; font-style: normal; text-transform: none; }
body.ru-RU.l8 { font-size: 14px; line-height: 20px; letter-spacing: 0; font-family: Palatino, 'Palatino Linotype', 'Times New Roman', 'Times CY', Georgia, Times, serif !important; font-weight: 300; font-style: italic; text-transform: none; color: #666; }
body.ru-RU .l9 { font-size: 13px; line-height: 19px; letter-spacing: 0; font-family: Palatino, 'Palatino Linotype', 'Times New Roman', 'Times CY', Georgia, Times, serif !important; font-weight: 300; font-style: normal; text-transform: none; }*/
body.ru-RU .modal-popup .grid-container h2, body.ru-RU .modal-frame .grid-container h2 {
padding-bottom: 0px;
}
body.ru-RU footer .indent {
padding-left: 5%;
}
body.ru-RU .searchbar input {
width: 300px;
}
body.ru-RU #refinement .filter-list a {
position: relative;
width: 120%;
}
body.ru-RU .inline-links > a.share,
body.pt-BR .inline-links > a.share,
body.de-DE .inline-links > a.share,
body.fr-FR .inline-links > a.share,
body.fr-CA .inline-links > a.share,
body.it-IT .inline-links > a.share,
body.ja-JP .inline-links > a.share,
body.es-ES .inline-links > a.share {
display: block;
border-left: 0;
padding-left: 0;
margin-left: 0;
margin-top: 10px;
}
body#engagementItemPage .share-menu-wide:before,
body.pt-BR#engagementItemPage .share-menu-wide:before,
body.de-DE#engagementItemPage .share-menu-wide:before,
body.fr-FR#engagementItemPage .share-menu-wide:before,
body.fr-CA#engagementItemPage .share-menu-wide:before,
body.it-IT#engagementItemPage .share-menu-wide:before,
body.ja-JP#engagementItemPage .share-menu-wide:before,
body.es-ES#engagementItemPage .share-menu-wide:before {
left: 8%
}
body.ru-RU#engagementItemPage .share-menu-wide:after,
body.pt-BR#engagementItemPage .share-menu-wide:after,
body.de-DE#engagementItemPage .share-menu-wide:after,
body.fr-FR#engagementItemPage .share-menu-wide:after,
body.fr-CA#engagementItemPage .share-menu-wide:after,
body.it-IT#engagementItemPage .share-menu-wide:after,
body.ja-JP#engagementItemPage .share-menu-wide:after,
body.es-ES#engagementItemPage .share-menu-wide:after {
left: 7.5%
}
/*General*/
/*.enH { font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B', serif; }
.enT { font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', serif; }
.policies .l5 {line-height:normal !important; }*/
/*Header*/
.en-US-PKB #nav {
margin-top: 0px;
}
@media only screen and (max-width: 1250px) {
.en-US-PKB #nav .bag {
margin-top: 0px;
}
}
.ie-7.en-US-PKB #nav .bag {
margin-top: 0px;
}
.ie-8.en-US-PKB #nav .bag {
margin-top: -30px;
}
/*Footer*/
.en-US-PKB footer .indent {
padding: 0 3% 0 47%;
}
.en-US-PKB footer .headers, .en-US-Stmt footer .headers {
display: none;
}
.en-US-PKB footer .indent, .en-US-Stmt footer .indent {
border-top: 1px solid #333;
}
/* PKB browse styles */
.en-US-PKB.narrow #wrapper {
min-width: 700px;
}
.en-US-PKB #searchResults #viewAll, .en-US-PKB #searchResults #viewLess {
float: right;
margin-top: 6px;
padding-right: 15px;
}
.en-US-PKB #divStaticPage #divPageTitle {
background-color: #fafafa;
width: 100%;
position: relative;
border-bottom: solid 1px #ebebeb;
}
.en-US-PKB #divStaticPage #divPageTitle_contents {
width: 55%;
margin: 0px auto;
padding: 30px 10px 10px 7px;
visibility: hidden;
min-width: 677px;
}
.en-US-PKB .title {
text-transform: uppercase;
margin-bottom: 5px;
}
.en-US-PKB #searchBox {
margin: 0 0 0 0;
width: 190px;
vertical-align: top;
border: #333333 solid 1px;
height: 15px;
padding: 8px 12px;
color: #000;
}
.en-US-PKB #searchButton {
margin-left: 10px;
}
.en-US-PKB html > body #searchButton {
margin-left: 12px;
}
.en-US-PKB #resetAllButton {
margin-left: 12px;
margin-right: 23px;
padding: 9px 10px;
}
.en-US-PKB #topLine {
width: 100%;
min-height: 67px;
padding-bottom: 20px;
}
.en-US-PKB #keywordSearch {
float: left;
}
.en-US-PKB #keywordSearch a {
vertical-align: bottom;
padding: 9px 18px;
}
.en-US-PKB #priceMarketMenu {
float: left;
height: 66px;
width: 29%;
}
.en-US-PKB #selItemList {
float: left;
height: 66px;
font-weight: normal;
}
.en-US-PKB #selectHolderpriceCurrency {
padding-top: 2px;
}
.en-US-PKB .menuDropdowns {
display: table-cell;
width: 225px;
padding-right: 20px;
*float: left;
}
.en-US-PKB .searchDropDowns {
width: 90%;
background-color: white;
border: 1px solid black;
height: 20px;
background-position: 95% 6px;
margin-left: 0px;
}
.en-US-PKB .searchDropDowns select {
width: 100%;
height: 100%;
line-height: 15px;
margin-left: 0px;
}
.en-US-PKB option, .en-US-PKB select {
font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', serif;
font-size: 12px;
}
.en-US-PKB #classificationCategoryMenus input {
margin: 0;
vertical-align: middle;
}
.en-US-PKB #classificationSort {
padding-top: 2px;
height: 24px;
}
.en-US-PKB #classificationSort label {
margin-right: 5px;
}
.en-US-PKB .filterSelect {
margin-bottom: 5px;
}
.en-US-PKB #refinementCheckboxes {
margin-top: 5px;
visibility: hidden;
width: 67%;
margin: 0px auto;
min-width: 755px;
}
.en-US-PKB #refinementCheckboxes input {
margin: 0;
vertical-align: middle;
}
.en-US-PKB #refinementCheckboxes .checkbox {
margin-right: 23px;
float: left;
height: 24px;
}
.en-US-PKB #refinementCheckboxes .checkbox td {
vertical-align: top;
}
.en-US-PKB #refinementCheckboxes .checkbox .cddDefault {
display: table-cell;
}
.en-US-PKB #refinementCheckboxes .checkbox.last {
margin-right: 0;
}
.en-US-PKB #refinementCheckboxes .checkbox.last .cdd ul {
margin-top: 0;
}
.en-US-PKB #refinementCheckboxes .checkbox.last .cddDefault {
padding-bottom: 0;
}
.en-US-PKB div.terNavBot {
padding-top: 0;
display: none;
}
.en-US-PKB #refinementCheckboxes #leftCheckboxes {
margin: 7px 0;
}
.en-US-PKB #refinementCheckboxes #rightCheckboxes {
margin-bottom: 7px;
clear: both;
}
.en-US-PKB #refinementCheckboxes #rightCheckboxes td {
padding-right: 7px;
}
.en-US-PKB #refinementCheckboxes #rightCheckboxes table {
width: 400px;
}
.en-US-PKB #navigationHolder {
height: 30px;
border-top: solid 2px #000;
}
.en-US-PKB #navigationHolder #searchResultsTitle {
float: left;
margin-top: 4px;
text-transform: uppercase;
font-weight: bold;
}
.en-US-PKB #navigationHolder #navigation {
float: right;
font-size: 9px;
margin-bottom: 3px;
}
.en-US-PKB div#pageOfPage {
margin-top: 6px;
padding-right: 15px;
float: right;
}
.en-US-PKB div#divBrowsePageLinks {
margin-bottom: 5px;
}
.en-US-PKB #searchResults {
display: none;
}
.en-US-PKB .divBusyImg {
z-index: 1020;
position: absolute;
background: url('/shared/images/misc/loading.gif') center center no-repeat;
height: 135px;
width: 100%;
top: 0;
left: 0;
}
.en-US-PKB .checkbox input {
-webkit-appearance: checkbox;
}
.en-US-PKB .endFloat {
clear: both;
}
.en-US-PKB #priceRangeEntry #pkbLowRangeEntry {
margin: 0 5px 0 5px;
border: solid 1px #ebebeb;
}
.en-US-PKB #priceRangeEntry #pkbHighRangeEntry {
margin: 0 5px 0 5px;
border: solid 1px #ebebeb;
}
.en-US-PKB #priceRangeEntry {
display: block;
width: 250px;
padding-top: 5px;
*float: left
}
.en-US-PKB .priceRange {
height: 15px;
width: 125px;
padding: 8px 15px;
border: 1px solid black;
}
.en-US-PKB #refinementCheckboxes #inventoryQuantity {
width: 25px;
margin: 0;
border: solid 1px #ebebeb;
padding: 0 5px 2px 5px;
}
.en-US-PKB #refinementCheckboxes #inventoryLocations {
width: 100px;
margin: 0;
border: solid 1px #ebebeb;
padding: 0 5px 2px 5px;
}
.en-US-PKB #refinementCheckboxes tr {
vertical-align: middle;
}
.en-US-PKB #refinementCheckboxes .column1 {
padding-top: 8px;
white-space: nowrap;
}
.en-US-PKB #refinementCheckboxes .column2 {
padding-top: 3px;
}
.en-US-PKB #refinementCheckboxes .column3 {
padding-top: 8px;
}
.en-US-PKB #refinementCheckboxes .column4 {
padding-top: 3px;
width: 25%;
}
.en-US-PKB #refinementCheckboxes .column5 {
padding-top: 3px;
}
.en-US-PKB #refinementCheckboxes .column6 {
padding-top: 8px;
white-space: nowrap;
}
.en-US-PKB #refinementCheckboxes .column7 {
padding-top: 2px;
display: none;
}
.en-US-PKB #refinementCheckboxes .column8 {
padding-top: 2px;
}
.en-US-PKB #refinementCheckboxes #inventoryLocationList {
margin: 0;
border: solid 1px #ebebeb;
height: 82px;
width: 300px;
}
.en-US-PKB #closeListButton {
margin-bottom: 5px;
}
.en-US-PKB #searchResultsHeader {
border-top: solid 1px black;
border-bottom: solid 1px black;
clear: both;
}
.en-US-PKB #searchResultsHeader th {
padding: 7px 0;
}
.en-US-PKB #searchResultsHeader th.thumbnail {
width: 170px;
}
.en-US-PKB #searchResultsHeader th.details {
width: 400px;
padding-right: 10px;
padding-left: 115px;
text-transform: uppercase;
font-weight: normal;
}
.en-US-PKB #searchResultsHeader th.price {
text-transform: uppercase;
font-weight: normal;
}
.en-US-PKB #searchResultsHeader th .cddDefault, #searchResultsHeader th .cdd {
margin-left: 7px;
font-weight: normal;
}
.en-US-PKB #searchResultsList td {
border-bottom: solid 1px black;
clear: both;
}
.en-US-PKB #searchResultsList tr:hover {
background-color: #DBF5F3;
}
.en-US-PKB #searchResultsList div.thumbnail {
width: 170px;
vertical-align: top;
float: left;
}
.en-US-PKB #searchResultsList div.thumbnail img {
padding: 15px;
width: 140px;
height: 140px;
}
.en-US-PKB #searchResultsList div.details {
width: 452px;
vertical-align: top;
padding: 5px 10px 5px 115px;
float: left;
margin-top: 25px;
margin-bottom: 25px;
}
.en-US-PKB.narrow #searchResultsList div.details {
width: 428px;
}
.en-US-PKB #searchResultsList div.price {
vertical-align: top;
float: right;
}
.en-US-PKB #searchResultsList > table {
width: 100%;
border-spacing: 0;
}
.en-US-PKB #genPageFooter {
border-bottom-width: 0px;
}
.en-US-PKB #divErrorHolder {
color: #ff0000;
padding-bottom: 5px;
display: none;
clear: both;
margin-top: 3px;
}
.en-US-PKB #searchResults #divBrowsePageLinks {
visibility: hidden;
height: 100%;
margin-top: 12px;
}
.en-US-PKB #searchResultsNoResults {
display: none;
color: #ff0000;
margin-top: 15px;
}
.en-US-PKB #searchResultsSplashImage {
background-color: #81d8d0;
}
.en-US-PKB #searchResultsSplashImage img {
margin-left: 280px;
}
.en-US-PKB #divDidYouMeanHolder {
padding-left: 0px;
display: none;
}
.en-US-PKB #divDidYouMeanHolder a {
color: #e31f26;
padding: 0;
}
.en-US-PKB .searchResultsListItem {
min-height: 80px;
cursor: default;
}
.en-US-PKB #pageArrowLeft.disabled, #pageArrowRight.disabled {
filter: alpha(opacity=50);
-moz-opacity: .5;
opacity: .5;
cursor: default;
}
.en-US-PKB #cddULpriceCurrency {
height: 188px;
overflow-x: hidden;
overflow-y: scroll;
margin-top: 0;
}
.en-US-PKB #cddULselItemList {
height: 188px;
overflow-x: hidden;
overflow-y: scroll;
margin-top: 0;
}
.en-US-PKB #cddULinventoryCountry {
height: 188px;
overflow-x: hidden;
overflow-y: scroll;
margin-top: 0;
}
.en-US-PKB #bottomPagination {
float: right;
margin-top: 30px;
display: none;
}
.en-US-PKB #pagination {
float: right;
height: 100%;
}
#pkbSearchPage .custom-drop div.choice, #pkbSearchPage .custom-drop-dummy div.choice {
padding: 4px 15px 1px 5px;
margin-bottom: 1px;
width: 90.5%;
border: 1px solid #808080;
margin-left: 0px;
background-position: 95.5% 7px;
}
#pkbSearchPage .custom-drop, #pkbSearchPage .custom-drop-dummy {
width: 196px;
background-color: white;
border: 1px solid #808080;
}
#pkbSearchPage #divBrowsePageLinks .custom-drop, #pkbSearchPage.narrow #divBrowsePageLinks .custom-drop {
width: auto;
}
.en-US-PKB .item-info-container .custom-drop {
width: auto;
border: 0;
}
.en-US-PKB.viewport-medium .custom-drop {
width: 194px !important;
}
#pkbSearchPage input {
background-color: #fff;
}
#pkbSearchPage .custom-drop ul {
padding: 2px 0px;
}
#pkbSearchPage .custom-drop li {
padding: 2px 10px;
}
#pkbSearchPage .custom-drop div.rollbar, #pkbSearchPage .custom-drop-dummy div.rollbar {
width: 196px;
border: 1px solid #808080;
margin-left: -1px;
margin-top: -21px;
padding-right: 0px;
}
#pkbSearchPage .custom-drop.color div.rollbar, #pkbSearchPage .custom-drop-dummy.color div.rollbar {
margin-top: -33px;
}
.en-US-PKB .item-info-container .custom-drop div.rollbar {
width: auto;
}
#pkbSearchPage .custom-drop div.reset {
background: url('/shared/images/icons/dropdown-close.png') no-repeat 95% 6px;
background-color: #41c1ca;
color: white;
}
#pkbSearchPage .custom-drop .rollbar, #pkbSearchPage .custom-drop-dummy .rollbar {
z-index: 100;
}
.en-US-PKB #price-field {
padding-top: 0;
}
.en-US-PKB #price-field .title {
margin-bottom: 0;
}
.en-US-PKB #price-field a {
padding: 9px 18px;
}
.en-US-PKB.viewport-medium .rollbar {
width: 194px !important;
}
/* tweaks for new search results header controls */
#pkbSearchPage #showImages {
float: left;
margin-right: 15px;
}
#pkbSearchPage #showImages .custom-drop {
white-space: nowrap;
}
#pkbSearchPage #resultsPerPage {
float: left;
margin-right: 15px;
}
#pkbSearchPage #resultsPerPage .label {
padding-left: 5px;
}
#pkbSearchPage #pagination a {
padding-top: 9px;
padding-bottom: 9px;
}
#pkbSearchPage #pagination {
margin-top: 3px;
}
#pkbSearchPage #sortBy .custom-drop div.choice {
width: 140px;
margin-right: 5px;
}
#pkbSearchPage #resultsPerPage .custom-drop div.choice {
background-position: 50% 7px;
margin-right: 5px;
}
#pkbSearchPage #showImages .custom-drop div.choice {
background-position: 100% 7px;
margin-right: 5px;
}
#pkbSearchPage #sortBy .custom-drop div.rollbar {
width: auto;
}
#pkbSearchPage #resultsPerPage .custom-drop div.rollbar {
width: auto;
}
#pkbSearchPage #showImages .custom-drop div.rollbar {
width: auto;
}
#pkbSearchPage #divBrowsePageLinks .custom-drop div.rollbar {
margin-top: -21px;
}
/* PKB browse narrow page overrides */
.en-US-PKB body.narrow div#container, body.narrow div#containerBackToLink, body.narrow div#divCheckoutFooter {
width: 750px;
}
.en-US-PKB body.narrow #divLogoBG {
width: 750px;
}
.en-US-PKB body.narrow #refinementCheckboxes #leftCheckboxes .checkbox {
margin-right: 7px;
}
.en-US-PKB body.narrow #refinementCheckboxes #rightCheckboxes {
padding-top: 5px;
}
.en-US-PKB body.narrow #rightCheckboxes {
width: 100%;
}
.en-US-PKB body.narrow #refinementCheckboxes #inventoryLocationList {
width: 175px;
}
/* PKB item page overrides */
.en-US-PKB #ctlExtraItemDetailsInventory_divSKUInventoryDisplay {
padding: 10px 0 1px 0;
}
.en-US-PKB div#pkbContentInfo p {
margin: 0 0 0px 0px;
padding: 0;
}
.en-US-PKB #btnPurchase {
display: none;
}
.en-US-PKB #cddDepartment a, #cddClass a, #cddStyle a {
width: 145px;
}
.en-US-PKB #topItemBackTo {
float: left;
margin: -31px 0 0 26px;
padding: 0px;
text-transform: uppercase;
font-size: 9px;
position: relative;
}
.en-US-PKB #topItemBackTo a {
padding: 0px 0px 1px 10px;
vertical-align: top;
background: url(/Shared/Images/misc/arrow_back.gif) left no-repeat;
text-decoration: none;
}
.en-US-PKB #topItemBackTo a:hover {
background-image: url(/Shared/Images/misc/arrow_back_on.gif);
}
.en-US-PKB #topItemBackTo img {
margin-left: 10px;
vertical-align: top;
margin-top: 1px;
}
.en-US-PKB #viewPkbBrowseResultsLink {
position: relative;
z-index: 60;
float: left;
margin-bottom: 7px;
}
.en-US-PKB #viewPkbRelItemsLink {
position: relative;
z-index: 60;
float: left;
margin-bottom: 7px;
}
.en-US-PKB #pkbSkuSearchHolder #pkbSkuSearch {
padding: 2px 5px 3px 5px;
border: solid 1px #333333;
width: 55%;
margin: 1px 0 5px 0;
vertical-align: top;
}
.en-US-PKB #pkbSkuSearchHolder label {
text-transform: uppercase;
display: block;
margin-bottom: 5px;
}
.en-US-PKB #pkbSkuSearchHolder a {
margin-left: 5px;
padding: 5px;
}
.en-US-PKB #pkbSkuSearchHolder {
margin: 0 0 10px 0;
position: absolute;
top: 10px;
right: 190px;
}
.en-US-PKB #pkbSkuSearchHolder #pkbSearchError {
color: #ff0000;
padding-top: 5px;
}
.en-US-PKB #pkbSkuSearch {
text-align: left !important;
}
/* PKB item page narrow page overrides */
.en-US-PKB body.narrow #itemExtras {
float: left;
clear: both;
padding-top: 10px;
padding-left: 7px;
}
.en-US-PKB body.narrow div#itemTitleAndText {
width: 250px;
}
.en-US-PKB body.narrow #itemTitleAndText h1.flashTitle {
width: 250px;
}
.en-US-PKB body.narrow .relItemsHolder {
width: 610px;
}
.en-US-PKB body.narrow #relItemsGrid {
margin-left: 45px;
}
.en-US-PKB body.narrow #relItemsGrid #staticBorderRight {
right: 70px;
}
.en-US-PKB body.narrow #divRelItemLinks {
margin-right: 80px;
}
.en-US-PKB body.narrow div#divChooseYourCountry {
width: 760px;
}
.en-US-PKB body.narrow #searchResultsSplashImage img {
margin-left: 155px;
}
.en-US-PKB .priceMarketSelect {
width: 175px;
}
.en-US-PKB .spanItemTotal {
float: left;
font-weight: bold;
padding-top: 3px;
text-align: left;
width: 450px;
}
.en-US-PKB .spanPriceBold {
font-weight: bold;
width: 450px;
text-align: left;
padding-top: 3px;
}
.en-US-PKB #productLookupHolder table th a {
color: black;
text-decoration: none;
}
/*This is used in both PKB and Sale Service sites.*/
#productLookupHolder th .sortArrow {
display: inline-block;
width: 9px;
height: 1em;
margin-left: 0.6em;
background: url("/local/en-US-pkb/images/misc/sortArrows.gif") 0 4px no-repeat;
}
#productLookupHolder table .descending .sortArrow {
background-position: 0 -21px;
}
#productLookupHolder table .ascending .sortArrow {
background-position: 0 -47px;
}
#productLookupHolder table .selected {
color: #66cccc;
}
.en-US-PKB .hazMat img {
padding: 3px 0 3px 0;
}
/* 5277 - PKB Saved items.*/
.en-US-PKB td.tdSubnavSaved1, td.tdSubnavSaved2 {
width: 50%;
}
.en-US-PKB div.confirmSavedNoShopBag {
margin-left: 780px
}
.en-US-PKB div#sbPrintTotal {
height: 0;
min-height: 0;
}
/* Begin Page Navigation Drop Down */
.en-US-PKB DIV#sortBy {
font-size: 9px;
}
.en-US-PKB DIV#contentTitleAndText DIV#sortBy {
margin-top: 21px;
}
.en-US-PKB #sortByUL A {
display: block;
text-decoration: none;
padding: 0px 0px 0px 10px;
}
.en-US-PKB #sortByUL LI UL LI A {
line-height: 12px;
padding: 3px 9px 2px 9px;
}
.en-US-PKB #sortBy UL {
padding: 0;
margin: 0px;
list-style-type: none;
}
.en-US-PKB #sortBy UL LI A {
padding-bottom: 2px
}
.en-US-PKB DIV#sortBy {
float: right;
}
.en-US-PKB #sortBy {
margin-right: 15px;
}
.en-US-PKB #sortBy A:visited, #sortBy A:link {
text-decoration: none;
}
.en-US-PKB #sortByUL LI UL {
padding: 0px;
margin: 0px;
POSITION: absolute;
z-index: 70;
HEIGHT: auto;
FONT-WEIGHT: normal;
display: none;
WIDTH: 160px;
border-bottom: 1px solid;
}
.en-US-PKB #sortByUL LI UL A {
WIDTH: 140px;
border-left: 1px solid;
border-right: 1px solid;
}
.en-US-PKB li.sortbyBlank {
font-size: 1px;
}
.en-US-PKB DIV#divBrowsePageLinks #sortByUL LI UL LI.sortbyBlank a {
cursor: default;
padding: 0px;
border-top: 1px solid;
line-height: 5px;
height: 5px;
MARGIN: 0px 0px -1px 0px;
width: 158px;
border-top: 1px solid;
}
.en-US-PKB li.sortbyBlankEnd {
font-size: 1px;
}
.en-US-PKB DIV#divBrowsePageLinks #sortByUL LI UL LI.sortbyBlankEnd a {
width: 158px;
line-height: 6px;
height: 6px;
padding: 0px;
cursor: default;
}
.en-US-PKB DIV#divBrowsePageLinks #sortBy .sortbyLI {
border-bottom: 0px solid;
}
.en-US-PKB DIV#divBrowsePageLinks #sortBy .sortbyLI img {
padding-right: 10px;
}
.en-US-PKB UL#sortByUL, #divBarFloat {
float: left;
}
.en-US-PKB UL#sortByUL img {
padding: 0px 0px 1px 5px;
}
.en-US-PKB #sortByUL LI UL {
background-color: #FFF;
}
.en-US-PKB DIV#divBrowsePageLinks #sortBy .sortbyLI {
border-bottom-color: #ebebeb;
}
.en-US-PKB #sortBy A:link {
color: #000000;
}
.en-US-PKB #sortBy A:visited {
color: #000000;
}
.en-US-PKB #sortByUL LI:hover a.globalsortby, #sortByUL LI.sortbyhover a.globalsortby, #sortByUL LI.sortbyhover a:hover, #sortByUL LI:hover a:hover, #sortBy A:hover {
color: #000;
}
.en-US-PKB DIV#divBrowsePageLinks #sortByUL LI UL {
border-bottom-color: #000;
}
.en-US-PKB DIV#divBrowsePageLinks #sortByUL LI UL A {
border-left-color: #000;
border-right-color: #000;
}
.en-US-PKB DIV#divBrowsePageLinks #sortByUL LI UL LI.sortbyBlank a {
border-top-color: #000;
}
.en-US-PKB #divBrowsePageLinks #sortBy img#divBar {
margin: 1px 0px 0px 0px;
}
.en-US-PKB #sortByUL li.close {
display: none;
}
/*End Page Navigation Drop Down*/
/* en-US-Stmt */
.en-US-Stmt footer .indent {
padding: 0 5% 0 45%;
}
.en-US-Stmt footer a {
white-space: nowrap;
}
@media only screen and (max-width: 1250px) {
.en-US-Stmt #nav .bag {
margin-top: 0px;
}
}
/* en-US-Trade */
#divNotPurchasableItem a:link {
font-style: italic;
}
.en-US-Trade #nav .signout a, .ja-JP-Trade .signout #nav a {
display: block !important
}
@media only screen and (max-width: 1250px) {
.en-US-Trade #nav .signout a, .ja-JP-Trade #nav .signout a {
display: inline !important;
margin-left: 15px;
}
.en-US-Trade #nav .signout, .ja-JP-Trade #nav .signout {
top: -50px;
position: absolute;
}
}
/* es-ES */
/* es-MX */
#itemPage.es-MX .item-extras h4 a {
margin: 0 2px;
}
/* fr-CA */
.fr-CA sup {
font-size: 30%
}
#itemPage.fr-CA .item-extras h4 a {
margin: 0 5px;
}
/* fr-FR */
#itemPage.fr-FR .item-extras h4 a {
margin: 0 3px;
}
/* Intl */
/* it-IT */
/* ja-JP */
/* ja-JP-EStr */
body.ja-JP-EStr, body.ja-JP-EStr #header, body.ja-JP-EStr footer {
background: #eeeeee;
}
/* ko-KR */
/*body.ko-KR {font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', "AppleMyungjo","Batang","바탕",serif !important; font-size: 11px;}
body.ko-KR #nav .l20 {font-style:normal}
body.ko-KR textarea { font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', "AppleMyungjo","Batang","바탕",serif !important;}
body.ko-KR .btn, body.ko-KR input.btn { font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', "AppleMyungjo","Batang","바탕",serif !important; }
body.ko-KR input.placeholder { font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', "AppleMyungjo","Batang","바탕",serif !important; font-style:normal; }
body.ko-KR input { font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', "AppleMyungjo","Batang","바탕",serif !important; }
body.ko-KR .t1 { font-size: 24px; line-height: 34px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B',"AppleMyungjo","Batang","바탕",serif; font-weight: 300; font-style: normal; text-transform: none; }
body.ko-KR .t2 { font-size: 25px; line-height: 34px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B',"AppleMyungjo","Batang","바탕",serif; font-weight: 300; font-style: normal; text-transform: none; }
body.ko-KR .t3 { font-size: 24px; line-height: 28px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B',"AppleMyungjo","Batang","바탕",serif; font-weight: 300; font-style: normal; text-transform: none; }
body.ko-KR .t4 { font-size: 25px; line-height: 27px; letter-spacing:.1em; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B',"AppleMyungjo","Batang","바탕",serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.ko-KR .t40 { font-size: 25px; line-height: 27px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B',"AppleMyungjo","Batang","바탕",serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.ko-KR .t41 { font-size: 23px; line-height: 25px; letter-spacing:.1em; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B',"AppleMyungjo","Batang","바탕",serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.ko-KR .t5 { font-size: 21px; line-height: 21px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B',"AppleMyungjo","Batang","바탕",serif; font-weight: 300; font-style: normal; text-transform: none; }
body.ko-KR .t50 { font-size: 21px; line-height: 30px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B',"AppleMyungjo","Batang","바탕",serif; font-weight: 300; font-style: normal; text-transform: none; }
body.ko-KR .t6 { font-size: 17px; line-height: 17px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B',"AppleMyungjo","Batang","바탕",serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.ko-KR .t7 { font-size: 17px; line-height: 24px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B',"AppleMyungjo","Batang","바탕",serif; font-weight: 300; font-style: normal; text-transform: none; }
body.ko-KR .t8 { font-size: 12px; line-height: 22px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B',"AppleMyungjo","Batang","바탕",serif; font-weight: 300; font-style: normal; text-transform: none; }
body.ko-KR .t80 { font-size: 14px; line-height: 20px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B',"AppleMyungjo","Batang","바탕",serif; font-weight: 300; font-style: normal; text-transform: none; }
body.ko-KR .t9 { font-size: 12px; letter-spacing:.1em; line-height: 12px; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B',"AppleMyungjo","Batang","바탕",serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.ko-KR .t10 { font-size: 17px; line-height: 25px; letter-spacing: 0; font-family: 'Sterling SSm 7r', 'Sterling SSm A', 'Sterling SSm B',"AppleMyungjo","Batang","바탕",serif; font-weight: 700; font-style: normal; text-transform: none; }
body.ko-KR .t11 { font-size: 17px; line-height: 17px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B',"AppleMyungjo","Batang","바탕",serif; font-weight: 300; font-style: normal; text-transform: uppercase; color: #666; }
body.ko-KR .t13 { font-size: 24px; line-height: 28px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B',"AppleMyungjo","Batang","바탕",serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.ko-KR .t14 { font-size: 61px; line-height: 64px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B',"AppleMyungjo","Batang","바탕",serif; font-weight: 300; font-style: normal; text-transform: none; }
body.ko-KR .t15 { font-size: 61px; line-height: 64px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B',"AppleMyungjo","Batang","바탕",serif; font-weight: 300; font-style: normal; text-transform: none; }
body.ko-KR .t16 { font-size: 35px; line-height: 37px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B',"AppleMyungjo","Batang","바탕",serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.ko-KR .t17 { font-size: 23px; line-height: 33px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B',"AppleMyungjo","Batang","바탕",serif; font-weight: 300; font-style: normal; text-transform: none; }
body.ko-KR .t18 { font-size: 15px; line-height: 19px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B',"AppleMyungjo","Batang","바탕",serif; font-weight: 300; font-style: normal; text-transform: none; }
body.ko-KR .t19 { font-size: 61px; line-height: 64px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B',"AppleMyungjo","Batang","바탕",serif; font-weight: 300; font-style: italic; text-transform: uppercase; }
body.ko-KR .t20 { font-size: 14px; line-height: 18px; letter-spacing: 0; font-family: 'Sterling SSm 7r', 'Sterling SSm A', 'Sterling SSm B',"AppleMyungjo","Batang","바탕",serif; font-weight: 700; font-style: normal; text-transform: uppercase; }
body.ko-KR .t21 { font-size: 120px; line-height: 120px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B',"AppleMyungjo","Batang","바탕",serif; font-weight: 300; font-style: italic; text-transform: uppercase; }
body.ko-KR .t23 { font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B',"AppleMyungjo","Batang","바탕",serif; font-style:normal;}
body.ko-KR .t24, body.ko-KR .t25 {font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B',"AppleMyungjo","Batang","바탕",serif;}
body.ko-KR .l1 { font-size: 12px; line-height: 12px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B',"AppleMyungjo","Batang","바탕",serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.ko-KR .l2, body.ko-KR .faq-overlay .l2 { font-size: 11px; letter-spacing:0em; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B',"AppleMyungjo","Batang","바탕",serif; font-weight: 300; font-style: normal; text-transform: none; color: #666; }
body.ko-KR .l20 { font-size: 11px; letter-spacing:0em; line-height: 17px; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B',"AppleMyungjo","Batang","바탕",serif; font-weight: 300; font-style: normal; text-transform: none; color: #666; }
body.ko-KR .l3 { font-size: 13px; line-height: 16px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B',"AppleMyungjo","Batang","바탕",serif; font-weight: 300; font-style: normal; text-transform: none; }
body.ko-KR .l30 { font-size: 11px; line-height: 16px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B',"AppleMyungjo","Batang","바탕",serif; font-weight: 300; font-style: normal; text-transform: none; }
body.ko-KR .l31 { font-size: 13px; line-height: 16px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 300; font-style: normal; text-transform: none; }
body.ko-KR .l4 { font-size: 12px; line-height: 14px; letter-spacing: 0; font-family: 'Sterling SSm 7r', 'Sterling SSm A', 'Sterling SSm B',"AppleMyungjo","Batang","바탕",serif; font-weight: 700; font-style: normal; text-transform: none; }
body.ko-KR .l5 { font-size: 12px; line-height: 32px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B',"AppleMyungjo","Batang","바탕",serif; font-weight: 300; font-style: normal; text-transform: none; color: #666; }
body.ko-KR .l6 { font-size: 11px; letter-spacing:.1em; line-height: 14px; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B',"AppleMyungjo","Batang","바탕",serif; font-weight: 400; font-style: normal; text-transform: uppercase; }
body.ko-KR .l6 .share-menu {font-size: 10px; }
body.ko-KR .l7 { font-size: 11px; line-height: 14px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B',"AppleMyungjo","Batang","바탕",serif; font-weight: 300; font-style: normal; text-transform: none; }
body.ko-KR .l8 { font-size: 14px; line-height: 20px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B',"AppleMyungjo","Batang","바탕",serif; font-weight: 300; font-style: normal; text-transform: none; color: #666; }
body.ko-KR .l9 { font-size: 13px; line-height: 19px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B',"AppleMyungjo","Batang","바탕",serif; font-weight: 300; font-style: normal; text-transform: none; }
body.ko-KR .flydown-item h2 { font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B',"AppleMyungjo","Batang","바탕",serif;}
body.ko-KR.ie-7 .t3, body.ko-KR.ie-8 .t3 { font-size: 22px; line-height: 26px; }
body.ko-KR.ie-7 .t17, body.ko-KR.ie-8 .t17 { font-size: 20px; line-height: 22px; }
.ko-KR .blueBulletList a {font-style:normal}
.ko-KR #contentLinkList.storeList, .ko-KR .divStoreListing #contentLinkList.storeList a {font-style: normal;}*/
/* .ko-KR tables - Web policy*/
.ko-KR .customtable {
border-collapse: collapse;
margin: 0 0 16px 10px;
}
.ko-KR .customtable th, .customtable td {
border: 1px solid #000000;
padding: 4px;
}
.ko-KR .customtable th {
text-align: center;
font-weight: normal;
}
/* zh-CN */
/*body.zh-CN {font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', "NSimSun", "STSong",serif !important; font-size: 13px;}
body.zh-CN #nav .l20 {font-style:normal}
body.zh-CN textarea { font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', 'NSimSun', 'STSong',serif !important;}
body.zh-CN .btn, body.zh-CN input.btn { font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', 'NSimSun', 'STSong',serif !important; }
body.zh-CN input.placeholder { font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', 'NSimSun', 'STSong', serif !important; font-style:normal; }
body.zh.CN input { font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B', 'NSimSun', 'STSong', serif !important; }
body.zh-CN .t1 { font-size: 26px; line-height: 30px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B','NSimSun', 'STSong',serif; font-weight: 300; font-style: normal; text-transform: none; }
body.zh-CN .t2 { font-size: 26px; line-height: 30px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B','NSimSun', 'STSong',serif; font-weight: 300; font-style: normal; text-transform: none; }
body.zh-CN .t3 { font-size: 24px; line-height: 28px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B','NSimSun', 'STSong',serif; font-weight: 300; font-style: normal; text-transform: none; }
body.zh-CN .t4 { font-size: 25px; line-height: 27px; letter-spacing:.1em; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B','NSimSun', 'STSong',serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.zh-CN .t40 { font-size: 25px; line-height: 27px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B','NSimSun', 'STSong',serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.zh-CN .t41 { font-size: 23px; line-height: 25px; letter-spacing:.1em; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B','NSimSun', 'STSong',serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.zh-CN .t5 { font-size: 21px; line-height: 21px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B','NSimSun', 'STSong',serif; font-weight: 300; font-style: normal; text-transform: none; }
body.zh-CN .t50 { font-size: 21px; line-height: 30px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B','NSimSun', 'STSong',serif; font-weight: 300; font-style: normal; text-transform: none; }
body.zh-CN .t6 { font-size: 17px; line-height: 17px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B','NSimSun', 'STSong',serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.zh-CN .t7 { font-size: 17px; line-height: 24px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B','NSimSun', 'STSong',serif; font-weight: 300; font-style: normal; text-transform: none; }
body.zh-CN .t8 { font-size: 14px; line-height: 22px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B','NSimSun', 'STSong',serif; font-weight: 300; font-style: normal; text-transform: none; }
body.zh-CN .t80 { font-size: 14px; line-height: 20px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B','NSimSun', 'STSong',serif; font-weight: 300; font-style: normal; text-transform: none; }
body.zh-CN .t9 { font-size: 12px; letter-spacing:.1em; line-height: 12px; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B','NSimSun', 'STSong',serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.zh-CN .t10 { font-size: 17px; line-height: 25px; letter-spacing: 0; font-family: 'Sterling SSm 7r', 'Sterling SSm A', 'Sterling SSm B','NSimSun', 'STSong',serif; font-weight: 700; font-style: normal; text-transform: none; }
body.zh-CN .t11 { font-size: 17px; line-height: 17px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B','NSimSun', 'STSong',serif; font-weight: 300; font-style: normal; text-transform: uppercase; color: #666; }
body.zh-CN .t13 { font-size: 24px; line-height: 28px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B','NSimSun', 'STSong',serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.zh-CN .t14 { font-size: 54px; line-height: 58px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B','NSimSun', 'STSong',serif; font-weight: 300; font-style: normal; text-transform: none; }
body.zh-CN .t15 { font-size: 51px; line-height: 64px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B','NSimSun', 'STSong',serif; font-weight: 300; font-style: normal; text-transform: none; }
body.zh-CN .t16 { font-size: 35px; line-height: 37px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B','NSimSun', 'STSong',serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.zh-CN .t17 { font-size: 23px; line-height: 33px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B','NSimSun', 'STSong',serif; font-weight: 300; font-style: normal; text-transform: none; }
body.zh-CN .t18 { font-size: 15px; line-height: 19px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B','NSimSun', 'STSong',serif; font-weight: 300; font-style: normal; text-transform: none; }
body.zh-CN .t19 { font-size: 61px; line-height: 64px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B','NSimSun', 'STSong',serif; font-weight: 300; font-style: italic; text-transform: uppercase; }
body.zh-CN .t20 { font-size: 14px; line-height: 18px; letter-spacing: 0; font-family: 'Sterling Display 7r', 'Sterling Display A', 'Sterling Display B','NSimSun', 'STSong',serif; font-weight: 700; font-style: normal; text-transform: uppercase; }
body.zh-CN .t21 { font-size: 120px; line-height: 120px; letter-spacing: 0; font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B','NSimSun', 'STSong',serif; font-weight: 300; font-style: italic; text-transform: uppercase; }
body.zh-CN .t25, body.zh-CN .t24 { font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B','NSimSun', 'STSong',serif }
body.zh-CN .t23 { font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B','NSimSun', 'STSong',serif; font-style: normal;}
body.zh-CN .l1 { font-size: 13px; line-height: 13px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B','NSimSun', 'STSong',serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.zh-CN .l2, body.zh-CN .faq-overlay .l2 { font-size: 13px; letter-spacing:0em; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B','NSimSun', 'STSong',serif; font-weight: 300; font-style: normal; text-transform: none; color: #666; }
body.zh-CN .l20 { font-size: 13px; letter-spacing:0em; line-height: 18px; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B','NSimSun', 'STSong',serif; font-weight: 300; font-style: normal; text-transform: none; color: #666; }
body.zh-CN .l3 { font-size: 15px; line-height: 18px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B','NSimSun', 'STSong',serif; font-weight: 300; font-style: normal; text-transform: none; }
body.zh-CN .l30 { font-size: 13px; line-height: 15px; letter-spacing: 0; font-family: 'Sterling SSm 3i', 'Sterling SSm A', 'Sterling SSm B','NSimSun', 'STSong',serif; font-weight: 300; font-style: normal; text-transform: none; }
body.zh-CN .l31 { font-size: 15px; line-height: 18px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B','NSimSun', 'STSong',serif; font-weight: 300; font-style: normal; text-transform: none; }
body.zh-CN .l4 { font-size: 13px; line-height: 15px; letter-spacing: 0; font-family: 'Sterling SSm 7r', 'Sterling SSm A', 'Sterling SSm B','NSimSun', 'STSong',serif; font-weight: 700; font-style: normal; text-transform: none; }
body.zh-CN .l5 { font-size: 13px; line-height: 33px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B','NSimSun', 'STSong',serif; font-weight: 300; font-style: normal; text-transform: none; color: #666; }
body.zh-CN .l6 { font-size: 12px; letter-spacing:.1em; line-height: 16px; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B','NSimSun', 'STSong',serif; font-weight: 400; font-style: normal; text-transform: uppercase; }
body.zh-CN .l6 .share-menu {font-size: 10px; }
body.zh-CN .l7 { font-size: 12px; line-height: 15px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B','NSimSun', 'STSong',serif; font-weight: 300; font-style: normal; text-transform: none; }
body.zh-CN .l8 { font-size: 16px; line-height: 22px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B','NSimSun', 'STSong',serif; font-weight: 300; font-style: normal; text-transform: none; color: #666; }
body.zh-CN .l9 { font-size: 13px; line-height: 19px; letter-spacing: 0; font-family: 'Sterling SSm 3r', 'Sterling SSm A', 'Sterling SSm B','NSimSun', 'STSong',serif; font-weight: 300; font-style: normal; text-transform: none; }
body.zh-CN .flydown-item h2 { font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B','NSimSun', 'STSong',serif;}
body.zh-CN.ie-8 .t1 { font-size: 28px; line-height: 32px; }
body.zh-CN.ie-8 .t2 { font-size: 24px; line-height: 28px; }
body.zh-CN.ie-8 .t3 { font-size: 22px; line-height: 26px; }
body.zh-CN.ie-8 .t4 { font-size: 23px; line-height: 25px; }
body.zh-CN.ie-8 .t40 { font-size: 23px; line-height: 25px; }
body.zh-CN.ie-8 .t41 { font-size: 21px; line-height: 23px; }
body.zh-CN.ie-8 .t5 { font-size: 19px; line-height: 19px; }
body.zh-CN.ie-8 .t50 { font-size: 19px; line-height: 28px; }
body.zh-CN.ie-8 .t6 { font-size: 15px; line-height: 17px; }
body.zh-CN.ie-8 .t7 { font-size: 15px; line-height: 22px; }
body.zh-CN.ie-8 .t8 { font-size: 11px; line-height: 19px; }
body.zh-CN.ie-8 .t9 { font-size: 10px; line-height: 10px; }
body.zh-CN.ie-8 .t10 { font-size: 15px; line-height: 23px; }
body.zh-CN.ie-8 .t11 { font-size: 15px; line-height: 15px; }
body.zh-CN.ie-8 .t13 { font-size: 22px; line-height: 26px; }
body.zh-CN.ie-8 .t14 { font-size: 54px; line-height: 58px; }
body.zh-CN.ie-8 .t15 { font-size: 51px; line-height: 64px; }
body.zh-CN.ie-8 .t16 { font-size: 28px; line-height: 30px; }
body.zh-CN.ie-8 .t17 { font-size: 20px; line-height: 22px; }
body.zh-CN.ie-8 .l1 { font-size: 11px; line-height: 11px; }
body.zh-CN.ie-8 .l2 { font-size: 11px; }
body.zh-CN.ie-8 .l20 { font-size: 11px; line-height: 15px; }
body.zh-CN.ie-8 .l3 { font-size: 12px; line-height: 15px; }
body.zh-CN.ie-8 .l30 { font-size: 11px; line-height: 16px; }
body.zh-CN.ie-8 .l31 { font-size: 13px; line-height: 16px; }
body.zh-CN.ie-8 .l4 { font-size: 10px; line-height: 12px; }
body.zh-CN.ie-8 .l5 { font-size: 10px; line-height: 30px; }
body.zh-CN.ie-8 .l6 { font-size: 10px; line-height: 14px; }
body.zh-CN.ie-8 .l7 { font-size: 10px; line-height: 13px; }
body.zh-CN.ie-8 .l8 { font-size: 13px; line-height: 19px; }*/
/*pt-BR */
#itemPage.pt-BR .item-extras h4 a {
margin: 0 6px;
}
/*@media only screen and (max-width: 1250px) {
body.de-DE .desc h2 { font-size: 20px; }
body.ja-JP, body.ja-JP-EStr, body.ja-JP-Trade { font-size: 10px; line-height: 13px; }
body.ja-JP .t1, body.ja-JP-EStr .t1, body.ja-JP-Trade .t1 { font-size: 18px; line-height: 24px; }
body.ja-JP .t2, body.ja-JP-EStr .t2, body.ja-JP-Trade .t2 { font-size: 18px; line-height: 22px; }
body.ja-JP .t3, body.ja-JP-EStr .t3, body.ja-JP-Trade .t3 { font-size: 18px; line-height: 22px; }
body.ja-JP .t4, body.ja-JP-EStr .t4, body.ja-JP-Trade .t4 { font-size: 23px; line-height: 25px; }
body.ja-JP .t40, body.ja-JP-EStr .t40, body.ja-JP-Trade .t40 { font-size: 18px; line-height: 22px; }
body.ja-JP .t41, body.ja-JP-EStr .t41, body.ja-JP-Trade .t41 { font-size: 21px; line-height: 23px; }
body.ja-JP .t5, body.ja-JP-EStr .t5, body.ja-JP-Trade .t5 { font-size: 16px; line-height: 16px; }
body.ja-JP .t50, body.ja-JP-EStr .t50, body.ja-JP-Trade .t50 { font-size: 12px; line-height: 18px; }
body.ja-JP .t6, body.ja-JP-EStr .t6, body.ja-JP-Trade .t6 { font-size: 15px; line-height: 17px; }
body.ja-JP .t7, body.ja-JP-EStr .t7, body.ja-JP-Trade .t7 { font-size: 15px; line-height: 22px; }
body.ja-JP .t8, body.ja-JP-EStr .t8, body.ja-JP-Trade .t8 { font-size: 10px; line-height: 16px; }
body.ja-JP .t80, body.ja-JP-EStr .t80, body.ja-JP-Trade .t80 { font-size: 12px; line-height: 18px; }
body.ja-JP .t9, body.ja-JP-EStr .t9, body.ja-JP-Trade .t9 { font-size: 10px; line-height: 10px; }
body.ja-JP .t10, body.ja-JP-EStr .t10, body.ja-JP-Trade .t10 { font-size: 15px; line-height: 23px; }
body.ja-JP .t11, body.ja-JP-EStr .t11, body.ja-JP-Trade .t11 { font-size: 15px; line-height: 15px; }
body.ja-JP .t12, body.ja-JP-EStr .t12, body.ja-JP-Trade .t12 { font-size: 10px; line-height: 14px; }
body.ja-JP .t13, body.ja-JP-EStr .t13, body.ja-JP-Trade .t13 { font-size: 20px; line-height: 24px; }
body.ja-JP .t14, body.ja-JP-EStr .t14, body.ja-JP-Trade .t14 { font-size: 50px; line-height: 56px; }
body.ja-JP .t15, body.ja-JP-EStr .t15, body.ja-JP-Trade .t15 { font-size: 50px; line-height: 56px; }
body.ja-JP .t16, body.ja-JP-EStr .t16, body.ja-JP-Trade .t16 { font-size: 22px; line-height: 30px; }
body.ja-JP .t17, body.ja-JP-EStr .t17, body.ja-JP-Trade .t17 { font-size: 18px; line-height: 20px; }
body.ja-JP .t18, body.ja-JP-EStr .t18, body.ja-JP-Trade .t18 { font-size: 13px; line-height: 18px; }
body.ja-JP .t19, body.ja-JP-EStr .t19, body.ja-JP-Trade .t19 { font-size: 51px; line-height: 54px; }
body.ja-JP .t20, body.ja-JP-EStr .t20, body.ja-JP-Trade .t20 { font-size: 12px; line-height: 16px; }
body.ja-JP .t21, body.ja-JP-EStr .t21, body.ja-JP-Trade .t21 { font-size: 100px; line-height: 100px; }
body.ja-JP .l1, body.ja-JP-EStr .l1, body.ja-JP-Trade .l1 { font-size: 11px; line-height: 11px; }
body.ja-JP .l2, body.ja-JP-EStr .l2, body.ja-JP-Trade .l2 { font-size: 11px; }
body.ja-JP .l20, body.ja-JP-EStr .l20, body.ja-JP-Trade .l20 { font-size: 11px; }
body.ja-JP .l3, body.ja-JP-EStr .l3, body.ja-JP-Trade .l3 { font-size: 12px; line-height: 15px; }
body.ja-JP .l30, body.ja-JP-EStr .l30, body.ja-JP-Trade .l30 { font-size: 11px; line-height: 13px; }
body.ja-JP .l31, body.ja-JP-EStr .l31, body.ja-JP-Trade .l31 { font-size: 12px; line-height: 15px; }
body.ja-JP .l4, body.ja-JP-EStr .l4, body.ja-JP-Trade .l4 { font-size: 10px; line-height: 12px; }
body.ja-JP .l5, body.ja-JP-EStr .l5, body.ja-JP-Trade .l5 { font-size: 10px; line-height: 30px; }
body.ja-JP .l6, body.ja-JP-EStr .l6, body.ja-JP-Trade .l6 { font-size: 10px; }
body.ja-JP .l7, body.ja-JP-EStr .l7, body.ja-JP-Trade .l7 { font-size: 10px; line-height: 13px; }
body.ja-JP .l8, body.ja-JP-EStr .l8, body.ja-JP-Trade .l8 { font-size: 13px; line-height: 19px; }
body.ja-JP .l9, body.ja-JP-EStr .l9, body.ja-JP-Trade .l9 { font-size: 12px; line-height: 18px; }
.ja-JP footer .indent, .ja-JP-EStr footer .indent, .ja-JP-Trade footer .indent {padding: 0 5% 0 2%; }
body.ko-KR .t1 { font-size: 22px; line-height: 32px; }
body.ko-KR .t2 { font-size: 23px; line-height: 28px; }
body.ko-KR .t3 { font-size: 22px; line-height: 26px; }
body.ko-KR .t4 { font-size: 23px; line-height: 25px; }
body.ko-KR .t40 { font-size: 23px; line-height: 25px; }
body.ko-KR .t4 { font-size: 21px; line-height: 23px; }
body.ko-KR .t5 { font-size: 19px; line-height: 19px; }
body.ko-KR .t50 { font-size: 19px; line-height: 28px; }
body.ko-KR .t6 { font-size: 15px; line-height: 19px; }
body.ko-KR .t7 { font-size: 15px; line-height: 22px; }
body.ko-KR .t8 { font-size: 11px; line-height: 19px; }
body.ko-KR .t9 { font-size: 10px; line-height: 10px }
body.ko-KR .t10 { font-size: 15px; line-height: 23px; }
body.ko-KR .t11 { font-size: 15px; line-height: 15px; }
body.ko-KR .t13 { font-size: 22px; line-height: 26px; }
body.ko-KR .t14 { font-size: 59px; line-height: 62px; }
body.ko-KR .t15 { font-size: 59px; line-height: 62px; }
body.ko-KR .t16 { font-size: 28px; line-height: 30px; }
body.ko-KR .t17 { font-size: 20px; line-height: 22px; }
body.ko-KR .l1 { font-size: 11px; line-height: 11px; }
body.ko-KR .l2 { font-size: 11px; }
body.ko-KR .l20 { font-size: 11px; line-height: 15px; }
body.ko-KR .l3 { font-size: 12px; line-height: 15px; }
body.ko-KR .l30 { font-size: 11px; line-height: 16px; }
body.ko-KR .l31 { font-size: 13px; line-height: 16px; }
body.ko-KR .l4 { font-size: 10px; line-height: 12px; }
body.ko-KR .l5 { font-size: 10px; line-height: 30px; }
body.ko-KR .l6 { font-size: 10px; line-height: 14px; }
body.ko-KR .l7 { font-size: 10px; line-height: 13px; }
body.ko-KR .l8 { font-size: 13px; line-height: 19px; }
body.zh-Hant .t1 { font-size: 28px; line-height: 32px; }
body.zh-Hant .t2 { font-size: 24px; line-height: 28px; }
body.zh-Hant .t3 { font-size: 22px; line-height: 26px; }
body.zh-Hant .t4 { font-size: 23px; line-height: 25px; }
body.zh-Hant .t40 { font-size: 23px; line-height: 25px; }
body.zh-Hant .t41 { font-size: 21px; line-height: 23px; }
body.zh-Hant .t5 { font-size: 19px; line-height: 19px; }
body.zh-Hant .t50 { font-size: 19px; line-height: 28px; }
body.zh-Hant .t6 { font-size: 15px; line-height: 17px; }
body.zh-Hant .t7 { font-size: 15px; line-height: 22px; }
body.zh-Hant .t8 { font-size: 11px; line-height: 19px; }
body.zh-Hant .t9 { font-size: 10px; line-height: 10px; }
body.zh-Hant .t10 { font-size: 15px; line-height: 23px; }
body.zh-Hant .t11 { font-size: 15px; line-height: 15px; }
body.zh-Hant .t13 { font-size: 22px; line-height: 26px; }
body.zh-Hant .t14 { font-size: 51px; line-height: 64px; }
body.zh-Hant .t15 { font-size: 59px; line-height: 62px; }
body.zh-Hant .t16 { font-size: 28px; line-height: 30px; }
body.zh-Hant .t17 { font-size: 20px; line-height: 22px; }
body.zh-Hant .l1 { font-size: 11px; line-height: 11px; }
body.zh-Hant .l2 { font-size: 11px; }
body.zh-Hant .l20 { font-size: 11px; line-height: 15px; }
body.zh-Hant .l3 { font-size: 12px; line-height: 15px; }
body.zh-Hant .l30 { font-size: 11px; line-height: 15px; }
body.zh-Hant .l31 { font-size: 13px; line-height: 16px; }
body.zh-Hant .l4 { font-size: 10px; line-height: 12px; }
body.zh-Hant .l5 { font-size: 10px; line-height: 30px; }
body.zh-Hant .l6 { font-size: 10px; line-height: 14px; }
body.zh-Hant .l7 { font-size: 10px; line-height: 13px; }
body.zh-Hant .l8 { font-size: 13px; line-height: 19px; }
body.zh-CN .t1 { font-size: 28px; line-height: 32px; }
body.zh-CN .t2 { font-size: 24px; line-height: 28px; }
body.zh-CN .t3 { font-size: 22px; line-height: 26px; }
body.zh-CN .t4 { font-size: 23px; line-height: 25px; }
body.zh-CN .t40 { font-size: 23px; line-height: 25px; }
body.zh-CN .t41 { font-size: 21px; line-height: 23px; }
body.zh-CN .t5 { font-size: 19px; line-height: 19px; }
body.zh-CN .t50 { font-size: 19px; line-height: 28px; }
body.zh-CN .t6 { font-size: 15px; line-height: 17px; }
body.zh-CN .t7 { font-size: 15px; line-height: 22px; }
body.zh-CN .t8 { font-size: 11px; line-height: 19px; }
body.zh-CN .t9 { font-size: 10px; line-height: 10px; }
body.zh-CN .t10 { font-size: 15px; line-height: 23px; }
body.zh-CN .t11 { font-size: 15px; line-height: 15px; }
body.zh-CN .t13 { font-size: 22px; line-height: 26px; }
body.zh-CN .t14 { font-size: 54px; line-height: 58px; }
body.zh-CN .t15 { font-size: 51px; line-height: 64px; }
body.zh-CN .t16 { font-size: 28px; line-height: 30px; }
body.zh-CN .t17 { font-size: 20px; line-height: 22px; }
body.zh-CN .l1 { font-size: 11px; line-height: 11px; }
body.zh-CN .l2 { font-size: 11px; }
body.zh-CN .l20 { font-size: 11px; line-height: 15px; }
body.zh-CN .l3 { font-size: 12px; line-height: 15px; }
body.zh-CN .l30 { font-size: 11px; line-height: 16px; }
body.zh-CN .l31 { font-size: 13px; line-height: 16px; }
body.zh-CN .l4 { font-size: 10px; line-height: 12px; }
body.zh-CN .l5 { font-size: 10px; line-height: 30px; }
body.zh-CN .l6 { font-size: 10px; line-height: 14px; }
body.zh-CN .l7 { font-size: 10px; line-height: 13px; }
body.zh-CN .l8 { font-size: 13px; line-height: 19px; }
body.ru-RU { font-size: 11px; line-height: 14px; }
body.ru-RU .t1 { font-size: 22px; line-height: 24px; }
body.ru-RU .t2 { font-size: 22px; line-height: 24px; }
body.ru-RU .t3 { font-size: 22px; line-height: 22px; }
body.ru-RU .t4 { font-size: 21px; line-height: 23px; }
body.ru-RU .t40 { font-size: 20px; line-height: 23px; }
body.ru-RU .t41 { font-size: 19px; line-height: 21px; }
body.ru-RU .t5 { font-size: 19px; line-height: 22px; }
body.ru-RU .t50 { font-size: 19px; line-height: 28px; }
body.ru-RU .t6 { font-size: 15px; line-height: 19px; }
body.ru-RU .t7 { font-size: 15px; line-height: 22px; }
body.ru-RU .t8 { font-size: 11px; line-height: 19px; }
body.ru-RU .t80 { font-size: 12px; line-height: 18px; }
body.ru-RU .t9 { font-size: 10px; line-height: 10px; }
body.ru-RU .t10 { font-size: 15px; line-height: 23px; }
body.ru-RU .t11 { font-size: 15px; line-height: 15px; }
body.ru-RU .t12 { font-size: 15px; line-height: 18px; }
body.ru-RU .t13 { font-size: 22px; line-height: 26px; }
body.ru-RU .t14 { font-size: 40px; line-height: 50px; }
body.ru-RU .t15 { font-size: 40px; line-height: 50px; }
body.ru-RU .t16 { font-size: 28px; line-height: 30px; }
body.ru-RU .t17 { font-size: 16px; line-height: 20px; }
body.ru-RU .t18 { font-size: 13px; line-height: 17px; }
body.ru-RU .t19 { font-size: 51px; line-height: 54px; }
body.ru-RU .t20 { font-size: 12px; line-height: 16px; }
body.ru-RU .t21 { font-size: 100px; line-height: 100px; }
body.ru-RU .t22 { font-size: 32px; line-height: 36px; }
body.ru-RU .t23 { font-size: 32px; line-height: 36px; }
body.ru-RU .l1 { font-size: 10px; line-height: 10px; }
body.ru-RU .l2 { font-size: 10px; }
body.ru-RU .l20 { font-size: 10px; line-height: 15px; }
body.ru-RU .l3 { font-size: 12px; line-height: 15px; }
body.ru-RU .l30 { font-size: 10px; line-height: 12px; }
body.ru-RU .l31 { font-size: 12px; line-height: 15px; }
body.ru-RU .l4 { font-size: 10px; line-height: 12px; }
body.ru-RU .l5 { font-size: 11px; line-height: 30px; }
body.ru-RU .l6 { font-size: 10px; line-height: 14px; }
body.ru-RU .l7 { font-size: 10px; line-height: 13px; }
body.ru-RU .l8 { font-size: 13px; line-height: 19px; }
body.ru-RU .l9 { font-size: 12px; line-height: 18px; }
}*/
/*#engraving a:focus, #engraving input:focus { outline: dotted !important; }*/ /* FOR DEBUGGING */
/*Email Sign Up Footer */
#emailFooterSignUp {
line-height: 18px;
border-top: 1px solid black;
width: 132%;
padding-top: 10px
}
#ctlEmailSignUp_txtSubscribeEmail {
width: 160px;
padding: 7px;
}
body.ios #ctlEmailSignUp_txtSubscribeEmail {
width: 110px;
}
body.ios.it-IT #ctlEmailSignUp_txtSubscribeEmail {
width: 120px;
}
body.ios.zh-CN #ctlEmailSignUp_txtSubscribeEmail {
width: 130px;
}
body.ios.de-DE #ctlEmailSignUp_txtSubscribeEmail, body.ios.de-AT #ctlEmailSignUp_txtSubscribeEmail {
width: 92%;
}
body.ios.fr-FR #ctlEmailSignUp_txtSubscribeEmail, body.ios.fr-CA #ctlEmailSignUp_txtSubscribeEmail {
width: 92%;
}
body.zh-CN #ctlEmailSignUp_txtSubscribeEmail {
width: 185px;
}
body.it-IT #ctlEmailSignUp_txtSubscribeEmail {
width: 170px;
}
body.de-AT #ctlEmailSignUp_txtSubscribeEmail, body.de-DE #ctlEmailSignUp_txtSubscribeEmail {
width: 140px;
}
body.fr-FR #ctlEmailSignUp_txtSubscribeEmail, body.fr-CA #ctlEmailSignUp_txtSubscribeEmail {
width: 130px;
}
#emailSignUpOverlay {
display: none
}
.Intl #emailSignUpOverlay, .zh-Hant #emailSignUpOverlay {
display: block;
}
.Intl #footerlink5, .zh-Hant #footerlink5 {
margin-top: 0px
}
/*Estore policy CSS*/
.en-US-EStr #linkContactInfo, .en-US-EStr #linkSalesTax, .en-US-EStr #linkCounterfeit, .en-US-EStr #linkPhotography, .en-US-EStr #linkApplicableLaws {
display: none
}
.ja-JP-EStr #linkContactInfo, .ja-JP-EStr #linkSalesTax, .ja-JP-EStr #linkCounterfeit, .ja-JP-EStr #linkPhotography, .ja-JP-EStr #linkApplicableLaws, .ja-JP-EStr #linkTermsOfUse,
.ja-JP-EStr #linkRepairPolicy, .ja-JP-EStr #linkReturnPolicy, .ja-JP-EStr #linkTrademarks {
display: none
}
/*KR Tiffany Story CSS*/
.ko-KR.tts-legacy-box .tts-hero-content .tts18 {
font-style: normal;
}
.ko-KR.tts-design-tiffany .pod-2 .tts7 {
max-width: 100%;
}
.ko-KR.tts-design-peretti.ie-8 .pod-6, .ko-KR.tts-design-peretti.ie-8 .pod-4 {
width: 16%;
min-width: 180px;
}
/*Google Map InfoWindow Fixes*/
.gm-style div, .gm-style span, .gm-style label, .gm-style a {
font-family: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
}
.gm-style .gm-style-iw, .gm-style .gm-style-iw a, .gm-style .gm-style-iw span, .gm-style .gm-style-iw label, .gm-style .gm-style-iw div {
font-size: inherit !important;
font-weight: inherit !important;
}
.gm-style div, .gm-style span, .gm-style label {
text-decoration: inherit !important;
}
/*April14 Tiffany Style*/
body.zh-CN .slide-1 .mainText {
width: 32% !important
}
body.ko-KR .slide-5 .righttext {
width: 24% !important
}
body.ko-KR .slide-1 .mainText {
width: 34% !important
}
body.zh-CN .slide-1 .captionText, body.zh-CN .slide-2 .captionText {
width: 30% !important
}
body.zh-CN .slide-2 .mainText {
width: 27% !important
}
body.zh-CN .slide-3 .mainText {
width: 44% !important
}
body.zh-CN .slide-4 .captionText {
width: 30% !important
}
body.zh-CN .slide-5 .mainText, body.zh-CN .slide-5 .captionText {
width: 24% !important
}
.BBOverlay {
position: absolute;
text-align: center;
font-size: 25px;
line-height: 20.5px;
font-family: Arial, Helvetica, sans-serif;
height: 20px;
width: 20px;
}
.dark .BBOverlay {
border: 1px solid white;
}
.whitebg .BBOverlay {
border: 1px solid black;
}
.BBOverlay:hover {
border-color: #41c1ca !important;
}
a.BBOverlay {
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
}
.itemOverlay {
display: none;
position: absolute;
text-align: center;
background: #fff;
border: 3px solid #f6f5ee;
left: 25% !important;
width: 40%;
top: 5% !important;
bottom: 10%;
z-index: 1001 !important;
padding: 2%;
}
.itemOverlay .close {
position: absolute;
top: 0%;
right: 1%;
}
.TiffanyStyleBBOverlay hr.tsHR {
color: black !important;
background-color: black !important;
}
.TiffanyStyleBBOverlay {
color: black;
}
.TiffanyStyleBBOverlay a.viewLink {
color: black !important;
}
.TiffanyStyleBBOverlay a.viewLink:hover {
color: #41c1ca !important;
}
.TSBBClose {
color: black !important;
}
/*body.pt-BR .t24 { font-size: 36px; line-height: 40px; letter-spacing: 8px; font-family: 'Sterling SSm 4i', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.es-MX .t24 { font-size: 36px; line-height: 40px; letter-spacing: 4px; font-family: 'Sterling SSm 4i', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.it-IT .t24 { font-size: 36px; line-height: 40px; letter-spacing: 10px; font-family: 'Sterling SSm 4i', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 300; font-style: normal; text-transform: uppercase; }
body.de-DE .t24 { font-size: 32px; line-height: 40px; letter-spacing: 0px; font-family: 'Sterling SSm 4i', 'Sterling SSm A', 'Sterling SSm B', serif; font-weight: 300; font-style: normal; text-transform: uppercase; }*/
/* Engagement Signup */
input.phoneNum::-ms-clear {
display: none;
}
.engagementSignup .mainTitle {
padding: 50px 0 20px;
}
.engagementSignup .mainTitle .l3 {
line-height: 1.6em;
}
.engagementSignup .differenceHeader {
margin: 0 auto;
width: 60%;
}
.engagementSignup .differenceHeader.l3 {
color: #808080;
}
.engagementSignup h2.sectionHeader {
width: 100%;
padding-bottom: 10px;
}
.ESForm {
width: 350px;
margin: 0 auto;
}
.ESForm input[type="text"], .ESForm input[type="email"], .ESForm input[type="number"], .ESForm select {
border: 1px solid #808080;
padding: 8px;
width: 100%;
margin-bottom: 10px;
font-size: 11px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
}
.ESForm input[type="checkbox"] {
margin: 0 15px 10px 0;
}
.ESForm select {
padding: 8px !important;
background: url(/shared/images/icons/select-arrow-open.png) no-repeat scroll 97% 12px / 11px 6px rgba(0,0,0,0);
}
#EngagementSignupPurchaser_cboxSameAddressAsRecipient {
margin-bottom: 20px;
}
.ESForm h3 {
margin-bottom: 8px;
}
.ESForm .addlInfo {
position: absolute;
left: 0;
margin-left: 20px;
}
.ESForm .formSection {
margin-bottom: 20px;
}
.ESForm .formSection p a {
font-size: 12px;
}
.ESForm .custom-drop {
width: 100%;
position: relative;
}
.ESForm .custom-drop div.choice {
font-style: italic;
color: #666;
letter-spacing: 0px;
text-transform: none;
font-size: 11px;
background: url("/shared/images/icons/select-arrow-open_no_retina.png") no-repeat scroll 97% 12px #fff;
background: url("/shared/images/icons/select-arrow-open.png") no-repeat scroll 97% 12px / 11px 6px rgba(0, 0, 0, 0);
border: 1px solid #808080 !important;
margin: 0 0 10px 0;
padding: 8px;
display: block;
}
.ESForm .custom-drop.disabled div.choice {
background-color: #eee;
}
.ESForm .custom-drop.hasSelection div.choice, .ESForm select.hasSelection {
font-style: normal;
color: #000;
text-transform: uppercase;
font-size: 10px;
}
.ESForm .custom-drop div.rollbar {
margin-top: -42px;
width: 100%;
padding-right: 0;
margin-right: 0;
border: 1px solid #808080;
}
.ESForm .custom-drop li:first-child {
font-style: italic;
letter-spacing: 0px;
text-transform: none;
color: #666;
font-size: 11px;
}
.ESForm p {
font-size: 12px;
}
.ESForm input[type="submit"] {
width: 100%;
margin: 30px 0;
}
.ESForm label.error, .ESForm label.serverError, .engagementSignup #pleaseCorrectErrors {
display: block;
font-size: 11px;
color: #e31f26;
font-weight: bold;
position: relative;
top: -5px;
margin-bottom: 5px;
}
.ESForm label.error p, .ESForm label.serverError p {
font-size: 11px;
}
.engagementSignup #pleaseCorrectErrors {
display: none;
text-align: center;
}
.ESForm input[type="text"].ukzip1 {
display: inline;
width: 65%;
margin-right: 5%;
}
.ESForm input[type="text"].ukzip2 {
display: inline;
width: 30%;
}
#ukAgreement span {
position: relative;
display: block;
margin-bottom: 10px;
}
#ukAgreement input {
position: absolute;
}
#ukAgreement span label {
display: inline-block;
margin-left: 8%;
position: relative;
}
#EngagementSignupConfirm hr {
margin: 25px auto 10px;
-moz-box-sizing: inherit;
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
#EngagementSignupConfirm hr.main {
margin: 6px auto 10px;
border-bottom: 1px solid #ccc;
height: 1px;
}
#EngagementSignupConfirm hr.small {
width: 20px;
}
.engagementSignup hr.shadow {
width: 100%;
height: 2px;
border-bottom: 1px solid #ccc;
margin-bottom: 0;
margin-top: 0;
-moz-box-sizing: inherit;
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
.engagementSignup hr.sectionDivide {
margin-bottom: 40px;
}
#EngagementSignupConfirm hr.title {
margin: 5px auto 2px;
}
#EngagementSignupConfirm h2.subTitle {
font-weight: 600;
}
#EngagementSignupConfirm p {
line-height: 1.5em;
margin: 8px 0;
}
#EngagementSignupConfirm p.l2 {
font-size: 12px;
padding-top: 5px;
}
@media only screen and (max-width: 1250px) {
#EngagementSignupConfirm hr {
margin: 15px auto 5px;
}
}
/*---*/
.en-US-PKB #divDepartment div.custom-drop, .en-US-PKB #divDepartment div .rollbar {
width: 225px;
}
body.locationDefault.Intl .mainLocationGrid {
overflow: visible;
}
body.locationDefault.Intl .mainLocationGrid .custom-drop .rollbar {
bottom: 20px;
max-height: 170px !important;
}
/*Tiffany Style Tiffany Key*/
body.en-US .usKey {
display: block !important;
}
body.en-US .otherKey {
display: none;
}
body.ja-JP #keys-slide3, body.ja-JP-Trade #keys-slide3 {
width: 22% !important;
}
body.ja-JP #keys-slide1 p, body.ja-JP #keys-slide2 p, body.ja-JP #keys-slide3 p, body.ja-JP-Trade #keys-slide1 p, body.ja-JP-Trade #keys-slide2 p, body.ja-JP-Trade #keys-slide3 p {
font-size: 27px;
!important;
}
body.ko-KR #keys-slide1 {
width: 22% !important;
}
body.ko-KR #keys-slide3 {
width: 21% !important;
}
body.zh-CN #keys-slide1 {
width: 21% !important;
}
body.zh-CN #keys-slide3, body.de-DE #keys-slide3 {
width: 20% !important;
}
body.ko-KR .goldRush {
width: 30% !important;
}
body.en-US-PKB.embedded #header, body.en-US-PKB.embedded footer {
display: none;
}
body.en-US-PKB.embedded #wrapper {
padding-top: 20px;
padding-bottom: 20px;
}
body.en-US-PKB.embedded #image-holder .backlink {
display: none;
}
/* PKB/COMPASS CSS */
body.en-US-PKB.embedded #header, body.en-US-PKB.embedded footer {
display: none;
}
body.en-US-PKB.embedded #wrapper {
padding: 10px;
}
body.en-US-PKB.embedded #image-holder .backlink {
display: none;
}
.en-US-PKB a {
transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
}
.en-US-PKB a, .selected {
color: #3daeb6;
}
.en-US-PKB a:hover {
color: #359298 !important;
}
body.en-US-PKB {
font-size: 12px;
line-height: 140%;
}
.en-US-PKB #wrapper, .en-US-PKB.narrow #wrapper {
min-width: 723px;
}
.en-US-PKB .l1 {
text-transform: none;
font-size: 12px;
line-height: 140%;
font-weight: 700;
}
.en-US-PKB .l6 {
text-transform: none;
font-size: 12px;
line-height: 140%;
letter-spacing: 0;
}
.en-US-PKB .btn {
text-transform: none;
}
.en-US-PKB #pkbHighRangeEntry {
margin-right: 5px;
}
.en-US-PKB #searchPriceRangeButton {
margin-right: 10px;
}
.twisty > div {
display: none;
}
.twisty.open > div {
display: block;
}
.twisty-toggle span {
display: inline-block;
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 7px solid #A7A9AC;
vertical-align: middle;
margin-top: -2px;
margin-right: 8px;
}
.twisty-toggle.open span {
border-right: 5px solid transparent;
border-top: 7px solid #A7A9AC;
border-left: 5px solid transparent;
border-bottom: 0;
margin-right: 5px;
}
#pkbSearchPage .custom-drop {
border: 1px solid #ccc;
}
.en-US-PKB .custom-drop div.choice, #pkbSearchPage .custom-drop div.choice {
padding: 5px;
background-position: 95.5% 10px;
margin-bottom: 0;
margin-right: 5px;
}
#pkbSearchPage .custom-drop div.rollbar, #pkbSearchPage #divBrowsePageLinks .custom-drop div.rollbar {
margin-top: -27px;
width: auto;
padding-right: 15px;
}
.en-US-PKB #sortBy ul {
padding-top: 2px;
}
.en-US-PKB .custom-drop div.choice {
background: url(/shared/images/icons/select-arrow-gray.png) no-repeat right 10px;
}
#pkbSearchPage .custom-drop li {
padding: 3px 5px;
}
#pkbSearchPage .custom-drop[rel="priceCurrencyWrapper"] {
width: auto;
padding-right: 10px;
white-space: nowrap;
vertical-align: top;
}
#pkbSearchPage .custom-drop[rel="priceCurrencyWrapper"] .choice {
text-overflow: ellipsis;
overflow: hidden;
margin-bottom: -4px;
}
#pkbSearchPage .custom-drop[rel="priceCurrencyWrapper"] .rollbar {
margin-top: -28px;
}
#pkbSearchPage #showImages .custom-drop div.choice {
background-position: 100% 10px;
}
#pkbSearchPage #resultsPerPage .custom-drop div.choice {
background-position: 50% 10px;
}
#pkbSearchPage #divBrowsePageLinks .custom-drop, #pkbSearchPage.narrow #divBrowsePageLinks .custom-drop {
margin-bottom: 10px;
}
.en-US-PKB #searchResults #viewAll, .en-US-PKB #searchResults #viewLess {
float: none;
padding-right: 0;
}
#pkbSearchPage #advancedSearchContainer .custom-drop {
border: 1px solid #81D8D0;
width: 100%;
box-sizing: border-box;
position: relative;
}
#pkbSearchPage #advancedSearchContainer .custom-drop div.choice {
background-position: 98% 10px;
padding: 5px 2% !important;
width: 96%;
}
#pkbSearchPage #advancedSearchContainer .custom-drop div.rollbar {
width: 100%;
padding-right: 0;
}
.en-US-PKB #refinementCheckboxes .column4 .custom-drop {
width: 160px;
padding-right: 5px;
}
.en-US-PKB #refinementCheckboxes #inventoryQuantity {
padding: 5px;
border: solid 1px #ccc;
}
.en-US-PKB #refinementCheckboxes #inventoryLocations {
padding: 5px;
border: solid 1px #ccc;
}
#pkbSearchPage #pagination {
margin-top: 6px;
}
#pageArrowRight span {
display: inline-block;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 7px solid #F7AC5F;
margin: -3px 0 0 5px;
vertical-align: middle;
height: 0;
width: 0;
}
#pageArrowLeft span {
display: inline-block;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 7px solid #F7AC5F;
margin: -3px 5px 0 0;
vertical-align: middle;
height: 0;
width: 0;
}
.en-US-PKB #navigationHolder {
height: auto;
}
.en-US-PKB div#sortBy {
float: none;
display: inline-block;
}
.en-US-PKB #toggleAdvancedSearch {
display: inline-block;
margin: 10px 0;
}
.en-US-PKB #advancedSearchContainer {
margin-left: 20px;
display: none;
}
.en-US-PKB #advancedSearchContainer .sortLabel {
cursor: pointer;
padding: 0 4px;
font-size: 9px;
}
#pkbSearchPage #viewDdlContainer {
float: left;
margin-right: 10px;
}
#pkbSearchPage #viewDdlContainer .custom-drop div.choice {
width: 140px;
}
.en-US-PKB #searchResultsHeader {
border-top: 1px solid #81D8D0;
border-bottom: 1px solid #81D8D0;
}
.en-US-PKB #searchResultsHeader.thumbnails {
display: none !important;
}
.en-US-PKB #searchResultsList td {
border-bottom: 1px solid #81D8D0;
}
#searchResultsList.thumbnails tr {
width: 20%;
float: left;
height: 420px;
}
#searchResultsList.thumbnails td {
display: block;
border-bottom: 0;
}
.en-US-PKB #searchResultsList.thumbnails div.thumbnail {
width: 92%;
padding: 10px 4% 0;
}
.en-US-PKB #searchResultsList.thumbnails div.thumbnail img {
padding: 0;
max-width: 100%;
width: auto;
height: auto;
}
.en-US-PKB #searchResultsList.thumbnails .searchResultsListItem {
width: auto;
}
.en-US-PKB #searchResultsList.thumbnails div.details {
width: 92%;
padding: 0 4%;
margin: 0;
line-height: 160%;
}
.en-US-PKB #searchResultsList.thumbnails div.price {
float: none;
margin: 0;
}
.en-US-PKB #searchResultsList.thumbnails div.divDepartment {
display: none;
}
.en-US-PKB #searchResultsList.thumbnails div.divClass {
display: none;
}
.en-US-PKB #searchResultsList.thumbnails div.divStyle {
display: none;
}
.en-US-PKB i:not(.icon-font) {
background-image: url(/shared/images/icons/icon-sprite@2x.png);
background-repeat: no-repeat;
display: inline-block;
background-size: 140px 720px;
width: 20px;
height: 20px;
}
/* 50% size */
.en-US-PKB i.medium:not(.icon-font) {
background-size: 112px 576px;
width: 16px;
height: 16px;
}
/* 40% size */
.en-US-PKB i.small:not(.icon-font) {
background-size: 84px 432px;
width: 12px;
height: 12px;
}
/* 30% size */
.en-US-PKB .btn i:not(.icon-font) {
vertical-align: middle;
margin-top: -2px;
}
.small.d-14 {
background-position: -36px -156px;
}
.small.d-19 {
background-position: -36px -216px;
}
.small.d-20 {
background-position: -36px -228px;
}
.en-US-PKB .btn, .modal-frame.en-US-PKB input.btn {
background: #3daeb6;
color: #fff;
padding: 6px 10px;
text-decoration: none;
font-size: 12px;
border: 0 !important;
margin: 0;
line-height: 140%;
cursor: pointer;
display: inline-block;
vertical-align: top;
white-space: nowrap;
}
.en-US-PKB .btn:hover {
color: #fff !important;
background: #359298;
}
/* Colors */
.en-US-PKB .orange-bg {
background-color: rgb(247,172,95);
}
.en-US-PKB .dark-orange-bg, .en-US-PKB a.orange-bg:hover {
background-color: rgb(236,141,27);
}
/* End Colors */
/* Item Page */
body.en-US-PKB.embedded .touchpager .wrapper {
width: 94%;
margin-left: 3%;
}
body.en-US-PKB.embedded .page-left-box {
left: 0;
}
body.en-US-PKB.embedded .page-right-box {
right: 0;
}
body.en-US-PKB.embedded #extras-similar .paging {
margin-left: 3%;
}
.en-US-PKB .item-extras {
border-top: 0;
}
.en-US-PKB .item-container, .en-US-PKB .item-info-container {
overflow: visible;
}
.en-US-PKB #grid-popup .item-links a {
text-transform: none;
}
.en-US-PKB .item-extras .clearAllItems {
font-weight: normal !important;
margin-top: 0;
}
.en-US-PKB .item-container:after, .en-US-PKB .item-info-container:after {
content: "";
display: table;
clear: both;
}
.en-US-PKB .item-info-container > div:first-child > div:first-child {
border-bottom: 0;
padding-bottom: 0;
}
.en-US-PKB .item-info-container > div:first-child > div:nth-child(2) {
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
padding-top: 0;
}
.en-US-PKB .item-info-container > div > div:first-child {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.en-US-PKB #itemInformation .custom-drop {
background: #ebebeb;
}
.en-US-PKB .item-info-container .custom-drop div.choice {
padding: 5px;
background-position: right 10px;
}
.en-US-PKB .item-info-container .custom-drop ul {
padding: 2px 0;
}
.en-US-PKB #pkbSkuSearchHolder label {
font-size: 11px;
}
.en-US-PKB #pkbAdditions > a {
font-style: normal;
}
.en-US-PKB #pkbAdditions > a:before {
content: "";
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 8px solid #F7AC5F;
}
.en-US-PKB .backlink {
font-style: normal;
color: #000;
line-height: 16px;
}
.en-US-PKB .backlink:before {
content: "";
display: inline-block;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 8px solid #F7AC5F;
position: absolute;
vertical-align: middle;
margin-top: 2px;
margin-left: -1px;
}
.en-US-PKB #pkbAdditions a br, .en-US-PKB #pkbAdditions a img {
display: none;
}
.en-US-PKB .service-info {
padding: 0 !important;
}
.en-US-PKB h1 .l1 {
text-transform: uppercase;
}
.en-US-PKB #divItemTotalAndButton .t8 {
font-size: 30px;
margin-top: 20px;
}
.en-US-PKB #itemInformation .btn_info img {
display: none;
}
/*.en-US-PKB #itemInformation .btn_info:after { content: ''; background-image: url(/shared/images/icons/icon-sprite@2x.png); background-repeat: no-repeat; display: inline-block; background-size: 112px 576px; width: 16px; height: 16px; background-position: -80px -544px; vertical-align: top; margin-top: -1px; }*/
.en-US-PKB .item-extras h4 a {
font-weight: 400;
color: #000;
}
.en-US-PKB #divAlterNateImg {
padding-top: 0;
margin-bottom: 20px;
}
.en-US-PKB #divAlterNateImg a {
color: #000;
font-style: normal;
text-transform: none;
}
.en-US-PKB.embedded .item-actions {
display: none;
}
.en-US-PKB #ecom-footer .col1 {
width: auto;
}
.en-US-PKB #productLookupHolder #tabs {
background: none;
border: 0;
}
.en-US-PKB #productLookupHolder #tabs .tab {
background-color: #A7A9AC;
display: inline-block;
float: none;
height: auto;
padding: 10px 15px;
text-transform: none;
}
.en-US-PKB #productLookupHolder #tabs .tab.selected {
height: auto;
background-color: #ebebeb;
}
.en-US-PKB #productLookupHolder .panel {
background: #ebebeb;
padding: 10px;
margin: 0;
}
.en-US-PKB #productLookupHolder #tabs ul {
height: auto;
}
.en-US-PKB #productLookupHolder #tabs li {
border: 0;
}
.en-US-PKB #productLookupHolder table {
margin-bottom: 0;
}
.en-US-PKB #productLookupHolder #panel1 .resultsPanel, .en-US-PKB #productLookupHolder #panel2 .resultsPanel {
margin-top: 0;
}
.en-US-PKB #productLookupHolder #searchField {
border: 1px solid #fff;
padding: 5px;
}
.en-US-PKB #productLookupHolder #checkInventoryButtonHolder {
margin-top: 3px;
}
.en-US-PKB #productLookupHolder #searchWithinHolder {
padding: 9px 0 0 7px;
}
.en-US-PKB #productLookupHolder #searchLine1 {
margin-top: 0;
margin-left: 0;
}
.en-US-PKB #productLookupHolder #searchLine2 {
margin-top: 10px;
margin-left: 0;
}
.en-US-PKB #productLookupHolder #searchLine3 {
margin-top: 20px;
margin-left: 0;
}
.en-US-PKB #productLookupHolder #searchDistanceHolder .custom-drop {
border-color: #fff;
margin-right: 10px;
}
.en-US-PKB #productLookupHolder #searchDistanceHolder .custom-drop div.choice {
width: 120px;
}
.en-US-PKB #productLookupHolder #searchDistanceHolder .custom-drop div.rollbar {
margin-top: -27px;
margin-left: -1px;
}
.en-US-PKB #productLookupHolder #searchWithinLabel {
margin-left: 10px;
}
.en-US-PKB #checkInventoryButtonHolder #searchButton {
background: none;
font-size: 0px;
padding: 5px 0;
}
.en-US-PKB #checkInventoryButtonHolder #searchButton:after {
content: '';
background-image: url(/shared/images/icons/icon-sprite@2x.png);
background-repeat: no-repeat;
display: inline-block;
background-size: 140px 720px;
width: 20px;
height: 20px;
background-position: -100px -180px;
vertical-align: top;
margin-top: -1px;
bottom: auto;
opacity: 1;
transform: scaleX(1);
background-color: transparent;
}
/* End Item Page */
/* Grid */
body.en-US-PKB .grid-container {
width: auto;
}
body.en-US-PKB .grid-container:after {
content: "";
display: table;
clear: both;
}
body.en-US-PKB .grid-container > div {
float: left;
margin-left: 0;
margin-right: 2.127659574468085%; /* margin-bottom: 2.127659574468085%; */
}
body.en-US-PKB .grid-container > div:last-child {
margin-right: 0;
}
body.en-US-PKB .grid-container > div > img {
max-width: 100%;
}
body.en-US-PKB .col12 {
width: 100%;
}
body.en-US-PKB .col11 {
width: 91.48936170212765%;
}
body.en-US-PKB .col10 {
width: 82.97872340425532%;
}
body.en-US-PKB .col9 {
width: 74.46808510638297%;
}
body.en-US-PKB .col8 {
width: 65.95744680851064%;
}
body.en-US-PKB .col7 {
width: 57.44680851063829%;
}
body.en-US-PKB .col6 {
width: 48.93617021276595%;
}
body.en-US-PKB .col5 {
width: 40.42553191489362%;
}
body.en-US-PKB .col4 {
width: 31.914893617021278%;
}
body.en-US-PKB .col3 {
width: 23.404255319148934%;
}
body.en-US-PKB .col2 {
width: 14.893617021276595%;
}
body.en-US-PKB .col1 {
width: 6.382978723404255%;
}
body.en-US-PKB .grid-container.browse-grid > div {
margin-left: 1%;
}
body.en-US-PKB .grid-container.browse-grid > div:first-child, body.en-US-PKB .grid-container.browse-grid > div.no-margin {
margin-left: 0;
}
body.en-US-PKB .browse-grid .col1 {
width: 19.2%;
margin-right: 0;
}
/* End Grid */
body.en-US-PKB, body.en-US-PKB div, body.en-US-PKB a, body.en-US-PKB span, body.en-US-PKB input, body.en-US-PKB label, body.en-US-PKB button, body.en-US-PKB select, body.en-US-PKB .t1, body.en-US-PKB .t5 {
font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
}
.en-US-PKB #divStaticPage #divPageTitle {
background: none;
border: 0;
}
.en-US-PKB #divStaticPage #divPageTitle_contents {
border-left: 10px solid #359298;
background: #EBEBEB;
padding: 10px 30px 10px 10px;
width: auto;
min-width: initial;
}
.en-US-PKB #refinementCheckboxes {
min-width: initial;
}
.en-US-PKB .title {
text-transform: none;
}
.en-US-PKB #searchButton {
margin: 0;
float: right;
}
.en-US-PKB .menuDropdowns {
width: 100%;
display: block;
}
.en-US-PKB #refinementCheckboxes {
width: auto;
}
.en-US-PKB #searchBox {
width: 95%;
padding: 5px;
height: auto;
border: 1px solid #ccc;
}
.en-US-PKB .priceRange {
height: auto;
width: 75px;
padding: 5px;
border: 1px solid #ccc;
margin: 0;
}
.en-US-PKB #navigationHolder {
border-top: 1px solid #81D8D0;
}
#pkbSearchPage #sortBy .custom-drop div.choice {
margin-right: 0;
}
.en-US-PKB #resetAllButton {
padding: 5px 10px;
margin: 0;
float: right;
}
.ja-JP .cocktailsMainDiv p, .ja-JP-Trade .cocktailsMainDiv p {
width: 62%
}
#TiffanyStyleLandingPage.ja-JP h2, #TiffanyStyleLandingPage.ja-JP-Trade h2 {
color: inherit !important;
margin-bottom: 0px !important;
}
body#TiffanyStyleLandingPage.ja-JP, #TiffanyStyleLandingPage.ja-JP-Trade {
line-height: 20px !important;
}
/*Tiffany Style Atlas*/
body.de-DE #atlas-slide3-1, body.es-MX #atlas-slide3-1 {
padding: 0px 10px 9%;
width: 20% !important;
}
body.fr-CA #atlas-slide3-1 {
padding: 0px 10px 9%;
width: 19% !important;
top: 39% !important;
}
body.fr-CA #atlas-slide3-1 {
width: 16% !important;
top: 39% !important;
}
body.fr-CA .formBtnWrapperSM {
width: 290px;
padding-top: 20px;
}
body.ja-JP #atlas-slide3-1 {
width: 20% !important;
padding: 0 10px 9% !important;
}
body.ja-JP #atlas-slide3-2 {
width: 20% !important;
}
body.ko-KR #atlas-slide1-1 .t15 {
width: 92% !important;
}
body.ko-KR #atlas-slide3-1 {
left: -0.5% !important;
padding: 0px 10px 9%;
width: 20% !important;
top: 39% !important;
}
body.zh-Hant #atlas-slide1-1 .t15 {
width: 97% !important;
}
.ko-KR .slide-4 .captionText {
width: 18% !important
}
/*Love Inspired*/
body.ja-JP.loveInspired p.aboutChris {
width: 98% !important;
padding-top: 15px !important;
}
body.ja-JP #aboutChrisSlide1 {
padding-top: 30px !important;
}
body.ja-JP #aboutChrisSlide2 {
top: 70% !important;
left: 56% !important;
width: 37% !important;
font-size: 30px;
}
body.ja-JP #aboutChrisSlide3 {
top: 44% !important;
left: 63% !important;
width: 32% !important;
}
body.ja-JP #loveHoldingSlide3-2 p {
font-style: italic !important;
}
body.zh-CN #loveNowSlide1 {
left: 40% !important;
}
body.zh-CN #aboutChrisSlide1 {
width: 39% !important;
}
body.zh-CN #loveExuberantSlide1-2 p {
font-size: 38px !important;
}
body.zh-CN #loveSongSlide1-1 {
left: 77% !important;
top: 55% !important;
width: 23% !important;
}
body.zh-CN #aboutChrisSlide2 {
top: 71% !important;
left: 53% !important;
width: 45% !important;
font-size: 30px;
}
body.zh-CN #loveHoldingSlide1-1 {
left: 70% !important;
width: 28% !important
}
body.zh-CN #loveSongSlide1-2 {
left: 82% !important;
top: 61% !important
}
body.zh-CN #loveSongSlide3-1 {
left: 60% !important;
width: 38% !important
}
body.pt-BR #loveHoldingSlide1-1 {
left: 80% !important;
}
body.pt-BR #loveHoldingSlide2-1 {
left: 65% !important;
width: 27% !important;
}
body.pt-BR #loveHoldingSlide3-1 {
top: 16% !important;
width: 21% !important;
}
body.pt-BR #loveHoldingSlide3-2 {
top: 21% !important;
}
body.pt-BR #loveExuberantSlide1-2, body.es-MX #loveSongSlide1-2 {
left: 73% !important;
}
body.pt-BR #loveSongSlide1-2 {
left: 83% !important;
}
body.pt-BR #loveSongSlide2 {
left: 32% !important;
}
body.pt-BR #loveSongSlide3-1 {
left: 69% !important;
width: 21% !important;
}
body.es-MX #aboutChrisSlide2 {
top: 70% !important;
left: 61% !important;
width: 27% !important;
}
body.es-MX #loveHoldingSlide3-1 {
top: 15% !important;
width: 26% !important;
}
body.es-MX #loveHoldingSlide3-2 {
top: 19% !important;
left: 30% !important;
}
body.es-MX #loveSongSlide1-1 {
top: 52% !important;
left: 71% !important;
}
body.es-MX #loveSongSlide1-2 {
left: 76% !important;
}
body.es-MX #loveSongSlide2-1 {
left: 79% !important;
top: 57% !important;
}
body.es-MX #loveSongSlide3-1 {
left: 65% !important;
}
body.es-MX #loveSongSlide3-1 p, body.pt-BR #loveSongSlide3-1 p {
font-style: normal;
}
body.es-MX #loveNowSlide1 {
left: 40% !important;
}
body.es-MX #loveNowSlide3 {
left: 59% !important;
}
body.zh-Hant .emphasis, body.ko-KR .emphasis {
font-style: normal !important;
}
body.ru-RU #aboutChrisSlide2 {
width: 20% !important;
}
body.ru-RU #aboutChrisSlide1 {
width: 39% !important;
}
.loveInspired .grid-container .collasped {
cursor: pointer
}
.loveInspired .sectionTitle {
text-transform: uppercase;
}
/*CSR*/
.csrBody {
width: 65%;
margin: 0 auto;
padding-top: 15px;
padding-bottom: 30px;
text-align: center;
}
.csrBody div {
padding-top: 15px
}
body.csrEven .csrSectionTitle {
padding-top: 35px;
}
.csr .csrSectionTitle {
text-align: center;
text-transform: uppercase;
}
.modal-frame .pdfOverlay {
display: none;
}
.CSRImage {
padding-top: 25px;
}
.ru-RU.csr .backlink, .ie-8.csr .backlink {
background: none !important;
}
#csrSustainability sup {
font-size: 50%;
}
#csrSustainability.fr-CA sup {
font-size: 50%;
}
#csrSustainability .s7innercontrolbarcontainer #book_download {
display: none;
}
#csrSustainability .s7innercontainer #book_controls #book_zoomInButton,
#csrSustainability .s7innercontainer #book_controls #book_zoomOutButton,
#csrSustainability .s7innercontainer #book_controls #book_zoomResetButton,
#csrSustainability .s7innercontainer #book_controls #book_fullScreenButton {
opacity: 0.25;
}
#csrSustainability .s7innercontainer #book_controls #book_zoomInButton:hover,
#csrSustainability .s7innercontainer #book_controls #book_zoomOutButton:hover,
#csrSustainability .s7innercontainer #book_controls #book_zoomResetButton:hover,
#csrSustainability .s7innercontainer #book_controls #book_fullScreenButton:hover {
opacity: 1;
}
#csrSustainability .s7innercontainer #book_divLeftButton,
#csrSustainability .s7innercontainer #book_divRightButton {
display: none !important;
}
#csrSustainability .s7ecatalogviewer.s7touchinput .s7imagemapeffect .s7mapoverlay {
display: none !important;
}
#WMLTTiffanyVenuesPage #epsControl_divEPS {
padding-bottom: 0px !important;
}
#WMLTTiffanyVenuesPage .headerBreak {
display: none;
}
#catalogBrowse area {
outline: none;
}
/*New Veiw Remaining Items Button style*/
#categoryBrowsePage #viewRemainingButton.item-extras {
border-top: 0px solid #333;
position: relative;
/*background-color:#71D1C5;*/
padding: 2px;
margin-bottom: 15px;
margin-top: 5px;
cursor: pointer;
color: #000;
}
#categoryBrowsePage #viewRemainingButton.item-extras .l1 {
font-size: 15px;
}
#categoryBrowsePage #viewRemainingButton.item-extras a {
display: inline-block;
line-height: 14px;
background: url(/shared/images/icons/icon_plus.png) center left no-repeat;
padding-left: 15px;
background-position: 0px 0px;
}
#categoryBrowsePage #viewRemainingButton.item-extras a.selected {
color: #000 !important
}
#categoryBrowsePage #viewRemainingButton.item-extras a:hover {
color: #000 !important
}
#categoryBrowsePage #viewRemainingButton.item-extras:hover {
background-color: #dff5f3;
}
#itemPage div[rel="avaibleDropdown"] .choice, #DigiCatMiniPDPPage div[rel="avaibleDropdown"] .choice {
margin-left: -4px;
}
/* PKB Error Fix */
#itemPage.en-US-PKB .iteminfo2 {
margin-top: 85px
}
#itemPage.en-US-PKB #pkbSkuSearchHolder {
width: 300px;
}
/* Item page */
#itemPage .iteminfo2 {
margin-top: 70px;
padding-top: 0;
}
#itemPage .down-arrow {
padding-left: 5px;
}
#itemPage #divQuantity {
margin-top: 10px;
}
.sticky-fixed {
position: absolute;
bottom: 0;
}
.sticky-container {
width: 250px;
}
.sticky-container.unpin {
position: static;
}
#itemPage #divItemPage {
position: relative;
}
#itemPage .thumbs > div > img {
margin-left: 0;
}
#itemPage #divServiceInfo {
border: 0 solid #000000;
}
#itemPage #divItemTotalAndButton .item-actions.l6 {
padding-top: 10px;
}
#itemPage #itemInfo2 > div > div.l2 {
padding-top: 0px;
color: #999999;
}
#itemPage #itemInfo2 > div > div.l2 a {
color: #999999;
}
#itemPage #story-scroll {
color: #000000;
}
#itemPage #divItemTotalAndButton .btn:hover {
background-color: #AFE6E0;
border: 1px solid #AFE6E0;
}
#itemPage #divServiceInfo.absolute {
position: absolute;
bottom: 0;
}
#itemPage #divServiceInfo.fixed {
position: fixed;
bottom: 0;
}
#itemPage.en-US-PKB #divServiceInfo {
position: static !important;
}
/* End Item page */
.modal-frame .btn {
font-size: 1.1rem;
}
.watch-t1 span, .watch-t2 span, .watch-t3 span, .watch-t4 span, .watch-t5 span, .watch-t6 span, .watch-t7 span, .watch-t8 span {
display: inline;
border-bottom: 1px solid #999;
padding-bottom: 1px;
}
.dark .watch-t1 span, .dark .watch-t2 span, .dark .watch-t3 span, .dark .watch-t4 span, .dark .watch-t5 span, .dark .watch-t6 span, .dark .watch-t7 span, .dark .watch-t8 span {
border-color: #ddd;
}
.watch-t1 sup, .watch-t2 sup, .watch-t3 sup, .watch-t4 sup, .watch-t5 sup, .watch-t6 sup, .watch-t7 sup, .watch-t8 sup {
font-size: 40%;
}
#itemPage .btn, #DigiCatMiniPDPPage .btn {
transition: all 0.3s ease 0s;
}
#itemPage h1.t1 div.l1, #DigiCatMiniPDPPage h1.t1 div.l1 {
padding-bottom: 5px;
}
/*
#itemPage.watch-ew .item-extras h4.l1,
#itemPage.watch-ct60 .item-extras h4.l1,
#itemPage.watch-atlas .item-extras h4.l1,
#itemPage.watch-cocktail .item-extras h4.l1 {font-family: 'HelveticaNeueW01-65Medi', sans-serif !important; }
#itemPage.watch-ew #btnPurchase,
#itemPage.watch-ew #btnGoToSB,
#DigiCatMiniPDPPage.watch-ew #btnPurchase,
#DigiCatMiniPDPPage.watch-ew #btnGoToSB,
#DigiCatMiniPDPPage.watch-ew #btnFindStore,
#itemPage.watch-ew a#ancEmailWhenAvailable.open-modal.btn,
#DigiCatMiniPDPPage.watch-ew a#ancEmailWhenAvailable.btn { font-size: 12px; line-height: 12px; color: #FFFFFF !important; letter-spacing: 0; font-weight: normal; font-style: normal; text-transform: uppercase; text-decoration: none; background-color: #162958; border: 1px solid #162958 !important; }
#itemPage.watch-ew #btnPurchase:hover,
#itemPage.watch-ew #btnGoToSB:hover,
#DigiCatMiniPDPPage.watch-ew #btnPurchase:hover,
#DigiCatMiniPDPPage.watch-ew #btnGoToSB:hover,
#itemPage.watch-ew a#ancEmailWhenAvailable.open-modal.btn:hover,
#DigiCatMiniPDPPage.watch-ew a#ancEmailWhenAvailable.btn:hover { font-size: 12px; line-height: 12px; color: #FFFFFF !important; letter-spacing: 0; font-weight: normal; font-style: normal; text-transform: uppercase; text-decoration: none; background-color: #345E85 !important; border: 1px solid #345E85 !important; }
*/
.watch-ew .thumbs img.active {
border: 1px solid #000000;
}
.watch-ew #itemTitleAndText .t1 {
font-size: 24px;
line-height: 24px;
color: #000000;
letter-spacing: 0;
font-family: 'HelveticaNeueW01-65Medi', sans-serif !important;
font-weight: normal;
font-style: normal;
text-transform: uppercase;
text-decoration: none;
}
/*
#itemPage.watch-ct60 #btnPurchase,
#itemPage.watch-ct60 #btnGoToSB,
#DigiCatMiniPDPPage.watch-ct60 #btnPurchase,
#DigiCatMiniPDPPage.watch-ct60 #btnGoToSB,
#DigiCatMiniPDPPage.watch-ct60 #btnFindStore,
#itemPage.watch-ct60 a#ancEmailWhenAvailable.open-modal.btn,
#DigiCatMiniPDPPage.watch-ct60 a#ancEmailWhenAvailable.btn { font-size: 12px; line-height: 12px; color: #FFFFFF !important; letter-spacing: 0; font-weight: normal; font-style: normal; text-transform: uppercase; text-decoration: none; background-color: #BA5915; border: 1px solid #BA5915 !important; }
*/
/*
#itemPage.watch-ct60 #btnPurchase:hover,
#itemPage.watch-ct60 #btnGoToSB:hover,
#DigiCatMiniPDPPage.watch-ct60 #btnPurchase:hover,
#DigiCatMiniPDPPage.watch-ct60 #btnGoToSB:hover,
#itemPage.watch-ct60 a#ancEmailWhenAvailable.open-modal.btn:hover,
#DigiCatMiniPDPPage.watch-ct60 a#ancEmailWhenAvailable.btn:hover { font-size: 12px; line-height: 12px; color: #FFFFFF !important; letter-spacing: 0; font-weight: normal; font-style: normal; text-transform: uppercase; text-decoration: none; background-color: #D18956; border: 1px solid #D18956 !important; }
*/
/*
.watch-ct60 .thumbs img.active { border: 1px solid #000000; }
.watch-ct60 #itemTitleAndText .t1 { font-size: 24px; line-height: 24px; color: #000000; letter-spacing: 0; font-family: 'HelveticaNeueW01-65Medi', sans-serif !important; font-weight: normal; font-style: normal; text-transform: uppercase; text-decoration: none; }
*/
/*
#itemPage.watch-atlas #btnPurchase,
#itemPage.watch-atlas #btnGoToSB,
#DigiCatMiniPDPPage.watch-atlas #btnPurchase,
#DigiCatMiniPDPPage.watch-atlas #btnGoToSB,
#DigiCatMiniPDPPage.watch-atlas #btnFindStore,
#itemPage.watch-atlas a#ancEmailWhenAvailable.open-modal.btn,
#DigiCatMiniPDPPage.watch-atlas a#ancEmailWhenAvailable.btn { font-size: 12px; line-height: 12px; color: #FFFFFF !important; letter-spacing: 0; font-weight: normal; font-style: normal; text-transform: uppercase; text-decoration: none; background-color: #6A747C; border: 1px solid #6A747C !important; }
*/
/*
#itemPage.watch-atlas #btnPurchase:hover,
#itemPage.watch-atlas #btnGoToSB:hover,
#DigiCatMiniPDPPage.watch-atlas #btnPurchase:hover,
#DigiCatMiniPDPPage.watch-atlas #btnGoToSB:hover,
#itemPage.watch-atlas a#ancEmailWhenAvailable.open-modal.btn:hover, #DigiCatMiniPDPPage.watch-atlas a#ancEmailWhenAvailable.btn:hover { font-size: 12px; line-height: 12px; color: #FFFFFF !important; letter-spacing: 0; font-weight: normal; font-style: normal; text-transform: uppercase; text-decoration: none; background-color: #98A1A8 !important; border: 1px solid #98A1A8 !important; }
.watch-atlas .thumbs img.active { border: 1px solid #000000; }
.watch-atlas #itemTitleAndText .t1 { font-size: 24px; line-height: 24px; color: #000000; letter-spacing: 0; font-family: 'HelveticaNeueW01-65Medi', sans-serif !important; font-weight: normal; font-style: normal; text-transform: uppercase; text-decoration: none; }
*/
/*
#itemPage.watch-cocktail #btnPurchase,
#itemPage.watch-cocktail #btnGoToSB,
#DigiCatMiniPDPPage.watch-cocktail #btnPurchase,
#DigiCatMiniPDPPage.watch-cocktail #btnGoToSB,
#DigiCatMiniPDPPage.watch-cocktail #btnFindStore,
#itemPage.watch-cocktail a#ancEmailWhenAvailable.open-modal.btn,
#DigiCatMiniPDPPage.watch-cocktail a#ancEmailWhenAvailable.btn { font-size: 12px; line-height: 12px; color: #FFFFFF !important; letter-spacing: 0; font-weight: normal; font-style: normal; text-transform: uppercase; text-decoration: none; background-color: #000000; border: 1px solid #000000; }
#itemPage.watch-cocktail #btnPurchase:hover,
#itemPage.watch-cocktail #btnGoToSB:hover,
#DigiCatMiniPDPPage.watch-cocktail #btnPurchase:hover,
#DigiCatMiniPDPPage.watch-cocktail #btnGoToSB:hover,
#itemPage.watch-cocktail a#ancEmailWhenAvailable.open-modal.btn:hover,
#DigiCatMiniPDPPage.watch-cocktail a#ancEmailWhenAvailable.btn:hover { font-size: 12px; line-height: 12px; color: #FFFFFF !important; letter-spacing: 0; font-weight: normal; font-style: normal; text-transform: uppercase; text-decoration: none; background-color: #595959 !important; border: 1px solid #595959 !important; }
.watch-cocktail .thumbs img.active { border: 1px solid #000000; }
.watch-cocktail #itemTitleAndText .t1 { font-size: 24px; line-height: 24px; color: #000000; letter-spacing: 0; font-family: 'HelveticaNeueW01-65Medi', sans-serif !important; font-weight: normal; font-style: normal; text-transform: uppercase; text-decoration: none; }
*/
/* End Watches */
/* Account */
@media only screen and (min-device-width: 480px) and (max-device-width: 640px) {
.CAForm .left-subnav {
width: auto !important;
}
}
/* Global Style for Account Creation */
.ShippingAddress .CAForm .inputCol:not(.radio) label:not(.error):not(.serverError),
.BillingAddress .CAForm .inputCol:not(.radio) label:not(.error):not(.serverError) {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.CAForm .checkbox {
display: inline-block;
vertical-align: top
}
.CAForm .checkboxtxt {
display: inline-block;
width: 90%;
margin-bottom: 10px;
}
.CAForm .readonlybox {
margin-bottom: 10px;
}
.CAForm .radiobtn {
display: block;
margin-bottom: 10px;
}
.CAForm .radios input[type="radio"] {
vertical-align: top;
}
.CAForm .center {
text-align: center
}
.CAForm .input:focus {
outline: none;
border: 1px solid #000
}
.CAForm textarea {
resize: none;
font-family: 'Sterling SSm 3r','Sterling SSm A','Sterling SSm B',serif;
font-weight: 300;
font-style: normal;
line-height: 12px;
font-size: 12px;
width: 100%;
padding: 8px;
line-height: 15px;
height: auto;
min-height: 100px;
box-sizing: border-box
}
.CAForm .defaultBtn, .CAForm .btn.defaultBtn {
background-color: #b1e6e0;
border: none;
padding: 12px 0;
height: auto;
}
.CAForm .defaultBtn, .CAForm .btn {
transition: all 0.3s ease 0s;
}
.CAForm .defaultBtn:hover, .CAForm .secondaryBtn:hover, .CAForm .btn:hover, .CAForm .button:hover {
background-color: #81D8D0;
border: none;
}
.CAForm button.btn {
width: 100%
}
.CAForm .btn .line-wrap {
white-space: pre-wrap;
}
.CAForm .white-bkg {
background-color: #fff !important
}
.CAForm .inherit-width {
width: inherit
}
.CAForm .border-bottom {
border-bottom: 1px solid #807E7E
}
.CAForm .margin-left-10px {
margin-left: 10px
}
.CAForm .hide {
display: none
}
.CAForm .gray {
color: #666
}
.half-screen {
width: 48% !important
}
.third-screen {
width: 32% !important
}
.CAForm input[type="text"], .CAForm input[type="email"], .CAForm input[type="tel"], .CAForm input[type="number"], .CAForm input[type="password"], .CAForm select {
width: 100%;
margin-bottom: 15px;
background-color: #fff;
border: 1px solid #808080;
}
.CAForm h3 {
margin-bottom: 8px
}
.CAForm .addlInfo {
position: absolute;
left: 0;
margin-left: 20px
}
.CAForm .formSection {
margin-bottom: 20px
}
.CAForm .formSection p a {
font-size: 12px
}
.CAForm .custom-drop {
width: 100%;
position: relative
}
.CAForm .custom-drop div.choice {
font-style: italic;
color: #666;
letter-spacing: 0;
text-transform: none;
font-size: 11px;
line-height: 11px;
background: url('/shared/mobile/images/arrow-down-padded.png') no-repeat center right #fff;
background-size: 16px 7px;
border: 1px solid #808080 !important;
margin: 0 0 15px;
padding: 10px 8px;
display: block
}
.CAForm .custom-drop.disabled div.choice {
background-color: #eee
}
.CAForm .custom-drop.hasSelection div.choice {
font-style: normal;
color: #000;
text-transform: uppercase;
font-size: 10px
}
.CAForm .custom-drop div.rollbar {
width: 100%;
padding-right: 0;
margin-top: -48px;
margin-right: 0;
border: 1px solid gray
}
.CAForm .custom-drop li:first-child {
font-style: italic;
letter-spacing: 0;
text-transform: none;
color: #666;
font-size: 11px
}
.CAForm p {
font-size: 12px
}
.CAForm input[type="submit"] {
width: 100%;
margin: 20px 0 0;
}
.CAForm input[type="text"].ukzip1 {
display: inline;
width: 65%;
margin-right: 5%
}
.CAForm input[type="text"].ukzip2 {
display: inline;
width: 30%
}
.CAForm .left {
float: left
}
.CAForm .right {
float: right
}
.CAForm .margin-right-7px {
margin-right: 7px
}
.CAForm .margin-right-5px {
margin-right: 5px
}
.CAForm .margin-right-2pc {
margin-right: 2%
}
.CAForm .header {
font-family: 'Sterling SSm 3r','Sterling SSm A','Sterling SSm B',serif;
font-size: 24px
}
.CAForm .form-spacer-lg {
height: 33px;
display: block;
position: relative;
clear: both
}
.CAForm .form-spacer-md {
height: 18px;
display: block;
position: relative;
clear: both
}
.CAForm .form-spacer-std {
margin-top: 21px;
display: block;
position: relative;
clear: both
}
.CAForm .form-spacer-sm {
height: 9px;
display: block;
position: relative;
clear: both
}
.CAForm .form-spacer-xs {
height: 5px;
display: block;
position: relative;
clear: both
}
.CAForm .form-row {
width: 100%;
display: block;
clear: both
}
.CAForm .inline-row {
display: inline-block
}
.italic {
font-style: italic;
}
.email-sign-up__blue-box {
width: 530px;
max-width: calc(100% - 530px);
padding: 50px 40px;
box-sizing: border-box;
display: inline-block;
}
.email-sign-up__blue-box img {
max-width: 100%;
}
/* Form Error Styles */
.CAForm label.error, .CAForm label.serverError {
display: inline-block;
font-size: 10px;
color: #e31f26;
margin-bottom: 5px;
width: 87%;
text-transform: none;
letter-spacing: normal;
}
label.error, label.serverError {
display: inline-block;
font-size: 10px;
color: #e31f26;
margin-bottom: 5px;
text-transform: none;
letter-spacing: normal;
}
.radioBottomMargin {
margin-bottom: 10px
}
#pleaseCorrectErrors, .divErrorMessageIndicator {
display: none;
font-size: 11px;
color: #e31f26;
margin-top: 15px
}
.divErrorMessageIndicator {
display: block;
}
label.error p,
label.serverError p {
font-size: 10px;
}
.errorWrapper label {
color: #e31f26;
}
.errorWrapper input,
.errorWrapper select,
.errorWrapper .custom-drop div.choice {
border: 1px solid #e31f26 !important;
}
.serverErrorWrapper label {
color: #e31f26
}
.serverErrorWrapper input,
.serverErrorWrapper .custom-drop div.choice {
border: 1px solid #e31f26 !important;
}
/* To support Checkout */
.CAForm .inputCol {
clear: both;
}
.CAForm .infoCol label {
top: 0;
}
.CAForm .infoCol.errorWrapper .moreInfo {
display: none;
}
.CAForm .infoCol.serverErrorWrapper .moreInfo {
display: none;
}
.inputCol .EUPhonePrefix {
width: 20% !important;
}
.inputCol .EUPhone {
width: 75% !important;
float: right;
}
/* End Account */
/* Account Order History */
.AccountHistory.colmask {
position: relative; /* This fixes the IE7 overflow hidden bug */
clear: both;
float: left;
width: 100%; /* width of whole page */
overflow: hidden; /* This chops off any overhanging divs */
}
/* common column settings */
.AccountHistory .colright, .AccountHistory .colmid, .AccountHistory .colleft {
float: left;
width: 100%;
position: relative;
}
.AccountHistory .col1, .AccountHistory .col2, .AccountHistory .col3 {
float: left;
position: relative;
padding: 0 0 1em 0;
overflow: hidden;
}
.AccountHistory .leftmenu {
background: #fff; /* right column background colour */
}
.AccountHistory .leftmenu .colleft {
right: 75%; /* right column width */
background: #f4f4f4; /* left column background colour */
}
.AccountHistory .leftmenu .col1 {
width: 71%; /* right column content width */
left: 102%; /* 100% plus left column left padding */
}
.AccountHistory .leftmenu .col2 {
width: 21%; /* left column content width (column width minus left and right padding) */
left: 6%; /* (right column left and right padding) plus (left column left padding) */
}
@media only screen and (min-width:1281px) {
div#cookieDisclaimer {
width: 100% !important;
}
}
/*New Video Overlay CSS*/
.controls.new .video-play {
top: 1px;
left: 215px;
}
.controls.new .video-pause {
top: 1px;
left: 215px;
}
.controls.new .divider.two {
left: 240px;
top: 9px
}
.controls.new .divider.share {
left: auto;
right: 180px;
top: 10px
}
.controls.new .video-seek {
left: 320px;
right: 320px
}
.controls.new .video-timer {
left: 270px;
right: initial;
top: 6px;
}
.controls.new .video-mute, .controls.new .video-unmute {
left: 250px;
top: 2px;
right: initial;
}
.controls.new .video-seek {
top: 13px;
}
#new-Video video, #end-Card, .modal-popup.full.videoOverlay {
min-width: 1024px;
}
.controls.new .total-time {
position: absolute;
width: 50px;
right: 275px;
top: 6px;
font-size: 10px;
color: #bfbfbf;
text-align: center !important;
}
.controls.new {
background-color: black !important;
posisiton: inital;
}
.controls.new.fullscreen {
position: absolute;
bottom: 0px;
}
.controls.new .fullscreen-Icon {
position: absolute;
right: 15px;
top: 9px;
cursor: pointer;
}
.controls.new .fullscreen-Icon .hide {
display: none;
}
.controls.new .youtube-Icon {
position: absolute;
right: 190px;
top: 9px;
}
.controls.new .share-Menu {
position: absolute;
right: 135px;
top: 6px;
font-size: 10px;
color: #bfbfbf;
text-align: center !important;
font-weight: bold;
cursor: pointer;
}
.new-Share-Menu {
position: absolute;
width: 190px;
right: 0px;
top: -32px;
background-color: black;
color: white;
height: 25px;
padding-top: 7px;
display: none;
}
.new-Share-Menu .email-Icon {
position: absolute;
top: 13px;
left: 15px;
}
.new-Share-Menu .facebook-Icon {
position: absolute;
top: 10px;
left: 48px;
}
.new-Share-Menu .twitter-Icon {
position: absolute;
top: 11px;
left: 72px;
}
.new-Share-Menu .pinterest-Icon {
position: absolute;
top: 10px;
left: 104px;
}
.new-Share-Menu .tumblr-Icon {
position: absolute;
top: 10px;
right: 45px;
}
.new-Share-Menu .google-Icon {
position: absolute;
top: 10px;
right: 15px;
}
.new-Share-Menu .weibo-Icon {
position: absolute;
top: 4px;
left: 39px;
}
.controls.new .email-Window {
width: 395px;
position: absolute;
right: 0px;
top: -235px;
padding-left: 5px;
background-color: black;
display: none;
}
.modal-popup.videoOverlay {
padding: 0px;
max-width: 1280px;
}
.modal-popup.videoOverlay #overlayiframe, body#videoOverlay.modal-frame, .modal-popup.videoOverlay {
background-color: black;
}
.modal-popup.videoOverlay.youtube #overlayiframe, body#videoOverlay.youtube.modal-frame, .modal-popup.videoOverlay.youtube {
background-color: rgba(0,0,0,0);
}
@media (max-width: 1160px) {
.controls.new .video-play {
top: 2px;
}
.controls.new .video-pause {
top: 2px;
}
.controls.new .video-mute, .controls.new .video-unmute {
top: 4px;
}
.controls.new .video-timer, .controls.new .total-time, .controls.new .share-Menu {
top: 7px;
}
.controls.new .divider.two {
top: 9px;
}
.controls.new .fullscreen-Icon {
top: 7px;
}
#itemPage #divServiceInfo {
border: 0 solid #000000;
display: block;
width: 62%;
margin: 0 auto !important;
text-align: right;
}
}
#gray-overlay.newVideo {
opacity: .75;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
filter: alpha(opacity=75);
}
.captions .caption {
font-size: 19px !important;
line-height: 22px !important;
}
.captions {
bottom: 0px;
padding: 10px 0;
background: rgba(0, 0, 0, 0.6);
text-shadow: initial;
}
.video {
background: black
}
.captions.fullscreen {
bottom: 25px;
}
.ipadClose {
position: absolute;
right: 5px;
top: 5px;
}
.ios .ipadClose {
display: block
}
#videoHolder_video {
background-color: #000
}
/*Updated Heading styles*/
#header .stores.searchstores span, #header .bag.l20, #header #navMyAccount, #header #searchInput.placeholder {
font-style: normal;
}
#header #navMyAccount {
min-width: auto;
}
/*No Search Results*/
#noSearch {
width: 100%;
display: none;
}
#noSearchMain {
margin-top: 30px;
margin-bottom: 25px;
}
#noSearchMain h3 span {
display: initial !important;
}
#nosearch_tile1 {
float: left;
width: 32.5%;
position: relative;
background-color: #FAFAFA;
}
#fullTile {
padding: 0 20px;
}
#fullTile div {
line-height: 35px;
float: left;
width: 50%;
}
#nosearch_tile2 {
float: left;
width: 32.5%;
margin: 0px 10px;
position: relative;
}
#nosearch_tile2 > div {
position: absolute;
left: 25px;
}
body.fr-CA #nosearch_tile2 div p:nth-child(2) {
width: 44% !important;
}
body.de-DE #nosearch_tile2 div p:nth-child(2) {
width: 48% !important;
}
body.de-AT #nosearch_tile2 div p:nth-child(2) {
width: 30% !important;
}
body.es-MX #nosearch_tile2 div p:nth-child(2) {
width: 30% !important;
}
body.ja-JP #nosearch_tile2 div p:nth-child(2) {
width: 90% !important;
}
body.ko-KR #nosearch_tile2 div p:nth-child(2) {
width: 63% !important;
}
body.pt-BR #nosearch_tile2 div p:nth-child(2) {
width: 42% !important;
margin-top: 0px
}
body.pt-BR #nosearch_tile2 div p:first-child {
margin-bottom: 0px
}
#nosearch_tile3 {
float: left;
width: 32.5%;
position: relative;
}
#nosearch_tile3 > div {
position: absolute;
left: 25px;
width: 43%;
}
body.de-DE #nosearch_tile3 > div {
width: 50%;
}
body.ko-KR #nosearch_tile3 > div {
width: 50%;
}
body.de-AT #nosearch_tile3 > div {
width: 35%;
}
body.ru-RU #nosearch_tile3 > div {
width: 45%;
}
body.zh-CN #nosearch_tile3 > div {
width: 48%;
}
body.zh-Hant #nosearch_tile3 div {
width: 56%;
}
body.pt-BR #nosearch_tile3 > div {
width: 60%;
left: 15px;
}
body.pt-BR #nosearch_tile3 div p:nth-child(2) {
width: 70%;
}
body.ko-KR h3 br, body.ja-JP h3 br, body.zh-Hant h3 br, body.zh-CN h3 br {
display: none;
}
@media only screen and (max-width: 1150px) {
#nosearch_tile3 div {
width: 47%;
}
body.ko-KR #nosearch_tile3 div {
width: 39%;
}
body.pt-BR #nosearch_tile3 div {
width: 67%;
}
body.ja-JP #nosearch_tile3 div {
width: 51%;
}
body.zh-CN #nosearch_tile3 div {
width: 56%;
}
body.ko-KR #nosearch_tile3 div {
width: 57%;
}
body.zh-Hant #nosearch_tile3 div {
width: 56%;
}
body.de-DE #nosearch_tile3 div {
width: 52%;
left: 12px;
}
body.it-IT #nosearch_tile3 div {
width: 48%;
left: 15px;
}
body.de-AT #nosearch_tile3 div {
top: 0px;
}
body.es-ES #nosearch_tile3 div {
width: 52%;
}
body.en-NL #nosearch_tile3 div, body.en-BE #nosearch_tile3 div, body.en-IE #nosearch_tile3 div {
width: 48%;
}
#nosearch_tile2 div p:nth-child(2) {
width: 40% !important;
}
body.ko-KR #nosearch_tile2 div p:nth-child(2) {
width: 35% !important;
}
body.fr-CA #nosearch_tile2 div p:nth-child(2) {
width: 27% !important;
}
body.de-DE #nosearch_tile2 div p:nth-child(2) {
width: 30% !important;
}
body.de-AT #nosearch_tile2 div p:nth-child(2) {
width: 29% !important;
}
body.pt-BR #nosearch_tile2 div p:nth-child(2) {
width: 27% !important;
}
body.it-IT #nosearch_tile2 div p:nth-child(2) {
width: 43% !important;
}
body.ja-JP #nosearch_tile2 div p:nth-child(2) {
width: 90% !important;
}
body.ko-KR #nosearch_tile2 div p:nth-child(2) {
width: 68% !important;
}
body.zh-Hant #nosearch_tile2 div p:nth-child(2) {
width: 60% !important;
}
body.es-ES #nosearch_tile2 div p:nth-child(2) {
width: 43% !important;
}
body.fr-CA #nosearch_tile2 > div {
top: 0;
}
body.ko-KR #nosearch_tile2 > div {
left: 15px;
}
body.es-MX #nosearch_tile2 > div {
top: -8px;
}
body.de-DE #nosearch_tile2 > div, body.es-ES #nosearch_tile2 > div {
left: 10px;
}
body.de-AT #nosearch_tile2 > div {
top: -5px;
left: 15px;
}
#fullTile div {
line-height: 25px;
}
}
a.nohover {
color: #000 !important;
}
#frmCategoryBrowsePage #filters {
visibility: hidden;
}
/*End of No Results*/
#previewImage, #imageDynGen {
margin-top: -5px;
}
#atd .grid-container .difference3x4 .play, .difference3x2 .play, .difference3x3 .play {
border-bottom: 12px solid rgba(255, 255, 255, 0) !important;
border-left: 15px solid rgb(255, 255, 255) !important;
border-left: 15px solid rgba(255, 255, 255, 0.8) !important;
border-top: 12px solid rgba(255, 255, 255, 0) !important;
}
#atd .grid-container .difference4 {
padding-top: 100px !important;
}
#atd .grid-container .difference5 {
padding: 550px 80px 0px 320px !important;
}
#atd .grid-container .difference3x2 {
padding-top: 300px !important;
}
#atd .grid-container .difference3x3 {
padding-top: 550px !important;
}
#atd .grid-container .difference3x4 {
padding-top: 800px !important;
}
@media only screen and (max-width: 1250px) {
#atd .grid-container .difference3x3 {
padding-top: 520px !important;
}
#atd .grid-container .difference3x4 {
padding-top: 760px !important;
}
}
@media only screen and (max-width: 1175px) {
#atd .grid-container .difference5 {
padding: 490px 80px 0px 320px !important;
}
#atd .grid-container .difference3x2 {
padding-top: 270px !important;
}
#atd .grid-container .difference3x3 {
padding-top: 490px !important;
}
#atd .grid-container .difference3x4 {
padding-top: 720px !important;
}
}
@media only screen and (max-width: 1125px) {
#atd .grid-container .difference5 {
padding: 460px 40px 0px 320px !important;
}
#atd .grid-container .difference3x3 {
padding-top: 460px !important;
}
#atd .grid-container .difference3x4 {
padding-top: 680px !important;
}
}
@media only screen and (max-width: 1075px) {
#atd .grid-container .difference3x2 {
padding-top: 240px !important;
}
#atd .grid-container .difference3x3 {
padding-top: 430px !important;
}
#atd .grid-container .difference3x4 {
padding-top: 640px !important;
}
}
.rotatingTiles > div {
display: none;
}
/*#atd .grid-container .difference {
font-family: "Sterling Display 3r","Sterling Display A","Sterling Display B",serif;
font-size: 38px;
line-height: 50px;
/* Engagement Redesign */
/*@font-face{
font-family:"AvenirNextMedium";
src:url("/shared/Fonts/AvenirNextMedium.eot?#iefix");
src:url("/shared/Fonts/AvenirNextMedium.eot?#iefix") format("eot"),url("/shared/Fonts/AvenirNextMedium.woff2") format("woff2"),url("/shared/Fonts/AvenirNextMedium.woff") format("woff"),url("/shared/Fonts/AvenirNextMedium.ttf") format("truetype"),url("/shared/Fonts/AvenirNextMedium.svg#AvenirNextMedium") format("svg");
}*/
.link--inline:after {
content: '';
width: 100%;
height: 1px;
display: block;
position: absolute;
left: 0;
bottom: -1px;
opacity: 1;
transform: none;
background: #000;
transition: background-color .2s ease-out;
}
.link--inline:hover:after {
background: #00a4b7;
}
/*JIRA#PHNM-153 Added icon css in link*/
.link--inline .smart-link-icon {
height: 14px;
width: 14px;
border-radius: 2px;
user-select: none;
bottom: -2px;
position: relative;
}
.back-link {
position: absolute;
margin-top: 10px;
left: 20px;
z-index: 1;
}
.engagement-header .e1, .engagement-header .type-h2 {
position: absolute;
width: 100%;
margin-top: 11%;
text-align: center;
}
.engagement-header p {
position: absolute;
width: 25%;
margin: 15% 37.5% 0;
text-align: center;
}
.e1 {
font-size: 45px;
line-height: 45px;
}
.e2 {
font-size: 42px;
line-height: 42px;
}
.e3 {
font-size: 42px;
line-height: 42px;
}
.engagement-header img {
width: 100%;
}
#engagement-paging {
position: static;
margin: 0 0 0 40%;
text-transform: uppercase;
color: #999;
}
#resetAllMsg {
font-size: 11px;
text-transform: uppercase;
float: left;
margin-top: 3px;
}
#engagementContainer {
transition: .3s padding-top linear;
transform: translate3d(0,0,0);
margin-bottom: 50px;
}
#engagementContainer.filters-visible {
padding-top: 295px;
}
#engagementExtraInfo {
margin-bottom: 50px;
}
#engagementExtraInfo .engagement__tile-img {
position: relative;
padding: 0
}
#engagementExtraInfo .engagement__tile-img img {
display: block;
width: 100%;
max-width: 100%;
}
#engagementExtraInfo .engagement__hero-txtfifthposition {
position: absolute;
top: 55%;
transform: translateY(-50%);
left: 5%;
width: 40%;
text-align: center;
}
#engagementExtraInfo .engagement__hero-desc {
margin: 20px 0;
padding: 0 60px;
}
body.fr-CA #engagementExtraInfo h2.t4.e2 {
font-size: 35px;
}
body.fr-CA #engagementExtraInfo .engagement__hero-desc {
padding: 0 50px;
}
#engagement-grid .container {
margin: 0 10%;
}
.engagement-header {
position: relative;
}
.engagement-header.padded {
margin-bottom: 60px;
}
#engagement-grid .touch-carousel .container {
margin: 0;
}
#engagement-grid .touch-carousel .container > div {
text-align: left;
}
#engagement-grid .touch-carousel .container > div > div > p,
#engagement-grid .tempTiles > div > div > p {
margin: 10px 0
}
#engagement-grid .touch-carousel .container > div > div > p:first-of-type,
#engagement-grid .tempTiles > div > div > p:first-of-type {
margin-top: 20px;
}
#engagement-grid .touch-carousel .container > div > div > p:last-of-type,
#engagement-grid .tempTiles > div > div > p:last-of-type {
margin-bottom: 20px;
}
#engagement-grid .tempTiles {
margin: 40px -12%;
cursor: pointer;
}
@media only screen and (max-width: 640px) {
#engagement-grid .tempTiles > div > div > p {
margin: 10px 30px;
padding: 0px 30px;
}
}
.footerTile {
cursor: pointer;
}
#engagement-grid .touch-carousel .container > div:hover a,
#engagement-grid .tempTiles > div:not(.touch-carousel):hover a,
.footerTile:hover a {
color: #41c1ca !important;
}
.carousel-page-1 > div {
position: absolute;
top: 28%;
left: 27%;
width: 15%;
}
.zh-CN .carousel-page-1 > div {
left: 25%;
width: 20%;
}
.carousel-page-2 > div {
position: absolute;
top: 20%;
right: 5%;
width: 20%;
}
.carousel-page-3 > div {
position: absolute;
top: 20%;
right: 10%;
width: 22%;
}
.zh-CN .carousel-page-3 > div {
right: 8%;
width: 28%;
}
.footerTile > div > div {
position: absolute;
top: 39%;
left: 38%;
width: 25%;
text-align: center
}
.eb_tile_3 > div > div {
position: absolute;
top: 17%;
left: 5%;
width: 20%;
}
.zh-CN .eb_tile_3 > div > div {
width: 28%;
}
.eb_tile_2 > div > div {
position: absolute;
top: 20%;
left: 10%;
width: 20%;
}
.eb_tile_2 h2 {
width: 70%;
}
@media only screen and (max-width: 1120px) {
.footerTile > div > div {
width: 30%;
left: 46%;
}
.eb_tile_2 > div > div {
width: 25%;
}
.carousel-page-1 > div {
top: 25%;
width: 20%;
}
.zh-CN .carousel-page-1 > div,
.zh-CN .carousel-page-3 > div {
left: auto;
right: auto;
width: auto;
margin-top: 10px;
}
.zh-CN .eb_tile_3 > div > div {
width: auto;
}
}
.ring-item {
width: 33.33%;
display: inline-block;
overflow: hidden;
vertical-align: top;
transition: .3s margin-bottom linear;
transform: translate3d(0,0,0);
}
.ring-item img {
display: block;
max-width: 100%;
margin: -12% 0;
}
.toggle-filters span, .toggle-filters-mobile span {
display: inline-block;
width: 10px;
font-family: serif;
vertical-align: middle;
margin-top: -3px;
}
.toggle-filters span i, .toggle-filters-mobile span i {
font-size: 11px;
font-weight: bold;
}
.toggle-filters span.minus, .toggle-filters-mobile span.minus {
display: none;
margin-top: -3px;
margin-right: -1px;
}
.toggle-filters-mobile.selected, a.toggle-filters-mobile:hover {
color: #000 !important;
}
.toggle-filters-mobile.selected {
width: 100%;
}
.toggle-filters.expanded .minus, .toggle-filters-mobile.selected .minus {
display: inline-block;
}
.toggle-filters.expanded .plus, .toggle-filters-mobile.selected .plus {
display: none;
}
.toggle-view-by span {
margin-left: 3px;
}
.toggle-view-by span.view-by-collections {
display: none;
}
.toggle-view-by.selected, a.toggle-view-by:hover {
color: #000 !important;
}
.toggle-view-by.selected .view-by-collections {
display: inline;
}
.toggle-view-by.selected .view-by-styles {
display: none;
}
.filter-bar .view-by a.selected {
font-weight: 600;
color: #000 !important;
}
.hollow-btn {
display: none;
background: #fff;
padding: 15px;
text-transform: uppercase;
float: left;
width: 50%;
box-sizing: border-box;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.hollow-btn.toggle-view-by {
margin-left: 0;
border-right: 1px solid #ccc;
}
.toggle-styles-overlay {
margin-right: 15px;
}
.filter-bar {
background: #fff;
box-shadow: 0px 5px 3px -4px #aaa;
padding: 20px;
text-transform: uppercase;
z-index: 6;
position: relative;
font-size: 11px;
}
.filter-bar .categories {
display: inline-block;
margin-left: 10%;
}
.filter-bar .categories > a {
margin: 0 10px;
color: #000;
display: inline-block;
}
.filter-bar .categories .overlay-header + a {
margin-left: 0;
}
.filter-bar .categories > a:last-child {
margin-right: 0;
}
.filter-bar .categories > a.selected {
border-bottom: 1px solid #41c1ca;
}
.filter-bar .tiffany-concierge {
position: absolute;
right: 20px;
top: 20px;
}
.filter-bar .tiffany-concierge img {
height: 22px;
vertical-align: middle;
margin-top: -4px;
}
.ru-RU .filter-bar .categories,
.fr-FR .filter-bar .categories {
display: block;
margin-left: 0;
margin-top: 10px;
text-align: center;
}
.filter-flydown {
padding: 20px 10px 0;
margin: 0 20px;
box-shadow: 0px 6px 3px -4px #aaa;
display: none;
position: absolute;
z-index: 1;
left: 0;
right: 0;
background: #fff;
}
#filtersAndCategories.fixed .filter-flydown {
margin: 0;
}
.filter-flydown > span {
display: none !important;
}
.gray-bg-cover {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,.3);
z-index: 5;
}
#filtersAndCategories {
margin-bottom: 3px;
}
#filtersAndCategories.fixed {
position: fixed;
top: 10px;
left: 0;
right: 0;
z-index: 3;
width: calc(100% - 40px);
max-width: 1240px;
margin: 0 auto;
}
#filtersAndCategories .overlay-header {
display: none;
font-size: 14px;
background: #ACE4DF;
padding: 10px;
text-align: center;
margin-bottom: 5px;
float: none;
}
#filtersAndCategories .overlay-header .close-overlay {
position: absolute;
right: 10px;
font-size: 30px;
color: #777;
display: inline;
}
#filtersAndCategories .overlay-footer {
display: none;
font-size: 14px;
background: #fff;
text-align: center;
position: absolute;
bottom: 0;
width: 100%;
border-top: 1px solid #ccc;
}
#refinement .overlay-footer a {
display: inline-block;
width: 49.4%;
padding: 15px 0;
box-sizing: border-box;
}
#refinement .overlay-footer a.apply-filters {
background: #81d8d0;
border-left: 1px solid #ccc;
}
.section-header {
text-align: center;
padding-top: 6%;
border-top: 1px solid #ddd;
margin: 2% -12% 0;
}
.section-header hr {
display: none;
}
.section-header.first-header {
border-top: 0;
margin-top: 0;
}
#filterDetails {
font-size: 11px;
display: none;
width: calc(100% - 260px);
margin-left: 5%;
text-align: center;
position: relative;
}
#filterDetails .selected-filters {
display: inline-block;
margin-left: -1%;
}
#refinement {
border: 0;
margin-bottom: 0;
padding-top: 10px;
}
#refinement span.t8 {
border-bottom: 1px solid #000;
display: block;
padding-bottom: 5px;
margin-bottom: 15px;
font-size: 14px;
}
#refinement a span:not(.filter_icon) {
font-family: 'AvenirNextMedium',Helvetica,Arial,sans-serif;
font-size: 1.1rem;
letter-spacing: .05em;
}
.filter-list {
text-align: center;
white-space: nowrap;
}
.filter-list > div {
display: inline-block;
vertical-align: top;
margin-left: 4%;
text-align: left;
}
.filter-list > div:first-child {
margin-left: 0;
}
.filters-container {
white-space: nowrap;
}
.filters-container > div {
display: inline-block;
vertical-align: top;
padding-left: 20%;
}
.filters-container > div:first-child {
padding-left: 0 !important;
}
#engagementCat_1000 {
min-width: 205px;
}
#engagementCat_4000 {
min-width: 305px;
}
#engagementCat_4000 .filters-container > div {
padding-left: 10%;
}
@media only screen and (max-width: 1250px) {
.filter-list > div {
margin-left: 2%;
}
.filters-container > div {
padding-right: 0;
}
}
#ringDetails {
background: #fff;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
padding: 0 8%;
position: absolute;
left: 25px;
right: 25px;
z-index: -1;
opacity: 0;
}
#ringDetails.prepared {
z-index: 1;
opacity: 1;
}
#ringDetails #detailsImg {
opacity: 0;
transform: translate3d(0,0,0);
transition: .3s all ease-out;
}
#ringDetails #detailsImg.visible {
opacity: 1;
}
#ringDetails #detailsImgLink {
display: inline-block;
vertical-align: middle;
width: 45%;
}
#ringDetails #detailsImgLink img {
display: block;
max-width: 100%;
}
#ringDetails.prepared > div {
overflow: hidden;
max-height: 0;
transition: .3s all linear;
transform: translate3d(0,0,0);
}
#ringDetails .details {
display: inline-block;
vertical-align: middle;
width: 54%;
text-align: center;
opacity: 0;
transform: translate3d(0,0,0);
transition: .3s all ease-out;
}
#ringDetails .details.visible {
opacity: 1;
}
#ringDetails p {
margin: 30px 0;
}
#ringDetails .details a {
text-transform: uppercase;
margin: 0 10px;
}
#ringDetails .details a.avenir {
font-size: 11px;
letter-spacing: .75px;
}
#ringDetails .details a.save-ring.hide,
#ringDetails .details a.remove-ring.hide {
display: none;
}
#ringDetails .details a.save-ring.visible,
#ringDetails .details a.remove-ring.visible {
display: inline;
}
#ringDetails .arrow {
width: 30px;
height: 30px;
border: 1px solid #ddd;
display: block;
background: #fff;
transform: rotate(45deg);
position: absolute;
top: -16px;
}
#ringDetails .arrow-cover {
width: 50px;
height: 30px;
display: block;
background: #fff;
position: absolute;
top: 0;
margin-left: -9px;
}
#ringDetails .close-ring-details {
position: absolute;
top: 20px;
right: 0;
font-size: 60px;
margin: 0;
color: #ddd;
z-index: 1;
}
.hide-filters {
font-size: 12px;
text-align: center;
}
#refinement .hide-filters a img {
width: 12px;
vertical-align: middle;
margin-top: -2px;
margin-left: 5px;
}
#refinement .hide-filters a.selected {
color: #000 !important;
}
#refinement .hide-filters a.selected:hover {
color: #41c1ca !important;
}
.view-by {
display: inline-block;
margin-left: 20px;
}
body #headerBlueBar {
position: fixed;
width: 100%;
z-index: 101;
top: 0;
left: 0;
}
#engagementItemPage #saved.fixed {
top: 50px !important;
}
#engagementItemPage .backlink {
top: inherit;
left: inherit;
font-size: 11px;
font-style: normal;
}
#engagementItemPage #image-holder .large-image img {
height: auto;
width: 635px;
}
#engagementItemPage .item-info-container > div > div:first-child {
border-top: 0;
}
#engagementItemPage .item-info-container > div > div#pnlNormalView {
padding: 15px 0 0;
}
#engagementItemPage .item-info-container .consult .btn {
border: 1px solid #81d8d0;
}
#engagementItemPage .item-info-container .consult .btn:hover {
border: 1px solid #ACE4DF;
}
.iteminfo h1 {
width: 100%;
text-transform: uppercase;
padding-top: 2px;
}
.subject-to {
float: none;
margin-left: 10px;
}
#engagementItemPage .item-info-container > div.consult {
border: 0;
text-align: left;
margin: 0;
}
.consult .btn {
padding: 15px 30px;
background: #81d8d0;
border: 0;
margin: 5px;
}
.consult .btn:hover {
background: #ACE4DF;
}
.consult .btn.btn-secondary {
background: none;
border: 1px solid #8f8f8f !important;
}
.consult .btn.btn-secondary:hover {
background: #fff;
border: 1px solid #000;
}
#engagementItemPage .item-info-container > div {
float: none;
width: 100%;
border-bottom: none;
padding: 20px 0;
}
#engagementItemPage .item-info-container > div#divPriceInfo {
float: none;
width: 100%;
border-bottom: none;
padding: 8px 0;
line-height: 150%;
}
#engagementItemPage .item-info-container > div > div {
padding: 15px 0;
margin: 0;
border-bottom: none;
}
#engagementItemPage .item-info-container #divSizeGuide {
border-top: 1px solid #666;
border-bottom: 1px solid #666;
margin-bottom: 20px;
}
#engagementItemPage .item-info-container #divSizeGuide a {
display: inline-block;
border-left: 1px solid #666;
}
#engagementItemPage .item-info-container #divSizeGuide a:first-child {
border-left: none;
}
#engagementItemPage .item-info-container .speakTTDE {
font-size: 14px;
margin-bottom: 0;
margin-top: 20px;
}
.item-container > div.iteminfo {
padding-bottom: 30px;
}
.item-info-container > div > div:first-child {
padding: 11px 0;
}
.item-info-container > div:first-child {
width: 100%;
}
#engagementItemPage .item-info-container > div.links-options {
padding: 0;
border: 0;
}
.item-info-container > div.l4 {
font-family: 'Sterling SSm 3i', 'Sterling SSm A', 'Sterling SSm B', serif;
font-style: normal;
font-size: 14px;
font-weight: 300;
}
#engagementItemPage .subject-to {
font-size: 11px;
font-style: italic;
}
.inline-links > a, .item-actions > a.save {
display: inline-block;
border-left: 1px solid #eee;
padding-left: 15px;
margin-left: 10px;
}
.inline-links > a.share {
border-left: none;
float: right;
margin-top: 6px;
}
.item-actions a.save i {
font-size: 11px;
}
.inline-links > a:first-child {
border: 0;
margin: 0;
padding: 0;
margin-left: 1px;
}
#engagementItemPage #linkNoteAboutPricing {
display: block;
}
#engagementItemPage #linkNoteAboutPricing2 {
display: block;
padding: 20px 0;
border-bottom: 1px solid #eee;
}
#engagementItemPage .item-actions {
padding-top: 18px;
}
.dropAHint {
display: inline-block;
}
#engagementItemPage .drop-a-hint-wrapper {
margin-left: 15px;
}
.drop-a-hint-wrapper a {
position: static;
font-family: 'AvenirNextMedium', Helvetica, Arial, sans-serif;
font-size: 1.1rem;
line-height: 150%;
letter-spacing: .05em;
text-transform: uppercase;
}
.item-info-container > div.item-actions {
border: 0;
}
.sticky-bar {
background: #fff;
padding: 5px 20px;
z-index: 1;
position: absolute;
right: 20px;
line-height: 28px;
}
.sticky-bar h2 {
display: none;
}
.sticky-bar .tiffany-concierge {
float: right;
text-transform: uppercase;
font-size: 11px;
letter-spacing: .03em;
}
.sticky-bar .tiffany-concierge img {
height: 22px;
vertical-align: middle;
margin-top: -4px;
}
.sticky-bar.fixed .tiffany-concierge {
float: none;
position: absolute;
right: 20px;
top: 7px;
}
.sticky-bar.fixed {
position: fixed;
box-shadow: 0px 5px 3px -4px #aaa;
top: 10px;
left: 0;
right: 0;
width: calc(100% - 80px);
max-width: 1200px;
z-index: 101;
margin: 0 auto;
}
.sticky-bar.fixed h2 {
display: inline-block;
}
#engagementItemPage .item-container {
position: relative;
}
.item-container.padded {
margin-top: 0;
}
.metal-options a {
display: inline-block;
font-size: 11px;
margin-right: 30px;
text-transform: uppercase;
}
.metal-options a img {
vertical-align: middle;
margin-top: -3px;
margin-right: 5px;
width: 14px;
}
.service-info a {
font-size: 11px;
color: #000;
}
.service-info img {
margin-left: 14px;
}
#divServiceInfo.absolute {
bottom: 0;
position: absolute;
}
#divServiceInfo.fixed {
bottom: 0;
position: fixed;
}
.similar-rings div img {
max-width: 100%;
}
.touch-carousel.similar-rings .container div {
text-align: left;
}
.touch-carousel.similar-rings .container div div {
width: 32.8%;
display: inline-block;
vertical-align: top;
white-space: normal;
padding: 0 2%;
box-sizing: border-box;
font-size: 14px;
line-height: 140%;
text-align: center;
}
.similar-rings .thumbs {
padding-top: 20px;
}
.links-options .custom-drop {
border: 1px solid #777;
padding: 5px;
margin-left: 10px;
}
.links-options div.choice {
padding-right: 25px !important;
background: url(/shared/images/icons/down-arrow-noline.png) no-repeat right 7px;
background-size: 12px;
}
.links-options .custom-drop div.rollbar {
margin-top: -26px;
margin-left: -6px;
padding-top: 1px;
padding-left: 6px;
border-color: #777;
}
#engagementItemPage .item-extras {
padding-top: 80px;
margin-top: 0;
text-align: center;
border: 0;
}
#engagementItemPage #weddingBands.item-extras .grid-container.desktop a.l6 {
font-family: 'AvenirNextMedium', Helvetica, Arial, sans-serif;
letter-spacing: .05em;
text-transform: uppercase;
}
#engagementItemPage .item-container {
border-bottom: 1px solid #ccc;
}
.item-extras > h3 {
text-transform: uppercase;
letter-spacing: .03em;
}
.item-extras > hr {
width: 230px;
margin: 30px auto 40px;
}
#weddingBands .l6 {
text-transform: none;
letter-spacing: 0;
}
.band-thumbs {
padding-top: 20%;
max-width: 420px;
margin: 0 auto;
text-align: left;
}
.band-thumbs span {
width: 49.5%;
max-width: 210px;
border: 1px solid #fff;
cursor: pointer;
display: inline-block;
}
.band-thumbs span.active {
border: 1px solid #81d8d0;
}
.overflow-crop {
overflow: hidden;
}
.overflow-crop img {
display: block;
max-width: 100%;
margin: -25% 0;
}
#weddingBands a.overflow-crop, .similar-rings a.overflow-crop {
display: block;
}
#weddingBands > p {
font-size: 18px;
line-height: 28px;
}
.similar-rings .overflow-crop img {
margin: 0;
}
#tiffanyConcierge {
background: #F5F5F5;
text-align: center;
padding: 100px 100px 20px;
margin-top: 40px;
}
#tiffanyConcierge h2 {
font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B', serif;
font-size: 30px;
text-transform: uppercase;
letter-spacing: .03em;
}
body.ko-KR #tiffanyConcierge h2 {
font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B', "AppleMyungjo","Batang","바탕",serif;
}
#tiffanyConcierge p {
font-size: 18px;
width: 450px;
margin: 0 auto;
padding: 50px 0;
line-height: 28px;
}
#tiffanyConcierge .grid-container > div > img {
width: 252px;
max-width: 100%;
display: inline-block;
}
#tiffanyConcierge hr {
width: 120px;
}
#tiffanyConcierge a {
text-transform: uppercase;
font-family: AvenirNextMedium, Arial, Sans-Serif;
letter-spacing: .75px;
font-size: 11px;
}
body.ko-KR #tiffanyConcierge a {
font-family: AvenirNextMedium, "AppleMyungjo","Batang","바탕",serif;
}
body.ru-RU #tiffanyConcierge .grid-container {
display: flex;
justify-content: center;
}
.btn.gray-border {
background: none;
border: 1px solid #ccc;
padding: 20px 50px;
}
.desktop {
display: block;
}
.desktop-inline {
display: inline-block;
}
.mobile {
display: none;
}
body.mobile {
display: block;
}
.mobile-inline {
display: none;
}
.thumbs.mobile {
display: none;
}
.engagement-sticky-nav.fixed {
position: fixed;
top: 10px;
z-index: 101;
width: calc(100% - 40px);
max-width: 1240px;
}
.engagement-sticky-nav.fixed .hide-nav {
right: 0;
}
.engagement-info-nav {
text-align: center;
box-shadow: 0px 5px 3px -4px #aaa;
background: #fff;
position: relative;
z-index: 1;
}
.engagement-info-nav a {
display: inline-block;
padding: 10px 30px 18px;
letter-spacing: .75px;
font-size: 11px;
font-family: AvenirNextMedium, Arial, Sans-Serif;
}
body.ko-KR .engagement-info-nav a {
font-family: AvenirNextMedium, "AppleMyungjo","Batang","바탕",serif;
}
.engagement-info-nav a.active {
opacity: .5;
}
.engagement-info-nav a img {
width: 54px;
height: 54px;
}
.engagement-info-nav a.show-nav {
display: none;
text-transform: uppercase;
font-size: 11px;
letter-spacing: .75px;
}
.engagement-info-nav a.show-nav img {
width: 13px;
height: auto;
margin-left: 5px;
}
.engagement-sticky-nav.collapsed a {
display: none;
}
.engagement-sticky-nav.collapsed a.show-nav {
display: block;
padding-bottom: 10px;
}
.engagement-sticky-nav.collapsed a.hide-nav {
display: none;
}
.hero {
position: relative;
text-align: center;
padding: 70px 0 20px;
background: #fff;
-webkit-font-smoothing: antialiased;
}
.hero h1 {
font-size: 72px !important;
line-height: 72px !important;
}
.hero p {
font-size: 23px;
line-height: 33px;
padding: 0px 14% 0;
margin-bottom: 0;
font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B', serif;
}
body.ko-KR .hero p {
font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B', "AppleMyungjo","Batang","바탕",serif;
}
.hero > img {
width: 516px;
}
#engagementConciergePage #maincontent {
background: #f6f6f6;
}
.phone-app {
background: #fff;
padding: 2.14%;
}
.phone-app > div {
display: inline-block;
width: 50%;
vertical-align: middle;
text-align: center;
margin-left: 10%;
}
.phone-app img {
vertical-align: middle;
max-width: 40%;
width: 273px;
margin-left: 40px;
}
.phone-app h3 {
font-size: 42px;
line-height: 42px;
text-transform: uppercase;
}
.phone-app p {
padding: 30px 0;
font-size: 17px;
line-height: 28px;
}
.phone-app a {
font-family: AvenirNextMedium, Arial, Sans-Serif;
text-transform: uppercase;
font-size: 11px;
letter-spacing: .75px;
}
body.ko-KR .phone-app a {
font-family: AvenirNextMedium, "AppleMyungjo","Batang","바탕",serif;
}
.phone-app .l30 {
font-style: normal;
}
.conciergeAppDisclosure_desktop {
text-transform: uppercase;
font-size: 8px;
position: absolute;
bottom: 20px;
left: 0;
right: 0;
}
.conciergeAppDisclosure_desktop br {
content: ' ';
}
.conciergeAppDisclosure_desktop br:after {
content: ' ';
}
.conciergeAppDisclosure_desktop_PDP {
text-transform: uppercase;
font-size: 8px;
position: absolute;
left: 0;
right: 0;
margin-top: -10px;
}
.conciergeAppDisclosure_desktop_PDP br {
content: ' ';
}
.conciergeAppDisclosure_desktop_PDP br:after {
content: ' ';
}
.militaryappreciation .conciergeAppDisclosure_desktop_PDP br {
display: none;
}
.cards {
padding: 1.07%;
}
.cards > div {
display: inline-block;
margin: .98%;
width: 31%;
box-sizing: border-box;
text-align: center;
vertical-align: middle;
}
.cards > div.no-card {
padding: 30px;
}
.card-container { /*perspective: 800px;*/
}
.cards .card {
background: #fff;
cursor: pointer;
box-shadow: 0px 0px 8px #aaa; /*transition: .3s all ease-out; opacity: 0; transform: translate3d(0,0,0) scale(.8);*/ /*transform: translate3d(0,0,0) rotateY( 180deg ); transform-style: preserve-3d;*/
}
.card-container:nth-child(3n+2) .card {
transition-delay: .15s;
}
.card-container:nth-child(3n+3) .card {
transition-delay: .3s;
}
.cards .card.visible { /*opacity: 1; transform: translate3d(0,0,0) scale(1);*/ /*transform: translate3d(0,0,0) rotateY( 0deg );*/
}
.cards .card .front {
padding: 30px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
/*
.ie .cards .card .front, .IE5 .cards .card .front { opacity: 0; transition: .4s opacity ease-out; transition-delay: 0s; }
.ie .card-container:nth-child(3n+2) .card .front, .IE5 .card-container:nth-child(3n+2) .card .front { transition-delay: .2s; }
.ie .card-container:nth-child(3n+3) .card .front, .IE5 .card-container:nth-child(3n+3) .card .front { transition-delay: .4s; }
.ie .cards .card.visible .front, .IE5 .cards .card.visible .front { opacity: 1; transition-delay: .4s; }
.ie .card-container:nth-child(3n+2) .card.visible .front, .IE5 .card-container:nth-child(3n+2) .card.visible .front { transition-delay: .6s; }
.ie .card-container:nth-child(3n+3) .card.visible .front, .IE5 .card-container:nth-child(3n+3) .card.visible .front { transition-delay: .8s; }
*/
.cards .card .back {
transform: rotateY( 180deg );
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.cards .card.full {
width: 98%;
cursor: default;
opacity: 1;
padding: 0;
text-align: left;
transform: initial;
}
.card img {
max-width: 100%;
width: 236px;
}
.card.appointment img {
width: 26px;
}
.card.full > img {
display: inline-block;
vertical-align: middle;
width: 50%;
}
.card.full > div {
text-align: center;
display: inline-block;
vertical-align: middle;
width: 50%;
margin-left: -4%;
padding: 0 6%;
box-sizing: border-box;
}
.card.full > div:first-child {
margin-left: 0;
}
.card.full.guide p {
padding: 11% 11% 0;
}
.cards a {
font-family: AvenirNextMedium, Arial, Sans-Serif;
text-transform: uppercase;
font-size: 11px;
letter-spacing: .75px;
}
body.ko-KR .cards a {
font-family: AvenirNextMedium, "AppleMyungjo","Batang","바탕",serif;
}
.cards p {
font-size: 18px;
line-height: 28px;
padding: 0 2%;
}
.card p {
height: 66px;
}
.card.full p {
height: auto;
padding: 10% 0;
}
.card.full h3 {
font-size: 42px;
line-height: 42px;
}
.no-card h3 {
font-size: 42px;
line-height: 42px;
padding: 0 12%;
}
.no-card p {
padding: 10% 12%;
}
.card.full > img.mobile {
display: none;
}
.card.full > div.mobile {
display: none;
}
.cards .card.full.warranty {
padding: 50px;
text-align: center;
}
.cards .card.full.warranty p {
padding: 0 13.5% 20px;
}
.cards .card.full.warranty hr {
width: 140px;
}
.section-spacer {
text-align: center;
padding: 70px 0 40px;
}
.section-spacer h2 {
font-size: 42px;
line-height: 42px;
}
.section-spacer hr {
width: 180px;
}
.king-of-diamonds {
-webkit-font-smoothing: antialiased;
position: relative;
text-shadow: 0px 0px 12px rgba(0, 0, 0, 1);
}
.king-of-diamonds img {
display: block;
max-width: 100%;
}
.king-of-diamonds > div {
position: absolute;
top: 0;
right: 0;
left: 0;
box-sizing: border-box;
text-align: center;
padding-top: 13%;
color: #fff;
}
.king-of-diamonds h1 {
font-size: 72px !important;
line-height: 72px !important;
}
.king-of-diamonds p {
font-size: 23px;
line-height: 33px;
padding: 0px 15% 10px;
font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B', serif;
}
body.ko-KR .king-of-diamonds p {
font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B', "AppleMyungjo","Batang","바탕",serif;
}
p.large-text {
font-size: 18px;
line-height: 28px;
}
p.solo-paragraph {
text-align: center;
padding: 30px 27%;
}
.king-of-diamonds .col5 .text-container {
margin: 0;
}
.scroll-down {
position: absolute;
bottom: auto;
left: 50%;
margin-left: -20px; /*-webkit-animation: bob_down 600ms cubic-bezier(0.895,0.03,0.685,0.22) alternate-reverse infinite; animation: bob_down 600ms cubic-bezier(0.895,0.03,0.685,0.22) alternate-reverse infinite; */
}
.scroll-down span {
display: block;
margin-bottom: 10px;
}
.scroll-down img {
display: block;
margin: 0 auto;
width: 41px;
}
.scroll-down.absolute {
position: absolute;
bottom: 25px
}
.scroll-down.fixed {
position: fixed;
bottom: 25px;
}
.hero .scroll-down {
bottom: 5%;
}
.scroll-down.white {
margin-left: -50px;
}
.scroll-down.white.absolute, .scroll-down.white.fixed {
bottom: 0;
}
.scroll-down.white img {
width: 100px;
}
.scroll-down img.hover {
display: none;
}
.scroll-down:hover img {
display: none;
}
.scroll-down:hover img.hover {
display: block;
}
.half-split-border > div {
width: 50%;
display: inline-block;
margin-left: -.31%;
box-sizing: border-box;
vertical-align: middle;
padding: 80px 0;
text-align: center;
}
.half-split-border > div.border {
border-left: 1px solid #ccc;
}
.half-split-border > div:first-child {
margin-left: 0;
}
.half-split-border > div:first-child.border {
border-right: 1px solid #ccc;
border-left: 0;
}
.half-split-border a, .full-width-container a {
font-family: AvenirNextMedium, Arial, Sans-Serif;
text-transform: uppercase;
font-size: 11px;
letter-spacing: .75px;
display: block;
margin-top: 30px;
}
.half-split-border p {
padding: 0 18%;
position: relative;
}
.half-split-border p:before {
content: '';
border-top: 1px solid #ccc;
width: 15%;
display: block;
position: absolute;
left: 0;
top: 50%;
}
.half-split-border > div:first-child p:before {
left: auto;
right: 0;
}
.full-width-container {
text-align: center;
}
.full-width-container hr {
width: 160px;
}
.half-split-border img, .full-width-container img {
max-width: 100%;
}
.hide-nav {
display: inline-block;
background: rgba(255,255,255,.9);
position: absolute;
right: 20px;
z-index: 3;
padding: 10px;
font-size: 11px;
}
.hide-nav img {
width: 13px;
margin-left: 5px;
}
#lightbox {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(245,245,245,.9);
text-align: center;
z-index: -1;
transition: .3s all ease-out;
opacity: 0;
padding-top: 4%;
}
#lightbox {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
}
#lightbox .flex-center {
-webkit-flex-grow: 1;
flex-grow: 1;
}
#lightbox.visible {
opacity: 1;
z-index: 1000;
}
#lightbox .close-lightbox {
position: absolute;
top: 40px;
right: 40px;
}
#lightbox .lightbox-content {
background: #fff;
display: inline-block;
vertical-align: middle;
padding: 40px;
width: 50%;
box-shadow: 0 0 20px #bbb;
}
#lightbox .lightbox-content img {
max-height: 450px;
max-width: 100%;
}
#lightbox .lightbox-prev, #lightbox .lightbox-next {
display: inline-block;
padding: 15px 20px;
border-radius: 50%;
border: 1px solid #999;
position: fixed;
top: 50%;
margin-top: -27px;
}
#lightbox .lightbox-prev {
left: 40px;
}
#lightbox .lightbox-next {
right: 40px;
}
#lightbox .lightbox-prev img, #lightbox .lightbox-next img {
width: 13px;
display: block;
}
#lightbox .page-info {
font-family: AvenirNextMedium, Arial, Sans-Serif;
text-transform: uppercase;
font-size: 11px;
letter-spacing: .75px;
}
#engagementHeritagePage #maincontent {
padding: 0 0 30px 0;
}
.picture-frames {
position: relative;
padding-bottom: 48%;
}
.touch-carousel.picture-frames .touchcarousel-next, .touch-carousel.picture-frames .touchcarousel-prev {
display: none;
}
.picture-frame {
position: absolute;
}
.picture-frame .circle-plus {
display: inline-block;
position: absolute;
font-size: 28px;
line-height: 30px;
border: 1px solid #999;
border-radius: 50%;
width: 30px;
height: 30px;
z-index: 1;
background: #fff;
font-family: serif;
font-weight: 300;
text-align: center;
margin-top: 0;
}
.picture-frames .container > p {
position: absolute;
left: 34%;
right: 34%;
bottom: 40%;
margin-top: 0;
font-size: 18px;
line-height: 28px;
white-space: normal;
}
.picture-frame.top-left {
top: 0;
left: 9%;
}
.picture-frame.top-left img {
width: 288px;
}
.picture-frame.top-left .circle-plus {
top: -10px;
left: -10px;
}
.picture-frame.top-middle {
left: 37%;
top: 3%;
}
.picture-frame.top-middle img {
width: 320px;
}
.picture-frame.top-middle .circle-plus {
top: -10px;
right: -10px;
}
.picture-frame.top-right {
right: 4%;
top: 11%;
}
.picture-frame.top-right img {
width: 248px;
}
.picture-frame.top-right .circle-plus {
bottom: -10px;
right: -10px;
}
.picture-frame.bottom-left {
left: 5%;
bottom: 11%;
}
.picture-frame.bottom-left img {
width: 274px;
}
.picture-frame.bottom-left .circle-plus {
bottom: 10px;
left: -10px;
}
.picture-frame.bottom-right {
right: 8%;
bottom: 0%;
}
.picture-frame.bottom-right img {
width: 269px;
}
.picture-frame.bottom-right .circle-plus {
bottom: 10px;
left: -10px;
}
@media only screen and (min-width: 768px) {
.picture-frame {
width: auto !important;
}
.picture-frame.top-left {
margin-left: 0 !important;
}
}
@-webkit-keyframes bob_down {
to {
-webkit-transform: translate3d(0,10px,0);
transform: translate3d(0,10px,0);
}
}
@keyframes bob_down {
to {
-webkit-transform: translate3d(0,10px,0);
transform: translate3d(0,10px,0);
}
}
.half-split-border > div.border img {
opacity: 0;
transform: translate3d(0,50px,0);
transition: .5s all ease-out;
}
.half-split-border.visible > div.border img {
opacity: 1;
transform: translate3d(0,0,0);
}
.half-split-border > div:not(.border) {
opacity: 0;
transform: translate3d(0,50px,0);
transition: .5s all ease-out;
}
.half-split-border.visible > div:not(.border) {
opacity: 1;
transform: translate3d(0,0,0);
}
.half-split-border > div:first-child:not(.border) {
transform: translate3d(0,50px,0);
}
.half-split-border.visible > div:first-child:not(.border) {
transform: translate3d(0,0,0);
}
.half-split-border > div:first-child.border img {
transform: translate3d(0,50px,0);
}
.half-split-border.visible > div:first-child.border img {
transform: translate3d(0,0,0);
}
.solo-paragraph {
opacity: 0;
transform: translate3d(0,50px,0);
transition: .5s all ease-out;
}
.solo-paragraph.visible {
opacity: 1;
transform: translate3d(0,0,0);
}
.full-width-container {
opacity: 0;
transform: translate3d(0,50px,0);
transition: .5s all ease-out;
}
.full-width-container.visible {
opacity: 1;
transform: translate3d(0,0,0);
}
#engagementItemPage .more-images {
max-width: 635px;
margin: 0 auto;
}
#engagementItemPage .share-menu-wide {
width: 100%;
text-align: center;
background: #fafafa;
padding: 10px 0 !important;
margin: 5px 0 5px !important;
}
#engagementItemPage .share-menu-wide a, #itemPage .share-menu-wide a {
background-image: url(/shared/images/icons/social_icons-black.png);
background-size: 198px 16px;
}
/*#engagementItemPage .share-menu-wide:before { content: ''; width: 10px; height: 10px; border: 1px solid #eee; display: block; background: #fff; transform: rotate(45deg); position: absolute; top: -6px; left: 67.5%; }*/
#engagementItemPage .share-menu-wide:after {
content: '';
display: block;
width: 16px;
height: 10px;
position: absolute;
top: -10px;
left: 67%;
background: #fff;
}
#engagementItemPage .share-menu-wide a.facebook, #itemPage .share-menu-wide a.facebook {
background-position: -36px 0;
}
#engagementItemPage .share-menu-wide a.twitter, #itemPage .share-menu-wide a.twitter {
background-position: -89px 0;
height: 16px;
}
#engagementItemPage .share-menu-wide a.pinterest, #itemPage .share-menu-wide a.pinterest {
background-position: -71px 0;
}
#engagementItemPage .share-menu-wide a.tumblr, #itemPage .share-menu-wide a.tumblr {
background-position: -107px 0;
height: 16px;
}
#engagementItemPage .share-menu-wide a.google, #itemPage .share-menu-wide a.google {
background-position: -143px 0;
}
#itemPage #itemInformation .share-menu-wide {
text-align: right;
width: 100%;
border-top: 1px solid lightgrey;
padding: 15px 0;
}
#itemPage .share-menu-wide a.email {
background-position: -17px 0;
}
#engagementConciergeDetailsPage h1 {
text-align: center;
padding: 20px 0 50px;
font-size: 32px;
}
#engagementConciergeDetailsPage h2 {
text-align: center;
font-size: 14px;
padding-top: 40px;
}
#engagementConciergeDetailsPage h3 {
font-size: 24px;
}
.two-columns-separated {
position: relative;
margin-bottom: 100px;
}
.two-columns-separated > div {
float: left;
width: 50%;
box-sizing: border-box;
padding: 20px;
}
.two-columns-separated > div:first-child {
border-right: 1px solid #ccc;
}
.two-columns-separated > div:first-child p {
font-size: 16px;
line-height: 180%;
padding: 0 15% 50px 0;
}
.two-columns-separated > div:first-child p.less-bot-pad {
padding-bottom: 0;
}
.two-columns-separated > div:first-child ul {
padding: 10px 15% 50px 30px;
}
.next-topic {
background: #f6f6f6;
}
.next-topic > div {
display: inline-block;
width: 49.5%;
vertical-align: middle;
text-align: center;
padding: 40px 0;
}
.next-topic a {
font-family: AvenirNextMedium, Arial, Sans-Serif;
text-transform: uppercase;
font-size: 11px;
letter-spacing: .75px;
}
.next-topic span {
text-transform: uppercase;
}
.next-topic h3 {
margin-top: 20px;
padding: 0 27%;
}
.next-topic img {
max-width: 100%;
}
.off-center {
text-align: center;
padding-right: 15%;
margin-bottom: 50px;
}
.off-center a {
font-family: AvenirNextMedium, Arial, Sans-Serif;
text-transform: uppercase;
font-size: 11px;
letter-spacing: .75px;
}
.off-left {
text-align: left;
margin-top: 25px;
margin-bottom: 50px;
padding-right: 15%;
}
.off-left a {
font-family: AvenirNextMedium, Arial, Sans-Serif;
text-transform: uppercase;
font-size: 12px;
letter-spacing: .75px;
}
.fixed-image-scroll {
text-align: center;
}
.fixed-image-scroll img {
max-width: 100%;
width: 447px;
}
.fixed-image-scroll.fixed {
position: fixed;
top: 30px;
left: 50%;
width: calc(50% - 20px);
max-width: 620px;
}
.fixed-image-scroll.absolute {
position: absolute;
bottom: 0;
width: 50%;
margin-left: -20px;
}
.difference-hero {
position: relative;
-webkit-font-smoothing: antialiased;
text-shadow: 0px 0px 12px rgba(0, 0, 0, .7);
}
.difference-hero > img {
display: block;
max-width: 100%;
}
.difference-hero > div {
position: absolute;
top: 0;
right: 0;
left: 0;
box-sizing: border-box;
text-align: center;
padding-top: 10%;
color: #fff;
}
.difference-hero h1 {
font-size: 72px !important;
line-height: 72px !important;
}
.difference-hero p {
font-size: 23px;
line-height: 33px;
padding: 0px 14% 10px;
font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B', serif;
}
body.ko-KR .difference-hero p {
font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B', "AppleMyungjo","Batang","바탕",serif;
}
.difference-hero .play-video img {
width: 69px;
}
.infobit {
padding: 50px;
text-align: center;
}
.infobit > .text {
display: inline-block;
vertical-align: middle;
width: 50%;
text-align: center;
padding: 0 5%;
box-sizing: border-box;
}
.infobit > .text p {
font-size: 18px;
line-height: 28px;
}
.infobit > .text img {
width: 118px;
}
.infobit.contains-video > .text {
width: 39.5%;
}
.infobit > .image {
display: inline-block;
vertical-align: middle;
width: 49.5%;
}
.infobit > .image img {
max-width: 100%;
}
#engagementDifferencePage .infobit > .image img {
width: 425px;
}
.infobit > .video {
display: inline-block;
vertical-align: middle;
width: 60%;
background: none;
}
.infobit > .video .play-video {
position: absolute;
left: 50%;
margin-left: -45px;
top: 35%;
}
.infobit > .video video {
width: 100%;
}
.infobit .play-video {
font-size: 11px;
letter-spacing: .75px;
text-transform: uppercase;
font-family: AvenirNextMedium, Arial, Sans-Serif;
}
body.ko-KR .infobit .play-video {
font-family: AvenirNextMedium, "AppleMyungjo","Batang","바탕",serif;
}
.infobit video {
cursor: pointer;
max-width: 100%;
}
.infobit > *:first-child {
opacity: 0;
transform: translate3d(0,50px,0);
transition: .5s all ease-out;
}
.infobit.visible > *:first-child {
opacity: 1;
transform: translate3d(0,0,0);
}
.infobit > *:last-child {
opacity: 0;
transform: translate3d(0,50px,0);
transition: .5s all ease-out;
}
.infobit.visible > *:last-child {
opacity: 1;
transform: translate3d(0,0,0);
}
.infobit > .text p, .infobit > .text hr, .infobit > .text a {
opacity: 0;
transition: .5s all ease-out;
transition-delay: .5s;
}
.infobit.visible > .text p, .infobit.visible > .text hr, .infobit.visible > .text a {
opacity: 1;
}
.parallax {
position: relative;
overflow: hidden;
margin: 50px 0;
text-shadow: 0 0 25px #333;
-webkit-font-smoothing: antialiased;
}
.parallax > img {
max-width: 100%;
margin: -13% 0;
}
.parallax > p {
position: absolute;
top: 50%;
transform: translateY(-50%);
color: #fff;
text-align: center;
font-size: 33px;
line-height: 38px;
font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B', serif;
padding: 0 14%;
margin: 0;
}
body.ko-KR .parallax > p {
font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B', "AppleMyungjo","Batang","바탕",serif;
}
.parallax > p span {
line-height: 120%;
display: block;
}
.parallax > p span.quote-name {
display: block;
font-size: 18px;
margin-top: 30px;
}
.parallax > p span.quote-title {
font-style: italic;
font-size: 19px;
}
.engagement-icons {
background: #f6f6f6;
text-align: center;
padding: 50px;
margin-top: 50px;
}
.engagement-icons h2 {
font-size: 42px;
line-height: 42px;
margin-top: 50px;
}
.engagement-icons > hr {
width: 180px;
}
.icon-info > div {
display: inline-block;
vertical-align: middle;
width: 49.7%;
white-space: normal;
margin: 10% 0;
}
.icon-info img {
max-width: 100%;
width: 551px;
}
.icon-info h3 {
font-size: 16px;
text-transform: uppercase;
}
.icon-info p {
font-size: 18px;
line-height: 28px;
padding: 20px 22%;
}
.icon-info a {
font-family: AvenirNextMedium, Arial, Sans-Serif;
text-transform: uppercase;
font-size: 11px;
letter-spacing: .75px;
}
body.ko-KR .icon-info a {
font-family: AvenirNextMedium, "AppleMyungjo","Batang","바탕",serif;
}
.icon-info hr {
margin: 12px auto;
}
.magnifier {
display: inline-block;
position: relative;
cursor: none;
}
.magnifier > img {
display: block;
}
.magnifier > div {
width: 240px;
height: 240px;
border-radius: 50%;
box-shadow: 0 0 5px #666;
overflow: hidden;
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%,-50%,0);
transition: .3s opacity ease-out;
opacity: 0;
}
.magnifier > div.visible {
opacity: 1;
}
.magnifier > div img {
display: block;
max-width: none;
width: 1102px;
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%,-50%,0);
}
.white-text {
color: #fff;
}
.white-text hr {
background: #fff;
}
.image-text-overlay {
position: relative;
}
.image-text-overlay > img {
max-width: 100%;
display: block;
}
.image-text-overlay > div {
position: absolute;
width: 100%;
top: 50%;
margin-top: -10%;
color: #fff;
-webkit-font-smoothing: antialiased;
text-align: center;
padding: 0 14%;
box-sizing: border-box;
}
.image-text-overlay h2 {
font-size: 42px;
line-height: 42px;
}
.image-text-overlay p {
font-size: 18px;
line-height: 28px;
padding: 10px 0 40px;
}
.image-text-overlay a {
font-family: AvenirNextMedium, Arial, Sans-Serif;
text-transform: uppercase;
font-size: 11px;
letter-spacing: .75px;
}
body.ko-KR .image-text-overlay a {
font-family: AvenirNextMedium, "AppleMyungjo","Batang","바탕",serif;
}
.image-text-right {
position: relative;
}
.image-text-right > img {
width: 50%;
display: inline-block;
vertical-align: middle;
}
.image-text-right > div {
width: 49.5%;
display: inline-block;
vertical-align: middle;
text-align: center;
padding: 0 5%;
box-sizing: Border-box;
}
.image-text-right h2 {
font-size: 42px;
line-height: 42px;
}
.image-text-right p {
font-size: 18px;
line-height: 28px;
padding: 40px 0;
}
.image-text-right a {
font-family: AvenirNextMedium, Arial, Sans-Serif;
text-transform: uppercase;
font-size: 11px;
letter-spacing: .75px;
}
body.ko-KR .image-text-right a {
font-family: AvenirNextMedium, "AppleMyungjo","Batang","바탕",serif;
}
.ring-story {
background: #f6f6f6;
}
.ring-story .container > div img {
width: 50%;
display: inline-block;
vertical-align: middle;
margin-bottom: 0;
}
.ring-story .container > div > div {
width: 49.7%;
display: inline-block;
vertical-align: middle;
padding: 0 5%;
box-sizing: border-box;
}
.ring-story p {
white-space: normal;
font-size: 18px;
line-height: 28px;
}
.ring-story h3 {
font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B', serif;
font-size: 30px;
line-height: 30px;
letter-spacing: .03em;
text-transform: uppercase;
margin-bottom: 40px;
}
.ring-story .thumbs {
position: absolute;
bottom: 10%;
left: 50%;
width: 50%;
}
.provenance-hero {
position: relative;
-webkit-font-smoothing: antialiased;
text-shadow: 0px 0px 12px rgba(0, 0, 0, 1);
}
.provenance-hero > img {
display: block;
max-width: 100%;
}
.provenance-hero > div {
position: absolute;
top: 0;
right: 0;
left: 0;
box-sizing: border-box;
text-align: center;
padding-top: 15%;
color: #fff;
}
.provenance-hero h1 {
font-size: 72px;
line-height: 72px;
}
.provenance-hero p {
font-size: 23px;
line-height: 33px;
padding: 0px 14% 10px;
font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B', serif;
}
body.ko-KR .provenance-hero p {
font-family: 'Sterling Display 3r', 'Sterling Display A', 'Sterling Display B', "AppleMyungjo","Batang","바탕",serif;
}
#stickyDots {
position: fixed;
z-index: 1;
top: 50%;
padding: 0;
transform: translateY(-50%);
margin-top: -28px;
margin-right: 15px;
width: 12px;
padding: 0 10px;
}
#stickyDots .thumb {
margin: 10px 0;
}
.provenance-step {
padding: 60px 100px;
position: relative;
overflow: hidden;
}
.provenance-step > img {
position: absolute;
width: 1240px;
min-height: 100%;
min-width: 100%;
top: 0;
left: 0;
}
.provenance-step > p {
font-size: 18px;
line-height: 28px;
text-align: center;
padding: 20px 0 50px;
position: relative;
}
.provenance-step > hr {
width: 300px;
position: relative;
}
.provenance-step > h3 {
margin-top: 50px;
text-align: center;
}
.provenance-step > h3 img {
margin-bottom: 20px;
}
.provenance-step > h3 + p {
padding-top: 20px;
}
.provenance-step a {
font-size: 11px;
letter-spacing: .75px;
text-transform: uppercase;
font-family: AvenirNextMedium, Arial, Sans-Serif;
}
body.ko-KR .prevenance-step a {
font-family: AvenirNextMedium, "AppleMyungjo","Batang","바탕",serif;
}
.section-hero {
position: relative;
text-align: center;
margin-bottom: 10px;
}
.section-hero > img {
max-width: 100%;
}
.section-hero > div {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
left: 0;
box-sizing: border-box;
text-align: center;
color: #fff;
}
.section-hero span {
text-transform: uppercase;
font-size: 13px;
}
.section-hero h2 {
font-size: 42px;
line-height: 42px;
margin-top: 20px;
}
#engagementProvenancePage .infobit {
padding: 50px 0;
}
.inspection-info span.tip {
font-size: 12px;
display: block;
text-transform: uppercase;
line-height: 20px;
padding: 0 19%;
}
.inspection-info span.large-number {
font-size: 28px;
margin-bottom: 20px;
display: block;
}
.inspection-info img {
margin: 0 2px 10px;
}
.percent-circle {
position: relative;
display: inline-block;
width: 120px;
height: 120px;
}
.percent-circle > span {
position: absolute;
top: 37%;
font-size: 28px;
left: 0;
right: 0;
}
.percent-circle + span {
text-transform: uppercase;
padding: 20px 18% 0;
display: block;
font-family: AvenirNextMedium, Arial, Sans-Serif;
font-size: 12px;
line-height: 20px;
text-transform: uppercase;
}
body.ko-KR .percent-circle + span {
font-family: AvenirNextMedium, "AppleMyungjo","Batang","바탕",serif;
}
.percent-circle svg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.percent-circle svg.circleFill {
z-index: 1;
stroke-dasharray: 400;
stroke-dashoffset: 400;
transition: all 2s ease-out .5s;
transform: rotate(-90deg);
}
.infobit.visible .percent-circle.ninety-nine svg.circleFill {
stroke-dashoffset: 40;
}
.infobit.visible .percent-circle.ninety-four svg.circleFill {
stroke-dashoffset: 60;
}
.percent-circle svg.circleTrack {
z-index: 0;
}
#step3 {
color: #fff;
}
#step3 > hr {
background: #fff;
color: #fff;
}
#worldMap {
position: relative;
}
#worldMap > img {
max-width: 100%;
}
#worldMap > div {
position: absolute;
top: 35%;
right: 0;
left: 0;
box-sizing: border-box;
text-align: center;
}
#worldMap h2 {
font-size: 38px;
line-height: 38px;
margin-bottom: 60px;
}
#worldMap > div a {
font-family: AvenirNextMedium, Arial, Sans-Serif;
text-transform: uppercase;
font-size: 11px;
letter-spacing: .75px;
}
#worldMap > div hr {
width: 248px;
}
#masterCategoryPage .engagement-sticky-nav.fixed .hide-nav {
right: 20px;
}
.tile-container > div.static-tile {
position: relative;
}
.tile-container > div:not(.mainNav__tileImage) {
overflow: hidden;
}
.static-tile > div {
position: absolute;
top: 30%;
text-align: center;
width: 100%;
box-sizing: border-box;
}
.static-tile > video {
min-width: 100%;
min-height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.tile-container > div.engagement-sticky-nav {
position: absolute;
width: 100% !important;
height: auto !important;
}
.tile-container > div.engagement-sticky-nav.fixed {
position: fixed;
left: auto !important;
top: 10px !important;
}
.tile-container .engagement-info-nav {
margin-bottom: 4px;
}
.tile-container > div.landing-sticky-nav {
position: fixed;
z-index: 1;
top: 50% !important;
width: 12px !important;
left: auto !important;
height: auto !important;
transform: translateY(-50%);
margin-right: 35px;
padding: 0 10px;
margin-top: 28px;
}
.tile-container > div.landing-sticky-nav .thumb {
margin: 10px 0;
}
.static-tile .grid-container > div > img {
width: auto;
display: inline-block;
}
.static-tile .grid-container {
padding: 0 100px;
box-sizing: border-box;
}
.static-tile h2 {
font-size: 38px;
line-height: 100%;
margin: 0 auto;
}
.static-tile p {
font-size: 28px;
line-height: 150%;
padding: 50px 0;
margin: 0 auto;
}
.static-tile hr {
margin-top: 0;
}
.static-tile a {
text-transform: uppercase;
font-family: avenirnextmedium;
font-size: 11px;
letter-spacing: .75px;
}
.static-tile.concierge-tile > div {
position: static;
padding: 50px;
background: #f6f6f6;
}
.clarity-slider {
display: inline-block;
}
#engagementConciergePage .clarity-slider {
margin-bottom: 40px;
}
.clarity-slider .relative {
position: relative;
display: inline-block;
}
.clarity-slider img {
display: block;
max-width: 100%;
}
#engagementConciergePage .clarity-slider img {
max-height: none;
width: 100%;
}
#engagementConciergePage .clarity-slider .relative {
width: 75%;
}
.clarity-slider .flawed {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.clarity-slider a {
width: 100px;
display: inline-block !important;
vertical-align: middle;
}
.clarity-slider input[type=range] {
-webkit-appearance: none;
width: 280px;
vertical-align: middle;
margin-top: 0px;
}
#engagementConciergePage .clarity-slider input[type=range] {
width: 130px;
}
.clarity-slider input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
}
.clarity-slider input[type=range]:focus {
outline: none;
}
.clarity-slider input[type=range]::-ms-track {
width: 100%;
cursor: pointer;
background: transparent;
border-color: transparent;
color: transparent;
}
.clarity-slider input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
height: 20px;
width: 5px;
background: #000;
margin-top: -10px;
cursor: pointer;
}
.clarity-slider input[type=range]::-moz-range-thumb {
height: 20px;
width: 5px;
background: #000;
cursor: pointer;
}
.clarity-slider input[type=range]::-ms-thumb {
height: 20px;
width: 5px;
background: #000;
cursor: pointer;
}
.clarity-slider input[type=range]::-webkit-slider-runnable-track {
width: 100%;
background: #ccc;
height: 1px;
}
@media only screen and (max-width: 1200px) {
.filter-bar .categories {
display: block;
margin-left: 0;
margin-top: 10px;
text-align: center;
}
}
#engagementProvenancePage #heroTopText {
padding-top: 10%;
}
@media only screen and (max-width: 1175px) {
#engagementProvenancePage #heroTopText {
padding-top: 4%;
}
#engagementProvenancePage #heroTopText p {
padding: 0px 8% 10px;
}
}
#engagementProvenancePage #heroTopText {
padding-top: 10%;
}
@media only screen and (max-width: 1175px) {
#engagementProvenancePage #heroTopText {
padding-top: 4%;
}
#engagementProvenancePage #heroTopText p {
padding: 0px 8% 10px;
}
}
/* End Engagement Redesign */
/*CSR Refresh*/
#csrSustainability {
position: relative;
}
#csrSustainability .text-container {
margin-bottom: 0 !important;
}
#csrSustainability .active {
color: #41c1ca !important;
}
#csrSustainability .scrollNavigation {
position: absolute;
z-index: 1;
margin: 100px 0 0 20px;
padding-right: 20px;
padding-left: 5px;
}
#csrSustainability .scrollNavigation a {
display: block;
width: 100%;
padding-bottom: 4%;
color: #acacac;
text-transform: uppercase;
}
#csrSustainability .fixedNavigation {
position: fixed;
top: 0;
}
#csrSustainability .bottomedNavigation {
position: absolute;
top: auto;
bottom: 0;
margin-bottom: 60px;
}
#csrSustainability .sustainability-hero .contentColumn1 {
padding: 14% 5% 0;
text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.9);
}
#csrSustainability .sustainability-hero .contentColumn1 p {
padding: 0 8%;
font-style: normal;
}
#csrSustainability .sustainability-hero h1 {
font-size: 72px;
line-height: 72px;
text-transform: uppercase;
letter-spacing: 0;
}
#csrSustainability .sustainability-hero .play {
margin: 2% 0 !important;
}
#csrSustainability .sustainability-hero .play-text {
color: #fff;
font-family: 'AvenirNextMedium',Helvetica,Arial,sans-serif;
font-size: 1.1rem;
line-height: 150%;
letter-spacing: .05em;
text-transform: uppercase;
}
#csrSustainability .industryLeadership {
background-color: #f0f0f0;
}
#csrSustainability .industryLeadership a {
color: #999999;
line-height: 45px;
}
#csrSustainability .industryLeadership .contentColumn1 {
position: absolute;
left: 21%;
width: 41%;
text-align: left;
margin-top: 4.5%;
}
#csrSustainability .categoryContent .contentColumn1 h1 {
font-size: 32px;
text-transform: uppercase;
}
#csrSustainability .industryLeadership .contentColumn1 p {
width: 90%;
}
#csrSustainability .industryLeadership .contentColumn2 {
position: absolute;
width: 40%;
margin: 4.5% 0 0 62%;
}
#csrSustainability .industryLeadership .contentColumn2 img {
width: 85%
}
#csrSustainability .responsibleMining .contentColumn1 {
position: absolute;
left: 21%;
width: 60%;
text-align: left;
margin-top: 4%;
padding: 0 !important;
}
#csrSustainability .tiffanyDiamonds .contentColumn1 {
position: absolute;
left: 21%;
width: 40%;
margin-top: 5%;
}
#csrSustainability .tiffanyDiamonds .contentColumn1 img {
width: 85%
}
#csrSustainability .tiffanyDiamonds .contentColumn2 {
position: absolute;
width: 42%;
margin: 9% 0 0 58%;
}
#csrSustainability .tiffanyDiamonds .contentColumn2 p {
width: 90%;
}
#csrSustainability .protectEnvironment .contentColumn1 {
position: absolute;
left: 21%;
width: 65%;
text-align: left;
margin-top: 12%;
padding: 0 !important;
}
#csrSustainability .protectEnvironment .contentColumn2 {
position: relative;
width: 22%;
margin-left: 77%;
padding: 0 !important;
}
#csrSustainability .protectEnvironment .contentColumn2 p {
position: absolute;
bottom: 0;
right: 0;
padding-bottom: 15px !important;
}
#csrSustainability .blueBoxesAndBags .contentColumn1 {
position: absolute;
left: 60%;
width: 40%;
text-align: left;
margin-top: 16%;
padding: 0 !important;
}
#csrSustainability .blueBoxesAndBags .contentColumn1 p {
width: 80%;
}
#csrSustainability .supplyChain a {
color: #999999;
display: block;
margin: 0 30px 20px 0;
line-height: 150% !important;
}
#csrSustainability .supplyChain .contentColumn1 {
position: absolute;
left: 21%;
width: 41%;
text-align: left;
margin-top: 12%;
}
#csrSustainability .supplyChain .contentColumn1 p {
position: relative;
width: 90%;
}
#csrSustainability .supplyChain .contentColumn1 a:first-of-type {
margin-top: 15%;
}
#csrSustainability .supplyChain .contentColumn1 a:last-child {
margin-bottom: 0;
}
#csrSustainability .supplyChain .contentColumn2 {
position: absolute;
width: 40%;
margin: 4.5% 0 0 62%;
}
#csrSustainability .supplyChain .contentColumn2 img {
width: 85%
}
#csrSustainability .energyClimateChange .contentColumn1 {
position: absolute;
left: 21%;
width: 58%;
text-align: left;
margin-top: 9%;
padding: 0 !important;
}
#csrSustainability .energyClimateChange .contentColumn1 p {
text-transform: none;
}
#csrSustainability .ourEmployees .contentColumn1 {
position: absolute;
left: 21%;
width: 41%;
text-align: left;
margin-top: 6%;
}
#csrSustainability .ourEmployees .contentColumn1 p {
width: 90%;
}
#csrSustainability .ourEmployees .contentColumn2 {
position: absolute;
width: 40%;
margin: 4.5% 0 0 62%;
}
#csrSustainability .ourEmployees .contentColumn2 img {
width: 85%
}
#csrSustainability .charitableGiving .contentColumn1 {
position: absolute;
left: 21%;
width: 58%;
text-align: left;
margin-top: 13%;
padding: 0 !important;
}
#csrSustainability .charitableGiving .contentColumn1 p {
padding-bottom: 5px;
}
#csrSustainability .governance .contentColumn1 {
position: absolute;
left: 60%;
width: 40%;
text-align: left;
margin-top: 8%;
padding: 0 !important;
}
#csrSustainability .governance .contentColumn1 p {
width: 93%;
}
@media only screen and (max-width: 1250px) {
#csrSustainability .sustainability-hero h1 {
font-size: 52px;
}
#csrSustainability .scrollNavigation a {
font-size: 10px !important;
}
#csrSustainability .categoryContent .contentColumn1 h1 {
font-size: 30px !important;
}
#csrSustainability .t20 {
font-size: 12px !important;
line-height: 26px !important;
}
}
@media only screen and (max-width: 1175px) {
#csrSustainability .t20 {
font-size: 11px !important;
line-height: 24px !important;
}
}
@media only screen and (max-width: 1100px) {
#csrSustainability .t20 {
font-size: 10px !important;
line-height: 22px !important;
}
}
/* SUPPLIER CODE OF CONDUCT */
#CodeofConduct {
position: relative;
}
#CodeofConduct .divPageTitle {
padding-top: 35px;
padding-bottom: 15px;
border-bottom: 2px solid #333;
}
#CodeofConduct .divPageContentArea .divPageHeader {
border-bottom: 1px solid #333;
padding-bottom: 20px;
margin-bottom: 15px;
}
#CodeofConduct .divPageContentArea .divLeftContent {
width: 50%;
float: left;
min-height: 500px;
padding-bottom: 50px;
}
#CodeofConduct .divPageContentArea .divRightContent {
display: inline-block;
width: 530px;
float: right;
max-width: calc(100% - 60%);
padding: 15px 40px;
box-sizing: border-box;
}
#CodeofConduct .divPageContentArea .divRightContent img {
max-width: 100%;
}
/* MQW Shopping Bag Redesign */
.shopping-bag-container {
display: -webkit-flex;
display: flex;
padding-top: 20px;
}
.shopping-bag-container .bag-left {
-webkit-flex-grow: 1;
flex-grow: 1;
padding-right: 100px;
max-width: 59.7%;
}
.shopping-bag-container .bag-right {
width: 400px;
position: relative;
max-width: 33%;
}
.shopping-bag-container #custServNum.divCustomerServiceNumber {
padding-bottom: 24px;
}
.shopping-bag-container .bag-left .errorText {
max-width: 525px;
}
.bag-right-content {
position: sticky;
width: 400px;
top: 64px;
}
.bag-right-content .accordion__toggle i {
font-size: 10px;
margin-top: 6px;
}
.bag-right-content .accordion.accordion-need-help .accordion__item {
border-bottom: 1px solid #767676;
}
.bag-right-content.fixed {
/* position: fixed;
top: 64px; */
}
.bag-right-content.bottomed {
position: absolute;
bottom: 0;
top: auto;
}
.bag-right-content .accordion {
border-top: none;
margin-top: 34px;
}
.shopping-bag-container .bag-delete {
position: absolute;
top: 0px;
right: 15px;
padding: 10px;
}
.shopping-bag-container .bag-delete i.icon-font {
display: block;
font-size: 13px;
}
.order-details {
padding: 30px;
background: #f5f5f5;
margin-bottom: 30px;
margin-top: 20px;
}
.order-details div:not(.main_shippingOptions) {
padding: 10px 0;
}
.order-details > div > span {
float: right;
margin-left: 10px;
}
.order-details h4 {
padding-bottom: 10px;
margin-bottom: 5px;
}
.order-details .total-price {
margin-top: 5px;
padding-top: 12px;
border-top: 1px solid #767676;
}
.order-details .complimentary-shipping-note {
text-align: center;
}
.order-details .banner-note {
text-align: center;
}
.order-details .btn-aem {
width: 100%;
margin: 25px auto 0;
}
/* Zipcode Look up start */
.order-details .main_shippingOptions #dvToshiShippingGenericTitle {
display: none;
padding-bottom: 15px;
}
.order-details .main_shippingOptions #dvToshiShippingGenericTitle p {
margin: 0;
}
.order-details .main_shippingOptions .md-radio .zipcode-lookup {
display: none;
padding: 8px 0 0;
margin: 0 0 0 26px;
}
.order-details .main_shippingOptions .md-radio.md-radio--disbaled label,
.order-details .main_shippingOptions .md-radio.md-radio--disbaled p {
color: #959595;
}
.order-details .main_shippingOptions .md-radio.md-radio--disbaled label:before {
border-color: #959595;
}
.order-details .main_shippingOptions .md-radio .zipcode-lookup .zipcode-lookup__input {
display: flex;
padding: 0;
margin: 16px 0 0 0;
max-width: 167px;
justify-content: flex-start;
align-items: flex-end;
}
.order-details .main_shippingOptions .md-radio .zipcode-lookup .zipcode-lookup__input .md-input {
padding: 0;
margin-right: 15px;
}
.order-details .main_shippingOptions .md-radio .zipcode-lookup .zipcode-lookup__input .zipcode-lookup__input-button {
display: flex;
align-items: center;
margin: 0;
padding: 6px 10px;
min-width: inherit;
color: #000;
background: #fff;
}
.order-details .main_shippingOptions .md-radio .zipcode-lookup .zipcode-lookup__input .zipcode-lookup__input-button i {
font-size: 14px;
font-weight: 200;
}
.order-details .main_shippingOptions .md-radio .zipcode-lookup .zipcode-lookup__input label {
left: 0;
}
.order-details .main_shippingOptions .md-radio .zipcode-lookup .zipcode-lookup__input label::before {
width: 0;
height: 0;
padding: 0;
border: none;
margin: 0;
}
.order-details .main_shippingOptions .md-radio .zipcode-lookup .zipcode-lookup__status {
display: none;
margin: 0;
padding: 0;
}
.order-details .main_shippingOptions .md-radio .zipcode-lookup .zipcode-lookup__status .zipcode-lookup__status--text {
display: flex;
align-items: center;
justify-content: flex-start;
}
.order-details .main_shippingOptions .md-radio .zipcode-lookup .zipcode-lookup__status .zipcode-lookup__status--text i {
margin-right: 10px;
font-size: 14px;
}
.order-details .main_shippingOptions .md-radio .zipcode-lookup .zipcode-lookup__status .zipcode-lookup__status--text i.unavailable {
color: #e31f26;
font-weight: bolder;
}
.order-details .main_shippingOptions .md-radio .zipcode-lookup .zipcode-lookup__status .zipcode-lookup__status--text i.available {
color: #00a4b7;
}
.order-details .main_shippingOptions .md-radio .zipcode-lookup .zipcode-lookup__status .zipcode-lookup__status--text span {
font-family: "Santral W01", Helvetica, Arial, sans-serif;
font-size: 1.4rem;
font-weight: 400;
line-height: 21px;
}
.order-details .main_shippingOptions .md-radio .zipcode-lookup .zipcode-lookup__status .zipcode-lookup__status--link {
display: block;
margin-left: 24px;
}
.order-details .main_shippingOptions .md-radio .zipcode-lookup .zipcode-lookup__status .zipcode-lookup__status--link a {
font-family: "Santral W01", Helvetica, Arial, sans-serif;
font-size: 1.4rem;
line-height: 24px;
font-weight: 400;
}
/* Zipcode Look up end */
.engravingWrapper label {
vertical-align: top;
margin-top: 3px;
}
.bag-item-image {
padding-right: 20px;
}
.bag-item-image__a {
display: block;
}
.bag-item-image a:first-child {
margin-bottom: 15px;
}
.bag-item-image a img {
display: block;
width: 200px;
height: 200px;
}
.bag-item-image a:after {
content: none;
}
.shopping-bag-container .bag-item {
padding: 20px 0;
border-top: 1px solid #767676;
}
.shopping-bag-container .bag-item:first-child {
border-top: none;
}
.bag-item-container {
position: relative;
transition: .3s all ease-in;
opacity: 1;
}
.bag-item-container.animate {
transform: translate3d(-100%,0,0);
opacity: 0;
}
.bag-item-container.complete {
display: none;
}
.bag-item__image-details {
display: flex;
}
.eng-ring-size .md-input {
margin-top: 0;
padding-top: 7px;
padding-bottom: 0;
vertical-align: bottom;
}
.sortable .bag-item__edit {
float: right;
}
#divemailprint a {
margin-left: 10px;
}
#divemailprint a i {
font-size: 16px;
}
.engagement-bullets li {
display: inline-block;
margin-right: 10px;
}
.engagement-bullets li:first-child {
width: 125px;
}
.engagement-item-4cs span {
display: block;
color: #767676;
}
.bag-item__tiles {
margin-left: 220px;
margin-top: 20px;
}
.bag-item__tiles img {
width: 120px;
}
.engravingItemDetails .tiffany-aem {
display: inline-block;
}
.engraving__link-seperator {
display: inline-block;
padding: 0 5px;
}
.remove-confirmation {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
background: rgba(0,0,0,.8);
color: #fff;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-webkit-justify-content: center;
align-items: center;
justify-content: center;
text-align: center;
}
.remove-confirmation a {
display: inline-block;
margin: 0 10px;
color: #fff;
}
.jq-undo {
background: #f5f5f5;
text-align: center;
display: block;
padding: 20px;
transform: translate3d(0,0,0);
transition: .3s opacity ease-in;
opacity: 1;
}
.jq-undo.animate {
opacity: 0;
}
.jq-undo.complete {
display: none;
}
.jq-undo span {
display: none;
}
.jq-undo.undo-saved span.undo-saved-message {
display: inline;
}
.jq-undo.undo-removed span.undo-removed-message {
display: inline;
}
.bag-items-container {
margin-top: 10px;
}
/*.bag-items-container #lblEmptyBasketErr {margin-bottom: 20%;}*/
/*.bag-items-container #navShopPopularLink {margin-bottom: 20%;}*/ /*ME-95*/
.bag-item-details {
-webkit-flex-grow: 1;
flex-grow: 1;
}
.bag-item-details > div {
padding: 10px 0;
}
.bag-item-details .item-name {
padding-top: 0;
padding-right: 10%;
}
.bag-item-details .itemPrice {
text-align: right;
padding-right: 30px;
padding-top: 25px;
}
.bag-item-details .ItemZipCodeAvailabilityNotice {
display: none;
margin-top: 15px;
border-top: 1px solid #000;
}
.bag-item-details .ItemZipCodeAvailabilityNotice p {
margin: 0;
}
.bag-item-details .ItemZipCodeAvailabilityNotice p:nth-child(2) {
margin-bottom: 10px;
}
.bag-item-details .itemBackOrdered {
margin-top: 20px;
padding: 25px 0 5px 0;
border-top: 1px solid #000;
}
.bag-items-container .shoppingbag-empty-box {
display: none;
}
.bag-items-container .shoppingbag-empty-box .all-message {
margin-bottom: 10px;
}
.bag-items-container .shoppingbag-empty-box .all-message #lblEmptyBasketErr {
display: none;
}
.bag-items-container .shoppingbag-empty-box .all-message #lblEmptyBasketSignIn {
display: none;
}
.bag-items-container .shoppingbag-empty-box .all-actions {
margin-bottom: 20%;
}
.bag-items-container .shoppingbag-empty-box .all-actions #divSignInLink,
.bag-items-container .shoppingbag-empty-box .all-actions #divShopPopularLink {
display: none;
}
.bag-items-container .shoppingbag-empty-box .all-actions a {
display: inline-block !important;
}
.bag-items-container .shoppingbag-empty-box .all-actions .offset-spacer {
margin-bottom: 30px;
}
.bag-items-container__blueBoxMessage {
position: relative;
display: flex;
margin: 40px 0 0;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.bag-items-container__blueBoxMessage .bag-items-container__blueBoxMessage___imgHolder {
margin: 0;
padding: 0;
display: block;
flex: 0 0 100%;
}
.bag-items-container__blueBoxMessage .bag-items-container__blueBoxMessage___imgHolder img {
width: 100%;
max-width: 100%;
}
.bag-items-container__blueBoxMessage .bag-items-container__blueBoxMessage___message {
position: absolute;
display: block;
width: 30%;
top: 35%;
right: 10%;
}
.bag-item__edit i {
font-size: 16px;
}
@media (min-width: 768px) {
.engagement-item-4cs.flex-block {
margin: 0 -10px;
}
.bag-item__edit {
margin-bottom: 10px;
}
}
.sb-duplicate-message {
display: block;
border-bottom: 1px solid #767676;
max-width: 468px;
padding-bottom: 20px;
margin-bottom: 20px;
}
@media (max-width: 1024px) {
.bag-item-details .engraving-options-wrapper {
max-width: 210px;
}
}
.engraving-options-wrapper .engraving-preview-img {
width: 120px;
}
.bag-item-details select {
min-width: 70px;
}
.bag-item-details .md-input {
padding-bottom: 0;
}
.bag-item-details .md-input label {
white-space: nowrap;
}
.bag-item-details .custom-drop {
border: 1px solid #777;
padding: 5px 10px 5px;
min-width: 80px;
}
.bag-item-details div.choice {
padding-right: 25px !important;
background: url(/shared/images/icons/down-arrow-noline.png) no-repeat right 7px;
background-size: 12px;
width: 100%;
box-sizing: border-box;
margin-left: 0;
padding-left: 10px;
}
.bag-item-details .custom-drop div.rollbar {
margin-top: -26px;
margin-left: -11px;
min-width: 91px;
padding-top: 1px;
padding-left: 6px;
border-color: #777;
}
.bag-items-container .alert-success {
display: none;
padding: 40px 70px;
margin-bottom: 30px;
background-color: #f5f5f5;
text-align: center;
opacity: 1;
}
.bag-items-container .alert-success.hidden {
display: block;
visibility: hidden;
}
.bag-items-container .offset {
height: 11px;
line-height: 11px;
/*border-top: solid 1px #000;*/
margin-bottom: 20px;
clear: both;
}
.bag-items-container #rr1.extra-info #rrTitle {
margin-bottom: 30px;
}
.rrItem {
text-align: left;
}
.rrItem {
width: 33%;
float: left;
display: inline-block;
padding: 1px 0;
}
@media (max-width: 500px) {
#rrProdRecsDiv {
margin: 35px 0 18px;
}
.item-desc {
padding-right: 10px;
}
.rrItem {
width: 50%;
text-align: left;
}
.rrItem .item-price {
padding: 10px 0;
}
}
.bag-items-container .extra-info .container .rrItem a.miniPDP {
display: block;
min-height: 340px;
margin: 1px 1px 15px;
}
.bag-items-container .extra-info .container .rrItem a.miniPDP:after {
content: none;
}
.bag-items-container .extra-info .container .rrItem a.miniPDP img {
margin-bottom: 15px;
}
.bag-items-container .extra-info .container .rrItem a.miniPDP .item-desc {
text-align: left;
margin-bottom: 10px;
padding: 0 8px;
}
.bag-items-container .extra-info .container .rrItem a.miniPDP .item-price {
text-align: left;
padding: 0 8px;
}
.bag-items-container .extra-info .container .rrItem .btnAddToBag {
display: inline-block;
text-align: left;
margin-left: 8px;
}
#btnPurchaseTop {
display: none;
}
.divCustomerServiceNumber {
font-weight: 700;
}
.shopping-bag-container .btn, .shopping-bag-container input.btn {
min-width: 280px;
}
/* End MQW Shopping Bag Redesign */
/*PDP Redesign CSS Changes */
#itemPage #itemPrice {
font-size: 12px;
line-height: 15px;
}
#itemPage #itemInformation {
margin-top: 70px;
padding-top: 0;
margin-bottom: 20px;
}
#itemPage #itemInformation #itemHeader h1 {
padding-bottom: 5px;
}
body.en-US-PKB#itemPage #itemInformation > div {
margin-bottom: 10px;
}
body.en-US-PKB#itemPage #itemInformation #skuGroups > div {
margin-bottom: 0px;
}
#itemPage #skuGroups .l1 {
font-size: 11px;
line-height: 12px;
}
#itemPage #itemInformation > div {
margin-bottom: 20px;
}
#itemPage #itemInformation > div#skuGroups {
margin-bottom: 5px;
}
#itemPage #itemInformation > div.share-menu-wide {
margin-bottom: 0px;
}
#itemPage #skuGroups > div {
margin: 0;
}
#itemPage #itemInformation > div#mediaLinks {
margin: 0 0 11px;
}
#itemPage #itemInformation #addToShoppingBagButton {
margin-bottom: 30px;
}
#itemPage #itemInformation .itemPreviewMode__label #lblUrl {
display: inline-block;
color: #ffffff;
}
#itemPage.en-US-PKB #itemInformation #addToShoppingBagButton {
margin-bottom: 10px;
}
#itemPage #skuGroups input[type="tel"] {
padding: 3px 0px;
text-align: center;
}
#itemPage .error-text {
display: block;
}
#itemPage.BYOPagePreview .saveItem {
padding-right: 0;
}
#itemPage #dropAHintIcon {
margin-top: -2px;
position: relative;
float: left;
}
#itemPage #ancDropAHintGen span {
float: left;
padding-left: 5px;
}
#itemPage #skuGroups input[type="tel"] {
border: 1px solid #999;
width: 45px !important;
padding: 6px 9px;
margin-left: 5px;
text-align: center;
background-color: #ffffff
}
#itemPage #saveHeart {
position: relative;
top: 1px;
}
#itemPage #infoDrawers {
border-top: 1px solid lightgrey;
}
#itemPage #infoDrawers > div > span {
text-transform: uppercase;
display: block;
padding-right: 10px;
}
#itemPage #infoDrawers > div {
padding: 10px 0;
border-bottom: 1px solid lightgrey;
}
#contentLinkList {
margin-top: 10px;
}
#itemPage #infoDrawers > div > span > span.plusSign {
float: right;
}
#itemPage #infoDrawers > div > span {
cursor: pointer;
line-height: 24px;
}
#itemPage #infoDrawers > div > div > p:first-child {
margin-top: 0;
}
#itemPage #infoDrawers > div > div > p {
margin: 15px 0;
}
#itemPage #infoDrawers > div > div {
text-transform: none;
line-height: 20px;
width: 95%;
display: none;
}
#infoDrawers #drawerDescription .ring-size-guide,
#infoDrawers #drawerDescription .jq-size-guide {
display: block;
margin-top: 10px;
}
#itemPage #infoDrawers #drawerShippingReturn > div {
padding-top: 15px;
}
#itemPage #infoDrawers #drawerDescription div {
display: block;
}
#itemPage #infoDrawers #drawerDescription .ItemZipCodeAvailability {
margin-top: 20px;
}
#itemPage #infoDrawers #drawerDescription .ItemZipCodeAvailability p {
margin: 0 0 10px;
}
#itemPage #infoDrawers #drawerDescription .ItemZipCodeAvailability p:nth-child(2) {
margin: 0;
}
#itemPage #infoDrawers #drawerDescription .ItemZipCodeAvailability p:last-child {
margin: 20px 0 10px;
}
#itemPage #infoDrawers ul li {
list-style-type: disc;
}
#itemPage #infoDrawers div#drawerAlsoAvailable ul li {
list-style-type: none;
}
#itemPage #contentLinkList li {
list-style: none;
}
#itemPage #itemInformation .custom-drop.color {
margin-left: -5px;
}
#itemPage #itemInformation .custom-drop {
display: inline-block;
margin-top: 3%;
}
#itemPage #itemInformation #divPriceSelection .custom-drop {
max-width: 100%;
}
#itemPage.en-US-PKB #itemInformation #ctlSkuGroupType1_divDropdown .custom-drop {
margin-top: 2%;
}
#itemPage i.measureWrists {
position: relative;
font-size: 24px;
top: 6px;
margin-right: 10px;
cursor: pointer;
display: inline-block;
}
[data-namespace='s7classic'].s7flyoutzoomview {
border: none !important;
}
#itemPage #image-holder .large-image > div {
margin: 70px 0px 40px 0px;
}
#itemPage #image-holder .large-image img {
margin: 0px !important;
}
#itemPage #addToShoppingBagButton .btn {
padding-left: 15px;
padding-right: 15px;
min-width: 234px;
margin: 5px 10px 5px 0px;
}
.btn.btn-dropdown:hover {
background: #fff;
}
#itemPage #addToShoppingBagButton > div.atsbButtons,
#itemPage #addToShoppingBagButton > div.byoButtons > .btn {
float: left;
}
body.en-US-PKB#itemPage #itemPrice > div, body.en-US-PKB #ctlSkuGroupType1_divDropdown > div {
line-height: 36px !important;
}
body.en-US-PKB#itemPage #itemPrice > div:first-child {
font-size: 26px;
}
body.en-US-PKB#itemPage #pkbContentInfo {
padding-bottom: 25px;
}
#itemPage .extra-info {
width: 100%;
text-align: center;
}
#itemPage .extra-info > div:first-child {
width: auto;
padding: 20px 0;
text-transform: uppercase;
}
#itemPage .rrItem {
width: 33%;
display: inline-block;
text-align: center;
vertical-align: top;
}
#itemPage #rr3Grid .rrItem, #itemPage #rr4Grid .rrItem {
width: 25%
}
#itemPage .rrItem a > div {
padding: 0 15%;
padding-bottom: 5px;
}
#itemPage .rrItem > div:nth-child(2) {
margin: 0 1.4%
}
#itemPage .rrItem a:hover {
color: black !important;
}
.touch-carousel.rrItemCarousel .container > div img {
max-width: 95%;
}
#itemPage #share-arrow-image {
width: 25px;
height: 25px;
position: absolute;
padding-top: 3px;
padding-left: 7px;
z-index: 2
}
#itemPage #itemInformation #drawerDescription ul {
padding-left: 15px;
}
#itemPage #divLowInventoryItem {
font-weight: bold;
}
.es-ES #itemHeader .t1 {
text-transform: capitalize;
}
/* body[class^="watch-"]:not(.watch-patek) #itemHeader .t1, body[class*="watch-"]:not(.watch-patek) #itemHeader .t1{font-family: 'HelveticaNeueW01-65Medi', sans-serif; text-transform:uppercase} */
#itemPage #itemInformation .custom-drop#ctlSkuGroupType1_idItemSwatch {
margin-top: 0px;
}
#itemPage #otherInfo:empty {
display: none;
}
#itemPage #itemPrice .showForPKB {
float: left;
margin-left: 5px;
}
#itemPage #itemPrice {
width: 100%;
}
#itemPage .item-extras .clearAllItems {
line-height: 24px;
margin-top: 0;
}
/* body.watch-patek#itemPage #itemInformation #addToShoppingBagButton{margin-bottom:20px} */
body#itemPage.en-US-PKB .l1 {
font-weight: normal;
}
body#itemPage.en-US-PKB #pkbSkuSearchHolder .l1 {
font-weight: 700;
}
.en-US-PKB #itemHeader h1.t1 {
text-transform: uppercase
}
#itemPage #mediaLinks {
text-transform: uppercase;
min-height: 20px;
}
body#itemPage.en-US-PKB #mediaLinks {
text-transform: none;
}
body#itemPage.en-US-PKB #drawerDescription > div {
margin-top: 15px;
}
body#itemPage.en-US-PKB div.eyebrow {
text-transform: uppercase;
}
#drawerShippingReturn ul {
padding-left: 15px;
padding-bottom: 15px;
}
#itemPage .storePick > div {
width: 33%;
}
#itemPage #dropAHint img {
width: 20px;
height: 20px;
}
.endArrows {
opacity: 0 !important;
z-index: -1;
}
#infoDrawers > div > span > i {
float: right;
font-size: 10px;
padding-top: 7px;
}
#infoDrawers > div:first-child > span > i.plus {
display: none;
}
#infoDrawers > div:not(:first-child) > span > i.minus {
display: none;
}
body.en-US-Trade #itemPage #itemPrice, body.ja-JP-Trade #itemPage #itemPrice {
line-height: 20px
}
/*body.en-US-PKB .btn_info i {display:none;}*/
#rr1 {
padding-bottom: 50px;
}
#divInvalidItemError {
font-weight: bold;
}
#itemPage #InfoMessage_s7classic_5 {
display: none !important;
}
/*End of PDP Redesign*/
/*Banner Updates*/
.bannerLeftPosition {
left: 0;
}
.bannerRightPosition {
right: 35px;
text-align: right !important;
}
/*End banner updates*/
/* overlay styles */
#grayWrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,.2);
z-index: 999;
display: none;
}
#overlayWrapper {
position: absolute;
left: 15px;
right: 15px;
top: 15px;
z-index: 1000;
display: none;
}
#overlayWrapper iframe {
width: 100%;
border: none;
}
.added-toast {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
align-items: center;
justify-content: center;
background: rgba(0,0,0,.5);
transition: .3s all ease-in;
transform: translate3d(0,0,0);
opacity: 0;
z-index: -1;
}
.added-toast.visible {
display: flex;
opacity: 1;
z-index: 110;
}
.added-toast.show-saved .toast-saved {
display: block;
}
.added-toast.show-saved .toast-bag {
display: none;
}
.added-toast.show-bag .toast-saved {
display: none;
}
.added-toast.show-bag .toast-bag {
display: block;
}
.toast-inner {
background: #fff;
position: relative;
min-width: 320px;
max-width: 100%;
width: 450px;
}
.toast-inner .btn-aem {
min-width: inherit;
}
.added-toast h3 {
padding: 80px 50px 0;
font-weight: normal;
}
.hide-toast {
position: absolute;
right: 15px;
top: 15px;
}
.hide-toast i {
font-size: 32px;
}
.toast-info {
padding: 50px 50px 100px;
}
.toast-info .product-image {
width: 250px;
margin-bottom: 30px;
}
.toast-info p {
padding-top: 10px;
}
.toast-info p a {
text-transform: none;
}
.btn.gray-border {
background: none;
border: 1px solid #666;
}
/* End overlay styles */
/* New and Noteworthy */
.the-latest {
text-align: center;
margin-top: 30px;
}
.the-latest .article-month {
color: #999;
}
.the-latest h1 {
margin: 20px 0;
}
.the-latest > p {
padding: 0 14%;
margin-bottom: 20px;
}
.the-latest .noteworthy-tile {
margin-bottom: 50px;
}
.noteworthy-tile {
cursor: pointer;
}
.noteworthy-tile h3 {
position: relative;
background: #fff;
margin: -40px 25px 0;
padding: 30px 30px 10px;
}
.noteworthy-tile img {
width: 100%;
}
.noteworthy-tile p {
margin: 20px 55px 30px;
}
.noteworthy-tile p.supfix sup {
top: 0;
font-size: 80%;
}
.noteworthy-tile p.lead {
padding: 0;
}
.article-content .noteworthy-tile-alt {
cursor: pointer;
margin-bottom: 25px;
}
.article-content .noteworthy-tile-alt.no-margin {
margin-bottom: 0;
}
.new-jewelry {
border-top: 1px solid #ccc;
text-align: center;
padding-top: 30px;
margin-top: 30px;
}
.new-jewelry .view-all-new {
display: none;
}
.new-jewelry-results {
margin: 30px 0 15px;
}
.new-jewelry-results img {
max-width: 100%;
}
.new-jewelry .jq-load-more-new {
display: block;
padding: 15px 0;
}
.large-banner {
border-top: 1px solid #ccc;
text-align: center;
padding-top: 30px;
margin-top: 15px;
}
.large-banner .noteworthy-tile h3 {
margin: -95px auto 0;
padding: 30px;
max-width: 600px;
}
.large-banner .noteworthy-tile p {
max-width: 600px;
margin: 0px auto 30px;
}
.instagram-photos {
border-top: 1px solid #ccc;
padding-top: 30px;
margin-top: 30px;
}
.instagram-photos h2 {
text-align: center;
margin-bottom: 20px;
}
.instagram-feed img {
max-width: 100%;
display: block;
}
.article-content {
margin-top: 30px;
}
.article-content figure {
max-width: 100%;
margin: 0 auto;
}
.article-content figcaption {
color: #999;
margin-top: 10px;
}
.article-content p {
max-width: 560px;
margin: 10px auto 30px;
}
.article-content p.text-block-fluid {
max-width: 100%;
padding: 10px 0 20px !important;
}
.article-content p.full-width {
max-width: 100%;
margin: 0 auto 10px;
}
.article-content .block-img {
display: block;
margin: 0 auto;
}
.article-link {
text-align: center;
padding: 30px 0;
}
.article-share {
text-align: center;
}
.article-share a {
padding: 10px;
display: inline-block;
}
.article-share i {
font-size: 16px;
}
#NewNoteworthyArticlePage .article-content #left.flex-item {
margin-right: 10px;
}
#NewNoteworthyArticlePage .article-content #right.flex-item {
margin-left: 10px;
}
#NewNoteworthyArticlePage #artile-text-block {
padding: 10px 0 20px !important;
}
#NewNoteworthyArticlePage .flex-block.mobile-fluid figure {
max-width: 100%;
}
#left #jan_tile_img, #left #jan_tile_cptn {
width: 375px;
float: right;
padding-top: 10px;
}
#right #jan_tile_img, #right #jan_tile_cptn {
width: 375px;
float: left;
padding-top: 10px;
}
/* End New and Noteworthy */
.modal-popup.fullframe.close .close {
display: block;
z-index: 1;
}
/* FallBook 2016 */
#fallbookContainer div, #fallbookContainer p {
max-width: 100%;
}
.ctaFont, .ctaFont .custom-drop {
font-family: AvenirNextMedium, Arial, Sans-Serif !important;
font-size: 11px;
text-align: center;
text-transform: uppercase;
}
.top_CTA {
margin: 0 0 32px;
}
#fallbookContainer .btb a {
background: url('/shared/images/ThisIs/Desktop/images/fallbook_arrow.png') no-repeat 0px 1px;
background-size: 10px 13px;
padding-left: 16px
}
#fallbookContainer .btb a:hover {
background: url('/shared/images/ThisIs/Desktop/images/fallbook_arrow_on.png') no-repeat 0px 1px;
background-size: 10px 13px
}
#fallbookContainer div {
margin-bottom: 12px;
position: relative;
}
#fallbookContainer .rollbar-path-vertical {
position: absolute !important;
}
#fallbookContainer .custom-drop ul {
text-align: center;
}
#fallbookContainer .custom-drop {
width: 45%;
}
#fallbookContainer .custom-drop div.rollbar {
left: 0;
right: 0;
}
#fallbookContainer img {
width: 100%;
display: block;
}
.width100 {
width: 100%
}
.width90 {
width: 90%;
}
.width80 {
width: 80%;
}
.width60 {
width: 60%
}
.width50 {
width: 50%
}
.width40 {
width: 40%
}
.width39 {
width: 39%
}
.width30 {
width: 30%
}
.width20 {
width: 20%
}
.width19 {
width: 19%
}
.width15 {
width: 15%
}
.widthAuto {
width: auto;
}
.flexDiv_column {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
}
.flexDiv_row {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
}
.smallDivTitle {
font-size: 34px;
line-height: 33px;
text-align: center;
margin: 0 0 8px;
}
.smallDivDesc {
width: 66%;
font-size: 13px;
line-height: 20px;
text-align: center;
margin: 0 0 8px;
}
.smallCredits {
font-size: 11px;
font-weight: 600;
line-height: 16px;
text-align: center;
margin: 0 0 24px;
}
.imageText {
font-size: 30px;
line-height: 28px;
margin: 0;
}
.alignCenter {
text-align: center
}
.titleThisIs {
display: inline-block;
font-size: 50px;
line-height: 45px;
letter-spacing: -2px;
text-align: right;
width: 20%;
margin: 0
}
.titleTiffany {
display: inline;
font-size: 115px;
letter-spacing: -7px;
margin: 0;
}
.titleTime {
font-size: 12px;
text-align: center;
margin: 12px 0 0;
}
.titleText {
font-size: 14px;
text-align: center;
margin: 40px 100px 0;
}
.quote100 {
width: 50%;
font-size: 38px;
line-height: 50px;
text-align: center;
margin: 30px 0 0;
}
.quote60 {
font-size: 20px;
line-height: 30px;
text-align: center;
margin: 80px 0 20px;
}
.quote60_specialCase {
font-size: 20px;
line-height: 30px;
text-align: center;
margin: 80px 0 20px;
}
.quote100Author {
font-size: 17px;
text-transform: uppercase;
text-align: center;
margin: 10px 0 30px;
}
.quote60Author {
font-size: 16px;
text-align: center;
}
.pText_Top {
margin: 0;
}
.pText {
font-size: 14px;
line-height: 23px;
padding: 0 40px;
}
.pText_specialCase {
font-size: 14px;
line-height: 23px;
padding: 0 40px;
}
.pageTitle1 {
font-size: 22px;
margin: 0 0 25px;
}
.pageTitle2 {
font-size: 110px;
line-height: 100px;
letter-spacing: -5px;
margin: 0;
}
.pageTitle2_SpecialCase {
font-size: 110px;
line-height: 100px;
letter-spacing: -5px;
margin: 0;
}
.pageTitleDesc {
font-size: 15px;
margin: 65px auto 15px
}
.pageTitleDesc_SpecialCase {
font-size: 15px;
margin: 65px auto 15px
}
.imageCaption {
font-size: 9px;
line-height: 16px;
}
@media only screen and (max-width: 1290px) {
.titleThisIs {
display: inline-block;
font-size: 45px;
line-height: 39px;
letter-spacing: -2px;
text-align: right;
width: 20%;
margin: 0
}
.titleTiffany {
display: inline;
font-size: 100px;
letter-spacing: -7px;
margin: 0;
}
.imageText {
font-size: 24px;
line-height: 26px;
margin: 0;
}
.smallDivTitle {
font-size: 28px;
line-height: 28px;
text-align: center;
margin: 0 0 8px;
}
.pText {
font-size: 13px;
line-height: 22px;
padding: 0 40px;
margin: 4px 0;
}
.pageTitle2_SpecialCase {
font-size: 105px !important;
line-height: 100px;
letter-spacing: -5px;
margin: 18% 0 0 !important;
}
.pText_specialCase {
font-size: 13px;
line-height: 20px;
}
.quote60_specialCase {
font-size: 18px;
line-height: 25px;
}
}
@media only screen and (max-width: 1170px) {
.smallDivDesc {
width: 66%;
font-size: 11px;
line-height: 16px;
text-align: center;
margin: 0 0 8px;
}
.pText {
font-size: 12px;
line-height: 20px;
padding: 0 40px;
}
.pageTitleDesc {
font-size: 15px;
margin: 35px auto 10px;
}
.addFlexGrow {
-webkit-flex-grow: 1;
flex-grow: 1;
}
.pageTitle2_SpecialCase {
font-size: 100px !important;
line-height: 100px;
letter-spacing: -5px;
margin: 14% 0 0 !important;
}
.pText_specialCase {
font-size: 13px;
line-height: 18px;
}
.quote60_specialCase {
font-size: 15px;
line-height: 20px;
margin: 15px 15% !important;
}
}
@media only screen and (max-width: 1090px) {
.imageText {
font-size: 22px;
line-height: 24px;
margin: 0;
}
.smallDivTitle {
font-size: 24px;
line-height: 24px;
text-align: center;
margin: 0 0 8px;
}
.smallDivDesc {
width: 66%;
font-size: 10px;
line-height: 15px;
text-align: center;
margin: 0 0 8px;
}
.quote100 {
width: 50%;
font-size: 32px;
line-height: 42px;
text-align: center;
margin: 30px 0 0;
}
.pText {
font-size: 11px;
line-height: 19px;
padding: 0 40px;
margin: 2px 0;
}
.pageTitleDesc {
font-size: 15px;
margin: 20px auto 10px;
}
.smallCredits {
font-size: 11px;
font-weight: 600;
line-height: 16px;
text-align: center;
margin: 0 0 8px;
}
.pageTitle2 {
font-size: 105px;
line-height: 85px;
letter-spacing: -5px;
margin: 0;
}
.pageTitle2_SpecialCase {
font-size: 95px !important;
line-height: 100px;
letter-spacing: -5px;
margin: 12% 0 0 !important;
}
.pText_specialCase {
font-size: 13px;
line-height: 16px;
}
}
/* End FallBook 2016 */
.modal-popup.fullframe.close .close {
display: block;
z-index: 1;
}
/*This is set so high, since adobe scene7 sets there z-index's very high as well*/
.image-overlay {
z-index: 10000;
}
/*AU Find Item in Store*/
.storeWrapper > div .inStoreText i {
font-size: 16px;
margin-left: 5px;
}
#findStoreLink i {
font-size: 12px;
}
.storeWrapper .storeNameNumber, .storeWrapper .storeNameNumber a {
text-transform: uppercase;
width: 75%
}
input#locationFieldSplashPage::-moz-placeholder {
font-style: normal !important;
}
input#locationFieldSplashPage::-ms-input-placeholder {
font-style: normal !important;
}
input#locationFieldSplashPage::-moz-placeholder {
font-style: normal !important;
}
input#locationFieldSplashPage::-webkit-input-placeholder {
font-style: normal !important;
}
.shopOverlayHidden {
display: none;
}
#shop-tile-overlay.hiddenList {
width: 934px;
}
#shop-tile-overlay.hiddenList .close {
right: 20px;
}
#shop-tile-overlay.hiddenList .miniPDP {
width: 100%;
}
/*Shopping Tiles on HP*/
#shopDAHItems .touch-carousel, #shopDAHItems .container, #shopDAHItems .container > div {
height: 100%;
}
#shopDAHItems .touch-carousel {
overflow: visible;
}
.dropTiles {
height: 95%;
}
.dropTiles .item-Image {
height: 100%;
}
.dropTiles.dahTwoByThree .item-image {
height: 60%
}
.dropTiles .hiddenName {
display: none;
}
.dropTiles > div .title {
line-height: 22px
}
.dropTiles a {
margin: 20px 0 10px;
display: block;
}
.dropTiles .col-7 a {
display: block;
}
.dropTiles .item-info {
margin: 0px 20% 20px;
}
.dropTiles .non-en-DAH-title {
margin: 20px 20% 20px;
}
.dropTiles .en-DAH-title {
width: 45%;
margin: 20px auto !important;
}
.ja-JP .dropTiles a {
margin: 10px 0;
}
#shopDAHItems {
height: 95% !important;
}
/*Text Internal link*/
.text-internal-linking a {
color: #666666;
}
/*Mini-PDP CSS Updates*/
#DigiCatMiniPDPPage #itemInfo > div > #drawerAlsoAvailable {
border-bottom: 1px solid #333;
padding-bottom: 10px;
}
#DigiCatMiniPDPPage #itemInfo > div > #drawerAlsoAvailable p#contentLinkListHdr {
font-size: 11px;
letter-spacing: 0;
font-weight: 300
}
#DigiCatMiniPDPPage #itemInfo > div > #drawerAlsoAvailable ul#contentLinkList li {
font-size: 11px;
padding: 5px 0;
}
#DigiCatMiniPDPPage #itemInfo #contentText li {
list-style-type: disc;
}
#DigiCatMiniPDPPage #itemInfo #contentText #specs ul {
padding: 10px 20px 10px;
}
#DigiCatMiniPDPPage .buttons a {
width: 100%;
text-align: center;
}
#DigiCatMiniPDPPage #saveItems {
float: left;
padding: 20px 0 20px 10px;
line-height: 38px;
}
#DigiCatMiniPDPPage #saveItems a, #DigiCatMiniPDPPage #saveItems a i {
font-size: 11px;
}
#DigiCatMiniPDPPage #saveItems a {
text-transform: uppercase
}
#DigiCatMiniPDPPage #saveItems a > i {
text-transform: none;
}
#DigiCatMiniPDPPage #fullPDP {
text-transform: uppercase;
}
#DigiCatMiniPDPPage div[rel='sizeDropdown'] .choice {
margin-top: 10%;
}
#DigiCatMiniPDPPage .iteminfo h1 {
text-transform: none;
}
/* New Banner */
.banner {
display: none;
background: #fafafa;
position: relative;
text-align: center;
}
.order-details .banner {
background: none;
margin-bottom: 30px;
}
.banner--visible {
display: flex;
}
.banner--clickable, .banner--type-abandoned {
cursor: pointer;
}
.live-chat-popup {
text-align: center;
}
#shoppingbag.banner--visible ~ #divPageContent {
margin-top: 0 !important;
}
.jq-banner__close {
position: absolute;
top: 0;
right: 0;
padding: 12px;
}
.jq-banner__close i {
font-size: 11px;
}
.banner__learn-more-container {
display: none;
}
.banner__learn-more-container--visible {
display: inline;
}
/*Shopping Bag updates*/
.order-details div span.estimatedTax__tax-text--no-float,
.order-details div span.estimatedTax__tax-edit--no-float {
float: none;
margin-left: 0px;
}
#txtSBZipCodeForTax {
/*background:white;*/
}
#estimatedTax,
#estimateInput {
display: none;
}
.shippingOptions {
display: none;
}
.needItSooner,
#ltEstimateLabel,
.estimatedTax__tax-edit {
cursor: pointer;
}
.needItSoonerDiv {
padding: 0;
}
#divComplimentaryShippingNote {
padding: 10px 0 0;
}
.info-box h3.type-h5 {
text-transform: none;
}
#shoppingBagTax > div:first-child {
padding-top: 17px;
}
#ltEstimateLabel {
padding-top: 18px;
text-align: right;
}
#selectedOptionDeliveryDate {
margin: 0;
font-size: 1.2rem;
}
.zipCodeInvalidErrorMargin {
margin-bottom: 30px;
}
.inputZipCodeInvalidErrorMargin {
border-color: #e31f26
}
#shoppingbag .allLinksFooter {
padding-top: 20px;
padding-bottom: 20px;
}
#estimateInput {
text-align: right;
padding: 0;
}
.info-box-sb .type-eb1-i {
font-size: 1.1rem;
}
.touch-carousel .container > div.justify-right {
display: inline-flex;
}
.itemCarousel {
max-width: 810px;
width: 810px;
}
.itemCarousel .container > div,
.itemCarousel .container {
height: 100%;
}
.itemCarousel .container > div.morePages .item.flex-item:first-child {
margin-left: 45px;
}
.itemCarousel .container > div.morePages .item.flex-item:last-child {
margin-right: 35px;
}
.item.flex-item {
padding: 5px;
}
.itemHover a {
color: white;
display: block !important;
}
.itemHover a:first-child {
margin-top: 30%;
margin-bottom: 10px;
}
.itemHover {
display: none;
position: absolute;
top: 5px;
left: 5px;
bottom: 10px;
right: 5px;
background-color: black;
opacity: .75;
text-align: center;
}
.itemHover.showDetails {
display: block;
}
.merged-anchor__continue {
display: block;
width: 75%;
margin-top: 30%;
text-align: center;
position: absolute;
bottom: 95px;
}
.touch-carousel .container > div > .item.flex-item > img {
max-width: 100%;
}
.sb .open-saved-link-wrapper {
display: none
}
.saved .open-saved-link-wrapper {
display: inline-block
}
@media only screen and (min-width: 900px) and (max-width: 1100px) {
.itemHover {
margin-left: 0px;
}
.no-item-sb > div,
.info-box-sb {
padding: 10px !important;
}
}
#pnlPricesIncludeTax {
font-weight: normal;
}
.complimentary-shipping {
/*padding-bottom: 0px !important;*/
}
.main_shippingOptions {
margin: 0;
padding: 15px;
margin: 10px 0 25px;
background-color: white;
}
body.shipping-options--hide .main_shippingOptions {
padding: 0;
margin: 0;
}
#shippingMethods .md-radio label {
font-weight: 400;
font-size: 1.4rem;
padding-left: 1.8em;
text-indent: -1.8em;
}
#shippingMethods .md-radio label + p {
color: #767676;
}
/*Thank You Page CSS */
.ty-details__bluebox-image {
padding: 30px 0;
}
.ty-details__left-container___text-content____text {
-webkit-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.ty-details__left-container___text-content____image {
display: none;
}
.ty-details__create-account {
padding: 30px 0 0;
border-top: 1px solid #81d8d0;
}
.ty-details__create-account .md-input {
display: block;
width: 70%;
}
.ty-details__create-account .account__end-button {
display: block;
width: 70%;
margin-top: 10px;
}
.ty-details___infoMessage-giftCard-transferRemind-paynow____paynow .btn-aem {
width: 70%;
}
#ty_main_content_altpaymentType {
display: none;
}
#ty_main_content_altpaymentType .ty_payment-types {
display: flex;
justify-content: flex-start;
align-items: center;
padding: 15px 0;
}
#ty_main_content_altpaymentType .ty_payment-types .ty_payment-types__text {
margin-right: 10px;
}
#ty_main_content_altpaymentType .ty_payment-types__img--image {
display: none;
}
#ty_main_content_altpaymentType .ty_payment-types .image--paypal {
height: 25px;
}
#ty_main_content_altpaymentType .ty_payment-types .image--applepay {
width: 50px;
}
.checkout-ty-page img {
display: block;
max-width: 100%;
}
.ty-details,
.ty-engagement {
border-bottom: 1px solid #81d8d0;
}
.ty-engagement,
.ty-service {
padding: 30px 0;
}
.ty-engagement__header,
.ty-service__header {
text-align: center;
padding: 10px 0 30px;
}
.ty-service__header p {
max-width: 380px;
margin: 10px auto;
}
.ty-service .flex-item {
text-align: center;
}
.payment-redirect-modal .modal__loading {
display: flex !important;
min-height: 450px;
}
.payment-redirect-modal .modal__loading___image {
padding-right: 10px;
}
@media (min-width: 768px) {
.ty-service__tight-icons {
max-width: 50%;
margin: 0 auto;
}
}
.ty-store {
padding: 30px 0;
}
.flex-item.ty-store__details {
background: #fff;
padding: 80px 0 100px 80px;
margin-left: -130px;
}
/*.ty-main-content .flex-item {
background-color: #f5f5f5;
width: 100%;
margin: 0;
text-align: center;
}
.ty-main-content .ty-main-content__dearCustomerInfo{
margin:10% 0 5%;
}
.ty-main-content .ty-main-content__orderConfirmationMSG > div{
margin-bottom:20px;
}
.ty-main-content .ty-main-content__orderInfo .ty-main-content__orderInfo__title{
padding-top: 20px;
margin-bottom:20px;
}
.ty-main-content .ty-main-content__orderInfo #ty-main-content__orderTotal{
margin-top:20px;
}
.ty-main-content .ty-main-content__rightColumn img{
width:100%;
display:block;
margin: 0 auto;
}
.ty-nearest-store__imageDiv{
background-color:#fafafa;
}
.ty-nearest-store-true .ty-tiffany-benefits {
padding:0;
margin: 10px 5px 10px 0;
}
.ty-nearest-store-true .ty-tiffany-benefits__mainDiv {
background-color:#81d8d0;
text-align:center;
height:100%;
padding:0 10%;
}
.ty-nearest-store-true .ty-tiffany-benefits__mainDiv > div{
margin-bottom:20px
}
.ty-nearest-store-true .ty-tiffany-benefits__mainDiv > i{
margin:30% 0 20%;
}
.ty-nearest-store-true .ty-tiffany-customer-service__mainDiv{
background-color:#fafafa;
text-align:center;
height:100%
}
.ty-nearest-store-true .ty-tiffany-customer-service__mainDiv .ty-tiffany-customer-service__phoneNumber{
margin-bottom:10px;
}
.ty-nearest-store-true .ty-tiffany-customer-service__mainDiv .ty-tiffany-customer-service__infomartion{
width:80%;
margin:15px auto 20px;
}
.ty-nearest-store-true .ty-tiffany-customer-service__mainDiv .ty-tiffany-customer-service__image {
width:50%;
margin:15% 0 9%;
}
.ty-nearest-store-true .ty-nearest-store {
cursor: pointer;
position: relative;
background-color: #fafafa;
padding: 0px;
margin: 10px 0px 10px 5px;
}
.ty-nearest-store-true .ty-nearest-store__imageDiv{
height:100%
}
.ty-nearest-store-true .ty-nearest-store__imageDiv .ty-nearest-store__imageDiv__image{
width:100%
}
.ty-nearest-store-true .ty-nearest-store__textDiv{
position:absolute;
top:0;
left:0;
width:100%;
text-align:center;
padding-top:58%;
padding-left:5px;
}
.ty-nearest-store-true .ty-nearest-store__textDiv > div {
padding-bottom:15px;
}
.ty-nearest-store-false .ty-tiffany-service {
padding-right: 0;
}
.ty-nearest-store-false .ty-tiffany-benefits {
padding: 0;
margin:10px 10px 10px 0;
}
.ty-tiffany-benefits {
background-color: #81d8d0;
}
.ty-nearest-store-false .ty-tiffany-benefits__mainDiv {
text-align: center;
height: 100%;
background-color: #81d8d0;
}
.ty-nearest-store-false .ty-tiffany-benefits__mainDiv > i {
font-size: 40px;
margin:15% 0 5%;
}
.ty-nearest-store-false .ty-tiffany-benefits__mainDiv > div {
width:60%;
margin:5% auto;
}
.ty-nearest-store-false .ty-tiffany-benefits__mainDiv > div:first-of-type {
margin:0 auto 5%;
}
.ty-nearest-store-false {
padding-right:0;
}
.ty-nearest-store-false .ty-tiffany-customer-service__mainDiv{
background-color:#fafafa;
text-align:center;
height:100%
}
.ty-nearest-store-false .ty-tiffany-customer-service__mainDiv img{
width:40%;
margin: 50px auto 5%;
}
.ty-tiffany-customer-service__mainDiv__info {
padding-bottom:20px;
}
.ty-nearest-store-false .ty-tiffany-customer-service__mainDiv__info {
width: 75%;
margin: 0 auto;
}
.ty-nearest-store-false .ty-tiffany-customer-service__mainDiv__info > div{
margin-bottom:5%;
}
.ty-nearest-store-false .ty-tiffany-customer-service__mainDiv__info .ty-tiffany-customer-service__infomartion {
margin-bottom:10%;
}
.ty-nearest-store-false .ty-tiffany-customer-service__mainDiv__info > div:last-child > div{
margin-bottom:5%;
}*/
/*PMA Preview Bar*/
.pmaPreviewBar {
position: fixed;
top: 0;
z-index: 1000;
width: 100%;
height: 50px;
background-color: black;
margin: 0 !important;
min-width: 1040px;
}
.pmaPreviewBar .flex-item {
padding: 0;
}
.pmaPreviewBar p, .pmaPreviewBar span, .pmaPreviewBar a {
display: inline-block;
}
.pmaPreviewBar #datePickerButton {
vertical-align: middle;
padding-left: 5px;
cursor: pointer;
}
.pmaPreviewBar #hashMark {
padding: 0 5px;
}
.pmaPreviewBar .pmaPreviewBarInside {
position: relative;
max-width: 1240px;
height: 100%;
margin: 0 auto;
}
.pmaPreviewBar #shareClickToCopy {
cursor: text;
}
.pmaPreviewBar #shareURL {
display: none;
position: absolute;
top: 50px;
right: 0;
z-index: 1000;
background-color: black;
width: 30%;
height: 80px;
}
.pmaPreviewBar #shareURL p {
display: inline;
margin: 5px 0 0 18px;
line-height: 100%;
}
.pmaPreviewBar #shareURL #closeShare {
float: right;
margin-right: 5%;
cursor: pointer;
}
.pmaPreviewBar #shareURL #shareClickToCopy {
width: 89%;
height: 40%;
margin: 2px 5%;
padding: 5px;
background-color: white;
color: black;
cursor: pointer;
overflow: hidden;
}
.pmaPreviewBar #shareURL #shareClickToCopy a {
color: black;
}
@media only screen and (max-width: 1280px) {
.pmaPreviewBar .pmaPreviewBarInside {
padding: 0 40px 0 20px;
}
.pmaPreviewBar #shareURL {
margin-right: 15px;
}
}
.animated-tile__play-pause i {
display: block;
}
/* Gemstone Care Table */
.gemstone-care-table {
width: 100%;
}
.gemstone-care-table th {
padding: 10px;
text-align: left;
font-weight: 700;
border-bottom: 1px solid #666;
}
.gemstone-care-table td {
padding: 10px;
}
.gemstone-care-table td.tdSpacer {
padding: 0;
border-top: 1px solid #666;
}
/*Main Nav Update*/
.mainNav .mainNav__topLevel, .mainNav .mainNav__flyouts {
list-style-type: none;
}
.mainNav .mainNav__topLevel li {
display: inline-block;
}
.mainNav__flyouts {
position: absolute;
right: 0;
left: 0;
z-index: 11;
}
#nav .mainNav .mainNav__topLevel a {
padding: 0;
margin: 10px 8px 1px;
line-height: 18px;
}
#nav .mainNav__flyouts__category a {
margin-bottom: 5px;
padding: 0px;
display: inline-block !important;
font-size: 11px;
}
.mainNav__flyouts > li {
background-color: white;
width: 100%;
}
.mainNav__flyouts li img {
width: 100%;
min-width: 1px;
}
.mainNav__flyouts .flex-item {
text-align: left;
}
.mainNav__flyouts__category {
z-index: 10;
padding-top: 25px !important;
}
.mainNav__tileImage {
padding: 0px;
margin: 0px;
height: 100% !important;
}
.mainNav .tile-container {
position: absolute;
top: 5px;
right: 0;
z-index: 9;
}
.mainNav__flyouts__category_categoryLink {
margin-bottom: 15px;
}
.mainNav__flyouts > li {
border-bottom: 1px solid #7d7d7d;
padding: 10px 0;
min-height: 350px;
display: none;
}
.mainNav__flyouts li.isOpen {
display: block;
}
.mainNav__topLevel a {
text-transform: uppercase;
font-size: 11px;
}
.mainNav__flyouts__image span.t4 {
display: inline-block;
margin-top: 45%;
}
.mainNav__flyouts__category a {
position: relative;
}
.mainNav__flyouts__category a:hover,
.mainNav__topLevel a.navHere {
color: black !important;
}
.mainNav__topLevel a.navHere {
font-weight: bold
}
/*#nav a:hover,
#nav a.selected {
color: black !important;
}
#nav .itemHover a:hover {
color: #41c1ca !important;
}
.mainNav__flyouts__category a:after,
#nav > a:after,
#nav .stores > a:after,
#nav .bag > a:after,
.cyc-footer-modal a:not(.close-modal-x):after,
#nav .mainNav__tileImage a:after {
content: '';
width: 100%;
height: 1px;
background: #666;
display: block;
position: absolute;
bottom: 3px;
transition: .15s all ease-in;
opacity: 0;
transform: translate3d(0, 0, 0);
}*/
#nav .stores > a:after {
position: relative;
margin-left: 2px;
}
#nav .bag > a:after {
position: relative;
}
#nav .stores > a i {
font-size: 15px;
margin-right: 2px;
}
#nav .stores .l20 {
color: black;
}
#nav .mainNav__tileImage a {
position: relative;
padding: 0;
margin-top: 10px;
}
/*.mainNav__flyouts__category a:hover:after,
#nav > a:hover:after,
#nav .stores > a:hover:after,
#nav .bag > a:hover:after,
#nav .mainNav__tileImage a:hover:after {
opacity: 1;
transform: translate3d(0, 3px, 0);
}*/
.mainNav__topLevel a:hover,
.mainNav__topLevel a.topOpen {
color: black !important;
border-bottom: 3px solid black;
padding-bottom: 5px !important;
}
.my-account.l20 {
color: #000;
}
.mainNav__flyouts__category_id {
letter-spacing: 1px;
}
.mainNav__flyouts__category__links a,
.mainNav__flyouts__category_categoryLink,
.mainNav__flyouts__category_id {
text-transform: uppercase;
}
.mainNav__flyouts__category__links a,
.mainNav__flyouts__category_categoryLink {
letter-spacing: 1px;
font-size: 10px;
}
}
/*Browse Grid Filter update*/
input#lowRangeEntry[type="number"],
input#highRangeEntry[type="number"] {
-moz-appearance: textfield;
}
input[type=number]#highRangeEntry::-webkit-inner-spin-button,
input[type=number]#highRangeEntry::-webkit-outer-spin-button,
input[type=number]#lowRangeEntry::-webkit-inner-spin-button,
input[type=number]#lowRangeEntry::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
a.no_hover_color {
color: black !important;
}
#item_link {
display: block;
}
.video-overlay-wrapper {
position: relative;
-webkit-font-smoothing: antialiased;
text-shadow: 0 0 10px rgb(156, 140, 140);
}
.video-overlay-wrapper img {
display: block;
max-width: 100%;
}
.video-overlay-wrapper .video-action {
position: absolute;
top: 0;
right: 0;
width: 60%;
left: 20%;
padding-top: 25.5%;
visibility: visible;
text-align: center;
}
.video-overlay-wrapper > .video-action > a > i {
font-size: 45px;
}
.video-overlay-wrapper > .video-action > a.avenir.type-cta {
display: block;
padding-top: 15px;
}
.care-container h2 {
padding: 0 0 10px;
}
.menu__close {
position: absolute;
top: 5px;
right: 10px;
}
.menu__close i {
font-size: 11px;
}
/* CYC/404 Banners */
.cycHeader__select {
margin-right: 50px;
width: 200px;
}
.cycHeader__select option:disabled {
font-weight: bold;
}
.cycHeader {
text-align: center;
padding: 30px 0;
background-color: #81d8d0;
margin-bottom: 15px;
position: relative;
}
.cycHeader__info, .header404__info {
font-size: 16px;
margin-bottom: 20px;
}
.cycHeader__closeButton {
position: absolute;
top: 10px;
right: 10px;
}
.cycHeader__closeButton i {
font-size: 12px;
}
.cycHeader__continueButton {
border: 1px solid black !important;
}
#CYC--Header {
display: none;
}
.hero div.engagament-contacts-desktop {
/*width: 30%;*/
margin-left: auto;
margin-right: auto;
margin-top: 30px;
}
.hero div.engagament-contacts-mobile {
width: 50%;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
}
.col-modify {
flex: 0 0 43.76% !important;
max-width: 44.667% !important;
}
/*New Flyout CSS*/
.mainNav__flyouts .flexible-height {
height: 100% !important;
}
.mainNav__flyouts__category {
width: 20%;
}
.mainNav__subheader {
text-transform: uppercase;
display: block;
margin-bottom: 10px;
font-weight: bold;
}
.mainNav__flyouts__category > li {
padding-bottom: 20px;
}
.mainNav__tileImage {
position: relative !important;
top: 5px;
margin-left: 10px;
float: right;
}
.mainNav__tileImage:last-child {
margin-left: 0px;
}
.mainNav__tileImage.width1 {
width: 20%
}
.mainNav__tileImage.width2 {
width: 40%
}
.mainNav__tileImage.width3 {
width: 60%
}
.mainNav__tileImage.width4 {
width: 80%
}
.mainNav__tileImage.width5 {
width: 100%
}
.tile-container .mainNav__tileImage > img {
cursor: pointer;
}
/* Update Master Category Footer Links */
.mcLinkMain__width {
width: 20%;
}
.mcLink__width.flex-block {
margin: 0px;
}
.mcLinkOther__width {
width: 80%;
}
.mcLinkOther__width h4 {
font-weight: bold;
}
.mcLinkOther__width .flex-item {
width: 25%;
}
.mcLink__width {
border-top: 1px solid #666666;
width: 100%;
padding: 25px;
margin-top: 20px;
}
.mcLinkOther__width .flex-item .title {
padding-bottom: 10px;
}
.mcLinkOther__width .flex-item a {
display: block;
padding: 5px 0 0;
}
.selectACategory {
padding-top: 15px;
}
.mcLinkOther__width .flex-item .title:nth-child(n+2) {
padding-top: 20px;
}
.mcLinkOther__width a {
font-size: 11px;
}
/*Responsive Product Tiles */
.text-container.productGrid > div {
padding: 0 !important;
text-align: center;
}
.productArea img.loading {
padding-top: 50%;
}
.productArea img:not(.loading) {
width: 100%;
}
.productArea .thumbs {
padding: 12px 0 10px
}
.categoryLinks a, .productArea .flex-item {
cursor: pointer;
}
.productArea .flex-block .flex-item {
width: 50%;
padding: 5px;
}
.productArea .viewMore div {
margin: 0 auto;
}
.productGrid2x3 .productDescArea {
padding: 30px 80px 30%;
}
.productGrid2x3 .productTitleArea {
padding-top: 15%;
}
.productGrid2x3 .productArea {
padding: 50px 0% 0;
}
.text-container .categoryLinks a {
display: inline-block;
position: relative;
padding: 0;
margin: 20px;
width: 20%;
}
.text-container .categoryLinks a.selected {
margin-top: 0px;
padding-top: 10px;
border-top: 10px solid #81d8d0;
color: black !important;
}
.text-container .categoryLinks a:hover {
margin-top: 0px;
padding-top: 10px;
border-top: 10px solid #81d8d0;
color: black !important;
}
.productArea .shop-section {
display: none;
}
.flex-block.viewMore {
background-color: #fafafa;
}
.flex-block.viewMore .flex-item {
align-self: center;
}
/*Site Index Updates*/
.siteIndexSection li {
list-style-type: none;
position: relative;
}
.siteIndexSection .flex-block {
min-height: 350px;
}
.siteIndexSection ul.mainNav-subhead__list a {
margin-bottom: 5px;
display: inline-block;
}
.siteIndexSection .tile-container {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
#engraving .itemInfo .t1 {
font-size: 30px;
line-height: 32px;
}
.browseStatement:after {
position: relative !important;
}
/* 360 */
.spinset-thumb {
width: 62px;
padding: 0px 0;
display: inline-block;
box-sizing: border-box;
cursor: pointer;
color: #666666;
background: #fafafa;
}
.spinset-thumb.active {
border: 1px solid #666;
}
.spinset-thumb i {
display: block;
font-size: 32px;
}
#s7viewerInlineZoom *:focus, #s7viewerSpinSet *:focus, #s7viewerInlineZoom_container *:focus {
outline: 0;
outline: none;
}
.s7flyoutzoomview .s7cursor[input='mouse'] {
background: none;
}
[data-namespace='s7tiffany'].s7flyoutzoomview {
border: none !important;
}
/*new Desktop Item page CSS*/
#itemPage .btn {
transition: none;
}
.btn-dropdown.btn-dropdown__open {
padding: 0 !important;
}
.btn-dropdown.btn-dropdown__open a {
padding: 17.5px 0;
display: block;
margin: 0 15px;
width: calc(100% - 30px);
}
.btn-dropdown > a {
display: block;
width: 100%;
}
.btn-dropdown__content {
display: none;
}
.btn-dropdown__content > a:first-child {
border-top: 1px solid black;
}
.btn-dropdown__content > a:last-child {
border-bottom: 0;
}
.btn-dropdown__content > a {
border-bottom: 1px solid black;
display: inline-block;
width: 100%;
}
.btn-dropdown__open .btn-dropdown__content {
display: block;
}
.btn-dropdown__open,
.btn.btn-secondary.btn-dropdown__open {
position: absolute;
background-color: white;
}
#ancCustomizeDropdown {
z-index: 2;
width: 234px;
}
span.measureWrists {
display: none;
visibility: hidden;
}
.groupDropdown {
text-transform: uppercase;
line-height: 38px;
display: inline-block;
margin-right: 50px;
}
.groupDropdown .measureWrists,
.groupDropdown a {
display: inline-block
}
.groupQuantity {
display: inline-block;
text-transform: uppercase;
margin-right: 50px;
}
.groupQuantity > div {
display: inline-block;
}
.groupQuantity > div select {
margin-left: 5px;
}
.storeWrapper {
padding: 20px 30px;
background-color: #fafafa
}
.storeWrapper > div:first-child {
position: relative;
}
.seeMoreStore {
position: absolute;
bottom: 0;
right: 0;
}
.locationIcon {
float: left;
font-size: 15px;
line-height: 17px;
margin-left: -19px;
}
.storeWrapper > hr {
width: 100%;
margin: 15px 0px;
}
div#drawerShare i {
font-size: 17px;
}
#ancDropAHintGen {
float: right;
}
.saveItem {
padding-left: 20px;
}
.saveItem.storeSelected, .noFIIS .saveItem {
padding-left: 0px;
}
.item-print-email-share {
float: right;
line-height: 19px;
}
#drawerShare > div {
margin-top: 10px;
}
#drawerShare > div > a {
margin-right: 20px;
}
/* End of new Item page CSS*/
/* 3 image rotator animation */
.image-rotator {
position: relative;
}
.image-rotator img {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.image-rotator--2 img {
animation: image-cycle-2 2.5s infinite;
}
.image-rotator--3 img {
animation: image-cycle-3 3.75s infinite;
}
.image-rotator img:nth-child(1) {
position: relative;
}
.image-rotator--2 img:nth-child(2) {
animation-delay: -1.25s;
}
.image-rotator--3 img:nth-child(2) {
animation-delay: -2.5s;
}
.image-rotator--3 img:nth-child(3) {
animation-delay: -1.25s;
}
@keyframes image-cycle-2 {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
50% {
opacity: 0;
}
90% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes image-cycle-3 {
0% {
opacity: 1;
}
26.6666% {
opacity: 1;
}
33.3333% {
opacity: 0;
}
93.3334% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.divBuildYourOwn__floatingDiv {
position: absolute;
top: 0;
left: 0;
bottom: 0;
text-align: center;
width: 30%;
margin: 5% 20px;
}
.divBuildYourOwn__title {
width: 50%;
margin: 0 auto;
}
.divBuildYourOwn__info {
width: 50%;
margin: 25px auto;
}
.byoButtons.fixedHeight {
height: 60px;
}
.btn-dropdown.btn-dropdown__blue {
background: #81d8d0;
}
/*Some PDP updates*/
@media only screen and (max-width: 1235px) {
.byoButtons {
height: 60px
}
#itemPage #addToShoppingBagButton > div.atsbButtons,
#itemPage #addToShoppingBagButton > div.byoButtons > .btn {
float: none;
}
}
/* AODA Page */
#AODAPage .title-container,
#AODAPage .content-container {
float: left;
width: 100%;
clear: both;
}
#AODAPage .content-container {
padding: 10px 0;
}
#AODAPage .content-container .content-index {
border-bottom: 1px solid #333;
}
#AODAPage .content-container .content-text {
padding: 30px 0;
}
#AODAPage .title-container:after,
#AODAPage .content-container:after {
content: "";
clear: both;
}
#AODAPage .title-container .page-header {
float: left;
width: 100%;
padding-top: 35px;
padding-bottom: 15px;
border-bottom: 1px solid #333;
clear: both;
}
#AODAPage .title-container .page-header .align-left {
float: left;
}
#AODAPage .title-container .page-header .align-right {
float: right;
}
#AODAPage .content-container .policy-list {
list-style: none;
margin-bottom: 15px;
}
#AODAPage .content-container .policy-list li {
margin-bottom: 10px;
}
#AODAPage .content-container .policy-list li.active {
font-weight: 600;
}
#AODAPage .content-container .content-text .section {
margin-bottom: 30px;
}
#AODAPage .content-container .content-text .section.first {
margin-bottom: 35px;
}
#AODAPage .content-container .content-text .section.mobile-title {
text-align: center;
}
#AODAPage .content-container .content-text .section h3 {
font-size: 1.4rem;
line-height: 150%;
text-transform: uppercase;
font-weight: bold;
}
#AODAPage .content-container .content-text .section h3.table-caption,
#AODAPage .content-container .content-text .section h4.table-caption {
margin-bottom: 15px;
}
#AODAPage .content-container .content-text .section h4 {
font-size: 1.4rem;
line-height: 150%;
font-weight: bold;
}
#AODAPage .content-container .content-text .section p {
margin-top: 0;
}
#AODAPage .content-container .content-text .section p.list-lead {
margin-bottom: 0;
}
#AODAPage .content-container .content-text ul {
padding-left: 30px;
margin-bottom: 10px;
}
#AODAPage .content-container .content-text ul.double li {
margin-bottom: 5px;
}
#AODAPage .content-container .content-text ul.bullet {
list-style-type: disc;
padding-left: 30px;
}
#AODAPage .content-container .content-text .section table {
width: 100%;
border: 1px solid #000;
}
#AODAPage .content-container .content-text .section table > thead > tr > th,
#AODAPage .content-container .content-text .section table > tbody > tr > th {
padding: 15px;
font-weight: bold;
background: #cccccc;
border: 1px solid #000;
vertical-align: middle;
}
#AODAPage .content-container .content-text .section table > tbody > tr > td {
padding: 15px;
border: 1px solid #000;
vertical-align: middle;
}
#AODAPage .content-container .content-text .section table > tbody > tr.accent > td {
font-weight: bold;
background: #f5f5f5;
}
#AODAPage .content-container .content-text .section table > thead > tr > th:nth-child(1),
#AODAPage .content-container .content-text .section table > thead > tr > th:nth-child(2),
#AODAPage .content-container .content-text .section table > thead > tr > th:nth-child(3),
#AODAPage .content-container .content-text .section table > tbody > tr > td:nth-child(1),
#AODAPage .content-container .content-text .section table > tbody > tr > td:nth-child(2),
#AODAPage .content-container .content-text .section table > tbody > tr > td:nth-child(3),
#AODAPage .content-container .content-text .section table > tbody > tr > th:nth-child(1),
#AODAPage .content-container .content-text .section table > tbody > tr > th:nth-child(2),
#AODAPage .content-container .content-text .section table > tbody > tr > th:nth-child(3) {
width: calc(100% / 3);
}
.jq-save-later {
cursor: pointer;
}
/*Changes for JIRA-ME-338_Improve Gtrade password management - Begin*/
/*#gtradePasswordReminderDiv{display:none;color:red;}
#gtradePasswordReminderDiv.show{display:block;}*/
.signoutPasswordReminder {
position: absolute;
top: -65px;
right: 0;
text-align: right;
display: inline-block;
width: 10%;
}
.signoutPasswordReminder a {
padding: 0 !important;
}
/*Changes for JIRA-ME-338_Improve Gtrade password management - End*/
/* SEO CLICKABLE BREADCRUMB */
.breadcrumb {
display: none;
margin: 10px 0 25px 0;
}
.breadcrumb ul li, .breadcrumb ol li {
display: inline-block;
font-family: 'AvenirNextMedium',Helvetica,Arial,sans-serif;
font-size: 1.1rem;
line-height: 150%;
letter-spacing: 0;
text-transform: none;
color: #666666;
}
.breadcrumb ul li + li:before, .breadcrumb ol li + li:before {
padding: 0 5px;
content: "/\00a0";
}
.breadcrumb ul li a, .breadcrumb ol li a {
color: #000000;
text-transform: none;
}
.breadcrumb ul li br, .breadcrumb ol li br {
content: "";
}
.breadcrumb ul li br:after, .breadcrumb ol li br:after {
margin-right: 4px;
content: "";
}
/* START STORE DETAILS STYLES */
#StoreDetails {
}
#StoreDetails .store-extra {
margin-bottom: 20px;
padding: 20px 0;
}
#StoreDetails section {
margin-bottom: 25px;
}
#StoreDetails .allStoreLink {
margin-top: 15px;
}
#StoreDetails .stores-hero {
margin-bottom: 50px;
text-align: center;
}
#StoreDetails .stores-hero .store-thumbnails {
margin-bottom: 30px;
}
#StoreDetails .stores-hero .store-thumbnails img {
}
#StoreDetails .stores-hero .store-title h1 {
margin-bottom: 10px;
font-style: italic;
}
#StoreDetails .stores-info {
padding-left: 10%;
padding-right: 2%;
}
#StoreDetails .stores-info .store-address {
margin-bottom: 15px;
}
#StoreDetails .stores-info .store-actions {
margin-bottom: 35px;
}
#StoreDetails .stores-info .store-actions a {
width: calc(96.771%/2);
}
#StoreDetails .stores-info .store-actions a:first-child {
margin-right: 10px;
}
#StoreDetails .stores-info .store-more {
padding: 30px 0;
}
#StoreDetails .stores-info .store-more .store-more__content {
margin-bottom: 30px;
padding-right: 15px;
}
#StoreDetails .stores-info .store-more .store-more__heading {
text-transform: uppercase;
font-weight: 700;
}
#StoreDetails .stores-info .store-more .store-more__content .store-more__content-links div {
display: inline;
}
#StoreDetails .stores-info .store-more .store-more__content .store-more__content-links div + div:before {
padding: 0 5px;
content: "/\00a0";
}
#StoreDetails .stores-info .store-more .store-more__content .store-more__content-bulets ul li {
margin-left: 10px;
text-indent: -9px;
}
#StoreDetails .stores-info .store-more .store-more__content .store-more__content-bulets ul li:before {
margin-right: 4px;
content: "-";
}
#StoreDetails .stores-info .store-more .store-more__content .store-more__content-list ul li {
margin-bottom: 20px;
}
#StoreDetails .stores-info .store-more .store-more__content .store-more__content-list ul li .event-item {
}
#StoreDetails .stores-info .store-more .store-more__content .store-more__content-list ul li .event-item .title {
font-size: 1.1rem;
line-height: 150%;
letter-spacing: .05em;
text-transform: uppercase;
font-family: 'AvenirNextMedium', Helvetica, Arial, sans-serif;
}
#StoreDetails #StoreInfo .store-map {
margin-bottom: 15px;
overflow: hidden;
}
#StoreDetails #StoreInfo .store-map #innerMapHolder {
position: relative;
overflow: hidden;
height: 600px;
width: 584px;
margin-left: 5.9%;
}
#StoreDetails #StoreInfo .store-notes {
margin-left: 5.9%;
}
#StoreDetails .stores-extra {
padding: 50px 0 30px;
}
#StoreDetails .stores-extra:after,
#StoreDetails .stores-extra:before {
clear: both;
display: table;
content: "";
}
#StoreDetails .stores-extra .stores-extra___title {
margin-bottom: 45px;
text-align: center;
}
#StoreDetails .stores-extra .stores-extra___title-alt {
margin-bottom: 30px;
text-align: center;
text-transform: none;
}
#StoreDetails .stores-extra .optional-services {
margin-bottom: 40px;
}
#StoreDetails .stores-extra .optional-services .container {
margin-bottom: 30px;
}
#StoreDetails .stores-extra .optional-services .service-item-container {
margin: 0;
padding: 0 5%;
}
#StoreDetails .stores-extra .optional-services .service-item {
padding-right: 5%;
text-align: left;
}
#StoreDetails .stores-extra .optional-services .service-item:last-child {
padding-right: 10px;
}
#StoreDetails .stores-extra .optional-services .service-item h3 {
margin-bottom: 20px;
text-transform: none;
}
#StoreDetails .stores-extra .optional-services .service-item p {
margin-bottom: 20px;
font-size: 12px;
}
#StoreDetails .stores-extra .optional-services .service-item > a > br {
content: " ";
}
#StoreDetails .stores-extra .optional-services .service-item-container.item-1 {
padding: 0 35%;
}
#StoreDetails .stores-extra .optional-services .service-item-container.item-2 {
padding: 0 20%;
}
#StoreDetails .stores-extra .more-services {
position: relative;
padding: 2% 5%;
}
#StoreDetails .stores-extra .more-services img {
position: relative;
width: 30%;
display: inline-block;
vertical-align: top;
}
#StoreDetails .stores-extra .more-services .more-services-container {
position: relative;
padding: 0;
padding-left: 4%;
width: 67%;
display: inline-block;
}
#StoreDetails .stores-extra .more-services .more-services-container .more-services-item {
width: calc(96%/2);
display: inline-block;
float: left;
margin-right: 4%;
}
#StoreDetails .stores-extra .more-services .more-services-container .more-services-item:last-child {
margin-right: 0;
}
#StoreDetails .stores-extra .more-services .more-services-container .more-services-item h3 {
margin-bottom: 20px;
text-transform: none;
}
#StoreDetails .stores-extra .more-services .more-services-container .more-services-item p {
margin-bottom: 15px;
font-size: 12px;
}
#StoreDetails .stores-extra .more-services .more-services-container .more-services-item > a > br {
content: " ";
}
#StoreDetails .stores-extra .more-services .more-services-container .more-services-item .features {
margin-bottom: 25px;
}
#StoreDetails .stores-extra .more-services .more-services-container .more-services-item .features ul li {
font-style: italic;
margin-left: 10px;
text-indent: -10px;
}
#StoreDetails .stores-extra .more-services .more-services-container .more-services-item .features ul li:before {
margin-right: 4px;
content: "-";
}
#StoreDetails .stores-extra .stores-amenities {
text-align: center;
padding: 0 3%;
}
#StoreDetails .stores-extra .stores-amenities .amenities-item {
text-align: left;
width: calc(100%/3);
margin: 0 2% 0 0px;
}
#StoreDetails .stores-extra .stores-amenities .amenities-item:last-child {
margin: 0
}
#StoreDetails .stores-extra .stores-amenities .amenities-item img {
max-width: 100%;
margin-bottom: 15px;
}
#StoreDetails .stores-extra .stores-amenities .amenities-item h3 {
text-transform: none;
margin-bottom: 15px;
}
#StoreDetails .stores-extra .stores-amenities .amenities-item p {
margin: 0 0 15px;
font-size: 12px;
}
#StoreDetails .stores-extra.store-products {
padding: 0;
}
#StoreDetails .stores-extra.store-products .store-products-container {
padding: 30px 0;
border-top: 1px solid #000;
}
#StoreDetails .stores-extra.store-products .store-products-container .product-links {
padding: 0 25%;
text-align: center;
line-height: 200%;
}
#StoreDetails .stores-extra.store-products .store-products-container .product-links ul li {
display: inline-block;
margin-right: 15px;
}
#StoreDetails .stores-extra.store-products .store-products-container .product-links ul li:last-child {
margin-right: 0;
}
#StoreDetails .stores-extra.store-products .store-products-container .product-links ul li a {
font-size: 1.97rem;
letter-spacing: 0;
font-family: 'Sterling Display A', 'Sterling Display B', serif;
text-transform: none;
}
#StoreDetails .stores-extra.stores-about {
padding: 45px 50px 80px;
}
#StoreDetails .stores-extra.stores-about img {
width: 30%;
float: left;
margin-top: 5.5%;
max-height: 505px;
overflow: hidden;
}
#StoreDetails .stores-extra.stores-about .store-about-text {
display: inline-block;
width: 55%;
margin-left: 6%;
}
#StoreDetails .stores-extra.stores-about .store-about-text h3 {
text-align: left;
}
#StoreDetails .stores-extra .near-stores {
margin: 0 auto;
text-align: center;
}
#StoreDetails .stores-extra .near-stores ul {
display: flex;
justify-content: center;
}
#StoreDetails .stores-extra .near-stores ul li {
margin-right: 20px;
display: block;
max-width: 165px;
}
#StoreDetails .stores-extra .near-stores ul li:last-child {
margin-right: 0;
}
#StoreDetails .stores-extra .near-stores ul li .store-items {
padding: 10px 0;
text-align: left;
}
#StoreDetails .stores-extra .near-stores ul li .store-items .thumb {
height: 125px;
margin-bottom: 10px;
overflow: hidden;
}
#StoreDetails .stores-extra .near-stores ul li .store-items .thumb img {
max-width: 100%;
}
#StoreDetails .stores-extra .near-stores ul li .store-items .name {
font-weight: bold;
}
#StoreDetails .stores-extra .near-stores ul li .store-items .address {
margin-bottom: 20px;
}
#StoreDetails .stores-extra .near-stores ul li .store-items .address span:last-child {
display: block;
}
.myPreferredStore {
display: none;
}
#StoreDetails #StoreAmenities.stores-extra {
margin-bottom: 0;
}
#StoreDetails .stores-extra h3:last-child {
margin-bottom: 0;
}
div#StoreServiceTopButtom {
margin-bottom: 25px;
}
/* END STORE DETAILS STYLES */
/*Global Nav Updates*/
.shopping-bag-box .next-prev-bottom i {
font-size: 15px;
}
.shopping-bag__carousel .container .item.flex-item {
max-width: 20%;
width: 20%;
position: relative;
}
.shopping-bag-box {
padding-bottom: 0px;
}
.shopping-bag__view-details {
text-align: left;
}
.info-box-sb > div {
padding: 5px 0;
}
.shopping-bag-box.empty {
background-color: white;
}
.shopping-bag__header {
padding-bottom: 20px;
}
.newHeader .selected {
border-bottom: 2px solid black;
color: black !important;
}
.preferredStore__header,
.preferredStore__info {
display: none;
}
.saved-items-box .next-prev-bottom i {
font-size: 15px;
}
.saved-items__carousel .container .item.flex-item {
max-width: 20%;
width: 20%;
position: relative;
}
.no-item-sb {
min-height: 154px;
}
#searchSg li span {
cursor: pointer;
display: inline-block;
position: relative;
}
#searchSg li span:after {
content: '';
width: 100%;
height: 1px;
background: #666;
display: block;
position: absolute;
bottom: 0;
transition: .15s all ease-in;
opacity: 0;
transform: translate3d(0, 0, 0);
}
#searchSg li span:hover:after {
opacity: 1;
transform: translate3d(0, 3px, 0);
}
#searchSg li span:hover {
color: #000 !important;
}
#locationSearchBtn i,
#topSearchBtn i {
font-size: 18px;
}
.saved-items-box {
padding-bottom: 0px;
}
.saved-items__save-menu .selected {
color: black;
border-bottom: 2px solid #333;
}
.saved-items__header {
padding-bottom: 20px;
}
.saved-items__save-menu > span:not(.open-saved-items) {
display: none;
}
.saved-items__save-menu > span {
padding: 0 0 20px 0;
margin: 10px 10px 0;
}
.icon-nav-info-box > div.saved-items-box {
padding: 20px 0 0 0;
min-height: 275px;
}
.icon-nav-info-box__close {
position: absolute;
top: 10px;
right: 10px;
}
.icon-nav-info-box__close i {
font-size: 12px;
}
.icon-nav-info-box > div {
padding: 20px 0;
border: solid #333;
border-width: 1px 0;
margin: auto 0;
display: none;
min-height: 175px;
}
nav {
position: relative;
}
.icon-nav-info-box {
position: absolute;
min-height: 175px;
width: 100%;
background-color: white;
z-index: 11;
display: none;
}
.icon-nav-info-box.fixed {
position: fixed;
}
#tradePassReq .header-info[data-info-box="item-search-nav-box"],
#UserAdminListing .header-info[data-info-box="item-search-nav-box"],
#tradePassReqConfirm .header-info[data-info-box="item-search-nav-box"] {
display: none;
}
#AccountSignOut.en-US-Trade .signout-bar, #AccountSignOut.ja-JP-Trade .signout-bar,
#AccountSignOut.en-US-Trade .header-info, #AccountSignOut.ja-JP-Trade .header-info {
display: none;
}
#tradePassReq .newHeader .signout, {
display: none;
}
.newHeader .flex-item a:hover {
color: black !important;
}
.newHeader > div {
padding: 0px;
}
.newHeader i {
cursor: pointer;
font-size: 18px
}
.nav-icons__account i {
font-size: 24px;
position: relative;
top: -2px;
}
.account-nav-box__create-info > div {
line-height: 1.2em
}
.trade-login .newHeader .flex-item.flex-block, .trade-login .newHeader .nav-gtrade-info {
display: none;
}
.banner.flex-block {
margin: 0;
}
.banner .banner__container {
overflow-X: hidden;
}
.banner__right-arrow, .banner__left-arrow {
visibility: hidden;
cursor: pointer;
}
.banner__right-arrow i, .banner__left-arrow i {
font-size: 18px;
}
.banner__right-arrow--visible, .banner__left-arrow--visible {
visibility: visible;
}
#maincontent {
position: relative;
}
.tfb-form-wrapper {
max-width: 870px;
margin: 0 auto 40px;
}
.tfb-form-wrapper .flex-block {
margin: 0 -20px;
}
.tfb-form-wrapper .flex-item {
padding: 20px;
}
.tfb-phone-top {
position: absolute;
top: 20px;
right: 1px;
}
@media (max-width: 767px) {
.tfb-phone-top {
top: 28px;
right: 20px;
}
.tfb-phone-top span {
display: none;
}
}
.tfb-phone-top i {
font-size: 16px;
vertical-align: middle;
margin-top: -3px;
}
.tfb-form-wrapper .md-input {
width: 100%;
}
.tfb-form-wrapper img {
max-width: 100%;
}
.tfb-state-zip {
display: flex;
justify-content: space-between;
}
.tfb-state-zip__state {
flex: 0 0 30%;
}
.tfb-state-zip__zip {
margin-left: 20px;
}
.tfb-state-exempt {
display: flex;
justify-content: space-between;
}
.tfb-state-exempt__state {
flex: 0 0 30%;
}
.tfb-state-exempt__num {
margin-left: 20px;
}
.tfb-form-data__line {
display: flex;
margin-bottom: 20px;
}
.tfb-form-data__line > span:first-child {
width: 200px;
color: #767676;
font-family: 'AvenirNextMedium', Helvetica, Arial, sans-serif;
padding-right: 20px;
}
.bag-item.last-bag-item {
border-bottom: 1px solid #767676;
}
.bag-item.item-unavailable .bag-item__image-details .bag-item-image,
.bag-item.item-unavailable .bag-item__image-details .bag-item-details > div:not(.basketItemError):not(.item-unavailable__buttons) {
opacity: 0.4;
}
.bag-item.item-unavailable .bag-item__image-details .bag-item-details .basketItemError {
padding: 10px 0 1px;
border-top: 1px solid #767676;
}
.bag-item.item-unavailable .bag-item__image-details .bag-item-details .basketItemError p {
margin: 0;
}
.bag-item.item-unavailable .bag-item__image-details .bag-item-details .item-unavailable__buttons {
padding-bottom: 0;
}
/*.bag-item.item-unavailable .bag-item__image-details .bag-item-details .item-unavailable__buttons::after {
content: '';
height: 0;
margin-top: 15px;
margin-left: 100px;
display: block;
width: 20px;
background-color: #f60;
text-align: center;
border-bottom: 1px solid #000;
}*/
.bag-item.item-unavailable .bag-item__image-details .bag-item-details .item-unavailable__buttons .btn-aem {
position: relative;
padding: inherit;
top: 0;
right: 0;
min-width: 100px;
padding: 12px 10px;
}
.item-unavailable__buttons .btn-aem:first-child {
margin-right: 15px;
}
/*Non-Checkout Sign-in*/
.sign-in {
padding: 100px 0 125px;
}
.sign-in .flex-item {
padding: 0 100px;
}
.sign-in .flex-item:first-child {
border-right: 1px solid #81d8d0;
}
.sign-in__header {
margin-bottom: 20px;
}
.sign-in h3 {
margin-bottom: 40px;
}
.sign-in .md-input {
width: 100%;
}
.sign-in .btnWrapper {
margin-top: 40px;
}
.sign-in .btn-aem {
width: 100%;
}
/*AEM Account pages*/
.flex-block.account-form > .flex-item:first-child {
width: 33%;
}
.flex-block.account-form .md-input {
display: block;
}
body.zh-CN .flex-block.account-form .md-input.hide-optional label:first-child {
clip: rect(0 35px 25px 0);
overflow: hidden;
}
.flex-block.account-form #AccountCustomerBirthDay .md-input.flex-item {
width: 47%;
padding: 0px 0px 24px 0px;
}
.flex-block.account-form #AccountCustomerSpecialDay .md-input.flex-item {
width: 30%;
padding: 0px 0px 24px 0px;
}
.flex-block.account-form #AccountCustomerSpecialDay .md-input.flex-item select {
min-width: 20%;
}
#CustomerNavigation {
margin-bottom: 30px;
position: relative;
}
.customer-nav {
position: relative;
}
.customer-nav__phone {
position: absolute;
width: 100%;
}
.chk-telephone-acc {
position: absolute;
right: -5px;
top: 15px;
height: 24px;
width: 120px;
}
.account__blue-box {
padding-left: 30%;
width: 90%;
}
.account-form #btnSave {
width: 100%;
}
.account-form .md-input.flex-item {
top: auto;
}
.form-password-rest .global-error {
margin: 0 0 25px !important;
}
#CustomerNavigation .flex-block:not(.account-nav) > .flex-item:last-child {
text-align: right;
}
#CustomerNavigation .account-nav {
border-bottom: 1px solid #757575;
margin: 0;
}
#CustomerNavigation .account-nav > .flex-item {
margin-right: 20px;
padding: 15px 0;
}
#CustomerNavigation .selected {
border-bottom: 2px solid black;
}
.chk-telephone div {
margin-top: -5px;
display: inline-block;
}
.chk-telephone i {
display: inline-block;
vertical-align: middle;
margin-top: -3px;
font-size: 18px;
}
.chk-telephone {
position: absolute;
right: 70px;
top: 25px;
}
.password-help {
display: none;
}
.sign-out-success__p {
margin: 20px 0;
}
#pnlAddressBookTabs {
padding-top: 20px;
margin: 0;
}
div#pnlAddressBookTabs > * {
margin: 0px 10px;
padding: 0;
}
div#pnlAddressBookTabs > *:first-child {
margin-left: 0px;
}
div#pnlAddressBookTabs > .selected > a {
font-weight: bold;
}
div#pnlAddressBookTabs > .selected {
border-bottom: 1px solid black;
}
.section-titles {
padding-top: 30px;
}
.section-info {
border-bottom: 1px solid #757575;
}
.flex-block .address-info.flex-block {
width: 24%;
background-color: #f5f5f5;
margin: 10px 0px 0px 10px;
padding: 0px;
min-height: 280px;
padding-left: 20px;
position: relative;
}
.address-info__delete {
position: absolute;
top: 10px;
right: 10px;
}
.address-info__delete i {
font-size: 14px;
}
.orderDetails {
min-height: 600px;
}
.orderDetails__main-block {
border-bottom: 1px solid #757575;
padding: 15px 0;
margin: 0;
}
.orderDetails > .orderDetails__main-block:last-child {
border: 0;
}
.orderDetails__main-block > .flex-item:first-child {
padding-left: 0;
}
.orderDetails__order-status {
width: 60%;
}
.orderDetails__order-address,
.orderDetails__order-num-date-time {
margin-bottom: 25px;
}
.order-status-icon-text {
display: flex;
}
.order-status-icon-text--icon i {
margin-right: 5px;
font-size: 18px;
}
/* eFapio China */
.efapio__link-form___form {
display: none;
}
.efapio__link-form___form .md-input {
display: block;
}
.efapio__link-form___form____fields fieldset {
margin-bottom: 25px;
}
.efapio__link-form___form____lead {
margin-top: 5px;
margin-bottom: 10px;
padding-bottom: 20px;
}
.efapio__link-form___form____lead p {
margin: 0;
}
.efapio__link-form___form .btn-aem {
width: 100%;
}
.efapio__link-form___footer .type-aem-cta i {
font-size: inherit;
}
.shop-to__shipping-method {
width: 75%;
}
.item-desc {
padding-right: 0;
}
.create-account__email-sign-up {
padding-bottom: 20px;
}
.ship-to,
.bill-to,
.ship-to__subtotal {
border-top: 1px solid #757575;
margin: 0;
}
.ship-to > .flex-item:first-child,
.bill-to > .flex-item:first-child,
.ship-to__item > .flex-item:first-child {
padding-left: 0;
}
.ship-to__desktop {
margin: 0;
position: relative;
left: 20px;
bottom: 25px;
}
.ship-to__items--no-padding,
.bill-to__items--no-padding {
padding: 0;
}
.ship-to__item {
border-bottom: 1px solid #757575;
}
.ship-to__item--no-border {
border: 0;
}
.ship-to__items--no-padding > div:last-child {
border-bottom: 0;
}
.shop-to__shipping-method {
padding-top: 10px
}
.order-summary__pipes {
padding: 0px 15px;
}
.order-summary__main-info {
padding-bottom: 15px;
}
.order-summary__main-info + .order-summary__action-button {
padding-top: 15px;
}
.ship-to__label,
.bill-to__label {
padding-bottom: 5px;
}
.bill-to__paidwith {
display: block;
padding: 10px 0;
}
.bill-to__paidwith__li {
display: flex;
justify-content: flex-start;
align-items: center;
padding-top: 10px;
}
.bill-to__paidwith__li--label {
font-size: 14px;
margin-right: 10px;
}
.bill-to__paidwith__li--image {
display: block;
}
.bill-to__paidwith__li--image.image--paypal {
height: 20px;
}
.bill-to__paidwith__li--image.image--applepay {
height: 20px;
border: 1px solid;
padding: 1px;
border-radius: 3px;
}
.ship-to__totals,
.bill-to__totals {
padding-right: 40px;
text-align: right;
}
.ship-to__qty,
.ship-to__price {
text-align: center;
}
.ship-to__mobile {
display: none;
}
.create-account__heading {
padding: 20px 0;
}
.create-account__have-account {
padding: 10px 0;
}
.create-account__have-account > span {
padding-right: 20px;
}
.create-account__btn--full-width,
.address__btn--full-width {
width: 100%;
}
.customer-nav__mobile {
display: none;
}
.account-Footer {
padding: 20px 0;
text-align: center;
border-top: 2px solid #81d8d0;
}
.account-Footer__current-page {
font-weight: bold;
}
.skuImage {
width: 100%;
height: auto;
}
.mobile-spacing {
padding-top: 50px;
}
.email-preference__subscriptions {
margin: 0 0 60px;
}
.email-preference__subscriptions .btn-link-subscription {
display: inline-block;
}
/*#btnUnsubscribe {
margin-left: 20%;
display: inline-block;
}*/
.password-div {
padding-top: 20px;
}
.section-info__p {
padding: 15px 0;
}
.account__end-button {
margin-bottom: 30px;
}
.account__birthday-div {
padding-top: 20px;
}
.privacy-policy-consent #txtPrivacyPolicyConsent {
height: 275px;
}
.return-exchange-summary-wrapper {
padding: 0 !important;
}
.returnExchangeSummary {
min-height: 600px;
}
.returnExchangeSummary__item-block {
border-bottom: 1px solid #757575;
padding: 20px 0;
margin: 0;
}
.returnExchangeSummary > .returnExchangeSummary__item-block:last-child {
border: 0;
}
.returnExchangeSummary__status-info____date-amount span + span::before {
padding: 0 7px;
content: "\0007C";
}
.returnExchangeSummary__item-info {
padding-left: 15%;
}
.returnExchangeSummary__item-info--name {
margin-top: 0;
}
.returnExchangeSummary__item-info____specifications {
margin: 0 0 15px;
}
.specifications______attribute-value--attribute::after,
.returnExchangeSummary__item-info____order-number span:first-child::after {
content: ":";
}
.shipping-box,
.billing-box {
margin-bottom: 60px;
}
.shipping-box + .section-titles {
padding-top: 0;
}
@media (max-width: 767px) {
.mobile-verification__input-item___input-control____input {
flex: 0 0 60%;
}
.account-form h2:first-child {
margin: 0;
padding: 0;
}
.billing-box {
margin-bottom: 10px;
}
.account-pages #wrapper {
max-width: none;
min-width: 0px;
}
.orderDetails__main-block .mobile {
display: block;
}
#CustomerNavigation .menu-selection__arrow.icon-font {
font-size: 15px;
margin: 5px;
}
.mobile-spacing {
padding-top: 0px;
margin-top: 0;
}
.mobile-spacing__extra {
margin-top: 0;
}
.ship-to__subtotal .ship-to__totals {
text-align: right;
}
.customer-nav__phone {
top: 0;
}
.customer-nav__phone .type-cta i {
font-size: 2rem;
}
.ship-to__mobile {
display: inline-block;
}
.ship-to__qty,
.ship-to__price,
.ship-to__totals,
.bill-to__totals {
text-align: left;
}
.ship-to,
.bill-to,
.order-summary__main-info {
margin: 0 30px;
}
.bill-to {
border-width: 2px;
margin-top: 40px;
padding-top: 30px;
}
.orderDetails__main-block > .flex-item:first-child {
padding-left: 10px;
}
.orderDetails__main-block .btn-aem {
width: 100%;
}
.order-summary__pipes {
display: none;
}
.order-summary__main-info + .order-summary__action-button {
padding-bottom: 15px;
margin: 0 30px;
text-align: center;
}
.order-summary__action-button .btn-aem {
width: 100%;
}
.order-summary__info {
width: 49%;
display: inline-block;
padding-bottom: 15px;
}
.order-summary__info--right {
text-align: right;
}
.orderDetails,
.returnExchangeSummary {
padding: 0 25px;
}
.orderDetails__order-status,
.shop-to__shipping-method {
width: 100%;
}
.city-state-inline__city {
flex: 0;
}
.customer-nav__mobile {
display: block;
}
.sign-in {
padding: 0 30px;
}
.sign-in .flex-item {
padding: 0
}
.sign-in .flex-item:first-child {
border: 0;
}
.sign-in .flex-item:last-child {
margin-top: 20px;
padding: 20px 0 30px;
border-top: 2px solid #81d8d0;
}
.sign-in__header {
text-align: center;
}
.sign-in .forgot-password-link {
display: block;
text-align: left;
}
.ship-to__desktop {
display: none;
}
.bill-to__totals {
text-align: right;
}
.ship-to__item {
margin: 10px 0 !important;
padding: 10px 0 !important;
}
.ship-to__item:first-child {
padding-top: 0px !important;
margin-top: 0px !important;
}
.ship-to .flex-item,
.bill-to .flex-item {
padding: 5px 0;
}
.customer-name {
max-width: 70% !important;
}
.account-signout {
max-width: 30% !important;
}
.account-Footer {
margin-left: 18px !important;
margin-right: 18px !important;
}
#CustomerNavigation {
margin: 0 0 15px;
padding: 0 25px;
}
.return-exchange-summary-wrapper {
margin-top: 0 !important;
}
.account-nav {
display: none;
}
.account-form > .flex-item:last-child {
display: none;
}
.account-form {
padding: 0 25px;
}
#CustomerNavigation .selected {
border: 0;
font-weight: bold;
}
.menu-selection {
padding-bottom: 15px;
border-bottom: 2px solid black;
}
#CustomerNavigation > .flex-block:last-child > .flex-item {
margin-left: 0;
}
.menu-selection__arrow {
position: absolute;
}
#CustomerNavigation > .flex-block:last-child {
border-color: black;
}
#pnlAddressBookTabs {
width: 100%;
}
div#pnlAddressBookTabs > *:first-child {
padding: 0 10px;
}
.section-info > br {
display: none;
}
.section-info {
padding: 10px 0;
}
#tblShippingAddresses {
display: none;
}
.flex-block .address-info.flex-block {
min-height: auto;
margin: 10px 0;
}
.shipping-box,
.billing-box {
margin: 0;
}
.shipping-box {
margin-bottom: 35px !important;
}
.shipping-box > div:last-child,
.billing-box > div:last-child {
padding-left: 0px !important;
text-align: center;
background-color: white !important;
}
.account__image {
display: none;
}
#CustomerNavigation .account-nav > .flex-item:first-child {
margin-left: 10px;
}
.returnExchangeSummary__item-info {
padding: 0;
}
.order-summary__efapio {
display: block;
position: relative;
padding: 0 30px;
margin: 0 0 10px;
}
.bill-to__total {
border-top: 1px solid #757575;
margin-top: 30px !important;
}
}
.areaCode__md-input {
padding: 0 0 10px 0;
}
.areaCode__md-input > input {
display: block;
width: 80% !important;
min-width: unset;
}
.telephone__md-input {
padding: 0 0 10px 0;
}
#scheduleVisit .telephone__md-input > input.telephoneNumber {
width: 100%;
}
.highlight {
background-color: yellow;
}
.divBusy {
width: 100%;
background-color: white;
position: fixed;
top: 0;
left: 0;
height: 100%;
z-index: 999;
opacity: .10;
filter: alpha(opacity=10);
opacity: 0.1;
}
.divBusyImg {
z-index: 1020;
position: fixed;
background-image: url('/shared/images/loading.gif');
background-repeat: no-repeat;
height: 28px;
width: 28px;
left: 48%;
top: 48%;
}
.account-links li {
padding-bottom: 5px;
}
#locationSearchInput {
background: white;
width: 100%;
border-width: 0px 0px 1px 0px;
border-color: #333;
font-size: 18px;
padding: 11px 0;
font-weight: 200;
}
#locationSearchBtn {
background: white;
border-width: 0;
position: absolute;
top: 3px;
right: 0px;
}
body.es-ES #locationSearchInput,
body.es-ES #searchInput,
body.fr-FR #locationSearchInput,
body.fr-FR #searchInput {
font-size: 14px;
}
body.it-IT #locationSearchInput,
body.it-IT #searchInput {
font-size: 16px;
}
.store-near {
display: none;
}
.store-near__list > a {
display: block;
padding-bottom: 5px;
}
.divStoreLinks a {
padding-bottom: 5px;
display: block;
}
.preferredStore__header, .quickLinks__header {
padding-bottom: 5px;
}
.preferredStore__info {
display: block;
padding-bottom: 15px;
}
.needHelp__info {
width: 80%;
padding-top: 15px;
line-height: 1.2em;
}
.advanced-Search {
background-color: #fafafa;
text-align: left;
}
#price-field input {
background-color: white;
font-style: normal;
}
.advSearchDrops {
padding-bottom: 5px;
}
#price-field > label {
padding-left: 10px;
}
#seachBrdButton {
padding-left: 10px;
}
#searchInput {
background: white;
width: 100%;
border-width: 0px 0px 1px 0px;
border-color: #333;
font-size: 18px;
padding: 11px 0;
font-weight: 200;
}
#sitesearch .btn {
background: white;
position: absolute;
border-width: 0;
top: 3px;
right: 0px;
}
#searchSg li {
padding-top: 10px;
}
#sitesearch {
margin: 0 auto;
width: 40%;
}
.quick-links {
text-align: left;
}
.quick-links li {
padding-bottom: 5px;
}
#sitesearch > div {
width: 100%;
text-align: left
}
.account-links li {
padding-bottom: 5px;
}
.payment-option__instructions {
margin-top: 10px;
}
.payment-option__service-provider-logo ul {
display: flex;
justify-content: center;
margin: 30px auto;
}
.payment-option__service-provider-logo ul li {
padding: 20px;
box-sizing: border-box;
}
.payment-option__service-provider-logo li img {
height: 25px;
}
.payment-option__btn-group {
margin: 0 -30px -50px;
display: flex;
}
.payment-option__btn-group .btn-aem {
margin: 0;
flex: 0 0 50%;
border-right: none;
border-bottom: none;
}
.modal--window .btn-aem:first-child {
margin-right: 0px;
border-left: none;
}
@media(max-width: 767px) {
.option-mobile .md-radio label {
display: block;
}
.option-mobile .md-radio label img {
height: 25px;
}
.option-mobile .btn-aem {
width: 100%;
}
}
.md-input.areaCode__md-input {
padding-right: 10px;
}
.flex-item.md-input {
padding: 0 0 24px;
}
.payment-expiration .customer-nav {
padding: 0 0 25px;
}
.payment-expiration .customer-nav__phone {
top: auto;
bottom: 15px;
}
.payment-expiration__info_button {
border-top: 1px solid #767676;
}
.payment-expiration__info_button___info {
padding: 30px 0 40px;
}
.payment-expiration__info_button___info p {
margin: 0;
}
.payment-expiration__info_button___button .btn-aem {
width: 100%;
}
@media (max-width: 767px) {
.payment-expiration .customer-nav {
padding: 0 0 20px;
}
.payment-expiration .customer-nav__phone {
top: auto;
}
}
/*Tiffany RTE Modal content Typography fixes*/
.modal-content .tiffany-rte h3 {
padding-bottom: 24px
}
.modal-content .tiffany-rte p {
margin-bottom: 16px;
font-size: 14px;
line-height: 24px
}
.modal-content .tiffany-rte a {
text-decoration: none;
border-bottom: 1px solid #000;
line-height: 1.71;
color: #000;
transition: color 0.2s ease-in-out;
}
.modal-content .tiffany-rte ol {
padding-inline-start: 32px;
list-style: auto;
}
.modal-content .tiffany-rte ul {
margin-bottom: 16px;
padding-inline-start: 32px;
list-style: inherit;
}
.modal-content .tiffany-rte ul li {
font-size: 14px;
line-height: 24px
}
.modal-content .tiffany-rte h1 span.header1,
.modal-content .tiffany-rte h2 span.header1,
.modal-content .tiffany-rte h3 span.header1,
.modal-content .tiffany-rte p span.header1 {
font-size: 5.6rem;
color: #000;
line-height: 1.14
}
.modal-content .tiffany-rte h1 span.header2,
.modal-content .tiffany-rte h2 span.header2,
.modal-content .tiffany-rte h3 span.header2,
.modal-content .tiffany-rte p span.header2 {
font-size: 4rem;
color: #000;
line-height: 1.2
}
.modal-content .tiffany-rte h1 span.header3,
.modal-content .tiffany-rte h2 span.header3,
.modal-content .tiffany-rte h3 span.header3,
.modal-content .tiffany-rte p span.header3 {
font-size: 3.2rem;
color: #000;
line-height: 1.25
}
.modal-content .tiffany-rte h4 span,
.modal-content .tiffany-rte h5 span,
.modal-content .tiffany-rte p span {
font-family: Santral W01;
font-weight: 600;
font-style: normal
}
.modal-content .tiffany-rte h1 span,
.modal-content .tiffany-rte h2 span,
.modal-content .tiffany-rte h3 span {
font-family: Sterling Display A;
font-weight: 400;
font-style: normal
}
.modal-content .tiffany-rte .body-semibold {
font-family: Santral W01;
font-weight: 600;
font-style: normal;
font-size: 1.4rem;
color: #000;
line-height: 1.71;
}
/*Moved CSS from ASPX pages*/
.highlight {
background-color: yellow;
}
.divBusy {
width: 100%;
background-color: white;
position: fixed;
top: 0;
left: 0;
height: 100%;
z-index: 999;
opacity: .10;
filter: alpha(opacity=10);
opacity: 0.1;
}
.divBusyImg {
z-index: 1020;
position: fixed;
background-image: url('/shared/images/loading.gif');
background-repeat: no-repeat;
height: 28px;
width: 28px;
left: 48%;
top: 48%;
}
#locationSearchInput {
background: white;
width: 100%;
border-width: 0px 0px 1px 0px;
border-color: #333;
font-size: 18px;
padding: 11px 0;
font-weight: 200;
}
#locationSearchBtn {
background: white;
border-width: 0;
position: absolute;
top: 3px;
right: 0px;
}
body.es-ES #locationSearchInput,
body.es-ES #searchInput,
body.fr-FR #locationSearchInput,
body.fr-FR #searchInput {
font-size: 14px;
}
body.it-IT #locationSearchInput,
body.it-IT #searchInput {
font-size: 16px;
}
.store-near {
display: none;
}
.store-near__list > a {
display: block;
padding-bottom: 5px;
}
.divStoreLinks a {
padding-bottom: 5px;
display: block;
}
.preferredStore__header, .quickLinks__header {
padding-bottom: 5px;
}
.preferredStore__info {
display: block;
padding-bottom: 15px;
}
.needHelp__info {
width: 80%;
padding-top: 15px;
line-height: 1.2em;
}
.advanced-Search {
background-color: #fafafa;
text-align: left;
}
#price-field input {
background-color: white;
font-style: normal;
}
.advSearchDrops {
padding-bottom: 5px;
}
#price-field > label {
padding-left: 10px;
}
#seachBrdButton {
padding-left: 10px;
}
#searchInput {
background: white;
width: 100%;
border-width: 0px 0px 1px 0px;
border-color: #333;
font-size: 18px;
padding: 11px 0;
font-weight: 200;
}
#sitesearch .btn {
background: white;
position: absolute;
border-width: 0;
top: 3px;
right: 0px;
}
#searchSg li {
padding-top: 10px;
}
#sitesearch {
margin: 0 auto;
width: 40%;
}
.quick-links {
text-align: left;
}
.quick-links li {
padding-bottom: 5px;
}
#sitesearch > div {
width: 100%;
text-align: left
}
.account-links li {
padding-bottom: 5px;
}
/* User Session Modal */
.session-modal-container {
display: none;
}
.session-modal-dialog {
text-align: left;
}
.session-modal-dialog .session-modal-content__info-lead {
margin-bottom: 35px;
}
.session-modal-dialog .session-modal-content__buttons {
display: flex;
justify-content: space-between;
}
.session-modal-dialog .session-modal-content__buttons .btn-aem {
border: 1px solid #000;
min-width: initial;
flex: 0 0 48%;
}
/*Email Sign-up CSS*/
.privacy-policy-consent {
width: calc(100% - 30px);
padding: 15px;
background-color: #f5f5f5;
margin-top: 10px;
margin-bottom: 15px;
}
body.zh-CN.account-pages .privacy-policy-consent {
width: calc(100% - 29px);
}
@media(max-width: 767px) {
body.zh-CN.account-pages .privacy-policy-consent {
width: calc(100% - 30px);
}
}
.bag-item__tiles p.type-aem-sub,
.byoViewDetails p.type-aem-sub {
margin: 0;
}
#ctlOrderSummary_pnlTax > div > div:first-child {
display: flex;
}
#ctlOrderSummary_pnlTax .aem-tooltip {
padding-left: 2px;
}
@media(max-width: 767px) {
#ctlOrderSummary_pnlTax .aem-tooltip {
padding-top: 3px;
}
}
#itemPage.en-US-PKB .saveItem {
float: left;
padding-right: 15px
}
.pkb_diamond_attributes {
float: left;
}
div#divIRStatus {
width: 262px;
}
div#divIRStatus > div.custom-drop {
width: 100%;
position: relative;
}
#pkbSearchPage #divIRStatus .custom-drop div.choice {
width: calc(100% - 20px);
margin-right: 0px;
}
div#divIRStatus > div.custom-drop > .rollbar {
width: calc(100% - 15px);
}
.ir_categories {
display: none;
}
#pkbStyleMaster {
height: 28px;
width: 100%;
border: 1px solid #81D8D0;
padding-left: 5px;
}
#pkbCaratFrom, #pkbCaratTo {
height: 28px;
width: 49.25%;
border: 1px solid #81D8D0;
padding-left: 5px;
}
.nonSellableTable thead {
background-color: #DBF5F3;
}
/* Large Screen page flickering fix on scroll */
body.account-pages #wrapper,
body#savedItemsPage #wrapper {
min-height: calc(100vh - 200px);
}
/* In Store Pickup */
#shoppingbag .click-n-collect #paddedHeader {
border-bottom: none;
}
#shoppingbag .click-n-collect .bag-item-details__size-qty-price {
padding-top: 0;
}
#shoppingbag .bag-left__inStorePickup {
border-bottom: 1px solid #767676;
margin-bottom: 10px;
padding-bottom: 10px;
}
#shoppingbag .bag-left__inStorePickup .inStorePickup__lead-select {
display: flex;
justify-content: flex-start;
align-content: center;
align-items: center;
margin-bottom: 5px;
}
#shoppingbag .inStorePickup__lead-select____lead {
margin: 0;
padding: 0;
}
#shoppingbag .inStorePickup__lead-select____select {
margin-left: 10px;
}
#shoppingbag .inStorePickup__lead-select____select .md-input {
padding: 0;
margin: 0;
vertical-align: middle;
}
#shoppingbag .inStorePickup__lead-select____select .md-input select {
font-size: 1.2rem;
font-weight: normal;
}
#shoppingbag .inStorePickup__instruction {
margin-bottom: 5px;
}
#shoppingbag .bag-item-details .item-store-alert {
display: flex;
align-items: center;
margin: 0;
padding: 10px 15px;
background-color: #f5f5f5;
}
#shoppingbag .bag-item-details .item-store-alert i {
margin-right: 10px;
font-size: 1.3rem;
color: #000000;
}
#shoppingbag .bag-item-details .item-store-alert.alert-unavailable {
color: #e31f26;
}
#shoppingbag .bag-item-details .item-store-alert.alert-unavailable i {
color: #e31f26;
}
#shoppingbag .bag-item-details .item-store-alert.alert-backorder {
display: block;
color: #e31f26;
}
#shoppingbag .bag-item-details .item-store-alert.alert-backorder i {
position: relative;
margin-right: 5px;
font-size: 16px;
top: 2px;
}
#ups-redirect-link {
cursor: pointer;
}
#shoppingbag .bag-left__altpayment-options .bag-left__altpayment-options___item.item--paypal #sb-top-paypal-button .paypal-buttons-context-iframe iframe,
#shoppingbag .ap-checkout .ap-checkout__item .ap-checkout__item--button .paypal-buttons-context-iframe iframe {
z-index: 0 !important;
}
.backorder-image {
display: inline-block;
position: relative;
top: 4px;
}
.wishBo {
max-width: 100%;
color: #979797;
}
.item-store-alert.alert-unavailable.type-aem-sub.wish-listBO {
display: block;
color: #e31f26;
}
.shoppingPara {
color: #979797;
}
.icon-font.type-font {
font-size: 1.6rem;
position: relative;
top: 2px;
margin-right: 5px;
}
body#shoppingbag .ap-loader {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 5000999;
background: rgba(0, 0, 0, 0.4);
}
body#shoppingbag .ap-loader .ap-loader__image {
position: absolute;
top: calc(50% - 50px);
left: calc(50% - 50px);
}
body#shoppingbag.ap-processing .ap-loader {
display: block;
}
body#shoppingbag.ap-processing #container {
position: relative;
}
#pnlProcessing .orderProcessingPage video {
clip-path: inset(1px 1px);
}
.ja_jp .flyout .flyout-content .appointmentLabel, .ja-JP .flyout .flyout-content .appointmentLabel {
font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Meiryo', 'sans-serif' !important;
}
.ja_jp .header__customerServiceIcon.iconwithServiceText.btn, .ja-JP .header__customerServiceIcon.iconwithServiceText.btn {
font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Meiryo', 'sans-serif' !important;
}
.ja_jp .header .remaining-links-mobile_item a, .ja-JP .header .remaining-links-mobile_item a {
font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Meiryo', 'sans-serif' !important;
}
.ja_jp .btn-aem, .ja-JP .btn-aem {
font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Meiryo', 'sans-serif' !important;
}
.ja_jp .tiffany-aem .link-list__container_links .cta, .ja-JP .tiffany-aem .link-list__container_links .cta {
font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Meiryo', 'sans-serif' !important;
}
.ja-jp .tiffany-aem .footer__top-wrapper_right-wrapper_title, .ja-JP .tiffany-aem .footer__top-wrapper_right-wrapper_title {
font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Meiryo', 'sans-serif' !important;
}
.ja-jp .tiffany-aem .footer__top-wrapper_right-wrapper_desc, .ja-JP .tiffany-aem .footer__top-wrapper_right-wrapper_desc {
font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Meiryo', 'sans-serif' !important;
}
.ja-jp .tiffany-aem .btn--outline, .ja-JP .tiffany-aem .btn--outline {
font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Meiryo', 'sans-serif' !important;
}
.ja-jp .tiffany-aem .footer__bottom-wrapper_left-container_title, .ja-JP .tiffany-aem .footer__bottom-wrapper_left-container_title {
font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Meiryo', 'sans-serif' !important;
}
.ja-jp .footer__top-wrapper_right-wrapper_email-wrapper_email-input, .ja-JP .footer__top-wrapper_right-wrapper_email-wrapper_email-input {
font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Meiryo', 'sans-serif' !important;
}
.ja-jp .tiffany-aem .link-list__container_title, .ja-JP .tiffany-aem .link-list__container_title {
font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Meiryo', 'sans-serif' !important;
}
.ja_jp .footer__bottom-wrapper_middle-container, .ja-JP .footer__bottom-wrapper_middle-container {
font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Meiryo', 'sans-serif' !important;
}
.ja_jp .tiffany-aem ol li, .ja-JP .tiffany-aem ul li, .ja-JP .tiffany-aem ol li, .ja-JP .tiffany-aem ul li {
font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Meiryo', 'sans-serif' !important;
}
.ja_jp .tiffany-aem .header .sub-nav h3, .ja-JP .tiffany-aem .header .sub-nav h3 {
font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Meiryo', 'sans-serif' !important;
}
.ja_jp .tiffany-aem a.cta, .ja-JP .tiffany-aem a.cta {
font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Meiryo', 'sans-serif' !important;
}
.ja_jp .tiffany-aem a.cta-underline, .ja-JP .tiffany-aem a.cta-underline {
font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Meiryo', 'sans-serif' !important;
}
.modal-container .modal-inner.custm_scroll {
height: 100%;
padding: 80px 40px 0;
}
.ja-JP .privacy-policy-consent {
background-color:white !important;
width:393px;
padding:0px;
}
.ja-JP .privacy-policy-consent .md-checkbox{
width:393px;
font-size: 12px;
}
.ja-JP .create-account__email-sign-up {
padding-top: 20px;
}
.ja-JP.signup-page .flex-item .type-aem-h2,
.ja-JP.fixed-header h1.sterling-display.type-aem-h2,
.ja-JP h1.sterling-display.type-aem-h2 {
width: 450px;
}
@media(max-width: 767px) {
.ja-JP .privacy-policy-consent .md-checkbox {
width: 350px;
}
}
@media(max-width:767px){
.ja-JP.signup-page .flex-item .type-aem-h2,
.ja-JP.fixed-header h1.sterling-display.type-aem-h2,
.ja-JP h1.sterling-display.type-aem-h2 {
width: 345px;
}
}
@media(max-width:480px) {
.order-details .btn-aem {
width: calc(100vw - 10%);
margin: 25px auto 0;
}
}