html, body, div, span,
h1, h2, h3, h4, h5, h6,
p, blockquote, q, em, img, small, strong,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend { border: 0; outline: 0; margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
:focus { outline: 0; }
input, textarea { margin: 0; outline: 0; }
textarea { overflow: auto; resize: none; }
table { border-collapse: collapse; border-spacing: 0; }
/* End Reset */
/* html5 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
/* Default Font Styles
______________________*/
body, input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-family: 'Open Sans', sans-serif; font-size: 15px; color: #7d7263; line-height: 130%; }
/* Headings
______________________*/
h1 { }
h2 { font-size: 30px; color: #766c5e; line-height: 1.2; font-weight: 300; margin: 0 0 15px; }
h3 { font-size: 22px; color: #4c4c4c; line-height: 1.2; font-weight: normal; margin: 0 0 15px; }
h4 { line-height: 1.2; margin: 0 0 7px; }
/* Links
______________________*/
a { color: #756b5e; -moz-transition: all 0.35s ease-in-out 0s; -webkit-transition: all 0.35s ease-in-out 0s; -o-transition: all 0.35s ease-in-out 0s; transition: all 0.35s ease-in-out 0s; }
a:hover { text-decoration: none; }
img { max-width: 100%; height: auto; }
/* p, blockquote, address
______________________*/
p { line-height: 1.3; padding: 0 0 15px; }
p.last-para { padding-bottom: 0; }
/* Layout
______________________*/
#container-fluid { }
.content-width { width: 995px; margin: 0 auto; }
/* Header
______________________*/
#header-outer { background: url(../images/nav-bot.png) repeat-x left bottom; padding: 0 0 3px; }
#home-page #header-outer { background: none; padding: 0; }
#header-wrap { }
#top-section-wrap { border-bottom: 1px solid #dedddb; margin: 0 0 25px; }
#top-section { padding: 12px 30px 0 17px; }
.search-section { float: left; width: 205px; background: #f3f3f3; position: relative; }
.search-field { border: none; background: none; font-size: 12px; color: #999999; padding: 5px 10px 6px; width: 165px; }
.submit-search { border: none; padding: 0; background: url(../images/search-icon.png) no-repeat; width: 17px; height: 17px; cursor: pointer; position: absolute; right: 8px; top: 5px; }
.top-right-section { float: right; width: 400px; text-align: right; padding: 5px 0 0; }
.top-right-section ul { float: right; }
.top-right-section li { float: left; position: relative; margin-left: 35px; padding-bottom: 14px; z-index: 999; }
.top-right-section .user-icon { background: url(../images/user.png) no-repeat; width: 22px; height: 21px; display: inline-block; }
.top-right-section .user-icon:hover,
.top-right-section li:hover > .user-icon { background: url(../images/user-hover.png) no-repeat; }
.top-right-section .cart-item { background: url(../images/cart.png) no-repeat; width: 30px; height: 21px; display: inline-block; }
.top-right-section .cart-item:hover,
.top-right-section li:hover > .cart-item { background: url(../images/cart-active.png) no-repeat; }
.top-right-section .phone-link { background: url(../images/phone.png) no-repeat; width: 20px; height: 22px; display: inline-block; }
.top-right-section .phone-link:hover,
.top-right-section li:hover > .phone-link { background: url(../images/phone-hover.png) no-repeat; }
.notification { position: absolute; right: -14px; top: -9px; background: #c69c5a; color: #fff; font-size: 14px; font-weight: bold; display: inline-block; padding: 2px 6px 3px; line-height: 1; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.top-right-section li:hover > ul.sccondary-dropdown { display: block; }
.top-right-section li ul.sccondary-dropdown { display: none; position: absolute; left: 50%; top: 100%; margin-left: -206px; width: 412px; background: #fff; -moz-box-shadow: 1px 3px 8px rgba(0,0,0, 0.5); -webkit-box-shadow: 1px 3px 8px rgba(0,0,0, 0.5); box-shadow: 1px 3px 8px rgba(0,0,0, 0.5); }
.top-right-section li ul li { padding: 0; margin: 0; }
.table-section { }
.table-section table { width: 100%; }
.table-section td { width: 70px; text-align: center; padding: 10px 5px 6px; line-height: 1.5; font-size: 14px; color: #616161; border-bottom: 1px solid #e5e5e5; }
.table-section .first { width: 100px; text-align: center; }
.table-section .second { width: 90px; text-align: left; }
.table-section .last-row td { padding: 10px 5px; }
.table-section table img { display: inline-block; }
.table-section .cancel { display: inline-block; margin-top: 3px; }
.table-section .cancel img { opacity: 0.7; }
.table-section .cancel:hover img { opacity: 1; }
.table-bot { background: #ededed; padding: 18px 20px 20px; text-align: left; }
.table-bot .view-cart { float: left; display: inline-block; border: 2px solid #a7a7a7; height: 34px; line-height: 34px; padding: 0 22px 0 20px; font-size: 14px; color: #636363; text-transform: uppercase; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.table-bot .checkout { float: right; display: inline-block; background: #565656; height: 38px; line-height: 38px; padding: 0 16px 0 22px; font-size: 14px; color: #fff; text-transform: uppercase; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.table-bot .checkout span { display: block; background: url(../images/white-arrow.png) right center no-repeat; padding-right: 27px; }
.top-right-section li.phone-wrap ul.sccondary-dropdown { width: 224px; margin-left: -112px; }
.dropdown { position: absolute; left: 50%; top: -7px; margin-left: -11px; background: url(../images/top-icon-arrow.png) no-repeat; width: 13px; height: 7px; }
.phone-wrap .dropdown { margin-left: -3px; }
.user-wrap .dropdown { margin-left: -7px; }
.sccondary-dropdown li,
.sccondary-dropdown ul { float: none; }
.contact-dropdown { text-align: left; }
.top-right-section .contact-dropdown li { position: relative; border-bottom: 1px solid #f3f3f3; padding: 15px 15px 15px 50px; color: #616161; }
.top-right-section .contact-dropdown a { color: #616161; text-decoration: none; }
.contact-dropdown em { position: absolute; left: 22px; top: 16px; display: inline-block; background: url(../images/sub-menu-phone.png) no-repeat; width: 19px; height: 17px; }
.contact-dropdown em.live-chat { background: url(../images/sub-menu-phone.png) no-repeat; width: 18px; height: 18px; }
.contact-dropdown em.live-chat { background: url(../images/sub-menu-chat.png) no-repeat; }
.contact-dropdown em.envelop-icon { background: url(../images/sub-menu-letter.png) no-repeat; top: 19px; }
.top-right-section li.user-wrap ul.sccondary-dropdown { width: 300px; margin-left: -150px; }
.login-section { text-align: left; padding: 30px 16px 25px; }
.login-section p { line-height: 1; padding: 0 0 15px; }
.field { background: url(../images/text-field.png) no-repeat; padding: 10px; width: 244px; height: 18px; line-height: 1; border: none; }
.forget-wrap { padding: 0 0 17px; }
.checkbox { display: inline-block; vertical-align: middle; }
.checkbox { width: 19px; height: 25px; padding: 0 5px 0 0; background: url(../images/checkbox.png) no-repeat; display: block; clear: left; float: left; }
.forget-wrap span { font-size: 13px; color: #626262; display: inline-block; vertical-align: middle; margin-left: 2px; }
.forget-pass { font-size: 13px; color: #626262; }
.login { display: block; background: #565656; color: #fefefe; text-transform: uppercase; padding: 8px 0 9px; width: 100%; text-align: center; border: none; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.register-wrap { background: #ededed; border-top: 1px solid #dddddd; padding: 25px 16px; }
.register { display: block; border: 2px solid #998668; width: 268px; background: #e1d4bf; color: #857356; text-transform: uppercase; line-height: 1; padding: 7px 0 8px; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#header { position: relative; z-index: 99; }
.logo { text-align: center; margin: 0 0 15px; }
#nav-wrap { text-align: center; }
#nav li { display: inline; display: inline-block; position: relative; padding: 0 12px 20px; }
#nav a { color: #616161; font-size: 12px; text-transform: uppercase; text-decoration: none; }
#nav a:hover,
#nav li:hover > a { color: #c69c5a; }
#nav li:hover > ul.dropdown-container { display: block; }
#nav li ul.dropdown-container { display: none; position: absolute; left: 50%; top: 100%; width: 314px; margin-left: -157px; background: #f6f6f6; -moz-box-shadow: 1px 3px 8px rgba(0,0,0, 0.5); -webkit-box-shadow: 1px 3px 8px rgba(0,0,0, 0.5); box-shadow: 1px 3px 8px rgba(0,0,0, 0.5); }
#nav li.loose-diamonds ul.dropdown-container { margin-left: -137px; width: 274px; }
#nav li ul li { display: block; padding: 0; }
.dropdown-photo { text-align: center; background: #fff; position: relative; padding: 17px 0 0; }
.dropdown-up { position: absolute; left: 50%; top: -8px; margin-left: -8px; background: url(../images/arrow-top.png) no-repeat; width: 17px; height: 8px; }
.dropdown-photo p { font-family: Arial, Helvetica, sans-serif; color: #8c8b8b; font-size: 12px; padding: 0 25px 18px; }
.ring-photo { padding-bottom: 22px; padding-top: 10px; }
.ring-photo p { position: absolute; left: 0; bottom: -3px; }
.ring-photo img { margin: 0 auto; }
.double-img { }
.double-img img { display: inline-block; width: 100px; margin: 0 10px; }
.double-img { }
.pendants-photo { padding-top: 0; }
.pendants-photo img { margin-bottom: 7px; }
.earrings-photo { padding-top: 25px; padding-bottom:; }
.earrings-photo img { margin: 0 0 8px; }
.earrings-photo p { padding: 0 10px 18px; }
.braceletes-photo { }
.braceletes-photo img { margin-bottom: 10px; }
.braceletes-photo p { padding: 0 10px 18px; }
.men-jewelry-photo { }
.men-jewelry-photo img { margin: 0 0 10px; }
.men-jewelry-photo p { padding: 0 55px 18px; }
.gift-photo { padding-top: 8px; }
.gift-photo p { padding: 0 20px 18px; }
.nav-corner { position: absolute; right: 0; bottom: 0; background: url(../images/nav-corner.png) no-repeat; width: 8px; height: 8px; }
#nav .submenu { text-align: left; }
#nav .submenu li { float: none; display: block; border-bottom: 1px solid #e7e7e7; position: relative; }
#nav .submenu li.last-item { border: none; }
#nav .submenu a { display: block; padding: 11px 20px; font-size: 14px; color: #626262; text-transform: none; position: relative; }
#nav .submenu a span { display: block; background: url(../images/arrow-submenu.png) left center no-repeat; padding-left: 17px; }
#nav .submenu a:hover,
#nav .submenu > ul > li:hover > a { background: #eeeeee; color: #626262; }
#nav .submenu > ul > li:hover > ul { display: block; }
#nav .submenu li ul { display: none; background: #f6f6f6; width: 242px; position: absolute; right: -242px; top: 0; -moz-box-shadow: 1px 3px 8px rgba(0,0,0, 0.5); -webkit-box-shadow: 1px 3px 8px rgba(0,0,0, 0.5); box-shadow: -1px 3px 8px rgba(0,0,0, 0.5); }
/* slider-section */
.slider-wrap { background: #fdfdfd url(../images/loose-diamond-slide-bg.png) repeat-x; }
.slider-section { padding: 0 0 70px; position: relative; }
.slider-section li { position: relative; padding-top: 200px; }
.slider-info { position: absolute; left: 50%; top: 65px; margin-left: -300px; font-weight: 300; }
.spark-section { float: left; background: #fefefe; color: #8e816f; padding: 14px 8px 15px 30px; min-width: 295px; min-height: 58px; }
.spark-section span { display: block; font-size: 18px; line-height: 1.2; margin: 0 0 2px; }
.spark-section strong { display: block; font-size: 32px; line-height: 1.1; font-weight: 300; }
.search-diamond { background: url(../images/search-diamond.png); float: left; min-height: 87px; min-width: 269px; text-align: center; }
.search-diamond a { font-size: 23px; color: #fff; text-decoration: none; background: url(../images/arrow-right.png) right center no-repeat; line-height: 30px; display: inline-block; padding-right: 32px; margin: 27px 0 0; }
.slider-photo { text-align: center; }
.bx-pager { position: absolute; left: 0; bottom: 12px; width: 100%; text-align: center; }
.bx-pager-item { display: inline; display: inline-block; }
.bx-pager a { font-size: 0; background: url(../images/bullet.png) no-repeat; width: 19px; height: 19px; display: inline-block; margin: 0 2px; }
.bx-pager a.active { background: url(../images/bullet-active.png) no-repeat; }
/* filter-section */
.filter-section-wrap { background: url(../images/noice.png); min-height: 177px; margin: 0 0 45px; }
.filter-section { padding: 32px 0 0; }
.filter-section h2 { text-align: center; font-size: 24px; font-weight: 400; color: #8e816f; text-transform: uppercase; margin: 0 0 27px; }
.select-section { float: left; width: 181px; margin-right: 18px; position: relative; }
.select-section .select-link { display: block; background: url(../images/select.png) no-repeat; width: 133px; height: 45px; line-height: 43px; padding: 0 35px 0 13px; text-decoration: none; }
.select-option { display: none; border: 1px solid #b2b2b2; background: #fff; position: absolute; left: 0; top: 100%; width: 179px; }
.select-option a { display: block; padding: 4px 10px 5px; line-height: 1.2; text-decoration: none; }
.select-option a:hover,
.select-option a.every-active { background: #3399ff; color: #fff; }
.select-option { }
.start-wrap { float: left; width: 182px; }
.start-search { border: none; background: url(../images/start-search.png) no-repeat; width: 182px; height: 45px; padding: 0 30px 0 15px; cursor: pointer; color: #d3d2cf; font-size: 20px; font-weight: 600; text-align: left; }
.select { position: absolute; width: 133px; /* With the padding included, the width is 190 pixels: the actual width of the image. */ height: 45px; line-height: 45px; padding: 0 35px 0 13px; color: #616161; font-size: 14px; font-family: Arial, Helvetica, sans-serif; background: url(../images/select.png) no-repeat; overflow: hidden; }
select.styled { height: 45px; }
.styled { }
/* jewelry-section-wrap */
.jewelry-section-wrap { text-align: center; }
.jewelry-title { padding: 0 0 40px; }
.jewelry-title h2 { background: url(../images/drop-bdr.jpg) center 20px repeat-x; margin: 0 132px 12px; font-weight: 400; font-size: 28px; color: #756b5e; background: url(../images/jewelry-title-bg.png) center 19px repeat-x; }
.jewelry-title h2 span { display: inline-block; background: #fff; padding: 0 12px; }
.jewelry-title p { width: 380px; margin: 0 auto; color: #7D7263; line-height: 1.5; font-weight: 300; }
.jewelry-section { padding: 0 0 70px; background: url(../images/bdr.png) center 44px no-repeat; }
.jewelry-section li { display: inline; display: inline-block; vertical-align: top; width: 140px; position: relative; margin: 0 20px 0 22px; }
.jewelry-section h3 { font-size: 12px; color: #7d7263; text-transform: uppercase; font-weight: 400; line-height: 1.2; min-height: 29px; margin: 0 0 2px; }
.jew-num { background: url(../images/num-bg.png) no-repeat; width: 26px; height: 31px; line-height: 27px; text-align: center; margin: 0 auto 11px; color: #fff; font-size: 17px; color: #fff; font-weight: 700; }
/*
.jew-wrap{
background:url(../images/image-background.png) center bottom no-repeat;
min-height:54px;
padding-bottom:8px;
}
.jew-wrap > img{
margin-left:10px;
}
*/
.small-jewelry { background: #fff; position: absolute; left: 0; bottom: -30px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 1px 1px 5px rgba(0,0,0, 0.5); -webkit-box-shadow: 1px 1px 5px rgba(0,0,0, 0.5); box-shadow: 1px 1px 5px rgba(0,0,0, 0.5); }
.small-jewelry a { display: inline-block; height: 28px; padding: 6px 6px; }
.small-jewelry a:hover { background: #f3f3f3; }
.small-jewelry a.first:hover { -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; }
.small-jewelry a.last:hover { -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; }
.arrow-up { position: absolute; left: 50%; top: -8px; margin-left: -8px; }
/* ring-section-wrap */
.ring-section-wrap { background: url(../images/shadow.png) center top no-repeat; padding-top: 60px; }
.ring-section { padding: 0 0 60px; position: relative; }
.alert-section { position: absolute; left: 50%; top: -80px; margin-left: -200px; background: #616161 url(../images/alert-box.jpg) repeat-x; font-size: 20px; color: #d3d2cf; font-weight: 600; padding: 12px 20px 14px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.downword-black { position: absolute; left: 50%; bottom: -8px; margin-left: -9px; }
.ring-section li { float: left; width: 144px; margin: 0 0 20px 15px; position: relative; padding: 40px 0 15px; text-align: center; border: 3px solid #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.ring-section li:hover { border-color: #8e8d8c; }
.ring-arrow { display: none; position: absolute; left: 50%; top: -10px; margin-left: -8px; }
.ring-section li:hover > .ring-arrow,
.ring-section li:hover > .ring-title { display: block; }
.ring-title { display: none; position: absolute; left: 0; top: 10px; width: 100%; font-size: 13px; color: #8e816f; text-transform: uppercase; }
.ring-title span { display: block; margin: 0 10px; }
.ring-photo { margin: 0 0 2px; }
.ring-photo > img { display: block; }
.ring-info { color: #8e816f; padding: 0 5px; }
/* updated by webdevelopment company */
/* diamond-section-wrap */
.diamond-section-wrap { border-bottom: 1px solid #ececec; padding: 0 0 40px; margin: 0 0 50px; }
.diamond-section { text-align: center; }
.diamond-section h2 { background: url(../images/drop-bdr.jpg) center 22px repeat-x; font-weight: 400; }
.diamond-section span { display: inline-block; background: #fff; padding: 0 15px; }
.diamond-info { width: 410px; margin: 0 auto; padding: 0 0 30px; }
.diamond-category { }
.diamond-category li { display: inline; display: inline-block; vertical-align: top; width: 80px; border: 3px solid #fff; padding: 35px 0 10px; position: relative; margin: 0 4px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.diamond-category .search-txt { position: absolute; left: 0; top: 10px; width: 100%; text-align: center; padding: 0; display: none; }
.diamond-category li:hover { border-color: #8e8d8c; }
.diamond-category li:hover > .ring-arrow,
.diamond-category li:hover > .search-txt { display: block; }
.cat-img { margin: 0 0 5px; }
.diamond-category a { color: #8e816f; text-decoration: none; }
.diamond-category a:hover { text-decoration: none; }
/* customer-section-wrap */
.customer-section-wrap { }
.customer-section { padding: 0 0 65px; }
.customer-section h2 { text-align: center; font-weight: 400; margin: 0 0 35px; }
.carousel-wrap { width: 745px; margin: 0 auto; position: relative; }
.related-slider-wrap .bx-prev,
.related-slider-wrap .bx-next { position: absolute; top: 50%; left: 0 !important; margin-top: -35px; display: block; width: 22px; height: 40px; background: url(../images/prev.png) no-repeat; font-size: 0; }
.related-slider-wrap .bx-next { right: 0 !important; left: auto !important; background: url(../images/next.png) no-repeat; }
.carousel-wrap .bx-pager { display: none; }
.carousel-wrap li { position: relative; }
.slide-content { float: left; width: 365px; margin-right: 25px; position: relative; }
.info-box { position: relative; padding: 20px 30px 17px; border: 2px solid #e2e2e2; font-style: italic; margin: 0 0 20px; -moz-border-radius: 6px 6px 6px 0; -webkit-border-radius: 6px 6px 6px 0; border-radius: 6px 6px 6px 0; }
.info-box h3 { font-size: 15px; color: #38393c; line-height: 1.2; margin: 0 0 4px; font-weight: 400; }
.info-box span { font-size: 12px; color: #b7b7b7; display: block; margin: 0 0 7px; }
.info-box p { font-size: 13px; color: #77787b; line-height: 1.3; padding: 0 0 7px; }
.downword { position: absolute; left: -2px; bottom: -11px; }
.read-more { text-decoration: none; color: #77787B; }
.read-more:hover { text-decoration: none; color: #c69c5a; }
.user-section { font-weight: 600; }
.user-img { float: left; width: 54px; }
.user-img img { width: 54px; height: 53px; }
.user-info { margin-left: 67px; padding: 10px 0 5px; font-size: 12px; }
.user-info span { display: block; color: #424447; line-height: 1.3; margin: 0 0 3px; }
.user-info p { color: #a59d93; line-height: 1.2; padding: 0 0 5px; }
.review-section { position: absolute; right: 0; bottom: -20px; }
.review-section span { display: inline-block; vertical-align: middle; font-size: 10px; color: #D9D9D9; font-weight: 600; margin-right: 2px; }
.review-section img { vertical-align: middle; }
/* process-section */
.process-section-wrap { background: url(../images/noice.png); margin: 0 0 65px; }
.process-section { padding: 60px 0 70px; }
.process-section h2 { text-align: center; }
.process-section { text-align: center; }
.process-section li { display: inline; display: inline-block; padding: 0 15px; width: 196px; }
.process-photo { margin: 0 0 30px; }
/*
.process-photo img{
display:block;
}
.process-photo .process-dark{
display:none;
}
.process-photo a:hover img{
display:none;
}
.process-photo a:hover > .process-dark{
display:block;
}
*/
.process-section h2 { font-weight: 300; background: url(../images/process-bdr.png) center 22px no-repeat; margin: 0 0 45px; color: #686868; }
.process-section h2 span { display: block; }
.process-section h3 { color: #6a6e77; font-weight: 600; font-size: 16px; line-height: 1.2; margin: 0 0 10px; text-transform: uppercase; }
.process-section p { color: #7d7263; line-height: 1.5; }
/* shopping-section-wrap */
.shopping-section-wrap { }
.shopping-section { text-align: center; padding: 0 0 60px; }
.shopping-section h2 { margin: 0 0 45px; color: #4c4c4c; }
.shopping-section li { display: inline; display: inline-block; width: 190px; margin: 0 15px; vertical-align: top; }
.shopping-section li.large-item { width: 215px; }
.shopping-section li.small-item { width: 150px; }
.shopping-img { width: 97px; margin: 0 auto 30px; position: relative; }
.shopping-img img { display: block; }
.tick { position: absolute; left: -17px; top: 14px; }
.lifetime { position: absolute; bottom: -30px; left: -20px; }
.shopping-section h3 { font-size: 20px; color: #5d5d5d; margin: 0 0 10px; }
.shopping-section p { font-size: 14px; color: #848484; line-height: 1.3; }
/* drop-line-wrap */
.drop-line-wrap { background: #f5f5f5; border-bottom: 1px solid #fff; }
.drop-line { padding: 55px 0 45px; text-align: center; }
.drop-line h2 { font-size: 22px; color: #4c4c4c; background: url(../images/drop-bdr.jpg) center 15px repeat-x; margin: 0 0 35px; }
.drop-line h2 span { display: inline-block; background: #f5f5f5; padding: 0 15px; }
.drop-info { margin: 0 0 40px; }
.drop-info a { display: inline-block; vertical-align: middle; margin: 0 12px; font-size: 15px; color: #766c5e; font-weight: 600; text-decoration: none; line-height: 12px; background: url(../images/envelop.png) left center no-repeat; padding-left: 26px; }
.drop-info span { display: inline-block; vertical-align: middle; margin: 0 12px; font-size: 15px; color: #766c5e; font-weight: 600; line-height: 14px; background: url(../images/number.png) left center no-repeat; padding-left: 22px; }
.social-section { }
.social-section a { display: inline-block; vertical-align: middle; width: 49px; height: 48px; margin: 0 12px; }
.social-section a.twitter { background: url(../images/twitter.png) no-repeat; }
.social-section a.twitter:hover { background: url(../images/twitter-dark.png) no-repeat; }
.social-section a.facebook { background: url(../images/facebook.png) no-repeat; }
.social-section a.facebook:hover { background: url(../images/facebook-dark.png) no-repeat; }
.social-section a.pinterest { background: url(../images/pinterest.png) no-repeat; }
.social-section a.pinterest:hover { background: url(../images/pinterest-dark.png) no-repeat; }
#up-arrow { display: none; position: fixed; bottom: 2%; right: 2%; background: #ABABAB url(../images/up-arrow.png) no-repeat; width: 50px; height: 50px; font-size: 0; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; }
/* Main Area
-------------------------------------- */
.slider-wrap,
.filter-section-wrap,
.process-section-wrap,
.drop-line-wrap,
.footer-link-wrap,
.adds-wrap,
.diamond-section-wrap,
#top-section-wrap,
.breadcrumb-wrap { min-width: 995px; }
#main-wrap { }
#main { }
/* inner-page */
#inner-page { background: url(../images/noice-white.png); }
#inner-page #header-wrap { background: #fff; }
.breadcrumb-wrap { border-bottom: 1px solid #ebe8eb; padding-top: 22px; margin: 0 0 45px; }
.breadcrumb { padding: 0 17px 20px; }
.breadcrumb ul { background: url(../images/breadcrumb-icon.png) left center no-repeat; padding-left: 16px; }
.breadcrumb li { float: left; color: #8b8b8b; font-size: 12px; margin-right: 4px; }
.breadcrumb a { color: #8b8b8b; text-decoration: none; vertical-align: middle; display: inline-block; }
.breadcrumb span,
.breadcrumb strong { display: inline-block; vertical-align: middle; }
.related-section { text-align: center; }
.title-section { background: url(../images/related-section-bdr.png) center 16px no-repeat; padding: 0 0 30px; }
.title-section h2 { font-size: 22px; color: #4c4c4c; }
.related-slider-wrap { position: relative; padding: 0 0 80px; }
.related-slider-wrap .bx-next,
.related-slider-wrap .bx-prev { background: url(../images/next-related.png) no-repeat; width: 31px; height: 59px; margin-top: -100px; right: -45px; }
.related-slider-wrap .bx-prev { background: url(../images/prev-related.png) no-repeat; left: -45px; }
.related-carousel { }
.related-photo { min-height: 153px; margin: 0 0 5px; }
.related-info { font-family: Arial, Helvetica, sans-serif; }
.related-info h3 { color: #616161; font-size: 14px; margin: 0 0 7px; }
.related-info span { display: block; font-size: 12px; color: #949494; }
.tabs-section { background: #fff; border: 1px solid #d6d6d6; padding: 30px 35px 5px 30px; position: relative; margin: 30px 0 60px; min-height: 360px; -moz-box-shadow: 0 0 3px rgba(0,0,0, 0.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0, 0.2); box-shadow: 0 0 3px rgba(0,0,0, 0.2); -moz-border-radius: 0 7px 7px 7px; -webkit-border-radius: 0 7px 7px 7px; border-radius: 0 7px 7px 7px; }
.tabs-link { position: absolute; left: -1px; top: -45px; }
.tabs-link li { float: left; margin-right: 7px; }
.tabs-link a { display: block; background: url(../images/inactive-tab-bg.png) repeat-x; height: 43px; line-height: 43px; padding: 0 33px; text-decoration: none; text-transform: uppercase; border: 1px solid #d6d6d6; font-size: 14px; color: #616161; -moz-border-radius: 7px 7px 0 0; -webkit-border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0; -moz-transition: none; -webkit-transition: none; -o-transition: none; transition: none; }
.tabs-link li.active a { background: #fff; font-weight: bold; border-bottom: none; padding-top: 1px; margin-bottom: -1px; -moz-box-shadow: 0 -1px 1px rgba(0,0,0, 0.1); -webkit-box-shadow: 0 -1px 1px rgba(0,0,0, 0.1); box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1); }
.rating-img { display: inline-block; vertical-align: middle; margin: 0 4px 0 6px; }
.rating-img img { margin-left: 2px; }
.tabs-link .rating { display: inline-block; vertical-align: middle; line-height: 16px; padding: 0 4px; background: #e3e3e3; color: #828282; font-size: 11px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.tabs-content { display: none; }
.review-tabs { padding: 0 0 10px; }
.review-tabs li { padding: 0 0 40px; margin: 0 0 30px; border-bottom: 1px solid #cccccc; color: #555; }
.review-tabs li.first-item { padding: 0 0 15px; }
.review-tabs li.last-item { margin-bottom: 0; border-bottom: none; }
.write-review { font-size: 13px; color: #616161; line-height: 1; text-decoration: none; border: 1px solid #b2b2b2; padding: 8px 25px; background: #f1eeea; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.review-rating { float: right; width: 300px; text-align: right; padding: 5px 0 0; font-size: 13px; color: #977d7d; }
.review-rating span { display: inline-block; vertical-align: middle; margin: 0 4px 0 0; }
.review-rating img { vertical-align: middle; margin-left: 2px; }
.review-photo-wrap { width: 260px; float: left; margin-right: 10px; }
.review-photo { float: left; width: 54px; margin-right: 22px; }
.review-photo-info { float: left; width: 165px; font-size: 13px; padding: 7px 0 0; font-weight: 600; }
.review-photo-info span { display: block; color: #555555; line-height: 1.2; margin: 0 0 6px; }
.review-info { width: 600px; float: right; font-size: 13px; padding: 4px 0 0; }
.review-info h5 { float: left; line-height: 1.2; margin: 0 0 8px; }
.review-date { float: right; }
.review-info p { line-height: 1.5; padding: 0 10px 12px 0; }
.tabs-left { float: left; width: 310px; margin-right: 85px; }
.tabs-left { font-size: 13px; color: #616161; }
.tabs-left p { line-height: 1.5; padding: 0 0 10px; }
.list-section { }
.list-section li { background: url(../images/list-bg.png) left 7px no-repeat; line-height: 18px; padding: 0 0 13px 15px; }
.tabs-mid { float: left; width: 255px; }
.desc-wrap { padding: 0 0 7px; }
.desc-wrap h5 { font-size: 14px; color: #616161; line-height: 1.2; margin: 0 0 6px; }
.desc-section { font-size: 13px; color: #616161; border-bottom: 1px solid #d9d9d9; line-height: 1.3; padding: 0 0 2px; margin: 0 0 3px; }
.desc-left { float: left; width: 130px; margin-right: 10px; }
.desc-right { float: left; width: 105px; }
.desc-hide-section { display: none; }
.more-detail-wrap { text-align: center; padding: 3px 0 10px; }
.more-detail { border: 1px solid #b2b2b2; display: inline-block; height: 19px; line-height: 20px; text-transform: uppercase; padding: 0 12px 0 18px; font-size: 10px; color: #717171; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.more-detail span { display: inline-block; background: url(../images/caret-down-detail.png) right 8px no-repeat; padding-right: 16px; }
.more-detail.current span { background: url(../images/caret-up-detail.png) right 8px no-repeat; }
.tabs-right { float: right; width: 220px; }
.advantages-section { }
.advantages-section li { padding: 0 0 30px; }
.advantage-photo { float: left; width: 52px; position: relative; margin-right: 18px; }
.advan-tick { position: absolute; left: -7px; top: 6px; width: 15px; }
.advantage-info { float: left; width: 135px; color: #636363; font-size: 12px; line-height: 1.4; padding: 7px 0 0; }
.advantage-info span { display: block; }
.detail-section { padding: 0 0 30px; }
.detail-left { float: left; width: 225px; margin-right: 75px; margin-right: 31px; }
.start-personalizing { background: #fff; border: 1px solid #d6d6db; padding: 22px 10px 30px; text-align: center; position: relative; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 0 3px rgba(0,0,0, 0.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0, 0.2); box-shadow: 0 0 3px rgba(0,0,0, 0.2); }
.start-personalizing h4 { font-size: 13px; color: #8d816e; font-weight: normal; text-transform: uppercase; line-height: 1.3; background: url(../images/personlize-bdr.png) repeat-x center center; letter-spacing: 1.2px; padding: 0 30px; margin: 0 0 12px; }
.start-personalizing h4 span { display: inline-block; background: #fff; padding: 0 12px; }
.start-personalizing a { display: inline-block; border: 1px solid #deccb1; background: #ffeab7 url(../images/personalizing-bg.png) repeat-x; height: 50px; line-height: 48px; padding: 0 12px; text-align: center; font-size: 18px; color: #616161; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 0 3px rgba(0,0,0, 0.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0, 0.2); box-shadow: 0 0 5px rgba(0,0,0, 0.1); }
.arrow { position: absolute; right: -12px; top: 50%; margin-top: -11px; }
.stone-section-wrap { display: none; width: 175px; }
.stone-section-wrap h2 { font-size: 18px; color: #616161; text-transform: uppercase; text-align: center; line-height: 1.2; margin: 0 0 15px; }
.stone-slide { background: #f5f5f5; border: 1px solid #d8d8d8; text-align: center; position: relative; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; -moz-box-shadow: 0 0 3px rgba(0,0,0, 0.1); -webkit-box-shadow: 0 0 3px rgba(0,0,0, 0.1); box-shadow: 0 0 3px rgba(0,0,0, 0.1); }
.stone-slide span { display: block; padding: 11px 5px 12px; color: #616161; border-right: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; margin: 0 35px; }
.prev-stone,
.next-stone { background: url(../images/prev-stone.png) no-repeat; width: 12px; height: 19px; display: block; position: absolute; left: 12px; top: 12px; }
.next-stone { background: url(../images/next-stone.png) no-repeat; left: auto; right: 11px; }
.stone-info-wrap { background: #fff; padding: 10px 3px; border: 1px solid #d8d8d8; border-top: none; text-align: center; position: relative; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 0 0 3px 3px; -moz-box-shadow: 0 0 3px rgba(0,0,0, 0.1); -webkit-box-shadow: 0 0 3px rgba(0,0,0, 0.1); box-shadow: 0 0 3px rgba(0,0,0, 0.1); }
.gallery-tabs { position: absolute; right: -51px; top: -1px; width: 50px; }
.gallery-tabs li { margin: 0 0 7px; position: relative; }
.stone-overlay { display: none; position: absolute; left: 58px; top: 10px; background: #9b978f; font-size: 12px; color: #fff; padding: 6px 3px; min-width: 58px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.stone-overlay.large-txt { min-width: 80px; }
.gallery-tabs .stone-overlay img { position: absolute; left: -5px; top: 50%; margin-top: -3px; }
.gallery-tabs li:hover .stone-overlay { display: block; }
.gallery-tabs a { display: block; text-align: center; width: 50px; padding: 10px 0; background: #eeeeee; border: 1px solid transparent; border-left: none; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; -moz-transition: none; -webkit-transition: none; -o-transition: none; transition: none; }
.gallery-tabs img { display: block; margin: 0 auto; }
.gallery-tabs li.active a { background: #fff; border-color: #d8d8d8; margin-left: -1px; }
.gallery-tabs li.active a img { -moz-box-shadow: 0 0 5px rgba(0,0,0, 0.3); -webkit-box-shadow: 0 0 5px rgba(0,0,0, 0.3); box-shadow: 0 0 5px rgba(0,0,0, 0.3); }
.gallery-tabs li.active.metel-wrap a img { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.stone-top-info { padding: 3px 7px 10px; text-align: left; font-size: 13px; }
.stone-top-info span { display: block; color: #626262; line-height: 1.2; margin: 0 0 1px; }
.stone-top-info strong { color: #4d4d4d; margin: 0 0 1px; }
.stone-top-info p { color: #4d4d4d; line-height: 1.2; padding: 0 0 3px; }
.stone-container { display: none; }
.stone-gallery { }
.stone-gallery li { float: left; width: 39px; margin: 0 2px 2px 0; }
.stone-gallery a { display: block; border: 3px solid #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.stone-gallery img { display: block; padding: 3px; }
.stone-gallery a:hover { border-color: #c69c5a; }
.metal-gallery li { width: 50px; margin: 0 4px 2px 0; }
.gallery-tabs .metel-wrap a { padding: 5px 0 3px; }
.metal-gallery a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.metal-gallery li img { width: 34px; padding: 4px 3px 1px; }
.start-over-warp { display: none; width: 175px; padding: 20px 0; text-align: center; }
#start-over { display: inline-block; color: #9D9D9D; font-size: 13px; }
.detail-mid { float: left; width: 365px; width: 475px; }
.product-slider { text-align: center; }
.product-large-photo { min-height: 479px; }
.product-thumb { text-align: center; position: relative; width: 375px; margin: -20px auto 0; }
.product-thumb li { }
.product-thumb li img { width: 60px; }
.product-thumb a { border-bottom: 3px solid transparent; display: inline-block; }
.product-thumb a:hover,
.product-thumb li.active a { border-color: #616161; }
.product-thumb .bx-prev,
.product-thumb .bx-next { position: absolute; left: -15px; top: 28px; padding: 0; border: none; background: url(../images/prev-product.png) no-repeat; width: 14px; height: 22px; font-size: 0; }
.product-thumb .bx-next { left: auto; right: -15px; background: url(../images/next-product.png) no-repeat; }
.detail-right { float: right; width: 235px; }
.detail-right h2 { font-size: 36px; color: #616161; font-weight: 300; line-height: 1.2; margin: 0 0 8px; }
.detail-right p { font-size: 13px; color: #616161; line-height: 22px; padding: 0 0 15px; }
.detail-right a { color: #9d9d9d; text-decoration: underline; }
.detail-right a:hover { text-decoration: none; }
.retail { padding: 0 0 15px; }
.retail p { font-size: 15px; color: #bb8c42; line-height: 1.2; padding: 0 0 7px; }
.retail span { display: inline-block; width: 55px; margin-right: 2px; }
.detail-right h3 { font-size: 30px; font-weight: bold; color: #616161; line-height: 1.2; margin: 0 0 20px; }
.size-section { padding: 0 0 15px; }
.size-section p { line-height: 1; padding: 0 0 10px; }
.size-section select { display: inline-block; vertical-align: middle; width: 70px; padding: 3px; border: 1px solid #b2b2b2; border-radius: 3px; }
.size-section span { display: inline-block; vertical-align: middle; font-size: 13px; color: #b2b2b2; margin-left: 7px; }
.cart-section { padding: 0 0 25px; border-bottom: 1px solid #eef2f2; margin: 0 0 12px; }
.cart-section a { display: block; background: #cd9339; padding: 15px 10px 10px 30px; font-size: 18px; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: 600; line-height: 1.2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.cart-section a span { display: block; background: url(../images/cart2.png) left 3px no-repeat; padding: 0 0 3px 44px; line-height: 23px; }
.wishlist { padding: 0 0 8px; }
.wishlist li { float: left; padding: 0 25px 8px 0; position: relative; z-index: 9999; }
.wishlist li.last { padding-right: 0; }
.wishlist li > a { font-size: 11px; color: #919191; display: inline-block; text-transform: uppercase; text-decoration: none; padding-left: 20px; }
.wishlist .add-wish { background: url(../images/star-wish.png) left center no-repeat; }
.wishlist .share { background: url(../images/share-item.png) left center no-repeat; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari only override */
::i-block-chrome, .wishlist li > a { color: #000; }
}
.wishlist li:hover > .social-wrap { display: block; }
.social-wrap { display: none; position: absolute; right: 0; top: 100%; background: #fff; padding: 12px 7px; border: 1px solid #d8d8d8; margin: 0 0 12px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 0 3px rgba(0,0,0, 0.1); -webkit-box-shadow: 0 0 3px rgba(0,0,0, 0.1); box-shadow: 0 0 3px rgba(0,0,0, 0.1); }
.social-wrap img { display: block; }
.social-wrap a img { opacity: 0.9; max-width: none; }
.social-arrow { position: absolute; right: 34px; top: -7px; }
.delivery-section { background: url(../images/del.png) no-repeat; min-height: 35px; padding: 6px 0 0 50px; }
.delivery-section p { color: #616161; font-size: 12px; line-height: 1.3; padding: 0 0 5px; }
.delivery-section p a { text-decoration: underline; color: #cd9339; }
.delivery-section p a:hover { text-decoration: none; }
.detail-section.clearfix { overflow: visible; }
.learn-more-wrap { position: relative; z-index: 999; display: inline-block; padding: 0 0 5px; }
.learn-more-wrap:hover > .learn-overlay { display: block; }
.learn-overlay { display: none; position: absolute; right: -100px; top: 100%; background: #fff; font-size: 12px; padding: 7px 12px; line-height: 1.4; width: 250px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 2px 8px #C0C0C0; -webkit-box-shadow: 0 2px 8px #C0C0C0; box-shadow: 0 2px 8px #C0C0C0; }
.learn-overlay strong { color: #cd9339; font-weight: normal; }
.fl { float: left; }
.fr { float: right; }
.cl { clear: both; font-size: 0; height: 0; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
/* Alignments */
.center { text-align: center; }
.right { text-align: right; }
.top { vertical-align: top; }
.middle { vertical-align: middle; }
/* testing */
#inner-page.testing,
#inner-page.sub-page { background: none; }
#inner-page.testing .breadcrumb-wrap,
#inner-page.sub-page .breadcrumb-wrap { background: url(../images/noice-white.png); }
#inner-page.testing .tabs-section-wrap,
#inner-page.testing .sub-page { background: url(../images/noice-white.png); border-top: 1px solid #EBE8EB; border-bottom: 1px solid #EBE8EB; padding: 60px 0 0; margin: 0 0 50px; }
/* Diamond Detail */
.add-diamond-left .arrow { top: 37px; }
.diamond-btn { padding: 15px 0 0; }
.diamond-btn a { display: block; height: auto; line-height: inherit; font-size: 12px; text-align: left; padding: 0; font-weight: 600; background: #ffeab7 url(../images/theme-btn-bg.png) repeat-x; margin: 0 0 20px; }
.diamond-btn a span { display: block; height: 34px; line-height: 34px; background: url(../images/add-ring.png) right top no-repeat; padding: 0 0 0 10px; }
.diamond-btn a.add-pendent { margin: 0; border-color: #f3eee5; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.diamond-btn a.add-pendent span { background: url(../images/add-pendent.png) right top no-repeat; }
.back-diamond { display: block; border: 1px solid #d8d8d8; padding: 8px 14px; background: url(../images/back-btn-bg.png) repeat-x; text-decoration: none; font-size: 13px; color: #616161; font-weight: 600; margin: 0 0 15px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.back-diamond span { display: block; background: url(../images/prev-stone.png) left center no-repeat; padding-left: 27px; }
.diamond-detail-wrap { }
.diamond-right h2 { font-size: 24px; font-weight: normal; }
.diamond-right .retail span { width: 75px; }
.diamond-right .retail a { display: inline-block; vertical-align: middle; }
.diamond-detail-wrap .product-large-photo { min-height: 430px; }
.diamond-detail-wrap .product-thumb { width: 320px; }
.desc-section .verified { color: #cd9339; }
.diamond-detail-tabs.tabs-section { min-height: 270px; }
.diamond-detail-tabs .tabs-left { margin-right: 60px; }
.diamond-detail-tabs .tabs-mid { width: 280px; }
.diamond-detail-tabs .desc-right { width: 135px; }
.recommendation-search .title-section { background: url(../images/recommendation-bdr.png) center 16px no-repeat; }
.recommendation-search .related-photo { min-height: 125px; }
.recommendation-search .related-photo img { width: 120px; }
.drop-info a,
.drop-info span { font-weight: bold; }
.drop-info .chat { background: url(../images/live-chat.png) left 1px no-repeat; line-height: 17px; }
.diamond-tabs-right { }
.diamond-tabs-right .advantages-section li { padding-bottom: 10px; }
/* Pair Diamond page */
.diamond-btn a.add-earring span { background: url(../images/add-earring.png) no-repeat right top; }
.start-small { padding-bottom: 20px; }
.detail-right .detial-small { font-size: 21px; font-weight: normal; }
.retail-large { }
.retail-large span { width: 95px; }
.retail a:hover,
.retail a { text-decoration: none; vertical-align: middle; line-height: 1; }
.detail-right p.large-para { padding-bottom: 30px; }
.pair-table-wrap { float: left; width: 640px; margin-top: -10px; }
.pair-title { padding: 0 0 7px; }
.pair-title h2 { float: left; width: 202px; text-align: center; font-size: 13px; color: #6f6f6f; font-weight: bold; text-transform: uppercase; margin: 0 5px; }
.pair-title h2 span { font-weight: normal; }
.pair-table { color: #616161; border: 1px solid #d9d9d9; position: relative; height: 248px; overflow: hidden; border-right: none; margin: 0 0 10px; }
.pair-table table { width: 100%; }
.pair-table table th { font-size: 14px; font-weight: bold; padding: 8px 15px 4px; width: 180px; text-align: left; border-right: 1px solid #d9d9d9; }
.pair-table table td { height: 21px; background: #f5f5f5; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #fff; padding: 2px 15px; font-size: 13px; }
.pair-table table a { color: #cd9339; }
.pair-table table .last-item td { border-bottom: none; }
.pair-diamond .advantages-section li { padding: 0 0 20px; }
.diamond-pendants-related .title-section { background: url(../images/loose-diamonds-available-bdr.png) center 16px no-repeat; }
.diamond-pendants-related .related-info { padding: 0 20px; }
.more-pair-wrap { padding: 2px 0 5px; }
/* loose-diamond-search-page */
.loose-diamonds-main { padding: 80px 0 60px; }
.sidebar { float: left; width: 263px; background: #fff; padding: 15px 0 0; margin: -45px 0 0; position: relative; min-height: 876px; border: 1px solid #d8d8d8; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 2px rgba(0,0,0, 0.1); -webkit-box-shadow: 0 0 2px rgba(0,0,0, 0.1); box-shadow: 0 0 2px rgba(0,0,0, 0.1); }
.diamond-criteria { position: absolute; left: -69px; top: -107px; }
.shape-title { background: url(../images/drop-bdr.jpg) center 11px repeat-x; text-align: center; margin: 0 15px 10px; }
.shape-title span { display: inline-block; font-size: 11px; color: #626262; text-transform: uppercase; padding: 0 6px; background: #fff; }
.diamond-shape { border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; margin: 0 0 20px; }
.diamond-shape li { float: left; width: 25px; border-right: 1px solid #d8d8d8; line-height: 1; }
.diamond-shape li.big-item { width: 27px; }
.diamond-shape li.last-item { border-right: none; }
.diamond-shape a { display: block; }
.diamond-shape a:hover,
.diamond-shape li.active a { background: #fff7ec url(../images/shape-hover.png) repeat-x; }
.diamond-shape img { display: block; margin: 0 auto; }
.shape-detial-wrap { padding: 0 10px 10px; }
.shape-detail { display: none; }
.scroll-slider-container { position: relative; min-height: 70px; margin: 0 15px 15px; }
.scroll-slider-container label { display: block; padding: 0 0 8px; text-align: center; }
.checkbox-section { padding: 0 15px 10px; }
.checkbox-section h5 { text-align: center; font-size: 14px; color: #616161; font-weight: normal; line-height: 1.2; padding: 0 0 7px; border-bottom: 1px solid #cccccc; margin: 0 0 8px; }
.checkbox-section li { float: left; width: 76px; margin: 0 5px 15px 0; font-size: 12px; color: #616161; }
.checkbox-section li.right-item { width: 50px; margin-right: 0; }
.advance-selection li { width: 95px; margin-right: 5px; }
.checkbox-section .check-box,
.checkbox-section .radio-box { display: inline-block; vertical-align: middle; }
.checkbox-section label { display: inline-block; vertical-align: middle; margin-left: 3px; }
.advance-items { display: none; }
.contents { float: right; width: 710px; border: 1px solid #d8d8d8; position: relative; background: #fff; -moz-border-radius: 0 5px 5px 5px; -webkit-border-radius: 0 5px 5px 5px; border-radius: 0 5px 5px 5px; -moz-box-shadow: 0 0 2px rgba(0,0,0, 0.1); -webkit-box-shadow: 0 0 2px rgba(0,0,0, 0.1); box-shadow: 0 0 2px rgba(0,0,0, 0.1); }
.compare-selected { position: absolute; top: -107px; left: 441px; }
.contents .tabs-section { padding: 30px 0 0; margin: 0; border: none; background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.contents .tabs-link { top: -45px; }
.contents .tabs-link a { text-align: center; min-width: 160px; }
.total-detial { padding: 0 15px 20px; }
.found-diamond { float: left; }
.found-diamond p { color: #616161; font-size: 13px; }
.reset-wrap { float: right; position: relative; padding-bottom: 10px; }
.reset-wrap a { display: inline-block; border: 1px solid #cecece; padding: 0 20px 0 15px; color: #616161; font-size: 11px; font-weight: 600; text-transform: uppercase; text-decoration: none; margin-left: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.reset-wrap a span { display: inline-block; padding-left: 26px; height: 26px; line-height: 26px; }
.reset-wrap a.reset-search span { background: url(../images/icon-reset.png) left center no-repeat; }
.reset-wrap a.share-search span { background: url(../images/icon-share.png) left 7px no-repeat; }
.reset-wrap:hover > .social-wrap { display: block; }
.reset-wrap .social-wrap a { padding: 0; border: none; margin: 0; line-height: 1; height: 1; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.loose-table-outer { }
.loose-diamond-table-wrap { float: left; width: 470px; position: relative; }
.loose-diamond-table { border-right: 1px solid #e0e0e0; }
.loose-diamond-table.bdr-none { border-right: none; }
.loose-diamond-table table { width: 100%; text-align: center; font-size: 12px; }
.loose-diamond-table th { width: 44px; height: 34px; padding: 0 5px; border-bottom: 1px solid #e0e0e0; font-weight: normal; text-transform: uppercase; }
.loose-diamond-table th.last-item,
.loose-diamond-table .empty th { width: 170px; text-align: left; }
.loose-diamond-table .empty th { height: 0; line-height: 0; border: none; width: 44px; }
.loose-diamond-table .empty th.last-item { width: 140px; text-align: left; }
.loose-diamond-table td { border-bottom: 1px solid #e0e0e0; height: 34px; padding: 0 5px; }
.loose-diamond-table td.right-td { border-right: 1px solid #e0e0e0; text-align: left; }
.loose-diamond-table td:last-child { border-right: none; }
.loose-diamond-table td img { display: block; margin: 0 auto; }
.loose-diamond-table tr:hover td { background: #e9e7e1; }
.loose-diamond-table tr:hover td.first-td { background: #e9e7e1 url(../images/td-bg.png) repeat-y; }
#scrollbar1 { width: 100%; clear: both; margin: 0; }
#scrollbar1 .viewport { width: 100%; height: 719px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background: rgba(0,0,0, 0.3); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#scrollbar1 .scrollbar { position: relative; float: right; width: 0; }
#scrollbar1 .track { background-color: #738863; height: 100%; width: 0; position: relative; }
#scrollbar1 .thumb { height: 20px; width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 35px; left: -14px; z-index: 99; }
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 13px; background: none; }
#scrollbar1 .disable { display: none; }
.table-right-info { float: left; width: 240px; border-top: 1px solid #e0e0e0; margin: 34px 0 0; }
.loose-round-wrap { padding: 15px 10px 17px 18px; }
.round-img { float: left; width: 75px; }
.round-info { float: right; width: 125px; font-size: 13px; color: #494949; padding: 8px 0 0; }
.round-info h4 { font-size: 13px; color: #494949; line-height: 1.2; margin: 0 0 6px; }
.round-info p { line-height: 1.2; padding: 0 0 6px; }
.defi-section { padding: 0 18px 20px; }
.defi-section li { border-bottom: 1px solid #e0e0e0; font-size: 12px; color: #494949; padding: 0 0 4px; margin: 0 0 4px; }
.defi-section li.last-item { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.def-left { float: left; width: 60px; }
.def-right { float: right; width: 140px; }
.defi-section em { font-style: normal; display: inline-block; margin-right: 5px; }
.btn-loose-diamond { padding: 0 18px 10px; position: relative; }
.btn-loose-diamond.last-section { padding-bottom: 0; }
.btn-loose-diamond .diamond-btn { padding: 0; }
.btn-loose-diamond a { text-decoration: none; color: #616161; margin: 0 0 7px; border: 1px solid #DECCB1; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
.btn-loose-diamond a.block-center { text-align: center; text-transform: uppercase; }
.btn-loose-diamond a.block-center span { background: none; line-height: 36px; }
.ring-pendant { position: absolute; right: -126px; top: -64px; width: 135px; }
.btn-loose-diamond .diamond-btn a.add-pendent { border-color: #DECCB1; }
.or-wrap { text-align: center; margin: 0 18px 15px; background: url(../images/drop-bdr.jpg) center 10px repeat-x; }
.or-wrap span { display: inline-block; background: #fff; padding: 0 6px; font-size: 13px; color: #a4a4a4; }
.related-section .ring-pendant-title { background: url(../images/ring-pendants-bdr.png) center 16px no-repeat; }
/* Slider */
.ui-slider,
.ui-slider-range { position: absolute; left: 0; top: 24px; text-align: left; background: url(../images/slide-strip.png) repeat-x; width: 208px; border: none; height: 3px !important; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.ui-slider .ui-slider-handle { background: url(../images/slide-control.png) no-repeat; width: 26px; height: 26px; border: none; top: -11px; }
.amount-left.amount,
.amount.amount-right { position: absolute; left: -15px; top: 20px; font-size: 12px; color: #616161; border: 1px solid #efefef; padding: 4px 8px; line-height: 1; text-align: center; }
.amount.amount-right { left: auto; right: -22px; }
.ui-slider a { -moz-transition: none; -webkit-transition: none; -o-transition: none; transition: none; }
.diamond-compare-table { border-top: 1px solid #e0e0e0; }
.diamond-compare-table table { width: 100%; }
.diamond-compare-table th { padding: 12px 10px 7px; width: 122px; font-weight: normal; text-align: left; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }
.diamond-compare-table th:last-child { border-right: none; }
.diamond-compare-table td { font-size: 12px; color: #616161; text-align: left; padding: 0 10px; height: 36px; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }
.diamond-compare-table td:last-child { border-right: none; }
.diamond-compare-table tr:hover td { background: #e9e7e1; color: #000000; }
.diamond-compare-table tr:hover td.first-item { background: #e9e7e1 url(../images/td-bg.png) repeat-y; }
.table-title-wrap { position: relative; }
.diamond-compare-table p { font-size: 12px; color: #616161; padding: 0; text-transform: uppercase; }
.compare-diamond-img { text-align: center; margin: 0 0 10px; }
.compare-btn { padding: 0 0 8px; }
.compare-btn a { display: block; height: 24px; line-height: 24px; color: #616161; font-size: 11px; font-weight: 600; text-align: center; margin: 0 0 7px; text-decoration: none; text-transform: uppercase; border: 1px solid #c7c7c7; background: #f5f5f5 url(../images/table-btn.png) repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-transition: none; -webkit-transition: none; -o-transition: none; transition: none; }
.compare-btn a:hover { background: #ffeab8 url(../images/table-btn-hover.png) repeat-x; border-color: #ceb690; box-shadow: 0 0 2px rgba(0,0,0, 0.1); }
.cancel-wrap { position: absolute; right: 0; top: -14px; padding: 5px 0 0; }
.cancel-wrap a { display: inline-block; background: url(../images/cancel-table.png) no-repeat; width: 10px; height: 10px; }
.cancel-wrap a:hover { background: url(../images/cancel-table-hover.png) no-repeat; }
.cancel-wrap:hover > span { display: block; }
.cancel-wrap span { display: none; position: absolute; right: -23px; top: -21px; background: #a7a7a7; font-size: 10px; color: #ffffff; text-transform: uppercase; padding: 6px 8px; line-height: 1; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.cancel-wrap span img { position: absolute; left: 50%; bottom: -4px; margin-left: -5px; }
.loose-diamond-white-section { background: #fff; border-top: 1px solid #EBE8EB; padding: 50px 0 0; }
.diamond-loose-slider img { width: 140px; }
.social-wrap { min-width: 226px; text-align: center; z-index: 99; }
.social-wrap img { display: inline-block; }
.social-wrap a { vertical-align: middle; display: inline-block; }
/* pair-diamond-page */
.pair-diamond-table th { width: 40px; font-size: 11px; }
.pair-diamond-table th.last-item,
.pair-diamond-table .empty th { width: 145px; }
.pair-diamond-table .empty th { width: 56px; }
.pair-diamond-table .empty th.last-item { width: 135px; }
.mid-div { padding-bottom: 14px; }
.pair-diamond-right .loose-round-wrap { padding-bottom: 0; }
.pair-diamond-right .loose-round-bot { padding-top: 10px; padding-bottom: 20px; }
.pair-stone-tab { position: relative; margin: 0 15px 0 7px; }
.pair-tab { border-bottom: 1px solid #cecece; padding-left: 2px; margin: 0 0 10px; }
.pair-tab li { float: left; margin-left: 4px; }
.pair-tab a { display: block; background: #fff; font-size: 12px; padding: 4px 25px 3px; color: #909090; text-decoration: none; text-transform: uppercase; border: 1px solid #e6e6e6; font-weight: 600; border-bottom: none; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; -moz-transition: none; -webkit-transition: none; -o-transition: none; transition: none; }
.pair-tab a:focus,
.pair-tab a:active { outline: none; text-decoration: none; }
.pair-tab li.active a { color: #616161; border-color: #cecece; box-shadow: 0 -1px 1px rgba(0,0,0, 0.1); margin-bottom: -1px; padding-top: 5px; }
.pair-diamond-right .btn-loose-diamond { padding-bottom: 5px; }
.pair-diamond-right .or-wrap { margin-bottom: 10px; }
.pair-diamond-page .defi-section { padding-bottom: 35px; }
.pair-diamond-page #scrollbar1 .viewport { height: 780px; }
.sidebar { min-height: 872px; }
.pair-diamond-page .sidebar { min-height: 933px; }
.pair-diamond-page .scroll-slider-container { margin-bottom: 25px; }
.hide { display: none; }
/* info-page */
.info-section { padding: 30px 0; }
.info-section h1 { font-size: 30px; color: #766c5e; line-height: 1.2; font-weight: 600; margin: 0 0 20px; }
.info-section h2 { font-size: 20px; color: #766C5E; line-height: 1.2; font-weight: 600; margin: 0 0 5px; }
.info-section h3 { font-size: 16px; color: #766C5E; font-weight: 600; margin: 0 0 5px; }
.info-section h4 { font-size: 15px; color: #766C5E; margin: 0 0 5px; }
.info-section p { line-height: 1.5; font-size: 14px; padding: 0 0 15px; }
/* eternity-category-page */
.eternity-category-page .breadcrumb-wrap { background: url(../images/noice-white.png); }
.eternity-category-page .diamond-section { width: 770px; margin: 0 auto; }
.eternity-category-page .diamond-info { width: 465px; }
.category-main { padding: 0 0 50px; }
.category-sidebar { float: left; width: 192px; padding: 15px 0 0; position: relative; border: 1px solid #d8d8d8; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 2px rgba(0,0,0, 0.1); -webkit-box-shadow: 0 0 2px rgba(0,0,0, 0.1); box-shadow: 0 0 2px rgba(0,0,0, 0.1); }
.search-filter h3 { background: url(../images/drop-bdr.jpg) center 7px repeat-x; text-align: center; font-size: 12px; color: #626262; margin: 0 15px 7px; }
.search-filter h3 span { display: inline-block; padding: 0 6px; background: #fff; }
.found-detail { background: #f5f5f5; border: 1px solid #e4e4e4; margin: 0 8px 15px; font-size: 12px; color: #616161; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.found-detail span { display: inline-block; border-right: 1px solid #e4e4e4; min-width: 85px; padding: 2px 5px 2px 10px; margin-right: 5px; vertical-align: top; }
.found-detail a { display: inline-block; color: #616161; text-decoration: none; background: url(../images/icon-reset.png) left center no-repeat; padding-left: 15px; margin: 2px 0 0; background-size: 10px auto; }
.found-detail em { font-style: normal; }
.ring-criteria { position: absolute; left: -77px; top: -71px; }
.accordion-section { padding: 0 0 10px; }
.accordion-section h3 { font-size: 12px; line-height: 1.2; font-weight: 700; text-transform: uppercase; margin: 0 0 3px; }
.accordion-section h3 a { display: block; background: #f2f2f2; padding: 10px 10px 10px 17px; text-decoration: none; color: #616161; }
.accordion-section h3 span { display: block; background: url(../images/downword-upword.png) right center no-repeat; }
.accordion-section h3 a.current span { background: url(../images/downword-arrow.png) right center no-repeat; }
.accordion-content { display: none; }
.sub-category { margin: 0 0 10px; }
.sub-category h4 { background: #f2f2f2; padding: 10px 10px 10px 17px; text-transform: uppercase; font-size: 12px; line-height: 1.2; color: #616161; margin: 0 0 8px; }
.sub-category li { padding: 0 5px 4px 17px; font-size: 13px; color: #616161; }
.sub-category .checkbox-cat,
.sub-category .radio { display: inline-block; vertical-align: middle; margin: 0 3px 0 0; }
.sub-category span { display: inline-block; vertical-align: middle; }
.more-sub-category { color: #bd9454; margin: 0 0 0 35px; font-size: 12px; display: inline-block; }
.more-sub-category:hover { text-decoration: none; }
.sub-category-hidden { display: none; }
.category-content { float: right; width: 782px; }
.category-title { padding: 0 0 8px; border-bottom: 1px solid #e2e2e2; margin: 0 0 50px; }
.category-title.list-title { margin-bottom: 20px; }
.sort-section { float: left; }
.sort-section label { display: inline-block; font-size: 12px; color: #616161; vertical-align: middle; margin-right: 5px; }
.sort-select { border: 1px solid #e2e2e2; color: #616161; font-size: 12px; padding: 4px 6px; width: 125px; display: inline-block; vertical-align: middle; }
.view-section { float: right; line-height: 1; }
.view-section label { display: inline-block; vertical-align: middle; font-size: 12px; margin-right: 7px; }
.view-section span { display: inline-block; vertical-align: middle; border: 1px solid #e2e2e2; padding: 0 10px; line-height: 1; }
.view-section a { display: inline-block; width: 14px; height: 14px; padding: 7px 0; line-height: 1; }
.view-section .grid-view { background: url(../images/grid-view.png) left center no-repeat; border-right: 1px solid #e2e2e2; margin-right: 5px; padding-right: 10px; }
.view-section .grid-view.active { background: url(../images/grid-view-active.png) left center no-repeat; }
.view-section .list-view { background: url(../images/list-view.png) left center no-repeat; }
.view-section .list-view.active { background: url(../images/list-view-active.png) left center no-repeat; }
.category-section { text-align: center; }
.category-section > ul > li { float: left; width: 230px; color: #616161; padding: 10px 15px; position: relative; min-height: 425px; }
.category-section li.last-item { margin-right: 0; }
.category-photo { min-height: 205px; margin: 0 0 5px; }
.color-section { text-align: center; border-bottom: 1px solid #d5d5d5; padding: 0 0 6px 5px; text-align: left; margin: 0 0 3px; }
.color-section-list { display: none; }
.color-section img { float: left; }
.color-section span { display: block; margin-left: 25px; font-style: italic; font-size: 13px; color: #838383; }
.category-section h4 { font-size: 14px; color: #616161; font-weight: normal; line-height: 1.2; margin: 0 0 10px; font-family: Arial, Helvetica, sans-serif; }
.category-section h4 span { display: none; }
.category-section .hiden-para,
.gold-info,
.tatal-info { display: none; }
.category-section p { font-size: 12px; line-height: 1.2; padding: 0 0 13px; }
.category-section p span { display: block; margin: 0 0 4px; }
.category-section p em { font-style: normal; }
.cat-btn { margin: 0 -10px; }
.cat-btn a { display: inline-block; background: #a19f91; font-size: 12px; color: #f4f3ee; text-transform: uppercase; min-width: 80px; text-align: center; padding: 7px 16px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.cat-btn a:hover { background: #cd9339; color: #f4f3ee; }
.cat-btn .cart { display: none; color: #f4f3ee; background: #cd9339; color: #f4f3ee; font-weight: bold; }
.arrow-left { display: none; position: absolute; right: 0; top: 70px; }
.arrow-category { display: none; background: url(../images/arrow-left.png) no-repeat; width: 14px; height: 16px; position: absolute; left: -8px; top: 70px; }
.category-large-photo { min-height: 200px; }
.category-section .bx-wrapper { position: relative; }
.category-thumb { margin: 0 0 10px; height: 0; overflow: hidden; }
.category-slider .bx-prev,
.category-slider .bx-next { position: absolute; left: -18px; top: 12px; padding: 0; border: none; background: url(../images/prev-product.png) no-repeat; width: 14px; height: 22px; font-size: 0; }
.category-slider .bx-next { left: auto; right: -15px; top: 11px; background: url(../images/next-product.png) no-repeat; }
.info-overlay { display: none; position: absolute; right: -237px; top: 0; width: 240px; height: 100%; text-align: left; background: #fff url(../images/category-mid.png) repeat-y; z-index: 99; -moz-box-shadow: 2px 0 3px rgba(0,0,0, 0.4); -webkit-box-shadow: 2px 0 3px rgba(0,0,0, 0.4); box-shadow: 2px 0 3px rgba(0,0,0, 0.4); }
.info-in { padding: 20px 30px 30px 35px; }
.info-in h5 { font-size: 14px; color: #616161; line-height: 1.2; margin: 0 0 3px; padding: 0 0 4px; border-bottom: 1px solid #d9d9d9; }
.info-overlay ul { padding: 0 0 10px; }
.info-overlay li { font-size: 12px; color: #616161; margin: 0 0 1px; padding: 0 0 2px; border-bottom: 1px solid #d9d9d9; }
.info-overlay li span { float: left; width: 70px; display: inline-block; }
.info-overlay li em { font-style: normal; float: right; width: 95px; }
.category-section .right-item .info-overlay { right: auto; left: -237px; background: #fff url(../images/shadow-right-flow.png) right top repeat-y; -moz-box-shadow: -2px 0 3px rgba(0,0,0, 0.4); -webkit-box-shadow: -2px 0 3px rgba(0,0,0, 0.4); box-shadow: -2px 0 3px rgba(0,0,0, 0.4); }
.category-section .right-item .arrow-category { left: auto; right: -8px; background: url(../images/arrow-right-word.png) no-repeat; }
.category-section > ul > li:hover { position: relative; -moz-box-shadow: 0 0 6px rgba(0,0,0, 0.4); -webkit-box-shadow: 0 0 6px rgba(0,0,0, 0.4); box-shadow: 0 0 6px rgba(0,0,0, 0.4); }
.category-section li:hover .category-thumb { height: auto; overflow: visible; }
.category-section li:hover > .info-overlay { display: block; }
.category-section li:hover .cat-btn .cart { display: inline-block; }
.category-section li:hover p em { display: inline-block; width: 90px; margin-right: 5px; }
.category-section li:hover .bold { font-weight: bold; }
.category-section li:hover .arrow-left,
.category-section li:hover .arrow-category { display: block; }
.category-section.list-view-section { }
.category-section.list-view-section > ul > li { float: none; width: auto; text-align: left; border-bottom: 1px solid #efeeec; position: relative; overflow: hidden; margin: 0 0 20px; padding: 0 0 55px 10px; min-height: inherit; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.category-section.list-view-section > ul.last-row > li { border-bottom: none; margin-bottom: 0; }
.category-section.list-view-section .info-overlay { display: none !important; }
.category-section.list-view-section .category-slider { float: left; width: 140px; margin: 45px 15px 0 0; }
.category-section.list-view-section .category-large-photo { min-height: inherit; }
.category-section.list-view-section .category-mid { float: left; width: 447px; }
.category-section.list-view-section .cat-btn { float: right; width: 124px; text-align: center; margin: 100px 0 0; position: relative; z-index: 999; }
.category-section.list-view-section .cat-btn a { display: none; }
.category-section.list-view-section .cat-btn .cart { display: inline-block; background: #a19f91; color: #f4f3ee; }
.category-section.list-view-section .cat-btn .cart:hover { background: #cd9339; color: #f4f3ee; }
.category-section.list-view-section .cat-btn .cart span { display: none; }
.category-section.list-view-section h4 { font-size: 18px; line-height: 1.3; color: #616161; }
.category-section.list-view-section h4 span { display: inline; }
.category-section.list-view-section .hiden-para { display: block; color: #888888; line-height: 1.3; }
.category-section.list-view-section .cart-total { display: none; }
.category-section.list-view-section .gold-info,
.category-section.list-view-section .tatal-info { display: block; }
.category-section.list-view-section .list-view-slider-position { position: absolute; left: 180px; bottom: 0; width: 100%; }
.category-section.list-view-section .category-thumb { height: auto; overflow: visible; float: left; width: 210px; margin-right: 25px; }
.category-section.list-view-section .gold-info { float: left; width: 148px; font-size: 16px; color: #616161; font-weight: 600; margin: 11px 0 0; }
.category-section.list-view-section .tatal-info { float: left; width: 165px; font-size: 16px; color: #616161; font-weight: 600; margin: 11px 0 0 10px; }
.category-section.list-view-section .color-section { margin: 0 0 6px; }
.category-section.list-view-section .color-section { display: none; }
.category-section.list-view-section .color-section-list { display: block; }
/* landing-page */
.landing-page .diamond-section { width: 745px; margin: 0 auto 20px; }
.landing-page .diamond-info { width: 545px; }
.landing-wrap { text-align: center; padding: 0 0 130px 20px; }
.landing-contains { float: left; width: 365px; }
.or-section { float: left; width: 180px; background: url(../images/line.jpg) left center repeat-x; margin: 80px 20px 0; }
.or-section span { background: #fff; padding: 0 10px; font-size: 16px; color: #766c5c; }
.landing-photo { min-height: 185px; }
.landing-wrap p { font-size: 14px; color: #766c5c; font-weight: 600; line-height: 1.3; padding: 0 0 14px; }
.btn { display: inline-block; text-decoration: none; color: #616161; font-size: 12px; padding: 8px 28px; background: #ffeab7 url(../images/theme-btn-bg.png) repeat-x; font-weight: 800; text-transform: uppercase; border: 1px solid #DECCB1; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
/* bridal-category-page */
.bridal-icon { text-align: center; border-bottom: 1px solid #d5d5d5; padding: 0 0 7px; margin: 0 0 8px; }
.bridal-category .category-section > ul > li { min-height: 415px; padding: 20px 15px 10px; }
.bridal-category .category-section > ul > li:hover .bridal-icon,
.bridal-category .category-section.list-view-section .bridal-icon { display: none; }
.bridal-category .category-slider .bx-prev,
.bridal-category .category-slider .bx-next { top: 20px; }
.bridal-category .category-section.list-view-section > ul > li { min-height: inherit; padding: 0 0 65px 10px; }
.bridal-category .category-section.list-view-section .category-slider { margin-top: 20px; }
.bridal-category .list-view-section .category-slider .bx-prev,
.bridal-category .list-view-section .category-slider .bx-next { display: none; }
.bridal-category .category-section.list-view-section .list-view-slider-position { left: 160px; bottom: 10px; }
.bridal-category .category-section.list-view-section .gold-info,
.bridal-category .category-section.list-view-section .tatal-info { margin-top: 21px; }
.bridal-or { display: none; }
.bridal-category .category-section.list-view-section .cat-btn { margin-top: 30px; }
.bridal-category .category-section.list-view-section .cat-btn a { display: inline-block; }
.bridal-category .category-section.list-view-section .cat-btn .cart { background: #c3c3c3; }
.list-view-section .bridal-or { display: block; color: #c3c3c3; background: url(../images/bridal-or.png) center 10px no-repeat; font-size: 14px; margin: 8px 0; }
.bridal-category .category-carousel-bridal li { border: 1px solid transparent; padding: 3px 4px; }
.bridal-category .list-view-section .category-carousel-bridal li { border-color: #efeeec; text-align: center; }
.bridal-category .category-carousel-bridal li img { display: block; margin: 0 auto; width: 40px; }
/* add-ring-case-1 */
.step-section { position: relative; margin: 0 0 25px 145px; }
.step-1 { float: left; background: url(../images/flow-first-active.png) no-repeat; width: 332px; height: 25px; position: relative; }
.step-2 { float: left; background: url(../images/flow-second-active.png) no-repeat; width: 22px; height: 25px; position: relative; }
.step-3 { float: left; background: url(../images/flow-third.png) no-repeat; width: 332px; height: 25px; position: relative; }
.step-3.active { background: url(../images/flow-third-active.png) no-repeat; }
.step-section span { display: inline-block; font-size: 14px; color: #fff; font-weight: 700; width: 20px; text-align: center; line-height: 22px; }
.step-2 span { width: 21px; }
.step-section em { font-style: normal; position: absolute; left: -145px; top: -24px; width: 300px; text-align: center; display: inline-block; color: #929292; font-size: 12px; text-transform: uppercase; }
.step-3 em { left: auto; right: -140px; }
.step-section .active em { color: #c69c5a; }
.tabs-flow { border-bottom: 1px solid #d8d8d8; padding: 0 0 0 6px; margin: 0 0 25px; }
.tabs-flow li { float: left; width: 297px; height: 59px; padding: 15px 10px 10px 15px; position: relative; background: #fff; margin-right: 5px; border: 1px solid #d8d8d8; border-bottom: none; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; -moz-box-shadow: 0 -1px 1px rgba(0,0,0, 0.1); -webkit-box-shadow: 0 -1px 1px rgba(0,0,0, 0.1); box-shadow: 0 -1px 1px rgba(0,0,0, 0.1); }
.tabs-flow li.active { margin-bottom: -1px; padding-bottom: 11px; }
.tabs-flow li.disable-flow { border-color: #efefef; }
.left-photo { float: left; width: 58px; }
.info-right { float: right; width: 228px; font-size: 12px; margin: 2px 0 0; }
.double-line .info-right { margin-top: 12px; }
.single-line .info-right { margin-top: 21px; }
.big-image .left-photo { width: 100px; text-align: center; }
.left-photo.right { text-align: right; }
.big-image .info-right { width: 190px; }
.tabs-flow .tall { padding-top: 10px; height: 64px; }
.tabs-flow .tall .info-right { margin-top: 7px; }
.info-right strong { display: block; line-height: 1.2; font-weight: 600; font-size: 14px; margin: 0 0 3px; }
.info-right span { display: block; color: #8a8a8a; line-height: 1.2; }
.disable-flow .info-right strong,
.disable-flow .info-right span { color: #c8c8c8; }
.flow-links { }
.flow-links a { color: #c69c5a; text-transform: uppercase; font-size: 10px; display: inline-block; margin-right: 7px; }
#inner-page.white-page { background: #fff; }
.white-page .loose-diamonds-main { padding-top: 50px; }
.select-cart a { padding-left: 20px; }
.select-cart a span { background: url(../images/tick-cart.png) left center no-repeat; padding-left: 36px; }
.top-bdr { border-top: 1px solid #D9D9D9; padding-top: 2px; }
.desc-txt { font-size: 13px; color: #616161; }
.desc-txt p { padding: 0 0 10px; }
.gallery-no-hover li.active a img { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.white-gold-top { padding: 10px 0 0; }
.white-gold-top li { float: left; width: 50px; text-align: center; font-size: 13px; color: #4d4d4d; line-height: 1.6; padding: 0 5px 7px 0; }
.white-gold-top li.first-item { padding-top: 12px; }
.white-gold-top a { display: inline-block; padding: 1px; border: 3px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.white-gold-top a:hover { border-color: #c69c5a; }
.white-gold-top img { display: block; margin: 0 auto; }
.white-gold-top span { font-weight: 600; }
.gold-bot { border-top: 1px solid #cccccc; margin: 0 15px; }
.gold-bot .long-field { width: 70px; }
.stone-info-bot { padding-bottom: 0; }
.bridal-set { margin-top: 50px; }
.single-thumb { width: 110px; }
/* login-page */
.wish-list { display: inline-block; background: url(../images/wishlist.png) no-repeat; width: 20px; height: 20px; }
.wish-list:hover,
.wish-wrap:hover > a { background: url(../images/wishlist-black.png) no-repeat; }
.login-page .diamond-section { width: 785px; margin: 0 auto; }
.login-page .diamond-info { width: 510px; padding: 0 0 40px; }
#form-section { width: 440px; margin: 0 auto 100px; border: 1px solid #d8d8d8; background: url(../images/noice-white.png); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 2px rgba(0,0,0, 0.1); -webkit-box-shadow: 0 0 2px rgba(0,0,0, 0.1); box-shadow: 0 0 2px rgba(0,0,0, 0.1); }
#form-section .login-section { padding: 40px 50px; }
#form-section .field { background: #fff url(../images/field-user.png) no-repeat; height: 35px; width: 259px; padding: 10px 10px 10px 70px; border: 1px solid #a6a6a6; box-shadow: inset 0 1px 1px -1px #999; }
#form-section .field-password { background: #fff url(../images/field-password.png) no-repeat; }
#form-section p { padding: 0 0 20px; }
#form-section .forget-wrap { padding: 0 0 40px; }
#form-section .login { background: #cd9339; font-weight: 600; height: 48px; font-size: 16px; border-bottom: 5px solid #9f712b; text-shadow: 0 0 3px rgba(0,0,0, 0.3); margin: 0 0 25px; }
.login-or { background: url(../images/personlize-bdr.png) repeat-x center center; text-align: center; color: #333; margin: 0 45px 25px; }
.login-or span { display: inline-block; background: #fff; padding: 0 7px; }
#form-section .register { width: 100%; font-size: 16px; padding: 11px 0; }
/* pair-diamond-search */
.pari-diamond-search .related-photo { min-height: inherit; }
.pari-diamond-search .related-info { padding: 0 20px; }
.pari-diamond-search .related-slider-wrap .bx-next,
.pari-diamond-search .related-slider-wrap .bx-prev { margin: 0; top: 30%; }
.pari-diamond-search .diamond-section { width: 565px; margin: 0 auto 30px; }
.pari-diamond-search .diamond-section h2 { font-size: 22px; font-weight: 300; color: #646464; background: url(../images/drop-bdr.jpg) center 18px repeat-x; }
.pari-diamond-search .related-slider-wrap { padding: 0 0 50px; }
.retail-sub { width: 260px; }
.retail-sub p { font-size: 12px; padding: 0 0 10px; }
.retail-sub span { float: left; width: 65px; margin-right: 5px; }
.retail-sub em { float: left; width: 90px; margin-right: 3px; font-style: normal; }
.retail-sub em.last { margin-right: 0; }
.retail-sub a { color: #bb8c42; text-decoration: underline; }
.without-bdr { }
.without-bdr .pair-table { border: none; }
.without-bdr .pair-title h2 { text-align: left; }
.without-bdr .pair-table table th { border-right: none; }
.without-bdr .pair-table table td { background: none; border-right: none; border-bottom: 1px solid #d9d9d9; }
.bridal-category .category-section.list-view-section .category-slider.slider-contain .gold-info,
.bridal-category .category-section.list-view-section .category-slider.slider-contain .tatal-info { margin-top: 8px; }
.slider-contain ul li { padding: 0 5px; }
.slider-contain.category-slider .bx-prev,
.slider-contain.category-slider .bx-next { top: 5px; }
.db-h { min-height: 34px; }
/* earring-detail-with-diamond */
.tabs-other { }
.tabs-other .tabs-left .desc-left { width: 108px; }
.tabs-other .tabs-left { width: 225px; margin-right: 40px; }
.tabs-other .tabs-mid { width: 415px; }
.tabs-other .without-bdr .pair-table table th { border-bottom: 1px solid #D9D9D9; }
.tabs-other .pair-table-wrap { float: none; width: auto; }
.tabs-other .pair-title h2,
.tabs-other .pair-table table th { width: 125px; }
.tabs-other .pair-table table th:first-child,
.tabs-other .pair-title h2:first-child { width: 105px; }
.tabs-other .pair-table { height: auto; }
/* earring-category-page */
.earring-category-page { }
.earring-category-page .diamond-section { width: 740px; margin: 0 auto; }
.earring-category-page .diamond-info { width: auto; padding: 0 20px 50px; }
.earring-category-page .color-section { display: none; }
.earring-category-page .category-section > ul > li:hover .bridal-icon { display: none; }
.earring-category-page .category-section > ul > li:hover .color-section { display: block; }
.earring-category-page .earr-cat-total { display: none; }
.earring-category-page .category-section > ul > li:hover .earr-cat-total { display: block; }
.earring-category-page .slider-contain.category-slider .bx-prev,
.earring-category-page .slider-contain.category-slider .bx-next { top: 22%; }
.earring-category-page .list-view-section .bridal-icon,
.earring-category-page .list-view-section .color-section,
.earring-category-page .list-view-section .bridal-or,
.earring-category-page .list-view-section .slider-contain.category-slider .bx-prev,
.earring-category-page .list-view-section .slider-contain.category-slider .bx-next { display: none !important; }
.earring-category-page .category-section.list-view-section .cat-btn { margin-top: 60px; }
.earring-category-page .category-section.list-view-section .list-view-slider-position { left: 134px; }
.earring-category-page .category-section.list-view-section .category-slider { margin-top: 20px; }
/* home-page-dropdown-style */
.select-option { z-index: 99; }
.select-option img,
.select-section img { height: 27px; padding-right: 6px; display: inline-block; vertical-align: middle; }
.select-section-large { }
.select-section-large .select-option { width: 576px; }
.select-section-large ul { float: left; width: 180px; margin-right: 18px; }
.select-section-large ul:last-child,
.select-section-large ul.last-item { margin-right: 0; }
.select-section .select-link { overflow: hidden; }
.select-option a:hover,
.select-option a.every-active { background: #e7e6e4; color: #8C8479; }
.select-metal .select-option { width: 578px; }
.select-metal ul.last-item,
.select-metal ul:last-child { width: 182px; }
/* new-four-pages Bridal-Ring-Details-page */
.diamond-inner-info { padding: 5px 0 40px; }
.diamond-inner-info h4 { font-size: 13px; color: #8d816e; font-weight: normal; text-transform: uppercase; line-height: 1.3; background: url(../images/personlize-bdr.png) repeat-x center center; letter-spacing: 1.2px; padding: 0 15px; margin: 0 0 25px; }
.diamond-inner-info h4 span { display: inline-block; background: #fff; padding: 0 12px; }
.diamond-inner-info a { display: inline-block; border: 1px solid #deccb1; background: #ffeab7 url(../images/personalizing-bg.png) repeat-x; padding: 0 2px 0 8px; text-align: center; font-size: 12px; color: #616161; font-weight: 600; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 0 3px rgba(0,0,0, 0.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0, 0.2); box-shadow: 0 0 5px rgba(0,0,0, 0.1); }
.diamond-inner-info a span { display: block; height: 34px; line-height: 36px; background: url(../images/add-diamond.png) right top no-repeat; padding-right: 45px; }
.diamond-inner-info a.pendant span { background: url(../images/diamond-pendent.png) right top no-repeat; }
/* landing-earring-page */
.landing-earring-page { }
.landing-earring-page .diamond-section { width: 830px; }
.landing-earring-page .diamond-section h2 { margin: 0 40px 15px; }
.landing-earring-page .diamond-section p { width: auto; }
.landing-pendants-page .diamond-info { width: 660px; }
/* bridal-detail-page */
/* shopping-cart-pages (9 new pages start here) */
.step-1.inactive { background: url(../images/flow-first.png) no-repeat; }
.step-2.inactive { background: url(../images/flow-second.png) no-repeat; }
.sub-title { text-align: center; width: 625px; margin: 0 auto 50px; }
.sub-title-last { margin-bottom: 20px; }
.sub-title h2 { background: url(../images/drop-bdr.jpg) center 22px repeat-x; font-weight: 400; }
.sub-title span { display: inline-block; background: #fff; padding: 0 20px; }
.shopping-cart-section { padding: 0 0 30px; }
.shopping-head { border-bottom: 1px solid #e0e0e0; padding: 0 0 10px; }
.head-strong { border-bottom: 2px solid #e0e0e0; }
.sh-t,
.shopping-body li,
.shopping-foot li { float: left; width: 110px; padding: 0 15px; text-transform: uppercase; font-size: 12px; color: #626262; }
.sh-t-1,
.shopping-body .sh-b-1,
.shopping-foot .sh-f-1 { width: 560px; }
.sh-t-2,
.shopping-body .sh-b-2,
.shopping-foot .sh-f-2 { width: 90px; }
.shopping-body { }
.shopping-body ul { border-bottom: 1px solid #e0e0e0; }
.selected-shopping { background: #ffffef; }
.shopping-body li { font-size: 14px; color: #626262; text-transform: none; }
.shopping-photo { float: left; width: 125px; margin-right: 10px; }
.shopping-photo-info { float: left; width: 422px; padding: 38px 0 0; }
.shopping-photo-info-double { padding-top: 23px; }
.shopping-body p { padding: 0 0 12px; }
.select-small { font-size: 14px; color: #616161; width: 75px; padding: 4px 8px; display: inline-block; vertical-align: middle; border: 1px solid #b2b2b2; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.select-label { font-size: 13px; color: #b2b2b2; display: inline-block; vertical-align: middle; margin-left: 8px; }
.price-info { padding-top: 37px; }
.price-info span { display: inline-block; vertical-align: middle; font-size: 18px; min-width: 60px; padding-right: 3px; }
.price-info a { display: inline-block; vertical-align: middle; }
.quantity-info { padding-top: 35px; }
.quantity-num { padding-top: 40px; }
.quantity-info span { display: inline-block; vertical-align: middle; min-width: 30px; text-align: right; }
.quantity-info em { display: inline-block; vertical-align: middle; font-style: normal; min-width: 55px; padding: 0 0 0 20px; }
.sub-total-info { padding-top: 31px; }
.no-cancel { padding-top: 40px; }
.sub-total-info strong { display: inline-block; vertical-align: middle; color: #626262; font-weight: 600; font-size: 18px; min-width: 60px; padding-right: 3px; }
.cancel-shopping { background: url(../images/cancel-shpping.png) no-repeat; width: 37px; height: 37px; display: inline-block; vertical-align: middle; position: relative; -moz-transition: none; -webkit-transition: none; -o-transition: none; transition: none; }
.cancel-shopping:hover { background-position: 0 -36px; }
.cancel-shopping span { display: none; position: absolute; left: 50%; top: -15px; margin-left: -28px; min-width: 50px; padding: 0 3px; line-height: 18px; text-align: center; background: #666666; color: #fff; font-size: 10px; text-transform: uppercase; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.cancel-shopping img { position: absolute; left: 50%; bottom: -3px; margin-left: -4px; }
.cancel-shopping:hover > span { display: block; }
.shopping-foot { background: #f4f4f4; padding: 22px 0; }
.shopping-foot li { font-size: 14px; text-transform: none; }
.shopping-foot .sh-f-4 { font-size: 28px; }
.coupons-section-wrap { border-bottom: 2px solid #e0e0e0; margin: 0 0 40px; }
.coupons-section { float: left; width: 350px; }
.coupons-section label { display: block; font-size: 16px; line-height: 1.2; padding: 0 0 7px; }
.coupon-field { font-size: 14px; color: #bdbdbd; border: 1px solid #b2b2b2; height: 19px; width: 174px; padding: 8px 10px; vertical-align: middle; border: 1px solid #b2b2b2; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.apply-btn { display: inline-block; vertical-align: middle; font-size: 14px; font-weight: 600; color: #fff; background: #d3d2cf; text-transform: uppercase; width: 75px; height: 37px; padding: 0 5px; text-align: center; border: none; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.order-summary { float: right; width: 280px; }
.order-summary h4 { color: #626262; font-size: 16px; margin: 0 0 10px; }
.order-summary li { border-top: 1px solid #e0e0e0; font-size: 14px; padding: 4px 0 5px; color: #626262; }
.order-summary span { display: block; float: left; width: 185px; }
.order-summary strong { float: right; display: block; width: 80px; text-align: right; font-weight: 600; }
.shopping-btn { border-bottom: 1px solid #e0e0e0; padding: 0 0 30px; margin: 0 0 60px; }
.btn-brown { background: #cd9339; display: inline-block; padding: 10px 20px 10px 30px; color: #fff; text-decoration: none; font-size: 18px; text-transform: uppercase; font-weight: 600; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.btn-brown span { display: inline-block; background: url(../images/arrow-right-btn.png) right center no-repeat; padding-right: 30px; }
.receipt-top-wrap { border-bottom: 1px solid #e9e7e1; padding: 0 0 15px; margin: 0 0 12px; }
.your-receipt { float: left; width: 625px; }
.your-receipt h4 { font-size: 16px; color: #626262; }
.your-receipt p { font-size: 14px; color: #626262; padding: 0 0 5px; line-height: 1.2; }
.your-receipt a { font-size: 14px; color: #626262; }
.your-receipt span { color: #c69c5a; }
.receipt-num { float: right; width: 200px; text-align: right; color: #626262; padding-right: 120px; position: relative; }
.receipt-num > span { font-size: 13px; display: block; margin: 0 0 3px; }
.receipt-num > strong { display: block; font-size: 22px; font-weight: normal; line-height: 1.2; }
.print { position: absolute; right: 0; top: 0; display: block; padding: 0 7px 0 10px; background: #c69c5a; color: #fff; text-transform: uppercase; font-size: 14px; line-height: 1.2; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.print span { background: url(../images/prient.png) right center no-repeat; padding: 10px 40px 3px 0; display: inline-block; min-height: 32px; }
.print em { display: block; font-style: normal; font-size: 10px; }
.total-receipt-wrap { padding: 0 0 20px; border-bottom: 1px solid #e9e7e1; margin: 0 0 25px; font-size: 13px; color: #404E59; }
.total-left { float: left; width: 600px; }
.total-receipt-wrap p { padding: 0; line-height: 22px; }
.total-receipt-wrap span { display: inline-block; width: 140px; padding-right: 10px; }
.total-right { float: right; width: 280px; }
.ship-left-wrap { border-bottom: 1px solid #e0e0e0; padding: 0 0 20px; margin: 0 0 50px; }
.ship-left-contains { float: left; width: 560px; }
.ship-to,
.billing-to { float: left; width: 210px; margin-right: 20px; }
.ship-left-contains h4 { color: #626262; }
.ship-left-contains p { color: #404e59; line-height: 22px; font-size: 13px; }
.stamp-section { float: right; width: 210px; text-align: center; padding: 15px 0 0; }
.mathod-wrap { padding: 30px 0 40px; border-bottom: 1px solid #e0e0e0; margin: 0 0 50px; }
.mathod-section { }
.mathod-section li { float: left; width: 310px; margin: 0 20px 20px 0; }
.mathod-section li:last-child { margin-right: 0; }
.mathod-section a { display: block; border: 1px solid #d8d8d8; position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 2px rgba(0,0,0, 0.1); -webkit-box-shadow: 0 0 2px rgba(0,0,0, 0.1); box-shadow: 0 0 2px rgba(0,0,0, 0.1); -moz-transition: none; -webkit-transition: none; -o-transition: none; transition: none; }
.mathod-section img { display: block; margin: 0 auto; }
.mathod-section a:hover,
.mathod-section li.active a { border: 3px solid #c69c5a; margin: -2px; -moz-box-shadow: 0 2px 5px rgba(0,0,0, 0.3); -webkit-box-shadow: 0 2px 5px rgba(0,0,0, 0.3); box-shadow: 0 2px 5px rgba(0,0,0, 0.3); }
.overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,0,0, 0.7); z-index: 9999; }
.popup-section { position: absolute; left: 50%; top: 60px; margin-left: -420px; width: 840px; background: url(../images/popup-noice.png); z-index: 99999; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 45px rgba(0,0,0, 0.5); -webkit-box-shadow: 0 0 45px rgba(0,0,0, 0.5); box-shadow: 0 0 45px rgba(0,0,0, 0.5); }
.popup-inner { padding: 0 70px 0 60px; text-align: center; position: relative; }
.popup-form-left { float: left; width: 285px; padding: 50px 75px 0 0; min-height: 580px; border-right: 1px solid #c3c3c3; }
.popup-form-right { float: right; width: 285px; padding: 50px 0 0; }
.or-popup { position: absolute; left: 50%; top: 48%; margin-left: -16px; background: url(../images/or-popup.png) no-repeat; width: 32px; height: 32px; line-height: 32px; text-align: center; font-size: 12px; color: #616161; text-transform: uppercase; }
.popup-inner h2 { font-size: 24px; color: #766c5c; font-weight: normal; }
.popup-inner p { font-size: 13px; color: #616161; line-height: 1.4; }
.popup-section .para { padding: 0 0 20px; }
.popup-section .para span { display: block; }
.popup-form { text-align: left; font-size: 13px; width: 272px; }
.popup-form p { padding: 0 0 12px; }
.popup-form p.large-para { padding-bottom: 30px; }
.popup-form label { display: block; font-size: 13px; color: #616161; line-height: 1.2; margin: 0 0 4px; }
.form-field { border: 1px solid #cccccc; width: 250px; font-size: 13px; padding: 6px 10px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 2px 5px rgba(0,0,0, 0.3); -webkit-box-shadow: 0 2px 5px rgba(0,0,0, 0.3); box-shadow: inset 0 0 2px #ccc; }
.popup-form a { font-size: 13px; color: #616161; text-decoration: none; }
.popup-form a:hover { text-decoration: underline; }
.remember-wrap { padding: 0 0 40px; }
.remember-wrap span { display: inline-block; vertical-align: middle; color: #616161; margin-left: 5px; }
.remember-wrap .check { display: inline-block; vertical-align: middle; }
.submit-btn { display: block; background: #cd9339; color: #fff; text-transform: uppercase; font-weight: 600; font-size: 18px; padding: 9px 0 8px; width: 100%; text-align: center; border: none; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
/* credit-card-page */
.credit-card-outer { padding: 0 0 50px; border-bottom: 1px solid #e0e0e0; margin: 0 0 50px; }
.credit-card-wrap { border: 1px solid #d8d8d8; background: url(../images/popup-noice.png); overflow: hidden; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0 0 2px rgba(0,0,0, 0.1); -webkit-box-shadow: 0 0 2px rgba(0,0,0, 0.1); box-shadow: 0 0 2px rgba(0,0,0, 0.1); }
.credit-card-section { float: left; width: 286px; border-right: 1px solid #e0e2e1; padding: 20px 22px; min-height: 1250px; }
.credit-card-section.right-section { border-right: none; }
.paypal-card .credit-card-section { min-height: 585px;; }
.credit-card-section h2 { font-size: 20px; color: #505050; font-weight: normal; line-height: 1.2; padding: 0 0 14px; border-bottom: 1px solid #e0e0e0; margin: 0 0 15px; }
.credit-card-section h3 { font-size: 14px; color: #616161; font-weight: 600; margin: 0 0 12px; }
.credit-card-section h3 a { color: #cd9339; font-size: 12px; display: inline-block; margin-left: 7px; }
.card-form { font-size: 13px; color: #616161; }
.card-form p { padding: 0 0 10px; }
.card-form label { display: block; margin: 0 0 5px; }
.card-field,
.select-form { border: 1px solid #cccccc; width: 250px; font-size: 14px; color: #505050; padding: 6px 7px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 2px 5px rgba(0,0,0, 0.3); -webkit-box-shadow: 0 2px 5px rgba(0,0,0, 0.3); box-shadow: inset 0 0 2px #ccc; }
.card-field-small { width: 140px; }
.select-form { width: 180px; padding: 5px 7px 4px; }
.select-date { width: 85px; }
.select-year { width: 112px; }
.card-sub-wrap { }
.card-large { float: left; width: 182px; margin-right: 10px; }
.card-small { float: left; width: 92px; }
.shipping-charges { font-size: 13px; color: #616161; }
.shipping-charges li { padding: 0 0 2px; }
.shipping-charges span { display: inline-block; vertical-align: middle; }
.shipping-charges .shipp-radio { display: inline-block; vertical-align: middle; margin-right: 5px; }
.section-small-card { border-bottom: 1px solid #e2e2e2; padding: 0 0 15px; margin: 0 0 15px; }
.card-line a { display: inline-block; vertical-align: middle; margin-right: 3px; }
.card-form .lock { background: url(../images/lock.png) left top no-repeat; color: #858585; font-size: 13px; padding: 0 0 0 22px; margin: 5px 0; }
.card-form .billing-top { padding: 0 0 22px; }
.card-form .billing-top input { display: inline-block; vertical-align: middle; margin-right: 5px; }
.card-form .billing-top span { display: inline-block; vertical-align: middle; color: #616161; }
.edit-cart { text-align: right; font-weight: bold; font-size: 12px; padding: 0 0 12px; }
.edit-cart a { display: inline-block; vertical-align: middle; color: #cd9339; margin-left: 8px; }
.order-table { border-bottom: 2px solid #d2d2d0; }
.order-table table { width: 100%; }
.order-table th { background: #ededed; padding: 8px; text-align: left; font-size: 12px; color: #25272c; font-weight: normal; }
.order-table th { text-align: center; }
.order-table th.first { width: 200px; text-align: left; }
.order-table td { color: #626262; padding: 8px; text-align: center; font-size: 12px; border-bottom: 1px solid #ededed; }
.order-table td.first { text-align: left; }
.order-table span { color: #25272c; font-size: 14px; }
.order-table .underline { font-style: normal; text-decoration: line-through; }
.order-total { font-size: 14px; color: #25272c; padding: 10px 0 0; }
.order-total p { padding: 0 0 10px; text-align: right; }
.order-total span { display: inline-block; text-align: right; }
.order-total em { display: inline-block; font-style: normal; min-width: 50px; text-align: center; margin-left: 10px; text-align: center; }
.order-total .disc { color: #cb4b3e; }
.order-total .grand-total { padding: 15px 0 20px; }
.order-total .grand-total span { font-size: 18px; }
.order-total .grand-total em { min-width: 70px; font-size: 28px; color: #626262; font-weight: bold; }
.order-total .btn-brown { text-align: center; display: block; }
.paypal-checkout { background: #ffffff; border-top: 1px solid #d2d1d2; padding: 14px 10px 7px; text-align: right; }
/* amazon-payment-pages */
.credit-card-wrap.amazon-mh .credit-card-section { min-height: 520px; }
.amazon-section-wrap { width: 610px; }
.amazon-text-wrap { padding-right: 10px; }
.amazon-text { margin: 0 0 25px; }
.total-count { padding: 6px 8px 15px; border-bottom: 1px solid #EDEDED; margin: 3px 0 0; }
.total-count h4 { font-weight: normal; font-size: 13px; color: #626262; line-height: 1.3; margin: 0 0 5px; }
.select-wrap { float: left; width: 198px; }
.select-count { font-size: 12px; color: #626262; width: 198px; background: #f3f3f3; padding: 0 0 0 6px; border: 1px solid #c0c0c0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #fff; background-image: -moz-linear-gradient(top, #dcdcdc, #ffffff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dcdcdc), to(#ffffff)); background-image: -webkit-linear-gradient(top, #dcdcdc, #ffffff); background-image: -o-linear-gradient(top, #dcdcdc, #ffffff); background-image: linear-gradient(to bottom, #dcdcdc, #ffffff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc', endColorstr='#ffffff', GradientType=0); }
.total-count-num { float: right; width: 60px; text-align: right; font-size: 14px; color: #25272C; }
.amazon-bot { border-bottom: none; }
.order-total p.total-bdr { border-top: 1px solid #EDEDED; padding-top: 10px; }
/* dashboard-pages */
.dashboard-wrap { padding: 30px 0; border-bottom: 1px solid #e0e0e0; margin: 0 0 50px; }
.dashboard-wrap .tabs-link { position: relative; top: 0; margin: 0 0 60px; }
.dashboard-wrap .tabs-link ul { border-bottom: 1px solid #D6D6D6; padding: 0 10px; }
.dashboard-wrap .tabs-link a { background: none; min-width: 125px; text-transform: inherit; text-align: center; border-bottom: none; }
.dashboard-wrap .tabs-link li.active a { position: relative; padding-top: 1px; }
.my-profile-content { width: 290px; margin: 0 auto; }
.my-profile-content h3 { font-size: 16px; color: #505050; font-weight: 700; margin: 0 0 10px; }
.profile-inner { padding: 0 0 25px; }
.profile-inner p { padding: 0 0 10px; }
.profile-inner p.last-large { padding: 0 0 35px; }
.profile-inner label { color: #616161; display: block; font-size: 13px; line-height: 1.2; margin: 0 0 4px; }
.profile-inner .text-field,
.profile-inner .select-profile { color: #505050; border: 1px solid #CCCCCC; font-size: 13px; padding: 6px 10px 8px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 0 5px #f1f1f1 inset; -webkit-box-shadow: 0 0 5px #f1f1f1 inset; box-shadow: 0 0 5px #f1f1f1 inset; }
.profile-inner .select-profile { padding: 5px 10px 7px; }
.left-pro { float: left; width: 185px; }
.right-pro { float: right; width: 90px; }
.address-wrap { padding: 0 10px; }
.address-wrap .my-profile-content { margin: 0; float: left; }
.address-content { float: right; width: 650px; }
.address-content h3 { font-size: 16px; color: #505050; font-weight: 700; border-bottom: 1px solid #e0e0e0; padding: 0 0 30px; margin: 0 0 20px; }
.address-box { float: left; width: 208px; border: 1px solid #d8d8d8; overflow: hidden; margin: 0 10px 10px 0; background: url(../images/popup-noice.png); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.address-box.right-section { margin-right: 0; }
.address-box h4 { font-size: 15px; color: #505050; font-weight: 700; border-bottom: 1px solid #e0e0e0; padding: 10px 15px; margin: 0 0 15px; }
.address-body { padding: 0 15px; color: #505050; font-size: 14px; border-bottom: 1px solid #d8d8d8; }
.address-body p { line-height: 1.5; }
.address-foot { text-align: center; padding: 12px 2px; }
.address-foot a { display: inline-block; background: #a19f91; color: #fff; text-decoration: none; text-transform: uppercase; font-size: 12px; min-width: 70px; margin: 0 5px; padding: 8px 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.address-foot a:hover { background: #cd9339; }
.address-box.active-section { border: 3px solid #c69c5a; width: 204px; background: #f7f7f7; position: relative; margin-top: -2px; -moz-box-shadow: 0 0 3px #ccc; -webkit-box-shadow: 0 0 3px #ccc; box-shadow: 0 0 3px #ccc; }
.order-section { padding: 0 10px; }
.order-section h3 { font-size: 16px; color: #505050; font-weight: 700; }
.order-dashboard-table { margin: 0 0 50px; }
.order-dashboard-table table { width: 100%; }
.order-dashboard-table th { font-weight: normal; color: #3e3e3e; padding: 10px 0; width: 210px; text-align: left; border-bottom: 2px solid #e9e7e1; font-size: 14px; }
.order-dashboard-table th.third { width: 230px; }
.order-dashboard-table th.last { width: 140px; }
.order-dashboard-table td { color: #3e3e3e; padding: 15px 0; border-bottom: 1px solid #e9e7e1; text-align: left; font-size: 13px; }
.order-dashboard-table a { color: #b18847; }
.order-dashboard-table .label { display: inline-block; min-width: 110px; padding: 1px 5px; text-align: center; color: #fff; text-transform: uppercase; background: #d3a815; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.order-dashboard-table .label.success { background: #87b74e; }
.order-dashboard-table .label.info { background: #989898; }
.popup-section.popup-small { width: 420px; margin-left: -210px; }
.popup-section.popup-small .popup-inner { padding-top: 50px; padding-bottom: 50px; }
.popup-form p { padding: 0 0 30px; }
/* register-page */
#register-section { width: 380px; margin: 0 auto 50px; border: 1px solid #d8d8d8; background: url(../images/noice-white.png); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 2px rgba(0,0,0, 0.1); -webkit-box-shadow: 0 0 2px rgba(0,0,0, 0.1); box-shadow: 0 0 2px rgba(0,0,0, 0.1); }
#register-section .profile-inner { padding: 40px 50px; }
.popup-section.certificate-popup { width: 720px; margin-left: -360px; }
.certificate-popup .popup-inner { padding: 0; }
.certificate-header { padding: 35px 30px 25px; border-bottom: 1px solid #d9d9d9; margin: 0 0 15px; }
.logo-cert { float: left; }
.logo-cert a { display: inline-block; float: left; }
.logo-cert span { display: block; float: left; border-left: 2px solid #c1c1c3; line-height: 1.4; color: #626262; font-size: 14px; padding-left: 12px; margin-left: 15px; min-height: 40px; text-align: left; }
.cert-links { float: right; }
.certifcate-content { padding: 0 20px 20px; height: 500px; overflow-y: auto; }
.cert-links { }
.cert-links li { float: left; width: 35px; text-align: center; position: relative; margin-left: 17px; }
.cert-links li a { font-size: 12px; text-decoration: none; color: #626262; }
.cert-links li span { display: block; }
.certificate-login { display: none; position: absolute; right: 0; top: 65px; width: 305px; text-align: left; background: #fff; -moz-box-shadow: 1px 3px 8px rgba(0,0,0, 0.5); -webkit-box-shadow: 1px 3px 8px rgba(0,0,0, 0.5); box-shadow: 1px 3px 8px rgba(0,0,0, 0.5); }
.cert-in { padding: 18px 15px 10px; }
.certificate-login .dropdown-up { right: 10px; left: auto; background: url(../images/email-droparrow.png) no-repeat; }
.cert-field,
.cert-textarea { color: #b8acac; border: 1px solid #CCCCCC; font-size: 13px; padding: 6px 10px 8px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 0 5px #f1f1f1 inset; -webkit-box-shadow: 0 0 5px #f1f1f1 inset; box-shadow: 0 0 5px #f1f1f1 inset; }
.cert-textarea { height: 80px; }
.certificate-login .submit-btn { width: auto; padding: 5px 35px; }