/** START Global Styles **/
#serviceContentWrapper { font-family:"brandon-grotesque", "arial", sans-serif; max-width:1168px; }
#serviceContentWrapper strong { font-weight:500; }	
#serviceContentWrapper h2 { font-family:"brandon-grotesque", "arial", sans-serif; text-transform:uppercase; margin: 0; padding:24px 0 15px 0; font-size: 1.7rem; color:#000; }
#serviceContentWrapper h3 { font-family:"brandon-grotesque", "arial", sans-serif; font-size:1.7rem; }
#serviceContentWrapper h4 { font-family:"brandon-grotesque", "arial", sans-serif; font-size:1.4rem; text-transform:uppercase; margin:0; padding:0; }
#serviceContentWrapper p { font-family:"brandon-grotesque", "arial", sans-serif; font-size:1.7rem; line-height:22px; margin:0; padding:0 0 15px 0; clear:none !important;}
#serviceContentWrapper ul, #serviceContentWrapper ol { margin: 0 0 0 29px; padding: 0 0 15px 0; }
#serviceContentWrapper ul li, #serviceContentWrapper ol li { font-size:1.7rem; font-family:"brandon-grotesque", "arial", sans-serif; } 
#serviceContentWrapper a { color:#993366; text-decoration:underline; font-size:1.7rem !important; font-family:"brandon-grotesque", "arial", sans-serif; }
#serviceContentWrapper a:hover, #serviceContentWrapper a:focus { text-decoration:none; }
#ctl00_BodyContentPH_ServiceContent { padding-right:0 !important; margin: 0 0 0 3%; }
#ctl00_BodyContentPH_marketingContent { padding-right:0 !important; }
/** END Global Styles **/

/** START Header **/
#customerServiceHeader { width:100%; height:175px; max-width:1168px; color:#000; background-color:#782157; letter-spacing:0.5px; display:table; margin: 0 auto 30px;}
#customerServiceHeader hr { display:none; }
#cSInnerWrapper, #cSInnerWrapper2 { display:table-cell; vertical-align:middle; color:#fff; }
#cSInnerWrapper2 h1 { font-size: 30px; font-weight:normal; text-align:center; color:#fff; letter-spacing:5px; text-transform:uppercase; margin:0; padding:0; font-family:"brandon-grotesque", "arial", sans-serif;}
#cSInnerWrapper h1 { font-size: 36px; font-weight:normal; text-align:center; color:#fff; letter-spacing:5px; text-transform:uppercase; margin:0; padding:0; font-family:"brandon-grotesque", "arial", sans-serif;}
#cSInnerWrapper p { text-align:center; font-size:22px; margin:2% 0 0 0; }
#cSInnerWrapper hr, #cSInnerWrapper2 hr { display:none; }
/**#cSInnerWrapper hr, #cSInnerWrapper2 hr { height:4px; width:56px; background-color:#fff; display:block; }**/
/** END Header **/

/** START About Us **/
.aboutUsImg { padding: 0 15px 0 0; }
/** END About Us **/

/** START BOPIS **/
.answerBox { margin:65px 0; }
.answerBox h2 a { text-decoration:none !important; color:#000 !important; }
.firstChild { margin: 40px 0 65px 0 !important; }
#bopisAnswers { margin: 40px 0 0 0; }
#bopisQuestions p { margin:6px 0 !important; padding:0; }
/** END BOPIS **/

/** START RJC **/
#rjcCert { margin: 30px 0 0 0; }
/** END  RJC **/

/** START CONTEST WINNERS **/
#ctl00_BodyContentPH_PastWinnersContent { height:auto !important; padding: 0 19px; }
/** END  CONTEST WINNERS **/

/** START FAQS **/
#jumpLinksMain { padding: 10px 0 0 0; }
#jumpLinksMain p { font-weight:bold; margin:0 !important; padding:0 !important; }
.jumpLinks p { margin:0 !important; padding:0 !important; }
.topOfPage { font-size:11px; }
.cardPay { overflow:hidden; margin: 5px 0 0 0; }
.cardPay p img { width:63px; height:42px; border:none; padding: 0 5px 0 0; }
/** END FAQS **/

/** START Careers **/
.lifestyleImg { float:right; padding: 0 0 20px 20px; }
#benefitsBox { background-color: #ddd; width:100%; overflow:hidden; margin:3% 0; }
#benefitsInnerWrapper { padding: 2% 7%; }
#benefitsBox h3 { margin:0; padding:0 0 10px 0; font-weight:bold; letter-spacing: 0.5px; font-size:1.8rem; color:#000; font-family:"brandon-grotesque", "arial", sans-serif;}
#listLeft { float:left; margin: 0 0 13px 32px; font-family:"brandon-grotesque", "arial", sans-serif; letter-spacing:0.5px; font-size:1.7rem; }
#listRight { float:right; margin: 0 10px 13px 0; font-family:"brandon-grotesque", "arial", sans-serif; letter-spacing:0.5px; font-size:1.7rem; }
.careersWrapper p a { font-size:2rem !important; }
.careerButton { background-color:#782157; margin:0 auto 2% !important; width:40%; text-align:center; padding: 1% 0 !important; }
.careerButton a { color:#fff !important; text-decoration:none !important; }
.careerButton:hover { background-color:rgba(120,33,87,0.8); }
/** END Careers **/

/** START Direct Access **/
a.shopMoreBtn { display:inline-block; padding: 10px 20px; width:155px; font-size:14px; line-height:15px; font-weight:400; text-align:center; margin: 30px auto; color:#fff !important; text-decoration:none; font-family:"brandon-grotesque", "arial", sans-serif; background-color:#782157; text-transform:uppercase; }
a.shopMoreBtn:hover, .shopMoreBtn:focus { text-decoration:underline; color:#fff; font-size:14px; font-family:"brandon-grotesque", "arial", sans-serif; }


/** END Direct Access **/

/** START Shipping **/
#shippingTable, #sizeTable, #ljcpTable, #pastContestWinners { background-color:#ccc; margin: 0 0 14px 0; }
#shippingTable tr td, #sizeTable tr td, #ljcpTable tr td, #pastContestWinners tr td { background-color:#eaeaea; }
#shippingTable tr td p, #sizeTable tr td p, #ljcpTable tr td p, #pastContestWinners tr td p { margin:0; padding:0 0 8px 3px; }
#shippingTable tr td p span, #sizeTable tr td p span, #ljcpTable tr td p span, #pastContestWinners tr td p span { background-color:#800000; }
/** END Shipping **/

/** START Become An Affiliate **/
.howWrapper p:nth-of-type(1), .howWrapper p:nth-of-type(3), .howWrapper p:nth-of-type(5) { margin:0 !important; padding:0 !important; }
.howWrapper p:nth-of-type(2), .howWrapper p:nth-of-type(4), .howWrapper p:nth-of-type(6) { padding: 0 0 1% 0 !important; }
.signInLink { padding: 0 0 0 2% !important; }
.moreButton { min-width:172px; }
/** END Become An Affiliate **/

/** START Jewelry Cleansing & Repair **/
#jewelryCareBanner { width:745px; height:172px; margin: 0 0 30px 0; overflow:hidden; background:url(/assets/images/marketing/040117_header_JewelryCareMonth.jpg);}
#jewelryCareLeft { float:left; display:table; height:172px; width:392px; }
#jewelryCareLeftInner { display:table-cell; vertical-align:middle; }
#jewelryCareLeftInner h1 { color:#085e81; text-align:center; text-transform:uppercase; letter-spacing:3px; font-size:2.5em; font-family:"brandon-grotesque", "arial", sans-serif; line-height:33px; margin:0; padding:0;}
#jewelryCareLeftInner h1 span { font-size:0.6em; display:block; margin: 0 0 -22px 0; padding:0; }
#jewelryCareRight { float:right; display:table; width:353px; text-align:left; height:172px; }
#jewelryCareRightInner { display:table-cell; vertical-align:middle; }
#jewelryCareRight h2 { font-size:1.3em; color:#fff; letter-spacing:2px; line-height:20px; font-weight:normal; text-transform:uppercase; font-family:GillSans, Arial, sans-serif; }
#jewelryCareRight p a { color:#fff; text-decoration:underline; font-family:"brandon-grotesque", "arial", sans-serif; text-transform:uppercase; }
#jewelryCareRight p a:hover, #jewelryCareRight p a:focus { text-decoration:none; }
#moreButton, .moreButton { background-color:#782157; width:22%; margin: 0 0 13px 0; }
#moreButton p, #moreButton p a, .moreButton p, .moreButton p a { color:#fff !important; font-family:"brandon-grotesque", "arial", sans-serif !important; font-size:18px !important; padding:10px !important; text-align:center; }
#moreButton p a, .moreButton p a { text-decoration:none; }
#moreButton p a:hover, .moreButton p a:hover { text-decoration:underline; }
/** END Jewelry Cleansing & Repair **/


/** START Repair Form **/
.repairText { max-width:1140px; width:100%; margin:0 auto 2%;}
.contactUsLeft { float:left; width:49%; }
.contactUsRight { float:right; width:49%; }
.contactUsCity { float:left; width:40%; margin: 0 2% 0 0; }
.contactUsState { float:left; width:31%; margin: 0 2% 0 0;}
.contactUsZip { float:left; width:25%; }
.contactUsPhone { margin:10% 0 0 0; }
#contactusform p { margin:0 0 -1% 0 !important; padding:0 !important; font-weight:bold; }
/** END Repair Form **/

/** START Birthstone Chart **/
.birthstoneWrapper { width: 100%; }
#birthstoneGrid, .birthstoneRow { width: 100%; overflow:hidden; }
#birthstoneChartWrapper p { font-family:Arial, Helvetica, sans-serif; color:#545454; font-size: 13px; }
#birthstoneChartWrapper img { border:none; }
#categoryHeader { background:url("/assets/images/marketing/050118_LP_BOM.jpg"); background-repeat:no-repeat; width:900px; height:200px; border:none; }
#categoryCopy { text-align:left; width:522px; float:right; margin: 26px 29px 0 0; }
#categoryCopy h1 { font-size:30px; margin:0; padding:0; color:#2d639f; text-align:left; font-family:"brandon-grotesque", "arial", sans-serif; }
#categoryCopy p { margin:15px 0 0 0; padding:0; font-weight:normal; color:#545454; }
#categoryCopy p a { text-decoration:underline; color:#545454; font-weight:bold; }
#categoryCopy p a:hover, #categoryCopy p a:focus, .birthstoneRow a:hover, .birthstoneRow a:focus { text-decoration:none; }
#birthstoneHeader { min-height:316px; max-width:1140px; width:100%; margin: 0 0 0 8px; background-repeat:no-repeat; background-position:top center; background-image:url("/assets/images/marketing/Jul_ruby@2x.jpg"); background-size:cover; }
#newBirthstoneHeaderWrapper { display:table; min-height:316px; width:46%; float:left; text-align:center; }
#newBirthstoneHeaderWrapper div { display:table-cell; vertical-align:middle; }
#newBirthstoneHeaderWrapper div h1 { font-family:"brandon-grotesque", "arial", sans-serif; text-transform:uppercase; font-size:2rem; color:#fff; font-weight:400; margin:0; line-height:33px; letter-spacing:6px; padding: 0 0 1% 0;}
#newBirthstoneHeaderWrapper div p:first-of-type { font-family:"kepler-std", serif; font-size:3rem; text-align:center; line-height:24px; color:#fff; margin:0; padding: 0 0 1% 0; }
#newBirthstoneHeaderWrapper div p:nth-of-type(2n) { font-style:italic; color:#fff; font-family:"kepler-std", serif; font-size:3rem; padding: 0 0 3% 0;}
#newBirthstoneHeaderWrapper div p:nth-of-type(3n) { font-family:"brandon-grotesque", "arial", sans-serif; font-size:1.6rem; text-align:center;line-height:19px; color:#fff; margin:0; padding: 0 20%; }
#newBirthstoneHeaderWrapper div p:last-of-type { font-family:"brandon-grotesque", "arial", sans-serif; font-size:1.6rem; text-align:center;line-height:19px; margin:0; font-style:normal; padding: 3% 0 0 0;}
#newBirthstoneHeaderWrapper div p:last-of-type a { color:#fff; text-decoration:underline; }
#newBirthstoneHeaderWrapper div p:last-of-type a:hover { text-decoration:none; }
.birthstoneRow { margin: 20px 0 ; }
.birthstoneRow a { text-decoration:underline; color:#545454; }
.birthstoneRow p { margin:0 !important; padding:4px 0 !important; line-height:18px !important; }
.birthstoneLeft, .birthstoneMiddle, .birthstoneRight { width:31%; font-size: 12px; }
.birthstoneLeft, .birthstoneMiddle { float:left; }
.birthstoneRight { float:right; }
.birthstoneMiddle { margin: 0 0 0 5%; }
.bHeader { color:#2d639f !important; font-weight:bold; }
.bHeader a { text-decoration:none; color: #2d639f; }
.bHeader a:focus, .bHeader a:hover { text-decoration:underline; }
.mobileHeader { display:none; }
/** END Birthstone Chart **/

/** START Privacy Policy **/
#moreLinks p, #moreLinks p a { margin:0; padding:0; font-size:14px; font-family:"brandon-grotesque", "arial", sans-serif; letter-spacing:0.5px; }
.pPBox { width:100%; background-color:#ecf0f9; overflow:hidden; }	
.pPBox img { float:left; padding: 10px; }
#pPWhy { margin: 20px 0; }
#whyBoxContainer { margin: 0 0 20px 0; }
#whyMore, #protectMore, #collectMore, #shareMore { clear:both; }
#pPWhy p span { padding: 0 10px; }
#pPCollect { margin: 0 0 20px 0; }
#pPShare { margin: 0 0 20px 0; }
.moreInner { padding: 10px 20px 0 20px; }
.readMore { margin: 0 13px 10px 19px; float:right; }
#videoWrapper { position:relative; padding-bottom:56.25%; padding-top:25px; height:0; }
#videoWrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
/** END Privacy Policy **/

/** START Diamond Shapes **/
.shape { display:table; width:100%; }
.shapeInner { display:table-cell; vertical-align:middle; }
.shapeInner h3 { margin:0 !important; }
.shapeInner p { padding:5px 0 !important; }
.shapeLeft { float:left; width:14%; }
.shapeRight { float:right; width:86%; }
/** END Diamond Shapes**/

/** START How to buy engagement ring **/
.ringStyle { overflow:hidden; margin: 0 0 2% 0; display:table; }
.ringInner { display:table-cell; vertical-align:middle; }
.ringStyle img { border: 1px solid #ccc; }
.floatLeft { float:left; width:16%; }
.floatRight { float:right; width:83%; }
.floatRight p { padding: 5% 0 0 2% !important; }
/** END How to buy engagement ring **/

/** START Watch Guide **/
.watchRow, .displayType { width:100%; overflow:hidden; }
.watchRow { margin: 2% 0 5% 0; }
.watchRow div { float:left; width:33%; text-align:center; }
.watchRow div a { text-decoration:underline; }
.displayTypeLeft { float:left; width:25%; }
.displayTypeRight { float:right; width:75%; }
.watchBtn { width:50% !important; background-color:#666; margin: 0 0 0 25%; cursor:pointer; }
.watchBtn p { color:#fff; text-transform:uppercase; padding:2% 0 3% 0 !important; margin:0 !important; font-size:1.4rem !important; }
/** END Watch Guide **/

/** START Education Main **/
.educationWrapper a { color:#000 !important; }
.educationWrapper #moreLinks p a { color:#993366 !important; }
/** END Education Main **/

/** START CVV **/
#cardTypeBox { overflow:hidden; width:75%; margin:0 0 17px 0; }
.cardTypeMC { float:left; width:50%; }
.cardTypeAE { float:right; width:50%; }
/** END CVV **/

/** START Customer Service Main **/
#custLeft { float:left; width:58%; padding: 0 10px 0 0; }
#custRight { float:right; width:40%; }
.linkSection { padding: 0 0 15px 0; clear:both; }
.linkSection p { padding:0 !important; }
#linkContainer { max-width:735px; width:100%; overflow:hidden; }
#linkContainer h2 { padding: 0 0 4px 0 !important; }
#bottomContainer h2 { padding: 0 0 6px 0 !important; }
#bottomContainer h3 { margin:0; padding:0; }
#bottomContainer ul, .linkSection ul { margin: 0 0 0 25px !important; }
.cardPay { overflow:hidden; margin: 15px 0 0 0; }
.cardPay p img { width:63px; height:42px; border:none; padding: 0 5px 0 0; }
/** END Customer Service Main **/

.legalCopy ol, .ljcpCopy ol { counter-reset: item; list-style-type:decimal; }
.legalCopy ol li { display:block; list-style-type:decimal; }
.ljcpCopy ol li { list-style-type:decimal; }
.legalCopy ol li:before { content:counters(item, ".") ". "; counter-increment:item }
.legalCopy ol li ol li { padding: 4px 0; }
.ljcpCopy ol li ol li { list-style-type:lower-alpha; padding: 4px 0; }
.legalAlert { background-color:#ddd; padding:10px; margin:0 0 28px 0; }
.legalAlert p:first-of-type { font-weight:bold; margin:0; padding:0; font-size:13px; }
.legalAlert p:nth-of-type(2n) { margin:0; padding:5px 0 0 0; font-size:12px; }
.legalAlert p a { font-size:12px; text-decoration:underline; color:#993366;}
.legalAlert p a:hover, .legalAlert p a:focus { text-decoration:none; font-size:12px; color:#993366; }
.formLabel { font-family:"brandon-grotesque", "arial", sans-serif; font-size:17px; width:160px; }
#contactUsForm input, #contactUsForm select { height:18px; }
#moreLinks p, #moreLinks p a { margin:0; padding:0; }

.entryFormStateLeft { width:33.33333333%; float:left; }
.entryFormStateRight { width:66.66666667%; float:right; padding: 0 0 0 15px; }
.contactUsStateRight { width:31.33333333%; float:right; }
.contactUsStateLeft { width:66.66666667%; float:left; }
.entryFormPhoneLeft { width:63.66666667%; float:left; }
.entryFormPhoneRight { float:right; width:33.33333333%; }

@media screen and (max-width: 767px) {
#ct100_contactUsNav_marketingAd_marketingContent, #categoryHeader, #ctl00_contactUsNav_marketingAd_marketingContent { display:none; }
#birthstoneChartWrapper, #birthstoneGrid, .birthstoneRow { width:100% !important; }
#categoryHeader { display:none !important; }
#birthstoneHeader { min-height:316px; max-width:787px; background-size:cover; background-position:top center; }
#newBirthstoneHeaderWrapper { width:100%; }
#newBirthstoneHeaderWrapper div { background: rgba(0, 0, 0, 0.65); }
.birthstoneLeft, .birthstoneMiddle, .birthstoneRight { clear:both; float:left; width:100%; text-align:center; }
.birthstoneLeft p, .birthstoneMiddle p, .birthstoneRight p { text-align:left; }
.birthstoneMiddle { margin:0 !important;  }
#moreButton, .moreButton { width:68%; margin:5% 0; }
.shape { margin: 0 0 20px 0; }
.shapeLeft { display:none; }
.shapeRight { width:100% !important; }
.floatLeft { width:100%; text-align:center;}
.floatLeft img { display:block; padding: 0 0 10px 0; margin:0 auto 17px; }
.floatRight { float: left; width:100%; }
.floatRight p { padding: 0 !important; }
.givingLogos { display:none; }
#custLeft, #custRight { float:left; width:100%; }
#metalsLeft { width:100%; } 
#metalsRight { display:none; }
.watchRow div, .displayTypeRight, .displayTypeLeft { float:none; width:100%; }
.careerButton { width:100%; }
.cardTypeMC, .cardTypeAE { width:100%; }
.respHeader div h1 { font-size:2rem !important; }
}