.layout-2015 .outer-wrap { border-top: 16px solid #000; position: relative; font-family: 'Lato', 'Trebuchet MS', Helvetica, sans-serif; color:#000; }
.layout-2015 .outer-wrap #container { font: normal 11px/17px 'Lato', 'Trebuchet MS', Helvetica, sans-serif; }

.ys_wrapper { border-top: 16px solid #000; position: relative; font: normal 11px/17px 'Lato', 'Trebuchet MS', Helvetica, sans-serif; }
.ys_wrapper #ys_mastHead,
.ys_wrapper #ys_pageBody,
#ys_wrapper #ys_mastFoot { width: 960px; margin: 0 auto; }

.ys_wrapper a { text-decoration: none; }
.ys_wrapper a:hover { text-decoration: underline; }

/* Header Styles */
.layout-2015 #header,
.ys_wrapper #header { position: relative; background: none !important; height: 140px; margin-top: -16px; margin-bottom: 20px; }

.layout-2015 #header .header-nav,
.ys_wrapper #header .header-nav { position: absolute; bottom: 0; left:0; width:100%; }
.layout-2015 #header .header-nav > ul,
.ys_wrapper #header .header-nav > ul { list-style: none; margin: 0; padding: 0; }
.layout-2015 #header .header-nav > ul > li,
.ys_wrapper #header .header-nav > ul > li { padding: 0; display: inline-block; float: none; background-color: transparent; width: auto !important; height: auto; }
.layout-2015 #header .header-nav > ul > li#headerHome,
.layout-2015 #header .header-nav > ul > li#headerBracelets,
.layout-2015 #header .header-nav > ul > li#headerRings,
.layout-2015 #header .header-nav > ul > li#headerNecklaces,
.layout-2015 #header .header-nav > ul > li#headerEarrings,
.layout-2015 #header .header-nav > ul > li#headerTiffany,
.ys_wrapper #header .header-nav > ul > li#headerHome,
.ys_wrapper #header .header-nav > ul > li#headerBracelets,
.ys_wrapper #header .header-nav > ul > li#headerRings,
.ys_wrapper #header .header-nav > ul > li#headerNecklaces,
.ys_wrapper #header .header-nav > ul > li#headerEarrings,
.ys_wrapper #header .header-nav > ul > li#headerTiffany { width: auto !important; position: static; }
.layout-2015 #header .header-nav > ul > li > a,
.ys_wrapper #header .header-nav > ul > li > a { display: block; padding: 5px 44px; font-weight: bold; text-transform: uppercase; font-size: 12px; color: #000; }
.layout-2015 #header .header-nav > ul > li:first-child > a,
.ys_wrapper #header .header-nav > ul > li:first-child > a { padding-left: 20px; }
.layout-2015 #header .header-nav > ul > li:last-child > a,
.ys_wrapper #header .header-nav > ul > li:last-child > a { padding-right: 20px; }
.layout-2015 #header .header-nav > ul > li > div.subnav,
.ys_wrapper #header .header-nav > ul > li > div.subnav { display: none; width: 100%; background: url('top-hover-nav-bg-2015.jpg') repeat-x 0 0; height: 174px; overflow: hidden; position: absolute; top: 27px; left: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-size: 11px; z-index: 999; padding: 15px; text-align: center; }
.ys_wrapper #header .header-nav > ul > li > div.subnav { top: 24px; }
.layout-2015 #header .header-nav > ul > li:hover > a,
.ys_wrapper #header .header-nav > ul > li:hover > a { text-decoration: underline; }
.layout-2015 #header .header-nav > ul > li:hover > div.subnav,
.ys_wrapper #header .header-nav > ul > li:hover > div.subnav { display: block; }
.layout-2015 #header .header-nav > ul > li > div.subnav > ul.links,
.layout-2015 #header .header-nav > ul > li > div.subnav > .graphic,
.ys_wrapper #header .header-nav > ul > li > div.subnav > ul.links,
.ys_wrapper #header .header-nav > ul > li > div.subnav > .graphic { display: inline-block; vertical-align: top; width: auto; padding: 0 30px; }
.layout-2015 #header .header-nav > ul > li > div.subnav > .graphic,
.ys_wrapper #header .header-nav > ul > li > div.subnav > .graphic { vertical-align: middle; }
.layout-2015 #header .header-nav > ul > li#headerNecklaces > div.subnav > .graphic,
.ys_wrapper #header .header-nav > ul > li#headerNecklaces > div.subnav > .graphic { margin-top: -15px; }
.layout-2015 #header .header-nav > ul > li > div.subnav > ul.links > li,
.ys_wrapper #header .header-nav > ul > li > div.subnav > ul.links > li { display: block; float: none; height: auto; background-color: transparent; font-size: 11px; text-align: left; }
.layout-2015 #header .header-nav > ul > li > div.subnav > ul.links > li > a,
.ys_wrapper #header .header-nav > ul > li > div.subnav > ul.links > li > a { display: block; white-space: nowrap; text-transform: uppercase; font-size: 11px; color: #000; line-height: 17px; }

.layout-2015 #header #brandmark,
.ys_wrapper #header #brandmark { float: none; height: 47px; width: 441px; position: absolute; left: 50%; top: 42px; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); }
.layout-2015 #header #brandmark > a,
.layout-2015 #header #brandmark > a > img,
.ys_wrapper #header #brandmark > a,
.ys_wrapper #header #brandmark > a > img { display: block; }

.layout-2015 #header .header-html,
.ys_wrapper #header .header-html { position: absolute; width: 100%; background-color: #000; color: #fff; padding: 0 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-ox-sizing: border-box; top: 0; left: 0; text-transform: uppercase; height: 16px; line-height: 16px; }

.layout-2015 #header .header-search { position: absolute; top:20px; right:0; width:156px; }
.layout-2015 #header .header-search input.textInput { border: 1px solid #bfbfbf; font-size: 1em; min-height: 18px; }

.layout-2015 #header #ys_superbar { height: 16px; top: 0; left: auto; position: absolute; margin: 0 auto; right: 0; width:400px; }
.layout-2015 #header #ys_superbar #ys_cpers {float:left; width:200px; text-align:right; line-height: 16px; height: 16px;}
.layout-2015 #header #ys_superbar #ys_cpers div { display:inline-block; vertical-align: baseline; color:#fff; font-size:10px; text-transform: uppercase; line-height:16px; }
.layout-2015 #header #ys_superbar #ys_cpers div a { color:#fff; text-transform: uppercase; font-size: 10px; }
.layout-2015 #header #ys_superbar .smb-mc .mini_item_count,
.layout-2015 #header #ys_superbar #yfc_mini .smb-mc .mini_msg { color:#fff !important; line-height:16px !important; font-family: 'Lato', Arial, sans-serif; text-transform: uppercase; font-size:10px; font-weight:normal; }
.layout-2015 #header #ys_superbar #yfc_mini .smb-mc .mini_align { height:16px; }
.smb-fc #yfc_close_btn { color:#fff !important; }
.layout-2015 #header #ys_superbar .smb-mc .minicart_c1 {width:200px !important;}


/* Left Navigation Styles */
.layout-2015.is-homepage #nav-product { display: none; }
.layout-2015 #nav-product {box-shadow: 3px 3px 7px -2px #ccc; -webkit-box-shadow: 3px 3px 7px -2px #ccc; -moz-box-shadow: 3px 3px 7px -2px #ccc; margin-bottom: 30px;}
.layout-2015 #nav-product #phoneImage { background: none; padding-left: 11px; text-transform: uppercase; line-height: 16px; font-size: 12px; color: #000; height: auto; padding-bottom: 2px; padding-top: 20px; }
.layout-2015 #nav-product .leftnavsection div.navsectionheader { color:#000; font-size:12px; text-transform: uppercase; }
.layout-2015 #nav-product .leftnavsection ul li a { text-transform: uppercase; font-size:10px; color:#000; font-weight: 500; padding:4px 11px;}
.layout-2015 #nav-product .leftnavsection ul li a:hover { background: none; color:#c91cb3; }


/* Body Styles */
.layout-2015 #bodyshell { background: none; }
.layout-2015.is-homepage #bodyshell,
.layout-2015.is-itempage #bodyshell { width: 100%; padding: 0; background: none; clear: both; padding-bottom: 80px; }
.layout-2015.is-homepage #bodyshell #bodycontent,
.layout-2015.is-itempage #bodyshell #bodycontent { float: none; }
.layout-2015 #bodyshell #bodycontent .bodypad { padding: 0 10px 50px 20px; }
.layout-2015.is-homepage #bodyshell #bodycontent .bodypad,
.layout-2015.is-itempage #bodyshell #bodycontent .bodypad { padding: 0; }
.layout-2015.is-homepage #bodyshell #bodycontent .bodypad .top-site-html,
.layout-2015.is-itempage #bodyshell #bodycontent .bodypad .top-site-html { display: none; }

.layout-2015.is-homepage .contents { overflow: hidden; padding: 0 20px; text-align: center; margin-bottom: 35px; }
.layout-2015.is-homepage .contents > div.col { display: inline-block; width: 33%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 10px; vertical-align: middle; }
.layout-2015.is-homepage .contents > div.col > a,
.layout-2015.is-homepage .contents > div.col > a > img { display: block; border: 0; width: 100%; height: auto; }
.layout-2015.is-homepage .contents.hot-buys { box-shadow: 0 10px 10px -8px #e4e4e4; -webkit-box-shadow: 0 10px 10px -8px #e4e4e4; -moz-box-shadow: 0 10px 10px -8px #e4e4e4; }
.layout-2015.is-homepage .contents.featured > div.col { width: 25%; }
.layout-2015.is-homepage .contents.featured > div.col > a:hover { box-shadow: 5px 5px 15px -5px #ccc; -webkit-box-shadow: 5px 5px 15px -5px #ccc; -moz-box-shadow: 5px 5px 15px -5px #ccc; }
.layout-2015.is-homepage .contents.home-bottom-graphics { margin-bottom: 0; }

.layout-2015.is-homepage .subtitle { font-size: 16px; color: #000; text-transform: uppercase; text-align: center; }
.layout-2015.is-homepage .subtitle:before,
.layout-2015.is-homepage .subtitle:after { content: ''; display: inline-block; margin: 0 5px; vertical-align: middle; height: 1px; line-height: 1px; width: 20px; background: #000; }

.layout-2015 h1.sectionTitle { background: none; text-align: left; width: auto; font-size: 18px; color: #000; font-weight: 500; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 25px; text-transform: uppercase; float:left; margin-right: 20px; }
.layout-2015 #breadcrumbs { padding: 12px 0; margin: 0; font-size: 10px; color:#000; }
.layout-2015 #breadcrumbs a { color:#000; }

.layout-2015 #caption table { width:100%; }

.layout-2015 .tabbtns div { background:#000; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; color:#fff; font-size: 12px; text-transform: uppercase; background: -webkit-linear-gradient(#4a4a4a, #000); background: -o-linear-gradient(#4a4a4a, #000); background: -moz-linear-gradient(#4a4a4a, #000); background: linear-gradient(#4a4a4a, #000); font-weight: normal; font-family:'Lato', 'Trebuchet MS', Helvetica, sans-serif; padding:0; }
.layout-2015 .tabbtns div a { background:none; color:#fff; font-weight: normal; font-family:'Lato', 'Trebuchet MS', Helvetica, sans-serif; width:82px; padding: 8px 12px; }
.layout-2015 .tabbtns div.tabcontactive { background:#c91cb3; background: -webkit-linear-gradient(#d755c6, #c91cb3); background: -o-linear-gradient(#d755c6, #c91cb3); background: -moz-linear-gradient(#d755c6, #c91cb3); background: linear-gradient(#d755c6, #c91cb3); padding:0; }
.layout-2015 .tabinfo { border: 1px solid #000; font-size: 12px; color:#000; }

.layout-2015 #seo-related-links ul.seo-links li a { color:#000; font-size: 10px;}
.layout-2015 #seo-related-links h3 { font: normal 18px 'Lato', 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #c91cb3; text-align: left; padding: 10px 0; text-transform: uppercase; }

.layout-2015 .itemform { color:#000; text-transform: uppercase; font-size: 11px; }
.layout-2015 .itemform a { color:#000; }

.layout-2015 span.cross-sell-header { font: normal 18px 'Lato', 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #c91cb3; text-transform: uppercase; padding: 20px 0 10px; display: block; }

.layout-2015 div#paging div.ctrls .chosen { color:#c91cb3; }

.layout-2015 div#caption > div > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td:nth-child(odd) {padding: 7px !important; width:25% !important;}

@media screen and (max-width:660px) {
	.layout-2015 div#caption > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td {display:inline-block; padding:7px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
	.layout-2015 div#caption > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td:nth-child(odd) {width:48%;}
	.layout-2015 div#caption > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td:nth-child(4) {clear:both; display:block; height:20px; overflow:hidden; width:100%;}
}

@media screen and (max-width:420px) {
	.layout-2015 div#caption > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td {display:block;}
	.layout-2015 div#caption > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td:nth-child(odd) {width:100%;}
}

/* Newsletter Styles */
.layout-2015 #newsletter,
.ys_wrapper #newsletter { background: #000; color: #fff; text-align: center; text-transform: uppercase; float: none; clear: both; padding: 2px 0; }
.layout-2015 #newsletter > div,
.layout-2015 #newsletter > form,
.layout-2015 #newsletter > form > fieldset,
.layout-2015 #newsletter > form > fieldset > input,
.ys_wrapper #newsletter > div,
.ys_wrapper #newsletter > form,
.ys_wrapper #newsletter > form > fieldset,
.ys_wrapper #newsletter > form > fieldset > input { display: inline-block; vertical-align: middle; border: 0; }
.layout-2015 #newsletter > form > fieldset > input[type="text"],
.ys_wrapper #newsletter > form > fieldset > input[type="text"] { width: 100px; border: 0; height: 17px; color: #000; margin-right: 5px; font-size: 10px; line-height: 17px; padding: 0 5px; text-transform: uppercase; }
.layout-2015 #newsletter > form > fieldset > input[type="image"],
.ys_wrapper #newsletter > form > fieldset > input[type="image"] { border: 0; }


/* Footer Styles */
.layout-2015 #footer,
.ys_wrapper #footer { margin: 0 auto; width: 960px; float: none; overflow: hidden; padding: 20px 0; }
.layout-2015 #footer ul,
.ys_wrapper #footer ul { margin: 0; padding: 0; list-style: none; background: none; margin-bottom: 0; float: left; line-height: 18px; }
.layout-2015 #footer > ul,
.ys_wrapper #footer > ul { width: 290px; margin-right: 25px; position: relative; }
.layout-2015 #footer > ul:after,
.ys_wrapper #footer > ul:after { content: ''; position: absolute; right: 10px; top: 50%; width: 1px; background: #000; height: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); }
.layout-2015 #footer > ul > li,
.ys_wrapper #footer > ul > li { float: left; width: 170px; padding: 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin: 0; }
.layout-2015 #footer > ul > li:last-child,
.ys_wrapper #footer > ul > li:last-child { width: 120px; }
.layout-2015 #footer > ul > li > ul,
.ys_wrapper #footer > ul > li > ul { display: block; width: 100%; }
.layout-2015 #footer > ul > li > ul > li,
.ys_wrapper #footer > ul > li > ul > li { display: block; font-size: 11px; color: #000; padding: 0; margin: 0; text-transform: uppercase; text-align: left; width: 100%; }
.layout-2015 #footer > ul > li > ul > li > a,
.ys_wrapper #footer > ul > li > ul > li > a { display: block; text-transform: uppercase; padding: 0; background: none; font-size: 11px; color: #000; text-align: left; }

.layout-2015 #footer .text,
.ys_wrapper #footer .text { width: 630px; text-align: left; margin: 0; float: right; }
.layout-2015 #footer .text .footer-text,
.ys_wrapper #footer .text .footer-text { font-size: 11px; color: #000; text-align: left; padding: 20px; }
