﻿/*CSS 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,
article, aside, 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;
}
/* HTML5 display-role reset for older browsers */
article, aside, 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;
}

/*OVERALL LAYOUT*/
html, body, form { height: 100%; }
a { text-decoration: none; color: #B2356D; }
a:hover { text-decoration: none; color: #B2356D; }
p { color: #3B2933; font-family: Palatino Linotype; line-height: 20px; font-size: 13px; }
textarea { resize: none; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.left { float: left; }
.right { float: right; }

body { background: #F8F4E8 url(/images/head-bg.jpg) repeat-x top left; font-family: Palatino Linotype; }
body.home { background: #472E3C; }
#container { width: 100%; min-height: 100%; background: #F8F4E8; }
#content { padding-bottom: 36px; }
#content #content-head { height: 71px; min-width: 1280px; border-bottom: 1px solid #CBC0CE; }
#content #content-head .content-head { height: 100%; width: 1000px; margin: 0 auto; }
#content #content-head #header-inner { margin: 0 auto; height: 71px; width: 1000px; position: relative; }
#content #content-head #header-inner #breadcrumbs { float: left; width: 500px; padding-top: 10px; font-family: Palatino Roman, Palatino Linotype; font-size: 11px; }
#content #content-head #header-inner #breadcrumbs a { color: #4F4056; }
#content #content-head #header-inner #header-image { float: left; height: 71px; overflow: hidden; position: absolute; left: 400px; }
#content #content-body { position: relative; z-index: 2; min-width: 1280px; }
#content #content-body .content-body { width: 1000px; margin: 0 auto; overflow: hidden; }
#footer { color: #fff; letter-spacing: .5px; font-family: Century Gothic; line-height: 36px; font-size: 11px; background: #5E324B; position: relative; bottom: 36px; margin-bottom: -1px; height: 36px; clear: both; min-width: 1280px; } 
#footer #footer-inner { width: 1000px; height: 36px; margin: 0 auto; background: #5E324B; }
#footer ul { float: left; } 
#footer ul li { display: inline; float: left; display: block; margin-right: 25px; line-height: 36px; height: 36px; }
#footer ul li a { color: #fff; text-decoration: none; font-weight: normal; }
#footer ul li a:hover { text-decoration: none; }
#footer ul li.fb { margin-right: 5px; position: relative; top: 10px; height: 14px; }
#footer ul li.twitter { margin-right: 0px; position: relative; top: 10px; height: 14px; }
#footer #copyright { float: right; }
#header { margin: 0 auto; position: relative; z-index: 2; background: #5E324B; min-width: 1280px; height: 120px; color: #fff; font-size: 11px; }
#header #first-header { padding-top: 50px; text-align: center; }
/*#header #def-header { width: 1000px; margin: 0 auto; height: 120px; color: #fff; font-size: 11px; background: #5E324B; }*/
#header #def-header-inner { padding: 8px 0; width: 1000px; margin: 0 auto; }
/*modified*/#header #def-header-inner  { padding-top: 45px; }
#header #def-header-inner #header-top-bar { float: right; width: 100%; height: 26px; text-align: right; }
#header #logo { float: left; width: 352px; height: 29px; }
/*modified*/#header #logo { width: 453px; height: 38px; }
#header #logo img { float: left; }
#header #header-top-bar a { color: #fff; text-decoration: none; margin-right: 20px; font-style: italic; font-size: 12px; }
#header #header-top-bar a:hover { color: #fff; text-decoration: none; }
#header #header-top-bar .tbSearch { height: 15px; border: none; color: #7E4D85; font-style: italic; }
#header #header-top-bar .btnSearchGo { position: relative; top: 3px; height: 15px; width: 13px; }
#header #top-nav { width: 100%; float: left; clear: both; padding-top: 30px; font-size: 14px; font-family: Georgia; }
/*modified*/#header #top-nav { clear: none; width: auto; padding-top: 0px; margin-left: 80px; margin-top: -10px; }
#header #top-nav ul li { display: block; float: left; margin-right: 62px; line-height: 18px; height: 18px; }
/*modified*/#header #top-nav ul li { background:  url(/images/nav-divider.jpg) no-repeat bottom right; /*border-right: 1px solid #8E4266;*/ height: 52px; padding-right: 31px; margin-right: 31px; }
#header #top-nav ul li.last { margin-right: 0px; background: none; }
#header #top-nav ul li a { color: #fff; text-decoration: none; letter-spacing: .5px; font-weight: normal; }
#header #top-nav ul li a:hover { text-decoration: none; }
#header #top-nav ul li.discover { position: relative; top: -3px; }
#left-nav { background: #EFE6D4; padding: 20px; width: 171px; font-size: 12px; float: left; }
#left-nav ul { }
#left-nav ul li { line-height: 20px; font-family: Palatino Linotype; font-size: 12px; }
#left-nav ul li a { color: #5D324B; }
#left-nav ul li ul { margin-left: 15px; }
#left-nav ul li ul li { font-style: italic; }
#main { float: left; width: 774px; padding-left: 15px; }
#main h1 { width: 100%; margin: 15px 0; font-size: 23px; font-family: Georgia; color: #5D324B; font-style: italic; }
#main h2 { font-size: 19px; font-family: Georgia; color: #5D324B; font-style: italic; }
#main h3 { font-family: Georgia; color: #5D324B; font-size: 15px; }
#main h2.title { font-size: 23px; font-family: Georgia; color: #5D324B; font-style: italic; }
#main p { font-size: 12px; font-family: Palatino Linotype; line-height: 18px; }

/*Opera Fix*/
body:before { content:""; height:100%; float:left; width:0;	margin-top:-32767px;/ }

/*HOMEPAGE*/
#container-home { width: 100%; min-height: 100%; background: #F8F4E8; }
#middle-home { width: 1280px; text-align: center; margin: 0 auto; background: #472E3C; padding-top: 65px; }
/**/#first-main-image { display: none; position: absolute; z-index: 1; width: 100%; top: 0px; left: 0px; }
/**/#first-main-image #image-container { width: 1262px; margin: 50px auto 0 auto; }
/**/#header.homeheader #def-header { position: absolute; top: -120px; left: 0; display: none; z-index: 2; width: 100%; }
/**/#footer.homefooter { display: none; margin-top: 0px; display: none; bottom: 0px; z-index: 2; min-width: 1280px; }
.home { height: 100%; background: #472E3C; }
.home #container-home { background: #472E3C; padding-bottom: 0px; }
.home #header { height: 120px; min-width: 1280px; display: none; position: absolute; top: -120px;}
.home #header #header-spacer { height: 26px; width: 100%; }
.home #header #shop-button { float: right; width: 200px; }
.home #header #shop-button #btnShop { float: right; background: url(/images/btn-shop-nav.jpg) no-repeat top left; height: 23px; width: 198px; cursor: pointer; border: none; }
.home #intro-left { float: left; display: none; margin-left: 62px; }
.home #spotlights { float: right; margin-right: 80px; background: url(/images/home-line-vertical.jpg) no-repeat top left; height: 612px; padding: 25px 0 45px 2px; width: 385px; display: none; }
.home #spotlights .spot { padding: 10px 0 16px 20px; text-align: left; float: left; clear: both; background: url(/images/home-line-horizontal.jpg) no-repeat bottom left;  }
.home #spotlights .spotfirst { }
.home #spotlights .spotmid { margin-top: 1px; padding-bottom: 1px; }
.home #spotlights .spotlast { margin-top: 1px; background: none; }

/*popup*/
#shop-popup { display: none; position: absolute; z-index: 10; left: 50%; top: 110px; margin-left: -383px; border: 3px solid #5E324B; background: #F8F4E8; }
#shop-popup #shop-popup-inner { height: 669px; width: 767px; color: #4D4054; padding: 5px; margin: 5px; border: 1px solid #5E324B; }
#shop-popup #shop-popup-inner .btnPopupShop { position: absolute; top: 525px; left: 150px; }
#shop-popup #shop-popup-inner #form-items { font-family: Palatino Linotype; color: #705661; position: absolute; bottom: 11px; background-color: #F8F4E8; height: 68px; padding: 20px 0 0 20px; width: 747px; }
#shop-popup #shop-popup-inner #form-items p { font-family: Palatino Linotype; color: #705661; margin-bottom: 10px; font-size: 14px; font-weight: bold; }
#shop-popup #shop-popup-inner #form-items .lbl { color: #705661; font-family: Palatino Linotype; font-style: italic; float: left; margin-right: 5px; font-size: 13px; line-height: 16px; margin-bottom: 10px; }
#shop-popup #shop-popup-inner #form-items .tb { float: left; width: 390px; border: 1px solid #C7BFCE; margin-right: 8px; height: 14px; margin-bottom: 10px; }
#shop-popup #shop-popup-inner #form-items .btnAddMyInfo { position: relative; top: -3px; left: 10px; }

/*CUSTOMER SERVICE*/

/*customer-service default page*/
#content #content-body .wide-container.customer-service-default { margin: 0 auto; background: url(/images/customer-service-bg-main.jpg) no-repeat 50% 0; height: 892px; min-width: 1551px;  }
.customer-service-body #footer { min-width: 1551px; }
.customer-service-body #content #content-head { min-width: 1551px; }
.customer-service-body #header { min-width: 1551px; }

/*product assurance*/
.product-assurance #main h2 { margin-bottom: 15px; font-style: normal;}
.product-assurance p { margin-bottom: 15px; }

/*care and use*/
.care-and-use p { margin-bottom: 15px; }

/*contact form*/
.contact-us #contact-form { float: left; width: 495px; margin-right: 15px; }
.contact-us #contact-form label { float: left; clear: both; color: #5D324B; font-size: 11px; width: 60px; margin-right: 5px; text-align: left; margin-top: 20px;  }
.contact-us #contact-form input { float: left; width: 425px; border: 1px solid #C7BFCE; margin-top: 20px; }
.contact-us #contact-form select { float: left; width: 430px; border: 1px solid #C7BFCE; margin-top: 20px; }
.contact-us #contact-form textarea { float: left; width: 420px; height: 190px; border: 1px solid #C7BFCE; margin-top: 20px; } 
.contact-us #contact-form input.btnSendMessage { float: right; width: 173px; height: 23px; margin-top: 20px; }
.contact-us #contact-info { float: left; width: 240px; margin-left: 15px; }
.contact-us #contact-info h2 { color: #B2356D; font-size: 20px; }
.contact-us #contact-info #info-upper { border-bottom: 1px solid #C8C0CD; padding-bottom: 15px; }
.contact-us #contact-info #info-lower { padding-top: 15px; }

/*care and use*/
.care-and-use .intro-para { padding-bottom: 15px; border-bottom: 1px solid #C8C0CD; margin-bottom: 0; }
.care-and-use .care-item { padding: 15px 0; border-bottom: 1px solid #C8C0CD; overflow: hidden; }
.care-and-use .care-item h2 { float: left; width: auto; margin-right: 15px; line-height: 19px; }
.care-and-use #main .care-item p.lead { float: left; margin: 0; padding: 0; width: 600px; position: relative; top: 3px; }
.care-and-use .care-item .exp-btn { cursor: pointer; float: right; position: relative; top: 7px; }
.care-and-use .care-item .sub-content { display: none; clear: both; width: 770px; float: left; margin-top: 20px; }
.care-and-use .care-item .sub-content h4 { font-size: 15px; margin-top: 15px; }
.care-and-use .care-item .sub-content h4.first { margin-top: 0; }
.care-and-use #main .care-item .sub-content p { /*margin: 0*/ }
.care-and-use .image-col { width: 330px; }
.care-and-use .image-col img { margin-bottom: 5px; }
.care-and-use .img-row { width: 100%; }
.care-and-use .img-row .img-item { float: left; margin-left: 9px; width: 247px; }
.care-and-use .img-row .img-item.first { margin-left: 0px; }
.care-and-use .img-row .img-item img { float: left; }
.care-and-use #main .care-item .img-row .img-item p { float: left; clear: both; margin-top: 5px; width: 100%; }
.care-and-use .text-col { width: 400px; margin-left: 10px; }

.care-and-use #frames-sub .img-row { height: 320px; }
.care-and-use #candelabras .img-row { height: 350px; }
.care-and-use #main #candles p { margin-bottom: 10px; }

/*privacy policy*/
.privacy-policy p { margin-bottom: 15px; }

/*terms of use*/
.terms-of-use p { margin-bottom: 10px; margin-top: 5px; }
.terms-of-use ul.inner { margin-bottom: 10px; margin-top: -5px; list-style: disc none outside; position: relative; left: 20px; }
.terms-of-use ul.inner li { color: #3B2933; font-family: Palatino Linotype; line-height: 20px; font-size: 13px; }
.terms-of-use h2 { margin-bottom: 10px; }

/**STORE LOCATOR**/
.store-locator-main.content-body { background: url(/images/store-locator-main.jpg) no-repeat top left; height: 665px; }
.store-locator-main #store-locator-search-box { background: #3B2532; height: 35px; width: 425px; float: right; margin-top: 55px; text-align: right; padding: 5px 10px 0 0; }
.store-locator-main #store-locator-search-box select { width: 150px; margin-right: 10px; }
.store-locator-main #store-locator-search-box .btnSearchStore { position: relative; top: 5px; }

.store-results { padding: 10px 0 0 0; margin-bottom: 10px; }
.store-results #store-locator-left { float: left; width: 145px;  padding-right: 5px; }
.store-results #store-locator-left select { width: 125px; height: 20px; }
.store-results #store-locator-left .btnSearch { }
.store-results #store-locator-right { float: left; width: 839px; padding-left: 10px; border-left: 1px solid #CBC0CE; margin-bottom: 10px; }
.store-results #store-locator-right {}

/**DISCOVER**/
#content #content-body .discover.content-body { width: 1365px; margin: 0 auto; position: relative; }
.discover #deco-left { position: absolute; left: 0; z-index: 5; top: 320px; }
.discover #deco-right { position: absolute; right: 0; z-index: 5;  }
.discover .col-left { float: left; margin-left: 111px; width: 461px; height: 687px; background: url(/images/discover-jay-story-bg.jpg) no-repeat top left; position: relative; }
.discover .col-left #story { text-align: right; z-index: 2; position: absolute; right: -50px; bottom: 0px; height: 70px; width: 500px; background: #EBE5D3; }
.discover .col-left #story #story-img { float: left; border-right: 1px solid #C1B4BD; height: 50px; margin: 10px 0 0 10px; padding: 3px 10px 0 0; }
.discover .col-left #story #story-txt { float: right; padding-right: 35px; width: 299px; margin-left: 10px; text-align: left;  margin-top: 12px; }
.discover .col-right { float: left; width: 630px; margin-left: 25px;}
.discover .col-right .col-upper { float: left; width: 100%; border-bottom: 1px solid #C1B4BD; padding: 20px 0 15px 0; }
.discover .col-right .col-subs { clear: both; width: 100%; padding-top: 15px; }
.discover .col-right .col-subs .col-sub-left { float: left; width: 350px; position: relative; height: 533px; }
.discover .col-right .col-subs .col-sub-left #collections-item { position: absolute; z-index: 3; left: -15px; bottom: 0;  }
.discover .col-right .col-subs .col-sub-right { padding-left: 20px; float: left; width: 259px; border-left: 1px solid #C1B4BD; height: 520px; position: relative; }
.discover .col-right .col-subs .col-sub-right .noindent { margin-left: -20px; }
.discover .col-right .col-subs .col-sub-right #discover-blog { margin-top: 20px; position: absolute; }
.discover .col-right .col-subs .col-sub-right #discover-blog p { width: 260px; margin: 15px 0; }

.discover-home a { color: #5A324A; text-decoration: none; font-style: italic; }
.discover-home a:hover { color: #5A324A; text-decoration: none; font-style: italic; }
.discover-home p { color: #5A324A; font-style: italic; line-height: 20px; }

.discover-body #footer { min-width: 1365px; }
.discover-body #content #content-head { min-width: 1365px; }
.discover-body #header { min-width: 1365px; }

/**MEET JAY**/
.meet-jay #head-img { position: relative; left: 50px; }
.meet-jay #img-left { float: left; margin: 0 15px 0 0; }
.meet-jay p { margin-bottom: 10px; margin-top: 5px; font-family: Palatino Linotype; color: #3B2933; line-height: 20px; font-size: 13px; }
.meet-jay .quote { font-weight: bold; font-family: Georgia; font-style: italic; font-size: 11px; }

/**NEWS & EVENTS**/
.news-events.content-body { background: url(/images/events-bg-mid.jpg) repeat-y 257px 0; }
#content #content-body .news-events.content-body { margin-top: 15px; margin-bottom: 15px; overflow: hidden; }
.news-events #col-left { float: left; width: 247px; padding-right: 10px; }
.news-events #col-left h3 { font-size: 12px; color: #5D324B; }
.news-events #col-left #upcoming-events { border-bottom: 1px solid #CBC0CF; margin-bottom: 15px; overflow: hidden; padding-bottom: 10px; }
.news-events #col-left #events-head, .news-events #col-left #news-head { margin-bottom: 10px; }
.news-events #col-left .event, .news-events #col-left .news { float: left; clear: both; margin-bottom: 15px; }
.news-events #col-left .news.active .title { color: #B02362; }
.news-events #col-left .title { float: left; width: 100%; font-size: 13px; color: #5D324B; line-height: 18px; }
.news-events #col-left .loc { float: left; color: #5D324B; font-size: 13px; font-style: italic; }
.news-events #col-left .date { float: left; color: #B49FA4; font-size: 13px; margin-left: 5px; }
.news-events #main { float: left; width: 718px; } 
.news-events #main h2 { float: left; margin-bottom: 10px; }
.news-events #main #images { float: left; clear: both; }
.news-events #main #images #large { float: left; width: 517px; }
.news-events #main #images #small { float: left; margin-left: 10px; width: 200px; }
.news-events #main #images #small img { float: left; margin: 0 0 5px 5px; }
.news-events #main #images #small img.active { margin: -3px -3px 2px 2px; padding: 2px; border: 1px solid #947987; }
.news-events #main #blurb { float: left; clear: both; margin-top: 10px; }

/**COLLECTIONS**/
.collections { }
.collections .collection-item { position: relative; height: 407px; width: 1000px; margin-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #CBC0CF; clear: both; }
.collections .collection-item .bg { position: relative; height: 100%; width: 100%; }
.collections .collection-item .tb { position: absolute; z-index: 2; background: #FAF6ED; width: 345px; padding: 10px; border: 1px solid #D5D1C9; overflow: hidden; }
.collections .collection-item .tb p { float: left; text-align: left; clear: both; font-family: Palatino Linotype; color: #3B2933; font-style: italic; font-size: 14px; margin-top: 5px; line-height: 18px; }
.collections .collection-item .tb-right { right: 15px; }
.collections .collection-item .tb-left { left: 15px; }
.collections .collection-item.classics .tb { top: 15px; }
.collections .collection-item.heritage .tb { top: 15px; }
.collections .collection-item.deco .tb { top: 15px; }
.collections .collection-item.flora-fauna .tb { top: 15px; }
.collections .collection-item.jungle .tb { top: 15px; }
.collections .collection-item.luxe .tb { top: 15px; }
.collections .collection-item.frames .tb { top: 15px; }
.collections .collection-item.gifts .tb { top: 15px; }
.collections .collection-item.jewelry .tb { bottom: 25px; }
.collections .collection-item.furnishings .tb { bottom: 25px; }
.collections .collection-item.figurines-objets .tb { bottom: 25px; }

/**EMAIL SIGNUP**/
.email-signup { }
.email-signup #email-left { float: left; width: 482px; }
.email-signup #email-right { float: left; width: 503px; margin-left: 15px; }
.email-signup #email-right h2 { margin: 15px 0; font-size: 23px; font-family: Georgia; color: #5D324B; font-style: italic; }
.email-signup #email-right h5 { margin: 30px 0; font-size: 13px; font-family: Georgia; font-style: italic; color: #5D324B; }
.email-signup #email-right p { font-family: Palatino Linotype; color: #3B2933; line-height: 20px; font-size: 13px; margin: 0; }
.email-signup #email-right .lbl { color: #9F8791; font-style: italic; float: left; width: 180px; text-align: left; font-size: 14px; line-height: 25px; margin-bottom: 20px; }
.email-signup #email-right .tb { float: right; clear: none; width: 290px; margin-left: 10px; border: 1px solid #C7BFCE; height: 23px; margin-bottom: 20px; }
.email-signup #email-right .btnSend { float: right; clear: both; margin-top: 5px; background: url(/images/btn-send.jpg); height: 20px; width: 160px; border: 0; cursor: pointer; font-size: 0px; text-indent: -99999px; }
.email-signup #email-right .msg { clear: both; float: left; color: #C00; }

/**BLOG**/
#content #content-head.blog { height: 320px; background: url(/images/bejeweled-blog-header.jpg) no-repeat 50% top; }
.blog #blog-items { margin-top: 10px; width: 790px; padding-right: 19px; border-right: 1px solid #CBC0CF; float: left; }
.blog #blog-items .entry { border-bottom: 1px solid #CBC0CF; padding-bottom: 20px; }
.blog #blog-items .entry .first-image { width: 100%; text-align: center; margin: 15px 0; }
.blog #blog-items .entry .additional-images { clear: both; width: 100%; }
.blog #blog-items .entry .additional-images img { vertical-align: top; margin-right: 5px; margin-bottom: 5px; }
.blog #blog-items .entry.first .entry-head { padding: 0 0 5px 0; }
.blog #blog-items .entry .entry-head { border-bottom: 1px solid #CBC0CF; padding: 10px 0 8px 0; margin-bottom: 5px; }
.blog #blog-items .entry .entry-head h2 { font-family: Georgia; color: #5D324B; font-size: 18px; text-align: center; width: 100%; margin-bottom: 5px; }
.blog #blog-items .entry .entry-head h4 { font-family: Palatino Linotype; color: #3B2933; font-size: 13px; text-align: center; width: 100%; } 
.blog #blog-items .entry p { margin-bottom: 10px; }
.blog #blog-right-bar { margin-top: 10px; width: 180px; padding-left: 10px; float: right; }
.blog #blog-right-bar .bar-section { border-bottom: 1px solid #CBC0CF; padding: 10px 0; }
.blog #blog-right-bar .bar-section h3 { color: #6E475D; font-family: Georgia; font-size: 13px; }
.blog #blog-right-bar .bar-section h4 { font-size: 12px; font-family: Georgia; color: #6E475D; margin-top: 5px; }
.blog #blog-right-bar .bar-section a { color: #6E475D; }
.blog #blog-right-bar .bar-section a:hover { color: #6E475D; }
.blog #blog-right-bar .bar-section.last { border-bottom: 0; }

/**FIREFOX FIXES**/
@-moz-document url-prefix()
{
    #container { margin-bottom: -39px; padding-bottom: 10px; }
    /*#header #top-nav ul li { margin-right: 57px; }*/
    #footer { bottom: 0; margin-bottom: -5px; height: 39px; }
    #footer ul li.fb { top: 3px; }
    #footer ul li.twitter { top: 3px; }
    .home #spotlights .spotmid { padding-bottom: 0px; }
}

/**IE FIXES**/
.ie8 #header #header-top-bar .btnSearchGo { top: 2px; }
.ie8 #header #top-nav ul li { margin-right: 44px; }

.ie7 #header #header-top-bar .btnSearchGo { top: 2px; }
.ie7 #footer { bottom: 0px; }
.ie7 #footer ul li.fb { top: 3px; }
.ie7 #footer ul li.twitter { top: 3px; }
.ie7 #spotlights .spotmid { position: relative; top: -5px; }
.ie7 #spotlights .spotlast { position: relative; top: -10px; }
.ie7 #shop-popup #shop-popup-inner #form-items { background-color: #5E324B; }
