body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, a { margin: 0; padding: 0; border-width: 0; font-weight: normal; } body { font-family: 'Montserrat', Arial, Helvetica Neue, Helvetica, sans-serif; text-align: left; font-size: 14px; line-height: 1.2; word-wrap: break-word; } body { background-color: #fff; margin: 0; } body, html { width: 100%; min-height: 100%; } html { padding: 0; min-height: 100%; min-width: 100%; height: 100%; width: 100%; overflow-x: hidden; } img { border: 0 none; margin: 0; } #u66_img { vertical-align: top; } #page .verticalspacer { clear: both; } .clear { clear: both; } #wrapper { margin: 0px auto; width: 100%; } #container { padding: 0; width: 100%; } #bodyContainer { width: 100%; margin: 0 auto; } .headerWrap { margin: 0 auto; position: relative; width: 100%; z-index: 160; } #bodyWrap { min-height: 780px; margin: 0px auto 0px auto; width: 100%; } .headerWrap > #head { background-color: #099; } #head { margin: 0; width: 100%; padding: 0; left: 0; right: 0; z-index: 999; display: block; } #buttons { margin: 0; } #head > .menu-block-container { display: block; margin: 0 auto; padding: 0; background-color: #fff; width: auto; border-top:1px solid #e3e5e6; border-bottom:1px solid #e3e5e6; } #head > .header-last-block { width: auto; margin: 0 auto; padding: 0 22px; border-bottom: 1px solid #969696; position: relative; display: flex; align-items: center; background-color: #fff } #bodyWrapInner { min-height: 780px; margin: 0px auto; width: initial; } #footerWrap { margin: 12px auto 0 auto; overflow: hidden; position: relative; width: 100%; } #footerWrap_cont { width: 982px; margin: 0 auto; overflow: hidden; position: relative; } .header-top-block { color: #000; display: block; height: 40px; margin: 0 auto; padding: 0 22px; position: relative; background-color: #e3e5e6; } .header_phone { float:right; width: auto; padding: 0 10px; } .header_phone a { display: inline-flex; align-items: center; color: #cc0000; text-decoration: none;} .header_phone a.telephone {font-family: 'Impact', sans-serif; font-size: 22px; color: #cc0000; text-shadow: 0px 2px #ffa800; } .clock-icon {width: 15px; height: 15px; padding-right:6px;} .headerlink, .header_phone, .top-cart {display:inline-flex; height: 100%;} .headerlink { width: auto; padding: 0; float:left; } .headerlink a { text-decoration: none; display: inline-flex; align-items: center;} .headerlink a { color: #000; padding: 0px; font-size: 0.9em; } .headerlink a:hover { text-decoration: underline; } .headerlink a.last { background-image: none; } .top-cart {background-color: #000; float:right; padding: 0 12px; height:100%; text-align: right; font-family: 'Montserrat', sans-serif; } .top-cart a {background: url(../images/top-cart-icon.png) no-repeat center left; color: #fff; width: auto; padding: 9px 0 9px 30px; cursor: pointer; text-decoration: none; display: flex; align-items: center; font-weight:700; font-size:16px; } .top-cart a:hover { } .top-cart span { display: block; float: left; padding: 8px 9px 0px 0; text-transform: uppercase; } .top-cart span.title { font-size: 16px; } .top-cart span.mini-item-count { margin: 2px 0 0 0; width: 70px; } .top-cart span.mini-sub-total { margin: 2px 0 0 0; width: 50px; } .header-main-block { width: inherit; padding: 0 22px; margin: 10px auto; position: relative; height: 126px; display:flex; align-items:center; } .header-left-info { float: left; width: 50%; margin: 0; font-family: 'Montserrat', sans-serif; } .net-safe { float: right; width: 250px; margin-top: -105px; } .header-slogan { display: block; font-size: 20px; } .header-logo { font-size: 20px; margin: 0; } .header-logo a { color: #000000; width: auto; } .header-logo a img { width: auto; height: 100% } .header-right-info { float: right; width: 50%; margin: 12px 0; text-align: right; font-family: 'Montserrat', sans-serif; align-items: center; display: flex; } .s-logo { padding: 0px; margin: 10px 0px; float: right; width: 40%;} .form-search { width: 220px; height: 40px; float: left; margin: 0px 0 0 0; padding: 0 0 0 12px; border: 1px solid #cccccc; position: relative; overflow: hidden; width: 60%; border-radius: 3px;} .form-search form { margin: 0; padding: 0; border: 0px none; } .form-search-input { float: left; width:90%; } .form-search-input input { border: none; background: transparent none; font-size: 14px; line-height: 18px; color: #383841; width: 100%; padding: 0; margin: 0; line-height: 40px } .search-btn { position: absolute; right: 0; top: 10px; padding: 0 10px 0 0;} .search-btn a { cursor: pointer; } .search-btn a { display: block; overflow: hidden; padding: 0px 0px 5px 0px; margin: 0px; width: auto; background: transparent; } .search-btn a input { text-indent: -99999px } .menu-block-container { display: block; width: 100%; margin: 0; padding: 0; z-index: 499; } /* Top Menu */ #lists { padding: 0px; margin: 0 auto; list-style: none; position: relative; width: auto; z-index: 500; text-align: right } /* margins for this demonstration only */ #lists li { display: inline-block; padding: 0 0px 0 1px; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 600; } #lists li a.tl { display: block; /*height: 20px;*/ padding: 16px 20px 13px; margin: 0px; text-decoration: none; line-height: 20px; text-indent: 10px; font-family: 'Montserrat', sans-serif; color: #000; float:left; } #lists li.first { background: none; padding: 0 !important; float:left; text-transform: uppercase; font-size: 20px; } #lists li.first a.tl {background: url(../images/down_arrow_black.png) no-repeat right 22px;} #lists li a.DDMenu { background-position: -20px; padding: 10px 20px } #lists li a.APMenu { background-position: -20px; padding: 10px 20px } #lists li a.DDMenu:hover { background: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/navi-arrow-.png) no-repeat center bottom; } #lists li a.APMenu:hover { background: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/navi-arrow-.png) no-repeat center bottom; } #lists div { display: none; top: -100px; position: absolute; float:left; } #lists li a:hover { text-decoration: none; white-space: normal; background: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/navi-arrow-.png) no-repeat center bottom; } #lists li:hover > a { text-decoration: none; white-space: normal; background: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/navi-arrow-.png) no-repeat center bottom; } #lists :hover div { display: block; width: 100%; background: rgba(255,255,255,1); position: absolute; left: 0px; right:0; top: 50px; z-index: 9999; padding: 0px 4px 0px 8px; box-shadow: 0 0.3em 0.6em rgba(0,0,0,0.2); } #lists :hover div.pos1 { /* height:310px;*/ padding: 6px 12px 6px 12px; width:auto; position:absolute; left:0; right:0; background: rgba(255,255,255,1);/*left: -60px;*/ } #lists :hover div.pos2, #lists :hover div.pos3 { padding: 12px 0px; } #lists .two:hover { position: relative; } #lists .first:hover { position: absolute; left:0; right:0; } #lists .single:hover div.pos2 { background: rgba(255,255,255,0.9); width: 152px; } #lists .single:hover div.pos3 { background: rgba(255,255,255,0.9); width: 182px; } #lists :hover div dl { display: inline-block; text-transform: none; } #lists :hover div dl dt { text-indent: 10px; margin: 10px 0 0px 0; text-decoration: none; line-height: 20px; } #lists .two:hover div { } #lists .single:hover div dl {width: 33.333333%; float: left; padding: 20px; box-sizing: border-box; } #lists .single:hover div dl dt { width: 33.3333%; } #lists :hover div dl dd { padding: 0; margin: 0; } #lists :hover div dt a { text-decoration: none; cursor: default; color: #000; } #lists :hover div dd a { display: block; text-decoration: none; font-size: 14px; font-weight: 500; text-align: left; color: #000; text-indent: 0px; line-height: 20px; margin: 0px 0px 28px; padding: 0px; } #lists :hover div dd a:hover { text-decoration: underline; background: none; } #lists :hover div dd a.right-img { text-decoration: none; margin: 1px 0px 0px -5px; padding: 0px 24px 0px 0px; position: absolute; right: 0px; } #lists .clear { clear: both; } .header-last-block { height: 66px; display: block; font-family: 'Montserrat', sans-serif } .gurantee-block, .free-shipping-block, .fast-shipping-block, .charity-block { float: left; width: 25%; align-items: center; height: inherit } .header-last-block .gurantee-block { display: inline-flex; } .header-last-block .gurantee-block a { text-decoration: none; } .header-last-block .gurantee-block span.sg-badge { background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/guaranteed_icon.png); background-position: center center; background-repeat: no-repeat; width: inherit; height: inherit; display: inline-block; float: left; margin: 0px; } .header-last-block .gurantee-block h2 { font-size: 20px; color: #000; text-transform: uppercase; padding: 0 } .header-last-block .gurantee-block h2 span { font-size: 16px; color: #474c48; display: block; text-transform: uppercase; line-height: 11px; } .header-last-block .gurantee-block a.more-details { text-decoration: none; margin: 12px 12px 0 0px; padding: 0px 0px 0px 0px; width: 138px; display: block; float: right; background-position: 0px -120px; background-repeat: no-repeat; height: 34px; } .header-last-block .gurantee-block a.more-details span { font-size: 17px; color: #FFFFFF; padding: 0px 0px 0 10px; margin: -2px 0 0 0; line-height: 34px; } .header-last-block .gurantee-block a.more-details:hover { background-position: -138px -120px; background-repeat: no-repeat; } .header-last-block .gurantee-block a:hover .more-details { background-position: -138px -120px; background-repeat: no-repeat; } .header-last-block .free-shipping-block { display: inline-flex; } .header-last-block .free-shipping-block a { text-decoration: none; } .header-last-block .free-shipping-block h2 { font-size: 20px; color: #000; text-transform: uppercase; padding: 0 } .header-last-block .free-shipping-block span.sg-badge { background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/gift_box_icon.png); background-position: center center; background-repeat: no-repeat; width: inherit; height: inherit; display: inline-block; float: left; margin: 0px; } .header-last-block .free-shipping-block h2 span { font-size: 16px; color: #474c48; display: block; text-transform: uppercase; line-height: 11px; } .header-last-block .fast-shipping-block { display: inline-flex; } .header-last-block .fast-shipping-block span.sg-badge { background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/fast_shipping_icon.png); background-position: center center; background-repeat: no-repeat; width: inherit; height: inherit; display: inline-block; float: left; margin: 0px; } .header-last-block .fast-shipping-block h2 { font-size: 20px; color: #000; text-transform: uppercase; padding: 0 } .header-last-block .fast-shipping-block h2 span { font-size: 16px; color: #474c48; display: block; text-transform: uppercase; line-height: 11px; } .header-last-block .charity-block { display: inline-flex; } .header-last-block .charity-block span.sg-badge { background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/charity_icon.png); background-position: center center; background-repeat: no-repeat; width: inherit; height: inherit; display: inline-block; float: left; margin: 0px; } .header-last-block .charity-block a { text-decoration: none; } .header-last-block .charity-block h2 { font-size: 20px; color: #000; text-transform: uppercase; padding: 0 } .header-last-block .charity-block h2 span { font-size: 16px; color: #474c48; display: block; text-transform: uppercase; line-height: 11px; } .banner_box { padding: 0; position:relative;} .banner_box .banner-cnr-lt {background: url(../images/banner-cnr-lt.png) no-repeat left top; position: absolute; top:0; left:0; z-index:2; width: 195px; height: 281px;} .banner_box .banner-cnr-rb {background: url(../images/banner-cnr-rb.png) no-repeat right bottom; position: absolute; bottom:0; right:0; z-index:2; width: 418px; height: 285px;} .header_shipping_row {background: #cb1138 url(../images/backround_red_strip.jpg) no-repeat center center; padding: 1.5rem 0;} .header_shipping_row h2{text-align: center; color: #fff; font-size: 1.8rem; font-weight: 700;} #galleryb { overflow: hidden; } .stepcarousel { position: relative; /*leave this value alone*/ overflow: hidden; /*leave this value alone*/ } .belt { left: 0; position: absolute; top: 0; width: 982px; /*Width of Carousel Viewer itself*/ height: 460px; /*Height should enough to fit largest content's height*/ } .stepcarousel ul li.panel { float: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ margin: 0px; /*margin around each panel*/ width: 982px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ top: 0px; left: 0; height: 460px; } .small-banner-block { margin: 0; padding: 0; } .small-banner-block ul { list-style: none; width: 982px; } .small-banner-block ul li { width: 327px; height: 143px; padding: 1px 1px 0 0; float: left; } .small-banner-block ul li.last { padding: 1px 0px 0 0; width: 326px; } .home-row-a { display: flex; height: auto; position: relative; transition: all 1s ease-in-out 0s; margin: 0 auto; overflow: hidden; align-items: center; padding: 0; } .culumn-bs-block { padding: 0px; width: 349px; background-position: -349px 0px; background-repeat: repeat-y; float: left; } .page-title { margin: 0; padding: 16px 0px 20px 0px; text-transform: uppercase; position:relative; } .page-title h2{ font-weight: 700; font-size:1.5rem; } .page-title h2:after {content:""; width: 68px; height: 3px; background-color: rgba(0,0,0,0.4); position:absolute; left:0; bottom:0;} .page-title span { background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/pattern-dotted.jpg); background-position: 0px center; background-repeat: repeat-x; background-color: transparent; margin: 0px 12px 10px 12px; padding: 0px 0px; display: block; color: #000; width: auto; } .page-title span h2 { background-color: #fbfafa; line-height: 20px; padding: 0px 12px 0px 0px; margin: 0px 0px; font-family: 'Montserrat', sans-serif; font-size: 22px; width: auto; display: inline-block; } .bs-product-block { background-position: -698px bottom; background-repeat: no-repeat; } .bs-products-grid { position: relative; overflow: hidden; margin: 0px 0px 0px 7px; padding: 10px 0px; width: 340px; } .bs-products-grid li { list-style: none outside none; } .bs-grid-item { margin: 0px 0px !important; padding: 0px 0px 17px 0px !important; display: block; width: 166px; background: none repeat scroll 0 0 transparent; } .culumn-bs-block .bs-product-block .bs-products-grid li.bs-grid-item { background: none repeat scroll 0 0 transparent; float: left; margin: 0 0px 0 0px; overflow: hidden; padding: 0 0px 10px 0px; position: relative; } li.bs-grid-item .product-img-block { background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/pro-img-border.jpg); background-position: 0px 0px; background-repeat: no-repeat; padding: 2px; height: 138px; text-align: center; margin: 0px auto; display: block; width: 138px; line-height: 0; } li.bs-grid-item .product-img-block img { background-color: #fff; text-align: center; line-height: 100%; } li.bs-grid-item .product-img-block span { background-color: #fff; text-align: center; width: 0; height: 100%; line-height: 0; margin: auto 0px; display: inline-block; } li.bs-grid-item .product-img-block * { vertical-align: middle; line-height: 138px; } li.bs-grid-item .product-name { font-size: 13px; display: block; margin: 6px 10px; height: 72px; } li.bs-grid-item .product-name a { color: #333438; text-decoration: none; } li.bs-grid-item .product-name a:hover { color: #1e529d; } li.bs-grid-item .product-prices { margin: 0px 10px; font-size: 14px; line-height: 16px; vertical-align: middle; } li.bs-grid-item .product-prices span.prices-off { color: #848586; font-weight: normal; background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/price-seprator.jpg); background-position: right center; background-repeat: no-repeat; padding: 6px 16px 6px 0px; margin: 0px 10px 0px 0px; width: 44px; display: block; float: left; } li.bs-grid-item .product-prices span.prices-sale { color: #e70703; font-weight: bold; margin: 6px 0px 6px 0px; display: block; width: 72px; float: left; } .culumn-fp-block { margin: 0; padding: 0; } .featured-item-block .page-title { background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/title-design-fp-new.png); background-position: center center; background-repeat: no-repeat; } .weekly-deals-block .page-title { background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/title-design-tc-new.png); background-position: center center; background-repeat: no-repeat; } .featured-item-block .page-title h2, .weekly-deals-block .page-title h2 { font-family: 'Montserrat', sans-serif; text-transform: uppercase; text-align: center; } .featured-item-block h2, .weekly-deals-block h2 { font-size: 22px; } .featured-item-block { float: left; width: 100%; } .featured-item-block .page-title { padding: 10px 0px 14px 0px; } .featured-item-block .page-title h2 { color: #245daf; } .slider-arrow { margin: 0; position: relative; width: 540px; z-index: 41; } .slider-arrow, .left-arrow, .right-arrow { background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/controls-small.png); background-position: -999999px -999999px; background-repeat: no-repeat; } .left-arrow, .right-arrow { height: 22px; width: 14px; } .slider-arrow a.left-arrow { background-position: 0px 0px; background-repeat: no-repeat; position: absolute; left: 4px; top: 110px; margin: 0 0px 0 -22px; } .slider-arrow a.left-arrow:hover { background-position: 0px -22px; background-repeat: no-repeat; } .slider-arrow a.right-arrow { background-position: -14px 0px; background-repeat: no-repeat; position: absolute; left: 930px; top: 110px; margin: 0 0px 0 22px; } .slider-arrow a.right-arrow:hover { background-position: -14px -22px; background-repeat: no-repeat; } .featured-item-grid { border-right: 1px solid #fff; margin: 0 -1px 0 7px; padding: 0px 0px 0px 0px; width: 537px; } .featured-item-block .slider-white { background-color: #fff; float: left; height: 250px; position: relative; z-index: 12; } .featured-item-block .slider-white span.strip { background-color: #fff; height: 284px; left: 0; margin-left: 7px; position: absolute; top: 0; width: 20px; } .featured-item-block .slider-white span.strip_right { background-color: #fff; height: 284px; left: 920px; margin-right: 7px; position: absolute; top: 0; width: 20px; } .featured-item-grid li { list-style: none outside none; } .fp-grid-item { background: none repeat scroll 0 0 transparent; /*border-right: 1px solid #e2e2e2;*/ background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/line-shade-new.jpg); background-position: right top; background-repeat: no-repeat; display: block; float: left; margin: 0 -5px 0 5px; padding: 0 10px 10px; width: 160px; } .featured-item-block .item-grid { *margin-right: 10px; float: left; margin: 8px 9px 14px 10px; padding: 0 0 24px 6px; position: relative; width: 924px !important; background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/dotted-black-line-new.png); background-position: center bottom; background-repeat: repeat-x; } .weekly-deals-block .item-grid { *margin-right: 10px; float: left; margin: 8px 0px 14px; padding: 0 0 24px 0px; position: relative; width: 942px !important; } li.fp-grid-item .product-img-block { padding: 0px 0px 0px 0px; height: 138px; text-align: center; margin: 0px auto 0px auto; display: block; width: 138px; line-height: 0; } li.fp-grid-item .product-img-block img { text-align: center; line-height: 100%; } li.fp-grid-item .product-img-block span { background-color: #fff; text-align: center; width: 0; height: 100%; line-height: 0; margin: auto 0px; display: inline-block; } li.fp-grid-item .product-img-block * { vertical-align: middle; line-height: 138px; } li.fp-grid-item .product-name { font-size: 13px; display: block; margin: 6px 0px; text-align: center; height: 62px; } li.fp-grid-item .product-name a { color: #333438; text-decoration: none; } li.fp-grid-item .product-name a:hover { color: #1e529d; } li.fp-grid-item .product-action { /* background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/product-action-img.jpg); background-position: right top; background-repeat: no-repeat;*/ text-transform: uppercase; height: 45px; position: relative; } li.fp-grid-item .product-action { margin: 0px 0px; padding: 8px 0px 0 0px; } li.fp-grid-item .product-action a { font-family: 'Montserrat', sans-serif; font-size: 13px; color: #585858; text-decoration: none; text-align: center; } li.fp-grid-item .product-action a { right: 0px; width: 54px; vertical-align: middle; float: right; line-height: 36px; } li.fp-grid-item .product-action a:hover { color: #FFFFFF; } li.fp-grid-item .product-action:hover a { color: #FFFFFF; } li.fp-grid-item .product-action:hover { background-position: right bottom; background-repeat: no-repeat; } li.fp-grid-item .product-action .prices-block { float: left; width: 104px; line-height: 36px; } li.fp-grid-item .product-action span.off-price { color: #848586; font-size: 14px; font-weight: normal; padding: 8px 0px 0px 0px; margin: 0 0px 0 8px; display: block; line-height: 0px; } li.fp-grid-item .product-action span.sale-price { color: #e70703; font-size: 16px; font-weight: bold; margin: auto 8px; } .weekly-deals-block { width: 100%; float: left; } .weekly-deals-block .page-title { padding: 10px 0px 14px 0px; } .weekly-deals-block .page-title h2 { color: #000000; } .weekly-item-grid { margin: 0 auto; overflow: hidden; padding: 0; width: 946px; } .weekly-item-grid li { margin: 0 2px 0 3px; } .wd-grid-item { background: none repeat scroll 0 0 transparent; display: block; float: left; padding: 0; width: 184px; } li.wd-grid-item h2.product-name { font-size: 13px; margin: 0px; padding: 0 8px; height: 37px; width: auto; vertical-align: middle; text-align: left; background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/wd-title-bg.jpg); background-position: left top; background-repeat: repeat-x; } li.wd-grid-item h2.product-name a { color: #000000; text-decoration: none; font-size: 16px; line-height: 37px; } li.wd-grid-item h2.product-name a:hover { color: #1e529d; } li.wd-grid-item .product-img-block { display: block; height: 234px; line-height: 0; margin: 0 auto; padding: 0; text-align: center; width: 184px; } li.wd-grid-item .product-img-block img { text-align: center; line-height: 100%; } li.wd-grid-item .product-img-block span { display: inline-block; height: 100%; line-height: 0; margin: auto 0; text-align: center; width: 0; } li.wd-grid-item .product-img-block * { vertical-align: middle; line-height: 234px; } .home-row-b { padding: 3rem; margin: 1rem; width: initial; background: #cb1138 url(../images/background_section_at.jpg) no-repeat center center; background-size: cover;} .home-row-b {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;} .row-white-box {margin: 0.8rem; width: 50%; background-color: #fff; position:relative; min-height:380px;} .welcome-block { padding: 2rem 4rem;} .welcome-block .page-title { color: #000000; text-align: left; } .welcome-block .page-content, .testimonial-block .page-content { font-size: 14px; color: #000; padding-top: 16px; } .welcome-block .page-content { margin: 13px 0px; } .welcome-block .page-content p { line-height: 30px; } .welcome-block .page-content p a { color: #000; } .welcome-block .page-content p span.txt-a { color: #313d33; font-size: 18px; } .testimonial-block { padding: 2rem 4rem; color: #000000; position: relative; } .testimonial-block .page-content { margin: 0px; overflow: hidden; height: 220px; } /*.page-content .content-list { float: left; }*/ .button-s {padding: 0.25em 1em; text-transform: uppercase; display:block; margin:0; text-align: center; border-radius: 3px; text-decoration:none; min-width: 90px;} .button-s { flex: 1 1 auto; margin: 0; padding: 20px; border: 2px solid #f7f7f7; text-align: center; position: relative; overflow: hidden; } .button-s:after { position: absolute; content: ''; width: 0; left: -50%; bottom: 0; } .outlined {border:2px solid rgba(0,0,0,1); z-index: 1; background: #fff; padding: 10px 24px; color: #282627; position:absolute; bottom:3rem; font-weight:700; } .outlined:hover { color: #fff; } .outlined { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .outlined:after { content: ''; -webkit-transform: skewX(15deg); transform: skewX(15deg); z-index: -1; background: #000; width: 0; left: -50%; bottom: 0; position: absolute; -webkit-transition: all 0.2s ease-in-out 0.1s; -o-transition: all 0.2s ease-in-out 0.1s; transition: all 0.2s ease-in-out 0.1s; } .outlined:hover:after {left: -10%; width: 120%; height:100%; } .cartBtn { border:2px solid rgba(0,0,0,0); margin-top: 0px !important; width:auto; max-width: 104px; margin-bottom: 0px !important; margin-left:10px; box-shadow: 0px 2px 5px rgba(203,17,56,.5); z-index: 1; background: #cb1138 url(../images/mini-cart.png) no-repeat 132px center; padding: 10px 44px 10px 23px; color: #fff; /*position:absolute;*/ font-weight:700; float:left; font: 700 14px 'Montserrat', sans-serif; } .cartBtn:hover { color: #fff; box-shadow: 0px 3px 12px rgba(203,17,56,.8); } .cartBtn { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .cartBtn:after { content: ''; -webkit-transform: skewX(15deg); transform: skewX(15deg); z-index: -1; background: rgba(255,255,255,.05); width: 0; /*position: absolute;*/ -webkit-transition: all 0.2s ease-in-out 0.1s; -o-transition: all 0.2s ease-in-out 0.1s; transition: all 0.2s ease-in-out 0.1s; } .cartBtn:hover:after {left: -10%; width: 120%; height:100%; } .emailFriend { border:2px solid rgba(0,0,0,0); margin-top: 0px !important; width:auto; max-width: 144px; margin-bottom: 0px !important; margin-left:10px; box-shadow: 0px 2px 5px rgba(58,58,58,.5); z-index: 1; background: #3a3a3a url(../images/mini-user.png) no-repeat 176px center; padding: 10px 44px 10px 23px; color: #fff; /*position:absolute;*/ font-weight:700; float:left; font: 700 14px 'Montserrat', sans-serif;} .emailFriend:hover { color: #fff; box-shadow: 0px 3px 12px rgba(58,58,58,.8); } .emailFriend { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .emailFriend:after { content: ''; -webkit-transform: skewX(15deg); transform: skewX(15deg); z-index: -1; background: rgba(255,255,255,.05); width: 0;/*position: absolute;*/ -webkit-transition: all 0.2s ease-in-out 0.1s; -o-transition: all 0.2s ease-in-out 0.1s; transition: all 0.2s ease-in-out 0.1s; } .emailFriend:hover:after {left: -10%; width: 120%; height:100%; } .page-content ul.content-list li { position: relative; padding: 14px 0px 16px 0px; line-height: 30px; } .page-content ul.content-list a { text-decoration: none; color: #53595a; } .page-content ul.content-list li strong { font-size: 14px; font-weight: bold; color: #000000; display: block; margin: 10px 0px 5px 16px; } .page-content ul.content-list li strong:after {content:""; width:4px; height:2px; display:inline-flex; left:0; background: #000; position:absolute; margin: 15px 0px 0 0px; } .footer-last-wrap { color: #000; font-size: 1rem; height: initial; margin: 0; padding: 16px 0 0 0; position: relative; width: initial; clear: left; } .copyright, .last-publish, .upfront { padding: 0px; margin: 0px; } .copyright:before {content:''; width:40%; height:2px; background-color: #c9c9c9; display:block; margin:18px auto;} .copyright a, .last-publish a, .upfront a { color: #fff; text-transform: underline } .copyright a:hover, .last-publish a:hover, .upfront a:hover { text-decoration: none; } .copyright { display: block; text-align: center; margin-top: 20px; } .last-publish { display: inline-block; position: absolute; top: 36px; left: 16px; } .upfront { display: block; position: absolute; right: 16px; top: 14px; } .footer-center-wrap { overflow: hidden; padding: 32px 22px; position: relative; width: initial; background-color: #fff; } .footer-center-wrap h3 { text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-size: 18px; color: #fff; } #footerLinks div.footerLogo {display:block;float:left;box-sizing:border-box;width:27%;vertical-align:top;margin: 0px;padding: 0px 10px;} #footerLinks div.footerLogo a {display:block;} #footerLinks div.footerLogo a img {display:block;max-width:100%;height:auto;margin:0px;} #footerLinks div.footerLinksCol {display:block;float:left;box-sizing:border-box;width:24%;vertical-align:top;margin: 0px;padding: 0px 10px;} #footerLinks div.footerLinksCol label {display:block;box-sizing:border-box;width:100%;font: 700 16px 'Montserrat', sans-serif;color: #101015;text-transform:uppercase;padding: 0px 0px 20px;} #footerLinks div.footerLinksCol a {display:block;font: 200 13px 'Montserrat', sans-serif;color: #101015;text-decoration: none;padding:5px 0px; } #footerLinks div.footerLinksCol a:hover:before {width:6px;} #footerLinks div.footerLinksCol a:before {content:''; width:0px; height:2px; background-color: #000; display:inline-block; margin-top: 8px; float: left; margin-right: 8px; transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;} .link-block { display: block; min-height: 160px; color: #383841; width: 210px; padding: 0px 16px; font-size: 12px; } .link-block ul { display: block; float: left; list-style-type: none; margin: 0; padding: 3px 0 0 3px; width: 40%; } .link-block ul li { margin: 0 0px 0px 0px; padding: 7px 0 0; } .link-block ul li a { background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/footer-link-arrow-res.png); background-repeat: no-repeat; background-position: left 3px; padding: 0px 0px 0px 12px; color: #fff; text-decoration: none; } .link-block ul li a:hover { color: #ccc; } .secure-shopping-block { min-height: 160px; color: #383841; width: 340px; padding: 0px 16px; font-size: 13px; border-right: none 0px !important; float: left; } .secure-shopping-block ul { display: block; float: left; list-style-type: none; margin: 10px 0px 0px 0px; padding: 0px; width: 100% !important; } .secure-shopping-block ul li { margin: 0 0px 0px 0px; display: inline-block; float: left;/*height:50px;*/ } .secure-shopping-block ul li a { padding: 0px; color: #53595a; text-decoration: none; float: left; } .footer-top-wrap { margin: 0; overflow: hidden; padding: 0; position: relative; position: relative; display: flex; align-items: center; } .footer-top-wrap ul li a { background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/icons-payment-social.png); background-repeat: no-repeat; background-position: -99999px -999999px; } #footerSocial {display:block;box-sizing:border-box;width:100%; padding: 22px 22px 3rem; background: #cb1138 url(../images/footer_social_back.jpg) center center no-repeat; background-size: cover;} #footerSocial label {display:block;box-sizing:border-box;width:100%;font: 700 114px 'Montserrat', sans-serif;color: #fff;padding: 10px 0px 30px; text-transform:uppercase;} #footerSocial label span {font-size:18px; display:block;} #footerSocial #newsletterForm {display:block;box-sizing:border-box;width:40%;float:left; margin-left: 5rem;} #footerSocial #newsletterForm div.title {display:block;box-sizing:border-box;width:100%;font: 700 22px 'Montserrat', sans-serif;color: #fff;} #footerSocial #newsletterForm div.info {display:block;box-sizing:border-box;width:100%;font: 200 13px 'Montserrat', sans-serif;color: #fff;padding: 5px 0px 10px;} #footerSocial #newsletterForm div.info:after {content:""; width: 68px; height: 3px; background-color: rgba(174,174,174,0.9); display: block; margin-top: 16px; margin-bottom: 20px;} #footerSocial #newsletterForm form {display:inline-flex;box-sizing:border-box;width:100%;height:45px;position:relative;} #footerSocial #newsletterForm .newsInp {border-radius: 3px;display:block;box-sizing:border-box;width:68%;height: 45px;font: 200 15px/45px 'Montserrat', sans-serif;color: #000;padding: 0px 15px 0px 15px;border: 0 none; float:left;} #footerSocial #newsletterForm .newsGo { cursor: pointer;width:auto;height:45px;text-align:center;background-color: #000000;font: 600 18px/45px 'Montserrat', sans-serif;color: #fff;text-transform:uppercase;border: 0 none;border-radius: 3px; float:right; margin-left:1%; padding: 0 24px 0 24px;} #footerSocial #newsletterForm .newsGo:hover {background-color: #b4b9bc;color: #000;} #footerSocial div.socials {display:block;box-sizing:border-box;width:calc(100% - 610px); float:right;text-align:center; margin-top: 2rem;} #footerSocial div.socials a {display:inline-block;box-sizing:border-box;padding: 2.6rem;margin:0px 10px;background-position: -10px -118px;background-repeat:no-repeat; border:1px solid #fff; border-radius: 50%;} #footerSocial div.socials a:hover {background-position:-10px -13px; background-color: #fff;} #footerSocial div.socials a.facebook {background-image: url(../images/tri-social-icon-facebook.png);} #footerSocial div.socials a.twitter {background-image: url(../images/tri-social-icon-twitter.png);} #footerSocial div.socials a.instagram {background-image: url(../images/tri-social-icon-instagram.png);} #footerLinks {display:block;box-sizing:border-box;width:100%;max-width:1000px;margin: 0px auto;padding: 30px 0px;} .social-network-block { display: flex; margin: 0; width: 33%; } .social-network-block h3 { text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-size: 18px; display: block; float: left; margin: 0; font-weight: 700; } .social-network-block ul { margin: 0 0 0 12px; list-style: none; float: left; } .social-network-block ul li { list-style: none; float: left; padding-right: 3px; } .social-network-block ul li a { margin: 0; padding: 0; width: 24px; height: 24px; display: block; } .social-network-block ul li a.facebook { background-repeat: no-repeat; background-position: 0px 0px; } .social-network-block ul li a.facebook:hover { background-position: 0px bottom; } .social-network-block ul li a.twiter { background-repeat: no-repeat; background-position: -24px 0px; } .social-network-block ul li a.twiter:hover { background-position: -24px bottom; } .social-network-block ul li a.googleplus { background-repeat: no-repeat; background-position: -48px 0px; } .social-network-block ul li a.googleplus:hover { background-position: -48px bottom; } .social-network-block ul li a.tumbler { background-repeat: no-repeat; background-position: -72px 0px; } .social-network-block ul li a.tumbler:hover { background-position: -72px bottom; } .social-network-block ul li a.blog { background-repeat: no-repeat; background-position: -96px 0px; } .social-network-block ul li a.blog:hover { background-position: -96px bottom; } .social-network-block ul li a.youtube { background-repeat: no-repeat; background-position: -120px 0px; } .social-network-block ul li a.youtube:hover { background-position: -120px bottom; } .social-network-block ul li a.pintrest { background-repeat: no-repeat; background-position: -436px 0px; } .social-network-block ul li a.pintrest:hover { background-position: -436px bottom; } .social-network-block ul li a.instagram { background-repeat: no-repeat; background-position: -460px 0px; } .social-network-block ul li a.instagram:hover { background-position: -460px bottom; } .credit-cards-block { float: right; margin: 0; display: block; width: 33%; } .credit-cards-block ul { margin: 18px 0 0 0px; list-style: none; float: right; } .credit-cards-block ul li { list-style: none; float: left; padding-left: 6px; width: auto; } .credit-cards-block ul li a.paypal { background-repeat: no-repeat; background-position: -144px 0px; display: block; width: 68px; height: 32px; } .credit-cards-block ul li a.visa { background-repeat: no-repeat; background-position: -212px 0px; display: block; width: 40px; height: 32px; } .credit-cards-block ul li a.mastercard { background-repeat: no-repeat; background-position: -251px 0px; display: block; width: 40px; height: 32px; } .credit-cards-block ul li a.discover { background-repeat: no-repeat; background-position: -292px 0px; display: block; width: 39px; height: 32px; } .credit-cards-block ul li a.amex { background-repeat: no-repeat; background-position: -331px 0px; display: block; width: 44px; height: 32px; } .sidebar { width: 20%; margin: 13px 0 0px 0px; float: left; padding: 0px 0px 14px 0px; } .category-block { background-color: #f3f3f3; padding: 0px; margin: 0px 0px 2px 0px; } .category-block h2.title { color: #fff; background-color: #000000; margin: 0px; padding: 12px 18px; } .category-block h2 { text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 700; text-align:center;} .category-block ul { padding: 0px; list-style: none; margin: 0px; } .category-block ul li { margin: 0; padding: 0px 0 0 0; } .category-block ul li:first-child a { padding-top: 16px; } .category-block ul li a { text-decoration: none; color: #6e6e6e; display: block; padding: 12px 18px} .category-block ul li a:hover { color: #cb1138;background-color: #fdfdfd; } .col-main-block { margin: 7px 0px 0px 0px; padding: 0px 0px 14px 0px; } .min-width { width: 80%; float: left; } .max-width { width: initial; padding: 0 22px; } .col-main-block h1.title { color: #000000; background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/dotted-border-title.png); background-repeat: repeat-x; background-position: left bottom; margin: 6px 0 0 0px; padding: 8px 0px; text-align: center } .col-main-block h1 { text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 600 } .breadcrumbs { padding: 22px 20px 0px 20px; margin: 0px; text-align: left; color: #000; font-size: 14px; } .breadcrumbs a.link { background-image: url(../images/breadcrumb-seprator.png); background-repeat: no-repeat; background-position: right 4px; padding: 0px 15px 0px 0px; margin: 0px 8px 0px 0px; line-height: 20px; } .breadcrumbs a { color: #6e6e6e; text-decoration: none; } .breadcrumbs span.normal { margin: 0; padding: 0px 0px 0px 0px; } .breadcrumbs a:hover { color: #838383; text-decoration: none; } .breadcrumbs a.previous-link { background-color: #fff; background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/breadcrumbs-arrow-hvr.png); background-repeat: no-repeat; background-position: 8px center; padding: 8px 10px 8px 22px; margin: 0px 10px 0px 0px; color: #000; border: 1px solid #000; } .breadcrumbs a.previous-link { text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-size: 14px; } .breadcrumbs a.previous-link:hover { background-color: #000; background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/breadcrumbs-arrow.png); background-repeat: no-repeat; background-position: 8px center; color: #fff; } .page_cate_title {border-bottom: 1px solid #e1e1e1; padding: 14px 20px 16px 20px; color: #000;} .page_cate_title h2{ font-size: 30px; font-weight:700;} .placeholder-image { background-color: #fafafa; background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/dotted-border-title.png); background-repeat: repeat-x; background-position: left bottom; padding-top: 2px; color: #333438; position: relative; overflow: hidden; } .placeholder-block { background-color: #fafafa; padding: 10px; color: #333438; position: relative; overflow: hidden; float: left; width: auto; margin: 0 0px 0 22px; } .placeholder-block-myaccount { background-color: #fafafa; padding: 10px; color: #333438; position: relative; overflow: hidden; width: 50%; margin: 0 auto; } .placeholder-block-new { width: 75%; float: left; margin: 13px 0px 0 20px; } .placeholder-block a { color: #245daf; text-decoration: underline; } .placeholder-block a:hover { text-decoration: none; } /*.placeholder-block div.left-img { background-color: #FFFFFF; border: #e9e9e9 1px solid; float: left; margin: 0px 10px 0px 0px; } .placeholder-block div.left-img span{ background-color: #FFFFFF; width: 100%; height:100%; text-align: center; display:block; }*/ .placeholder-block div.left-img { text-decoration: none; margin: 0px; padding: 0px; float: left; width: 158px; height: 158px; display: block; background-color: #FFFFFF; border: #e9e9e9 1px solid; float: left; margin: 0px 10px 0px 0px; } .placeholder-block div.left-img .inner_span_1 { height: 100%; display: inline-block; vertical-align: middle; width: 0px; cursor: pointer; } .placeholder-block div.left-img .inner_span_2 { text-align: center; width: 100%; display: inline-block; vertical-align: middle; cursor: pointer; } .placeholder-block iframe { vertical-align: middle !important } .social-likes-block { border-top: #d4d4d4 1px solid; margin: 10px auto; float: right; width: 754px; position: relative; bottom: -20px; right: 4px; overflow: hidden; padding: 0px 0px 10px 0px; } /* Paging Block */ .paginng-block { border: #e0e0e0 1px solid; background-color: #fafafa; margin: 8px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow: hidden; width: initial } .paginng-block .sort-by-block { background-color: #ffffff; margin: 0px 0px; padding: 13px 10px; border-right: #e0e0e0 1px solid; width: 20%; color: #3e3e3e; float: left; } .paginng-block .title { font-size: 13px; font-weight: bold; padding: 0 5px 0 0px; } .paginng-block .sort-by-block .sort-input { background-color: #ffffff; margin: 0px 0px; padding: 4px 4px; border: #979797 1px solid; display: inline-block; font-size: 12px; } .sort-input select { display: inline-block; padding: 0px 0px 0px 0px; margin: 0; font: inherit; outline: none; /* remove focus ring from Webkit */ line-height: 1.6; background: #000; color: #333438; border: 0; } .paginng-block .page-no-block { margin: 0px 0px 0px 0px; padding: 0px 16px 0 0; border-left: #e0e0e0 1px solid; width: initial; position: relative } .page-no-block .showing-page { margin: 18px 22px 13px 16px; float: left; } .page-no-block .page-no { margin: 0px auto 0px auto; padding: 15px 0px 0px 0px; position: relative; left: 40%; } .page-no .pre-btn, .page-no .next-btn, .number-of-page { float: left; display: inline-block; cursor: pointer; } .page-no .pre-btn a, .page-no .next-btn a { line-height: 24px } .page-no .pre-btn { width: 7px; height: 24px; display: inline-block; float: left; margin-right: 4px; background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/prev-btn-nml.png); background-position: 0px center; background-repeat: no-repeat; line-height: 24px } .page-no .pre-btn:hover { background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/prev-btn-hvr.png); background-position: 0px center; background-repeat: no-repeat; } .page-no .next-btn { background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/next-btn-nml.png); background-position: 0px center; background-repeat: no-repeat; width: 7px; height: 24px; display: inline-block; float: left; margin-left: 4px; line-height: 24px } .page-no .next-btn:hover { background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/next-btn-hvr.png); background-position: 0px center; background-repeat: no-repeat; } .page-no .number-of-page { margin: 0px; float: left; display: block; line-height: 24px; } .page-no .number-of-page a { margin: 0px; padding: 0px; text-align: center; text-decoration: none; font-family: 'Montserrat', sans-serif; font-size: 16px; } .page-no .number-of-page a.active { background-position: 0px 0px; width: 22px; height: 26px; float: left; display: block; color: #000; } .page-no .number-of-page span.normal { color: #636364; float: left; display: block; } .page-no .number-of-page a.link { background-position: -24px 0px; width: 26px; height: 26px; float: left; display: block; color: #909090; margin: 0px 1px 0px 0px; } .page-no .number-of-page a.link:hover { color: #000; } .page-no-block .view-all { font-family: 'Montserrat', sans-serif; font-size: 16px; width: auto; float: right; margin: 0px; } .page-no-block .view-all a { color: #ffffff; background-color: #000; width: auto; text-decoration: none; text-transform: uppercase; padding: 8px 12px; margin: 4px 0px; line-height: 22px; } .page-no-block .view-all a:hover { background-color: #fff; border: 1px solid #000; color: #000 } .detail-product-block { width: 100%; margin: 0; padding: 20px 0 10px 0; position: relative; overflow: hidden; } .detail-block-left { width: 48%; float: left; display: block; margin: 0px -2px 0 2px; padding: 0px 8px 8px 0px; } .detail-block-left .sml-thumb { margin: 0px 6px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; vertical-align: middle; width: 124px; height: 124px; text-align: center; display: grid; line-height: 0; position: relative; } .detail-block-left .sml-thumb img { background-color: #fff; text-align: center; line-height: 100%; display: flex; position: relative; align-items: center; margin: auto; overflow: hidden; } .detail-block-left .sml-thumb span { background-color: #fff; text-align: center; width: 0; height: 87%; line-height: 0; margin: auto 0px; display: inline-block; } .detail-block-left .bdr-active { border: 1px #a1a1a1 solid; } .detail-block-left .bdr-normal { border: 1px #e2e2e2 solid; } .detail-block-left .bdr-normal:hover { border: 1px #a1a1a1 solid; } .detail-block-left .last { margin: 0px; padding: 0px; } /*.left-small-blocks, .right-big-block { background-color:#000000; float:left; }*/ .right-big-block { border: 1px #e2e2e2 solid; width: 484px; } .big-img-block { width: 100%; height: 410px; } .big-img-block .product-img-block { background-color: #FFFFFF; padding: 0px 0px 0px 0px; text-align: center; margin: 0px auto 0px auto; display: block; width: 100%; vertical-align: middle; line-height: 0; height: 100%; } .big-img-block .product-img-block img { text-align: center; line-height: 100%; vertical-align: middle; } .big-img-block .product-img-block span { background-color: #fff; text-align: center; width: 0; height: 50%; line-height: 0; margin: auto 0px; display: inline-block; } .zoom-block { border-top: 1px #e2e2e2 solid; text-transform: uppercase; text-align: left; margin: 0; padding: 0 0 0 16px; height: 40px; } .zoom-block a { display: block; background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/zoom-icon.png); background-position: 0px 12px; background-repeat: no-repeat; font-family: 'Montserrat', sans-serif; color: #585858; font-size: 16px; text-decoration: none; padding: 11px 0 0 24px; margin: 0; } .zoom-block a:hover { color: #a1a1a1; } .reward-block { background-color: #fff; background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/reward-box-bg.png); background-position: left center; background-repeat: no-repeat; margin: 10px auto 0px auto; height: 80px; float: none; width: 70%; border: 1px solid #b7b7b7; } .reward-block .rwd-pnt-lft { margin: 0px 0px 0px 90px; height: 76px; float: left; width: 250px; } .reward-block .rwd-pnt-lft h3 { font-family: 'Montserrat', sans-serif; color: #000; font-size: 22px; text-transform: uppercase; padding: 12px 0px 0px 0; width: 100%; } .reward-block .rwd-pnt-lft p { color: #777777; font-size: 16px; padding: 4px 6px 4px 0px; display: block; float: left; margin: 6px 0px 0px 0px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; } .rwd-pnt-lft a.link { font-family: 'Montserrat', sans-serif; background-color: #fff; background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/reward-arrow-hvr.png); background-repeat: no-repeat; background-position: 96px center; padding: 4px 28px 5px 10px; margin: 0px 10px 0px 0px; color: #000; float: left; border: 1px solid #000; } .rwd-pnt-lft a.link { text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-size: 14px; text-decoration: none; margin-top: 4px; } .rwd-pnt-lft a.link:hover { background-color: #000; color: #fff; border: 1px solid #000; background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/reward-arrow.png); background-repeat: no-repeat; background-position: 96px center; } .reward-block .rwd-pnt-rgt { background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/reward-box-bg.png); background-position: right 0px; background-repeat: no-repeat; width: 10px; height: 76px; float: right; margin: 0; padding: 0; } .detail-block-right { width: 50%; float: left; padding: 0px 0px 0px 16px; position: relative; overflow: hidden; } .detail-block-right h2 { font-family: 'Montserrat', sans-serif; color: #000000; font-size: 15px; display: block; padding: 0px 0px 10px 0px; } .optionDiv { float: left; width: 100%; display: inline-block; } .optionLeft, .optionRight { float: left; padding: 9px 0 6px; margin: 0; } .optionDiv .optionLeft { display: block; padding-right: 14px; color: #8d8d8d; font-weight: 700;} .optionDiv .optionRight { display: block; color: #000000; width: auto; float: initial; font-weight: 500; } .optionDiv .optionWide {padding: 12px 0; font-weight: 700; color: #8d8d8d; position: relative; overflow: hidden;} .optionDiv .optionWide div {font-weight: 700;} .optionDiv .optionWide div input {margin-left: 10px;} .optionDiv .reg-price { color: #8d8d8d; font-weight: 700; font-size: 20px; padding-bottom:0 !important; } .optionDiv .sale-price { color: #000; font-size: 26px; font-weight: 700; padding-top:0 !important; } .optionDiv .optionList { border: #e0e0e0 1px solid; height: 21px; line-height: 20px; background-color: #FFFFFF; list-style: outside 0 none; } .optionDiv .quantity-box { border: #e0e0e0 1px solid; line-height: 20px; padding: 0px 12px; background-color: #FFFFFF; list-style: outside 0 none;height: 40px; border-radius: 3px; } .optionDiv .optionRight select { border: 1px solid #e0e0e0; border-radius: 3px; background: transparent none; font-size: 14px; color: #383841; padding: 0 6px 0 6px; margin: 0; line-height: 30px; height: 40px; min-width: 50%} .optionRight small{display: block;} .make-an-offer {margin: 18px 0 0 0;text-align: left;position: relative;align-items: center;display: inline-flex;left: 70px;} .optionDiv .dtl-pge-buttons { margin: 0; } .optionDiv .dtl-pge-buttons a { background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/buttons-.png); background-position: -9999999px -9999999px; background-repeat: no-repeat; text-indent: -999999; } .optionDiv .dtl-pge-buttons .cart-btn { text-indent: -99999px; display: block; float: left; margin: 0 6px 0 0px; width: 176px; height: 46px; z-index: 10; background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/add-to-cart.png); background-position: 0 0; background-repeat: no-repeat; cursor: pointer; } .optionDiv .dtl-pge-buttons input.cart-btn:hover { background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/add-to-cart-hvr.png); background-position: 0 0; background-repeat: no-repeat; z-index: 11; } .optionDiv .dtl-pge-buttons .wishlist-btn, .optionDiv .dtl-pge-buttons a.email-btn { cursor: pointer; margin-top: 4px; } .optionDiv .dtl-pge-buttons a.wishlist-btn { background-position: 0px 0px; background-repeat: no-repeat; width: 170px; height: 36px; text-indent: -99999px; display: inline-block; float: left; margin-right: 6px; } .optionDiv .dtl-pge-buttons a.wishlist-btn:hover { background-position: -170px 0px; background-repeat: no-repeat; } .optionDiv .dtl-pge-buttons a.email-btn { background-position: 0px -36px; background-repeat: no-repeat; width: 160px; height: 36px; text-indent: -99999px; display: block; float: left; } .optionDiv .dtl-pge-buttons a.email-btn:hover { background-position: -160px -36px; background-repeat: no-repeat; } /* Pro-list classes */ .listing-pro-block { text-decoration: none; display: inline-block; margin: 0px; padding: 0px; width: 100%; } .list-pro-middle-bg { text-decoration: none; display: inline-block; margin: 0px; width: 100%; padding: 0; } .list-grid-block { /*text-decoration: none; margin: 10px auto 10px auto; padding:0px 0px 10px 0px; width: 100%; border-bottom: 1px solid #bcbcbc; position: relative; overflow: hidden; align-items: center; display: flex; background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/pro-list-box-bg.jpg); background-repeat: repeat-x; background-position: right bottom;*/ text-decoration: none; margin: 10px auto 10px auto; padding: 0px 0px 10px 0px; width: 100%; border-bottom: 1px solid #bcbcbc; position: relative; overflow: hidden; } .list-grid-block:last-child { border-bottom: 0px none } .list-box-grid { text-decoration: none; margin: 4px auto 4px auto; padding: 0px 2px 0px 10px; float: left; width: 19%; } .list-block-img { text-decoration: none; margin: 0px; padding: 0px; height: initial;/* float: left; width: 18%; display: inline;*/ } .list-block-img .inner_span_1 { height: 100%; display: inline-block; vertical-align: middle; width: 0px; cursor: pointer; } .list-block-img .inner_span_2 { text-align: center; width: 100%; display: inline-block; vertical-align: middle; cursor: pointer; } .list-block-text { margin: 0px; color: #333438; text-align: center; line-height: 14px; padding-top: 12px; padding-right: 6px; padding-bottom: 8px; padding-left: 6px; font-style: normal; height: 58px;/*float: left; width: initial; display: inline-block;*/ } .list-block-text h2 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #333438; text-decoration: none; } .list-block-text a { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #333438; text-decoration: none; } .list-block-text a:hover { color: #000; } .list-block-regular-price { text-decoration: none; margin: 0px; float: left; width: 160px; padding-top: 21px; padding-right: 8px; padding-bottom: 0px; padding-left: 8px; font-size: 12px; font-weight: bold; color: #7c7c7c; } .list-block-regular-price span { font-size: 13px; font-weight: bold; color: #7C7C7C; text-decoration: line-through; } .list-box-grid .product-action { margin: 0px 0px; padding: 0px; border-bottom: 1px solid #bcbcbc; border-top: 1px solid #bcbcbc; display: inline-flex; } .list-box-grid .product-action a.detail { font-family: 'Montserrat', sans-serif; padding: 20px 10px; background-color: #f0efef; display: grid; margin: 0; text-decoration: none; color: #585858; font-size: 13px; text-align: center; width: 30%; } .list-box-grid .product-action a.detail:hover { color: #FFFFFF; background-color: #4d4d4d; } .list-box-grid .product-action:hover a.detail { color: #FFFFFF; background-color: #4d4d4d; } .list-box-grid .product-action:hover { background-position: right bottom; background-repeat: no-repeat; } .product-action .prices-block { float: left; width: 70%; font-size: 16px; font-weight: bold; line-height: 36px; padding: 12px 0 4px 0; } .product-action span.off-price { color: #848586; padding: 8px 0px 0px 0px; margin: 0 0px 0 8px; display: block; line-height: 0px; } .product-action span.sale-price { color: #000000;margin: auto 8px; } /* Cate -list classes */ .cate-pro-block { text-decoration: none; display: block; margin: 0px; padding: 0px; float: left; width: 714px; } .cate-pro-middle-bg { text-decoration: none; display: block; margin: 0px; float: left; width: 714px; padding-top: 0px; padding-right: 2px; padding-bottom: 0px; padding-left: 2px; } .cate-grid-block { text-decoration: none; margin: 0px 4px; padding: 0px 0px 8px 0px; float: left; width: 706px; display: block; background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/cate-list-box-bg.jpg); background-repeat: repeat-x; background-position: right bottom; } .cate-box-grid { text-decoration: none; margin: 0px 8px; padding: 0px; float: left; width: 150px; display: block; } .cate-block-img { text-decoration: none; margin: 0px; padding: 0px; float: left; width: 154px; height: 170px; display: block; } .cate-block-img .inner_span_1 { height: 100%; display: inline-block; vertical-align: middle; width: 0px; cursor: pointer; } .cate-block-img .inner_span_2 { text-align: center; width: 100%; display: inline-block; vertical-align: middle; cursor: pointer; } .category-border-img { background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/product-box-bdr.jpg); background-repeat: repeat-x; background-position: left bottom; } .cate-box-grid .product-action { background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/product-action-cate.jpg); background-position: -26px top; background-repeat: no-repeat; text-transform: uppercase; float: left; height: 100%; width: 154px; min-height: 46px; } .cate-box-grid .product-action { margin: 0px 0px; padding: 8px 0px 0px 0px; } .cate-box-grid .product-action a.detail { color: #585858; display: inline; float: right; font-family: 'Montserrat', sans-serif; font-size: 13px; line-height: 14px; margin: 5px 7px 0 0; right: 0; text-align: center; text-decoration: none; vertical-align: middle; width: 40px; } .cate-box-grid .product-action a.detail:hover { color: #FFFFFF; } .cate-box-grid .product-action:hover a.detail { color: #FFFFFF; } .cate-box-grid .product-action:hover { background-position: right top; background-repeat: no-repeat; } .cate-name-block { float: left; width: 94px; } .product-action .pro-name { color: #333438; text-align: left; font-size: 13px; } .product-action .pro-name a.link { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #333438; text-decoration: none; text-transform: none; line-height: 14px; } .product-action .pro-name a.link:hover { color: #1e529d; } /* Intrested Pro list start */ .intrest-pro-block { text-decoration: none; display: block; margin: 20px 0; padding: 0px; float: left; width: 100%; } .intrest-pro-block .intrest-title { text-transform: uppercase; } .intrest-pro-block .intrest-title h2 { font-family: 'Montserrat', sans-serif; text-transform: uppercase; background-color: #fff; z-index: 48; display: inline; width: inherit; position: relative; overflow: hidden; padding-right: 20px; } .intrest-pro-block .intrest-title h2:before { content: ""; background-color: #000; height: 1px; width: 100%; position: relative; top: 12px; z-index: 1; display: flex; } .intrest-pro-middle-bg { text-decoration: none; display: inline-block; margin: 0px; width: 100%; padding: 0; } .intrest-grid-block { text-decoration: none; margin: 10px auto 10px auto; padding: 0px 0px 10px 0px; width: 100%; border-bottom: 1px solid #bcbcbc; position: relative; overflow: hidden; align-items: center; display: flex; } .intrest-grid-block:last-child { border-bottom: 0px none; } .intrest-box-grid { text-decoration: none; margin: 4px auto 4px auto; padding: 12px 4px 4px 4px; float: left; width: 20%; border: 1px solid #bcbcbc; min-height: 240px;} .intrest-block-img { text-decoration: none; margin: 0px; padding: 0px; height: 150px; } .intrest-block-img .inner_span_1 { height: 100%; display: inline-block; vertical-align: middle; width: 0px; cursor: pointer; } .intrest-block-img .inner_span_2 { text-align: center; width: 100%; display: inline-block; vertical-align: middle; cursor: pointer; } .intrest-block-text { margin: 0px; color: #333438; text-align: center; line-height: 14px; padding-top: 0px; padding-right: 6px; padding-bottom: 8px; padding-left: 6px; font-style: normal; height: 58px; } .intrest-block-text h3{ text-align:left;} .intrest-block-text h3 a{ text-decoration:none; color: #000 !important} .intrest-block-text a { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #333438; text-decoration: none; } .intrest-block-text h3 a:hover { color: #cb1138 !important; text-decoration:underline; } .intrest-block-regular-price { text-decoration: none; margin: 0px; float: left; width: 160px; padding-top: 21px; padding-right: 8px; padding-bottom: 0px; padding-left: 8px; font-size: 12px; font-weight: bold; color: #7c7c7c; } .intrest-block-regular-price span { font-size: 13px; font-weight: bold; color: #7C7C7C; text-decoration: line-through; } .spacer-img { text-decoration: none; overflow: hidden; width: 1.25%; margin: 0px auto 0px auto; float: left; padding: 0;/*padding: 0; border-right: 1px solid #bcbcbc; height: 290px;*/ } .spacer-img img { height: 96%; content: ""; /*background-color: blue;*/ /*width: 1px;*/ display: flex; align-content: center; position: absolute; top: 0; margin: 0 3px; /*border-right: 1px solid #bcbcbc;*/ } .category-border-img { background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/product-box-bdr.jpg); background-repeat: repeat-x; background-position: left bottom; } .float-left { text-decoration: none; float: left; width: 100%; } .float-left-nw { float: left; } .intrest-box-grid .product-action { margin: 0px 0px; padding: 0px; display: inline-flex; } .intrest-box-grid .product-action { text-transform: uppercase; width: 100%; } .intrest-box-grid .product-action a.detail { font-family: 'Montserrat', sans-serif; padding: 0 10px 0 10px; align-items: center; background-color: #f0efef; display: inline-grid; margin: 0; text-decoration: none; color: #585858; font-size: 13px; text-align: center; width: 30%; } .intrest-box-grid .product-action a.detail:hover { color: #FFFFFF; background-color: #4d4d4d; } .intrest-box-grid .product-action:hover a.detail { color: #FFFFFF; background-color: #4d4d4d; } .intrest-box-grid .product-action:hover { background-position: right bottom; background-repeat: no-repeat; } /*.product-action .prices-block { float:left; width: 64%; line-height: 36px; padding: 12px 0 4px 0; } .product-action span.off-price { color: #848586; font-size: 14px; font-weight: normal; padding: 8px 0px 0px 0px; margin: 0 0px 0 8px; display:block; line-height: 0px; } .product-action span.sale-price { color: #e70703; font-size: 16px; font-weight: bold; margin: auto 8px; }*/ /* Tabbed Block Start*/ .tab-menu-area { margin: 1rem 0 2rem; padding: 0px; width: 100%; position: relative; display: block; } .description-area { margin: 22px 0 0 0; display: inline-block; width: 100%; } .des-txt { margin: 40px 0 20px; padding: 0px; width: auto; color: rgb(0, 0, 0,1); line-height: 18px; float: left; display: none; width: 100%; } .des-txt h2 { font-family: 'Montserrat', sans-serif; text-transform: uppercase; background-color: #fff; z-index: 48; display: inline; width: inherit; position: relative; overflow: hidden; padding-right: 20px; } .des-txt h2:before { content: ""; background-color: #000; height: 1px; width: 100%; position: relative; top: 10px; z-index: 1; display: flex; } .des-txt a { color: #cb1138; text-decoration: underline } .product-tab { margin: 20px 22px; font-weight: normal; text-decoration: none; position: relative; overflow: hidden; } /* .description-text h3 { margin: 0px; padding: 0px 0px 15px; color: rgb(96, 76, 65); } .description-text p { margin: 0px; padding: 0; line-height: 18px; float: left; display: block; } .description-text a { color: #0066CC; } .description-text span { color: rgb(51, 51, 51); font-size: 16px; font-weight: 500; text-decoration: none; } */ .dark-grey-bg-area { padding: 0px; } .dark-grey-bg-area>.tab-pane{ display: block; height: 0px; overflow: hidden; } .dark-grey-bg-area>.active{ height: auto;} .glowingtabs { margin: 0px auto; padding: 0px; width: 100%; color: rgb(41, 41, 41); font-size: 16px; font-weight: normal; text-decoration: none; display: flex; position: relative; } .shadetabs { margin: 0px; padding: 0px 0px;color: #292929;line-height: normal;font-size: 16px;text-decoration: none;list-style-type: none;border-bottom: 2px solid #c0c0c0;width: 100%; } .shadetabs li { margin: 0px 0rem; padding: 19px 0;text-decoration: none;float: left;display: inline-block;text-align: center;} .shadetabs li img { margin: 4px 0px 0px; padding: 0px; line-height: 0px; font-size: 0px; text-decoration: none; } .shadetabs li a { margin: 0px; padding: 0; color: #000; line-height: normal; font-size: 16px; font-weight: 600; text-decoration: none; display: inline-block; font-family: 'Montserrat', sans-serif; } .shadetabs a.selected { border-width: 0px; margin: 0px; color: #000; line-height: normal; text-decoration: none; padding-top:0 !important; padding-bottom:0 !important; } .shadetabs a.selected span { background-color: #fff; margin: 0px; color: #000; line-height: normal; text-decoration: none; padding-top:0 !important; padding-bottom:0 !important; } .shadetabs a span:after {z-index: 1; content: ''; background-color: #ccc; width: 70%; display: block; height: 3px; bottom: -26px; min-width: 260px; margin: 0 auto; position: relative;} .shadetabs a.selected span:after {z-index: 2; content: ''; background-color: #000; width: 70%; display: block; height: 6px; bottom: -26px; min-width: 260px; margin: 0 auto; position: relative;} .shadetabs a.selected:hover { border-width: 0px; margin: 0px; text-decoration: none; } .shadetabs a.selected:hover span { color: #000; text-decoration: none; } .shadetabs a span { margin: 0px; padding: 0; color: #aeaeae; line-height: normal; text-decoration: none; float: left; text-transform: uppercase; } .shadetabs a span { float: none; } .shadetabs a:hover { margin: 0px 0px 0px 0px; color: #000; } .shadetabs a:hover span { margin: 0px 0px 0px 0px; color: #000; } .tabcontent { color: #000; display: none; } .tabcontent { display: block !important; } /* Main Slider */ .main-slider-block { padding: 0; width: 100%; height: 504px; /*float:left;*/ overflow: hidden; position: relative;/* z-index:90;*/ } DIV.jsnavbtnslider_placeholder { FLOAT: left; OVERFLOW: hidden; PADDING: 0px; MARGIN: 0px; CURSOR: pointer; WIDTH: 100%; HEIGHT: 100%; position: absolute; } DIV.jsnavbtnslider_hidden { POSITION: absolute; OVERFLOW: hidden; TOP: 9000px; WIDTH: auto; HEIGHT: auto; } DIV.jsnavbtnslider_image { POSITION: absolute; LEFT: 0%; TOP: 0px; right: 0%; width: 100%; height: auto; } DIV.jsnavbtnslider_image, DIV.jsnavbtnslider_image_new { width: auto; height: 100%; } DIV.jsnavbtnslider_image img { BORDER: 0px; PADDING: 0px; MARGIN: 0px; width: 100%; height: 100%; } DIV.jsnavbtnslider_navbtngrp { PADDING: 0px; CURSOR: pointer; WIDTH: auto; bottom: 16px; margin: 0; z-index: 0; position: absolute; right: 1%; padding: 9px; } DIV.jsnavbtnslider_navbtn_outer { float: left; margin-left: 2px; margin-right: 2px; text-align: center; vertical-align: middle; color: #2a2a2a; font-size: 13px; } DIV.jsnavbtnslider_navbtn_inner { cursor: pointer; background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/bullet-res.png); background-repeat: no-repeat; background-position: 0px 0px; height: 14px; width: 14px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } DIV.jsnavbtnslider_navbtn_inner:hover { background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/bullet-res.png); background-repeat: no-repeat; background-position: 0px -14px; } DIV.jsnavbtnslider_navbtn_active { background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/bullet-res.png); background-repeat: no-repeat; background-position: 0px -28px; } DIV.jsnavbtnslider_navbtn_active:hover { background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/bullet-res.png); background-repeat: no-repeat; background-position: 0px -14px; } ul.seo-links li { float: left; display: inline; background: url(../images/navi-bullet.png) 15px 14px no-repeat; margin: 0; padding: 0; width: 50%; padding-bottom: 12px; padding-top: 12px; } ul.seo-links li a { text-decoration: none; padding-left: 25px; display: block; color: #000 } ul.seo-links li a:hover { text-decoration: underline; color: #cb1138 } ul.des-bullet-links {float:left; margin-bottom: 20px;} ul.des-bullet-links li { width: 95%; padding-left:3% !important; float: left; display: inline; background: url(../images/des-bullet.png) 15px 14px no-repeat; padding-bottom: 12px; padding-top: 12px; } ul.des-bullet-links li a { text-decoration: none; padding-left: 25px; display: block; } ul.des-bullet-links li a:hover { text-decoration: underline; } /*Contants Block */ .contants-block { margin: 0; } .contants-block { padding: 12px; color: #333438; position: relative; overflow: hidden; } .contants-block a.link { color: #245daf; text-decoration: underline; } .contants-block a.link:hover { text-decoration: none; } .contants-block a.link-arrow { font-family: 'Montserrat', sans-serif; font-size: 14px; color: #245daf; background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/link-arrow.png); background-repeat: no-repeat; background-position: right 6px; padding: 0px 10px 0px 0px; } .contants-block a.link-arrow:hover { text-decoration: none; } .contants-block .left-img { text-decoration: none; padding: 0px; width: 100%; display: block; border-bottom: #e9e9e9 1px solid; float: left; margin: 0px 0px 10px 0px; } .contants-block .left-img img { width: 100%; } .contants-block .title-h2 { font-family: 'Montserrat', sans-serif; font-size: 20px; color: #245daf; text-transform: uppercase; } .contants-block .title-h3 { font-family: 'Montserrat', sans-serif; font-size: 16px; color: #000000; padding: 6px 0; text-decoration: underline; } .contants-block .title-h4 { font-family: 'Montserrat', sans-serif; font-size: 18px; color: #000000; padding: 6px 12px; text-decoration: underline; background-color: #e9e9e9; margin: 10px 0px; } .contants-block p { padding: 0px; margin: 0px; font-size: 13px; color: #53595a; } .contants-block textarea { border: #979797 1px solid; padding: 6px; } .guage-size-block { width: 100%; text-align: left; } .guage-text-block { color: #53595a; text-align: center; } .guage-text-block-11 { float: left; color: #53595a; text-align: center; font-size: 11px; } .bead-sizes-block { margin: 0px; width: 100%; margin: 12px 0px; display: block; float: left; text-align: left; } .bead-img-block { float: left; text-align: center; width: 100%; } .measuring-chart-block { margin: 0px; width: 100%; margin: 12px 0px; display: block; float: left; text-align: left; } .measuring-img-block { float: left; text-align: center; width: 100%; } .color-chart-block { margin: 0px; width: 100%; margin: 12px 0px; display: block; float: left; text-align: left; } .color-img-block { float: left; text-align: center; width: 100%; } .help-link-block { display: block; min-height: 180px; color: #383841; width: 19.3%; padding: 0px 0px; font-size: 13px; border: #d9d9d9 1px solid; float: left; margin: 0px 6px 0px auto; } .help-link-block h3 { text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-size: 14px; color: #245daf; padding: 6px 0px; background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/help-title-bg.jpg); background-repeat: repeat-x; background-position: left 0px; padding: 10px 8px; } .help-link-block ul { display: block; float: left; list-style-type: none; margin: 0 6px 0 8px; padding: 3px 0px 0 3px; } .help-link-block ul li { margin: 0 0px 0px 0px; padding: 7px 0 0; } .help-link-block ul li a { background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/help-link-arrow.jpg); background-repeat: no-repeat; background-position: left 4px; padding: 0px 0px 0px 12px; color: #53595a; text-decoration: none; display: block; } .help-link-block ul li a:hover { color: #000000; } .page-code-block { width: 520px; background-color: #fbfafa; border: #12121c 1px dashed; margin: 10px 0px; padding: 12px; } .link-partner-list { list-style: circle; padding-top: 12px; } .link-partner-list li { list-style-type: circle; display: block; padding-bottom: 10px; } .link-partner-list li a { color: #245DAF; line-height: 25px; } div font a { color: #255DB0; text-decoration: underline; } div font a:hover { color: #255DB0; text-decoration: none; } #back-top { position: fixed; bottom: 135px; right: 0; margin-right: 150px; } #back-top a { width: 40px; display: block; text-align: center; font: 11px/100% Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; color: #bbb; } #back-top a:hover { color: #000; } /* arrow icon (span tag) */ #back-top span { width: 40px; height: 40px; display: block; margin-bottom: 7px; background: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/up-arrow.png) no-repeat center center; /* Required for IE 5, 6, 7 */ /* ...or something to trigger hasLayout, like zoom: 1; */ width: 100%; /* Theoretically for IE 8 & 9 (more valid) */ /* ...but not required as filter works too */ /* should come BEFORE filter */ -ms-filter: "progid:DXImageTransform.Miccrosoft.Alpha(Opacity=50)"; /* This works in IE 8 & 9 too */ /* ... but also 5, 6, 7 */ filter: alpha(opacity=50); /* Older than Firefox 0.9 */ -moz-opacity: 0.5; /* Safari 1.x (pre WeebKit!) */ -khtml-opacity: 0.5; /* Modern! /* Firefox 0.9+, Safari 2?, Chrome any? /* Opera 9+, IE 9+ */ opacity: 0.5; } #back-top a:hover span { /* Required for IE 5, 6, 7 */ /* ...or something to trigger hasLayout, like zoom: 1; */ width: 100%; /* Theoretically for IE 8 & 9 (more valid) */ /* ...but not required as filter works too */ /* should come BEFORE filter */ -ms-filter: "progid:DXImageTransform.Miccrosoft.Alpha(Opacity=100)"; /* This works in IE 8 & 9 too */ /* ... but also 5, 6, 7 */ filter: alpha(opacity=100); /* Older than Firefox 0.9 */ -moz-opacity: 1; /* Safari 1.x (pre WebKKit!) */ -khtml-opacity: 1; /* Modern! /* Firefox 0.9+, Safari 2?, Chrome any? /* Opera 9+, IE 9+ */ opacity: 1; } .listing-links-area { display: inherit; width: 80%; background: #4a4b4b; margin: 8px auto 8px auto; padding: 7px 0 3px 0; border-top: #585858 1px solid; border-bottom: #585858 1px solid; position: relative; overflow: auto; } .listing-txt { display: block; float: left; /*width: 300px;*/ width: 140px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #9a9a9a; padding-top: 2px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; margin: 0px; } .listing-txt span { margin: 0px; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 4px; } .listing-txt a { color: #fff; text-decoration: underline; } .listing-txt a:hover { color: #fff; text-decoration: none; } .view-all { display: block; float: left; width: 70px; padding-top: 2px; padding-right: 0px; padding-bottom: 0px; /*padding-left: 10px;*/ padding-left: 0px; margin: 0px; } .view-all a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #9a9a9a; text-decoration: underline; } .view-all a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #9a9a9a; text-decoration: none; } .view-all span { margin: 0px; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 4px; color: #9a9a9a; } .paging-link-main-area { float: right; display: block; text-align: center; margin: 0px 16px 0px 2px; max-width: 600px; } .previous-top { position: relative; float: left; text-align: right; } .paging-link-area { /*width:186px;*/ text-align: center; display: block; padding: 0px 0px; /*float: right;*/ float: left; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; /*margin-top: 2px;*/ margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; max-width: 460px; } .paging-link-area a { color: #fff; text-decoration: none; background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/paging-controls-video.png); background-repeat: no-repeat; float: left; background-position: left top; width: 26px; height: 25px; display: inline-block; padding: 0px 0px; line-height: 24px; } .paging-link-area a:hover { text-decoration: underline; background-position: -26px top; } .paging-link-area img { padding: 0px; margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 2px; } .paging-link-area a { color: #fff; text-decoration: none; } .paging-link-area a:hover { color: #000; text-decoration: underline; } .next-top { float: left; position: relative; text-align: right; } /* Added new class here */ .sidebar_right { width: 220px; margin: 0px 0px 0px 0px; float: right; padding: 0px 0px 14px 0px; background-color: #FFFFFF !important; border-left: 16px #FFFFFF solid; } .cnt-head-img { width: auto; margin: -6px 0 0 0; padding: 0; position: relative; overflow: hidden; text-align: center;} .video-list-block { margin: -3px 0 0px 0; padding: 0 0 14px 0; color: #FFFFFF; position: relative; overflow: hidden; } .video-list-block p { color: #FFFFFF; padding: 16px; } .video-grid-block { text-decoration: none; margin: 12px auto; width: 80%; display: flex;} .video-box-grid {text-decoration: none; width: 25%; padding: 0px; text-align: center; position: relative; align-items: center; } .video-box-grid a {display: inline-block; text-align: center;} /*.video-box-grid:first-child { margin: 0px 8px 0px 17px; } .video-box-grid:last-child { margin: 0px 17px 0px 8px; }*/ .video-block-img { text-decoration: none; margin: 0px; padding: 0px; float: left; width: 200px; height: 144px; display: block; position: relative; overflow: hidden; } .video-block-img img { width: 100%; height: 100%; } .video-block-img a { z-index: 58; } .video-block-img .inner_span_1 { height: 100%; display: inline-block; vertical-align: middle; width: 0px; cursor: pointer; } .video-block-img .inner_span_2 { text-align: center; width: 100%; display: inline-block; vertical-align: middle; cursor: pointer; } .video-frame { background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/video-frame.png); background-repeat: no-repeat; background-position: center top; width: 200px; height: 144px; display : block; position: absolute; top: 0; left: 0; margin-top: 0; z-index: 68;background-size: 100%; } .video-icon-box { position: absolute; margin-top: 0px; left: 0; top: 50px; width: 200px; height: 144px; padding: 0px; cursor: pointer; background: transparent; display: block; } .video-icon-box .vIcon { background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/video-icon.png); background-repeat: no-repeat; background-position: center top; width: 37px; height: 37px; display: block; text-align: center; margin: 0px auto 0px auto; padding: 0; } .video-icon-box .vIcon a { display: block; cursor: pointer; } .vTitlename { width: 80%; margin: 0 auto; } .vTitlename h2 { margin: 6px 0px; font-size: 18px; color: #000;} .vTitlename h2 a { color: #000; text-decoration: none; } .vTitlename h2 a:hover { color: #999999; text-decoration: none; } .relPro-block { background-color: #fff; padding-top: 38px; margin: 0px 0px 2px 0px; min-height: 300px; } .relPro-block h2.title { color: #000; background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/related-pro-title-bg.jpg); background-repeat: repeat-x; background-position: left top; margin: 0px; padding: 7px 18px; } .relPro-block h2 { text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-size: 18px; } .rPro-grid-block { margin: 0; padding: 0; border: #000000 1px solid; position: relative; overflow: hidden; } .rPro-box-grid { text-decoration: none; margin: 0px 8px; padding: 0px; float: left; width: 204px; display: block; text-align: left; border-bottom: #000000 1px solid; } .rPro-block-img { text-decoration: none; margin: 0px auto; padding: 0px; width: 168px; height: 170px; display: block; text-align: center; } .rPro-block-img .inner_span_1 { height: 100%; display: inline-block; vertical-align: middle; width: 0px; cursor: pointer; } .rPro-block-img .inner_span_2 { text-align: center; width: 100%; display: inline-block; vertical-align: middle; cursor: pointer; } .userProfilePic .inner_span_1 { height: 100%; display: inline-block; vertical-align: middle; width: 0px; cursor: pointer; } .userProfilePic .inner_span_2 { text-align: center; width: 100%; display: inline-block; vertical-align: middle; cursor: pointer; } .rPro-block-text { color: #333438; display: block; font-style: normal; line-height: 14px; margin: 0; padding: 0 6px 8px; text-align: left; } .rPro-block-text h2 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #333438; text-decoration: none; } .rPro-block-text a { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #333438; text-decoration: none; text-transform: none; } .rPro-block-text a:hover { color: #1e529d; } .rPro-box-grid:first-child { border-bottom: #000000 1px solid; } .rPro-box-grid:last-child { border: none 0px; margin-bottom: -1px; } .rPro-grid-block .product-action { position: relative; } .rPro-grid-block .product-action { margin: 12px 0px; padding: 0px 0px 0px 0px; } .rPro-grid-block .product-action a { font-family: 'Montserrat', sans-serif; font-size: 13px; color: #585858; text-decoration: none; text-align: left; } .rPro-grid-block .product-action a { vertical-align: middle; } .rPro-grid-block .product-action a:hover { color: #6b4508; } .rPro-grid-block .product-action:hover a { color: #6b4508; } .rPro-box-grid .product-action .prices-block { float: left; width: 100%; line-height: normal; margin: 0px 0 5px 0px; } .rPro-box-grid .product-action span.off-price { color: #848586; font-size: 14px; font-weight: normal; padding: 8px 0px 0px 0px; margin: 0 0px 0 8px; display: block; float: left; line-height: 22px; } .rPro-box-grid .product-action span.sale-price { color: #e70703; font-size: 16px; font-weight: bold; margin: auto 8px; line-height: 36px; } /* Team page css */ .teamTextBlock { padding: 0 15px; height: auto !important; overflow: hidden; margin: 6px -16px; } ul#bodyTeamList { padding: 0px 0 10px; list-style-type: none; } ul#bodyTeamList li { padding: 0px; width: 200px; height: 200px; border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none; float: left; display: inline-block; position: relative; margin: 19px 19px 18px; } ul#bodyTeamList li:last-child { margin: 18px 0 18px 19px; } #bodyTeamList li { padding: 0px; width: 200px; height: 200px; overflow: hidden; position: relative } .userProfilePic { left: 0px; top: 0px; width: 200px; height: 200px; margin-top: 0px; position: absolute; } .userProfilePic img { /* width: 100%; height: 100%;*/ } .bodyTeamMemInfo { background: rgba(0, 0, 0, 0.8); padding: 10px; transition: margin-top 0.3s; left: 0px; top: 0px; width: 180px; height: 180px; font-size: 13px; margin-top: -200px; position: relative; -moz-transition: margin-top .3s; -webkit-transition: margin-top .3s; -o-transition: margin-top .3s; } .bodyTeamMemInfo .name { padding: 0px 0px 2px; color: rgb(255, 255, 255); font-size: 13px; font-weight: bold; } .bodyTeamMemInfo h4 { padding: 0px 0px 2em; height: auto; color: rgb(110, 110, 110); line-height: 16px; font-size: 12px; font-weight: normal; } .bodyTeamMemInfo h3 { color: rgb(51, 51, 51); font-size: 12px; font-weight: normal; } .bodyTeamMemInfo h3:hover { color: rgb(221, 0, 23); } .bodyTeamMemInfo a.blogLink { text-align: right; right: 10px; bottom: 4px; display: block; position: absolute; } ul#bodyTeamList li:hover .bodyTeamMemInfo { margin-top: 0px; } .button_video_gallery { width: 33%; display: flex; } .video-button, .photogallery-button { margin: 8px 0 0 6px; display: inline-flex; text-align: center; } .video-button a, .photogallery-button a { padding: 0; margin: 0; } .video-button { width: 38%; } .video-button img { width: 100%;} .photogallery-button { width:38%;} .photogallery-button img {width: 100%;} .owner-box { background-color: #f4f4f4; padding: 5%; overflow: hidden; } .ownerPic { border-radius: 50%; position: relative; overflow: hidden; width: 200px; height: 200px; float: left; } .ownerInfo { width: 70%; float: right; } .ownerInfo .name { padding: 0px 0px 2px; color: rgb(33, 33, 33); font-size: 20px; font-weight: bold; } .ownerInfo h4 { padding: 0.6em 0px 1em; color: rgb(110, 110, 110); line-height: 20px; font-size: 16px; font-weight: normal; } .ownerInfo p { color: rgb(0, 0, 0); line-height: 18px; font-size: 13px; font-weight: normal; } /* start class for our culture area */ .group-team-area { margin: 0; } .culture { text-align: center; margin: 45px auto 45px auto; } .culture .our-culture { font-size: 43px; margin-bottom: 25px; word-spacing: 1.5px; font-family: 'Montserrat', sans-serif; } .culture-row { width: 100%; margin: 0; padding: 0; } .culture-col { width: 33.3333%; float: left; } .culture-col h4, .culture-col p { padding: 0px 20px; } .culture-col h4 { font-size: 25px; padding: 25px 0; font-family: 'Montserrat', sans-serif; } .culture-col p { font-size: 16px; font-weight: normal !important; color: rgb(110, 110, 110); } .culture-col p { font-size: 16px; font-weight: normal !important; color: rgb(110, 110, 110); } /* End class for our culture area */ /* Testimonial */ .header_testimonial { padding-top: 10px; } .header_testimonial img { width: 100%; height: auto; } .blk-testimony { float: left; } .blk-testimony ul.row-testimony { color: #313030 !important; } .blk-testimony ul.row-testimony li { float: left; width: 100%; margin: 0px; padding: 10px 16px 10px 16px; border-bottom: #e2e2e2 1px solid; } .blk-testimony ul.row-testimony li:first-child { border-bottom: #e2e2e2 1px solid; } .blk-testimony ul.row-testimony li:last-child { border-bottom: 0px none; } .blk-testimony ul.row-testimony li:hover { background-color: #fafafa; } .blk-testimony ul.row-testimony li:hover h3 { color: #2f2f2f; } .blk-testimony ul.row-testimony li h2 { float: left; display: block; line-height: 18px; width: 100%; font-size: 13px !important; } .blk-testimony ul.row-testimony li h3 { float: left; display: inline-block; color: #183c9d; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-size: 17px; padding: 6px 0px; } .testimonial-list-block { margin: -3px 0 0px 0; padding: 0 0 14px 0; color: #FFFFFF; position: relative; overflow: hidden; width: 100%; } .testimonial-links-area { display: block; float: left; width: 100%; background: #eeeeee; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 7px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; border-top: #cccccc 1px solid; border-bottom: #cccccc 1px solid; } /* About us page new CSS */ .byAbout-left-column { font-family: Arial, sans-serif; width: 60%; margin: 0px 38px 0px 0px; float: left; } .byAbout-left-column p { line-height: 18px; color: #313030; } .byAbout-right-column { width: 34%; background-color: #f3f3f3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; float: left; padding: 20px; font-family: Arial, sans-serif; } .byAbout-right-column p { line-height: 18px; color: #313030; } .byAbout-right-column .title-h3 { font-family: 'Montserrat', sans-serif; font-size: 22px; color: #000000; padding: 6px 0; text-decoration: none; text-transform: uppercase; } .cont-info-icons p, .cont-info-icons span { padding: 0; display: block; } .cont-info-icons .info-cnt-icons { width: 100%; float: left; margin: 6px 0px 20px 0px; padding: 0px 0px 0px 0px; } .cont-info-icons .info-cnt-icons span { background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/contact-info-icons.png); background-repeat: no-repeat; background-position: -99999px -999999px; display: block; width: 37px; height: 37px; padding: 0px 0px 0px 10px; margin: 0px 0px 0px 20px; } .info-cnt-icons span.byGQ-icon { background-position: left 0px; display: block; float: left; } .info-cnt-icons span.byInq-icon { background-position: left -37px; display: block; float: left; } .info-cnt-icons span.byCs-icon { background-position: left -74px; display: block; float: left; } .byGreyborder { border-bottom: 1px solid #e2e2e2; height: 1px; width: 100% !important; position: relative; float: left; margin-left: 0px; margin-bottom: 20px; margin-top: 20px; } .margin-minus { margin-bottom: 0px !important; } .map-block { width: 344px; height: 280px; position: relative; } .map-block .map-cover { width: 344px; height: 280px; position: absolute; background-image: url(https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/map-cover.png); background-repeat: no-repeat; background-position: 0px 0px; } /* About us page new CSS */ .vbanner1 { position: relative; width: 850px; height: 340px; transition: all .3s linear; } .vbanner2 { position: absolute; left: 860px; top: 0px; width: 420px; height: 340px; transition: all .3s linear; } .vbanner3 { position: relative; left: 0px; top: 0px; width: 420px; height: 540px; transition: all .3s linear; } .vbanner4 { position: absolute; left: 430px; top: 0px; width: 850px; height: 265px; transition: all .3s linear; } .vbanner5 { position: absolute; left: 430px; top: 275px; width: 850px; height: 265px; transition: all .3s linear; } /*.vbanner6 { position: relative; left: 0; top: 0; width: 635px; height: 300px; transition: all .3s linear; } .vbanner7 { position: absolute; left: 645px; top: 0; width: 635px; height: 300px; transition: all .3s linear; }*/ .vbanner8 { position: absolute; left: 0; top: 0; width: 850px; height: 265px; transition: all .3s linear; } .vbanner9 { position: relative; left: 860px; top: 0; width: 420px; height: 550px; transition: all .3s linear; } .vbanner10 { position: absolute; left: 0; top: 275px; width: 850px; height: 265px; transition: all .3s linear; } .vbanner6 { display: inline-block; transition: all .3s linear; width: 50%; float: left; height: auto; padding: 0px; } .vbanner6 figure { width: 100%; } .vbanner6 figure a img { height: auto; } .vbanner6:first-child { padding-left: 0; } .vbanner6:last-child { padding-right: 0; } .vbanner11 { display: inline-block; transition: all .3s linear; width: 25%; float: left; height: auto; padding: 0px; } /*.vbanner12 { display: inline-block; transition: all .3s linear; width: 25%; float:left; } .vbanner13 { display: inline-block; transition: all .3s linear; width: 25%; float:left;} .vbanner14 { display: inline-block; transition: all .3s linear; width: 25%; float:left; } .vbanner14-2 { display: inline-block; transition: all .3s linear; width: 25%; float:left;}*/ .vbanner11 figure { width: 100%; } .vbanner11 figure a img { height: auto; } .vbanner11:first-child { padding-left: 0; } .vbanner11:last-child { padding-right: 0; } .vbanner15 { position: relative; left: 0; top: 0; width: 420px; height: 280px; transition: all .3s linear; } .vbanner16 { position: absolute; left: 430px; top: 0; width: 420px; height: 280px; transition: all .3s linear; } .vbanner17 { position: absolute; left: 860px; top: 0; width: 420px; height: 280px; transition: all .3s linear; } .vbanner18 { width: 32.34%; height: auto; transition: all .3s linear; float: left; padding-right: 20px } .vbanner18:last-child { padding-right: 0px } figure { margin: 0; } figure img { display: block; width: 100%;/* height:auto; */ } /*Category page new css*/ .category_page { width: initial; padding: 0 22px; position: relative; overflow: hidden; } .cate-list-block { text-decoration: none; display: block; margin: 6px 0px; padding: 0px; float: right; width: 98%; } .cate-list-middle-bg { text-decoration: none; display: block; margin: 0px; float: left; width: 100%; padding: 0px; } .cate-list-middle-bg .cate-grid-block { text-decoration: none; margin: 0px; padding: 14px 0px 14px 0px; float: left; width: 100%; display: block; background: none; } .cate-list-middle-bg .cate-box-grid { text-decoration: none; margin: 0 12px; padding: 0px; float: left; width: 22%; display: block; position: relative; overflow: hidden; cursor: hand; } .cate-list-middle-bg .cate-box-grid:last-child { margin-right: 0px; } .cate-list-middle-bg .cate-box-grid .title-h5 { text-decoration: none; margin: 12px 0 12px 0; padding: 0px; display: block; float: left; font-size: 14px; text-align: center !important; width: 100%; } .cate-list-middle-bg .cate-box-grid .title-h5 a { color: #8c8c8c; text-decoration: none; } .cate-list-middle-bg .cate-box-grid .title-h5 a:hover { color: #17577D; text-decoration: none; } .cate-box-grid .cate-block-img { text-decoration: none; margin: 0px; padding: 0px; float: left; width: 99%; height: auto; display: inline-block; position: relative; overflow: hidden; border: 1px solid #e1e1e1; text-align: center; } .cate-box-grid .cate-block-img img { text-decoration: none; margin: 0px auto; padding: 0px; height: initial; display: block; position: relative; overflow: hidden; width: initial; } .cate-box-grid .cate-block-img .inner_span_1 { height: 100%; display: inline-block; vertical-align: middle; width: 0px; cursor: pointer; } .cate-box-grid .cate-block-img .inner_span_2 { text-align: center; width: 100%; display: inline-block; vertical-align: middle; cursor: pointer; } .cate-grid-block .spacer-img { text-decoration: none; margin: 0px; padding: 0px; float: left; width: 11px; } .cate-grid-info { background: #336698 none repeat scroll 0 0; font-size: 13px; height: 100%; left: 0; margin-top: -280px; opacity: 0.9; padding: 0px 10px; top: 0; transition: margin-top 0.3s ease 0s; width: 200px; position: absolute; } .cate-grid-info .info-link { display: block; font-family: "Dosis", Arial, sans-serif; font-size: 15px; font-weight: 900; height: 40px; margin: 0; position: absolute; text-transform: uppercase; width: 186px } .cate-grid-info .info-link a { background: rgba(0, 0, 0, 0) url("https://p8.secure.hostingprod.com/@site.bodyjewelry.com/ssl/ystore/images/info-plus-img.png") no-repeat scroll 134px 69px; color: #fff; display: block; letter-spacing: 0.1em; margin: 20px auto 0; padding: 72px 0 4px; text-align: center; text-decoration: none; } .cate-box-grid:hover .cate-grid-info { margin-top: 0px; top: 0; } /*Category page new css*/ /* Brand Ambessador page */ .contactus { display: block; margin: 0; padding-left: 170px; padding-top: 60px; vertical-align: middle; width: 410px; } .contact-area { display: block; float: left; margin: 0; padding: 0 0 12px; width: 410px; } .items-name { color: #333438; display: block; float: left; font-size: 13px; font-weight: normal; line-height: 17px; margin: 0; padding: 6px 0 0; text-align: right; text-decoration: none; width: 300px; text-align: left; } .items-name1 { color: #666666; display: block; float: left; font-size: 13px; font-weight: normal; line-height: 17px; margin: 0; padding: 5px 0 0; text-decoration: none; width: 260px; } .items-name1 input { background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; display: block; font-size: 14px; height: 30px; line-height: 1.42857; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 97%; } .captcha { color: #666666; font-size: 13px; font-weight: normal; text-decoration: none; width: 120px; border: 1px solid #CCCCCC; } .items-name1 textarea { font-family: Arial, helvetica, sans-serif, serif; border: 1px solid #ccc; padding: 6px 12px; border-radius: 4px; font-size: 14px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; } textarea .items-name1 { height: auto; } .items-name1 .button { color: #fff !important; height: 40px !important; float: left !important; display: block !important; padding: 10px !important; margin-right: 26px !important; padding-top: 14px !important; background-color: #1f7bae !important; width: 100px !important; line-height: 10px; } /* Our Brands CSS */ .secure-shopping-top { float: left; text-align: left; text-transform: uppercase; font-family: 'Montserrat', sans-serif; } .secure-shopping-top span { color: #fff; font-size: 18px } .secure-shopping-top li { float: left; display: block; margin: 0 12px; padding: 0 10px 0 0 } .our-brands-top { float: left; text-align: left; text-transform: uppercase; font-family: 'Montserrat', sans-serif; margin: 0 0 20px 0 } .our-brands-top span { color: #fff; font-size: 18px } .our-brands-top ul { list-style: none; } .our-brands-top li { float: left; display: block; margin: 0 12px; padding: 0 20px 0 0 } .our-brands-top li a { display: inline-block; width: inherit; height: inherit; float: left; padding: 0 0 0 0 } /* New Style */ #paging { margin:0 0 0 20px; } .ctrls {background: #e3e5e6; color: #6e6e6e; padding-top: 6px; margin-top: 6px; margin-bottom: 12px;} table, tr, td, th {margin: 0; border: 0; padding: 0;} .ctrls td {padding: 6px 18px 12px 18px;} .ctrls .pageof {margin-right: 22px;} .ctrls .chosen { font-weight: bold; } .ctrls .sep { margin: 0 7px; } .ctrls a { color: #6e6e6e; text-decoration: none; } .ctrls a:hover { color: #cb1138; } .ctrls .viewAll { text-decoration: underline; } .ctrls .leftArrowDiv {margin-right: 4px;} .ctrls .rightArrowDiv {} #contents table td.imgCell { vertical-align: middle; background-color: #fff; border: 1px solid #e0e0e0; border-top: 0px none; border-bottom: 0px none; box-sizing: border-box; height: 30vh; } #contents table td, #contents-table td { text-align: center; line-height: 12px; vertical-align: top; padding: 0px 15px 10px 15px; position: relative; overflow:hidden; } #contents table td.nameCell{ background-color: #fff; border: 1px solid #e0e0e0; border-bottom: 0px none; padding-bottom: 0px; padding-left: 10px; padding-right: 10px; } #contents table td.nameCell { padding-bottom: 0px; } #contents table td.nameCell{ margin-left: 0px; } #contents table td.imgCell a { display: inline-flex; align-items: center; box-sizing: border-box; height: 100%; width: 100%; text-align: center; } #contents table td.imgCell a img{margin:0 auto;} #contents table .name, #contents-table td .name { margin-bottom: 0px; margin-top: 0px; text-align: left; line-height: 20px; box-sizing: border-box; margin-left: -10px; margin-right: -10px; } #contents table .name a, #contents-table td .name a { text-decoration: none; color: #000; font-size: 14px; font-weight: 400; display:flex; padding: 15px; height: 100%; } #contents table td.infoCell { background-color: #fff; border: 1px solid #e0e0e0; padding-bottom: 12px; padding-left: 10px; padding-right: 10px; border-top: 0 none; text-align:left; } #contents table td.infoCell div { padding-left: 6px; padding-right: 6px; padding-top: 10px; font-size: 16px; } .product-list {margin: 18px 0;} .product-list .product { box-sizing: border-box; margin: 0 30px; text-align: left; display: flex; flex-flow: column; align-content: space-between; border: 1px solid #e0e0e0; padding: 20px; -khtml-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .product-list .product:hover { background-color: #f7f7f7; box-shadow: 0px 15px 32px -6px rgba(0,0,0,0.18); } .product-list .product-top { /*width: 100%;*/ width: initial; padding: 10px; /*height:44vh;*/ } .none {display:none !important; visibility: hidden} .itemimg { width: 100%; float: left; text-align: center; display: inline; } .itemimg .MagicZoom { position: relative; display: block; text-decoration: none; width: 100%; height: 400px; border: 1px solid #e0e0e0; padding: 5px 0; } .smallImg { border: 1px solid #e0e0e0; padding: 5px; float: left; width: auto; margin: 0.36rem 1.020rem 0.36rem 0; height: 80px; text-align: center; vertical-align: middle; align-items: center; display: flex; } .itemimg .MagicZoom img{ height: 100%; } #scPage-insets { width: 100%; margin-top: 10px; } #scPage-insets .scMainImgLnk { display: none; } a:-webkit-any-link { color: -webkit-link; cursor: pointer; text-decoration: underline; } .sectinfocont { margin: 6px 0px 14px 20px; background-color: #e3e5e6; position: relative; overflow: auto; padding: 1rem 0.6rem; } .sectimg { float: left; text-align: left; max-width: 205px; display: inline; padding-top: 0px; padding-left: 0px; padding-bottom: 5px; padding-right: 10px; } .sectinfocont h3 { margin-top: 10px; font-weight: 700; font-size: 1.3em; margin-bottom: 14px; } .sectinfo, .sectinfoimg { font-size: 1em; } .infoCell .you-save {display: none} .pdp_lrg_img_bx {border: 1px solid #e0e0e0; padding: 12px; height: 300px; } .click_to_enlarge {margin-top: 12px;} .click_to_enlarge:before {background-image: url(../images/enlarge_icon.jpg); width: 20px; height: 20px; content: ''; background-position: 0 6px;background-repeat: no-repeat; display: inline-flex; padding-bottom: 10px;} #ys_social_media {float: left; display: inline-flex;} #ys_social_tweet {float:left; padding-right: 5px} #ys_social_v_separator {float:left; } /* Homepage Tab Product CSS */ .container_home { width: 98%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bs-example-tabs .nav-tabs { border-bottom: 1px solid #ddd; display: flex; align-items: center; } .bs-example-tabs .nav-tabs > li { width: 50%; } .bs-example-tabs .nav-tabs > li { float: left; margin-bottom: 0px; } .bs-example-tabs .nav > li { position: relative; display: inline-flex; } .bs-example-tabs .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #FFF; background: #2b2a28; border: 0px solid transparent; } .bs-example-tabs .nav-tabs > li > a { margin: 0 0px; padding: 10px 53px; line-height: 1.42857143; font-size: 20px; text-align: center; text-transform: uppercase; font-weight: 600; border: 0px solid transparent; border-radius: 0px 0px 0 0; color: #2b2a28; width: 100%; text-decoration: none; } div#myTabContent { padding: 10px 40px 0px; } .bs-example-tabs { position:relative; overflow: hidden; padding-bottom: 20px; } .grid_3.grid_5 { margin-top: 5em; margin-bottom: 5em; } .bs-example-tabs .tab-content > .active { display: block !important; } .bs-example-tabs .tab-content > .tab-pane { display: none; } .fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } .fade.in { opacity: 1; } .agile_top_brands_grids { margin-top: 40px !important; } .col-md-4 { width: 25%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 30px; } .hover14.column { border: 1px solid #c0bebe; } .column div.agile_top_brand_left_grid { position: relative; margin: 0; } .agile_top_brand_left_grid { background: #FFFFFF; padding: .5em; position: relative; } .agile_top_brand_left_grid { position: relative; display: block; } .agile_top_brand_left_grid_pos { position: absolute; top: 0%; right: 0%; } .img-responsive { display: block; max-width: 100%; height: auto; vertical-align: middle; } .agile_top_brand_left_grid1 { padding: 1em; } .hover14 figure::before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .hover14 figure { position: relative; } .agile_top_brand_left_grid figure { margin: 0; padding: 0; background: transparent; overflow: hidden; z-index: 0; } .snipcart-details { text-align: center; margin: 1.5em auto 1em; width: 77%; } .snipcart-thumb a { display: block; text-align: center; } .agile_top_brand_left_grid1 img { margin: 0 auto; } .agile_top_brand_left_grid1 p { color: #212121; margin: 1.5em 0 1em; line-height: 1.5em; text-transform: capitalize; font-size: 14px; text-align: center; } .agile_top_brand_left_grid1 h4, .agileinfo_single_right_snipcart h4 { font-weight: 600; font-size: 1em; color: #212121; text-align: center; } .agile_top_brand_left_grid1 h4 span, .agileinfo_single_right_snipcart h4 span { font-weight: 300; text-decoration: line-through; padding-left: 1em; } .snipcart-details { text-align: center; margin: 1.5em auto 1em; width: 77%; } .snipcart-details input.button { font-size: 14px; color: #000; background: #fff; text-decoration: none; position: relative; border: none; border-radius: 3px; width: 100%; text-transform: uppercase; padding: .5em 0; outline: none; border: 2px solid #000; } .snipcart-details input[type="submit"] { transition: .3s ease-in; -webkit-transition: .3s ease-in; -moz-transition: .3s ease-in; -o-transition: .3s ease-in; -ms-transition: .3s ease-in; } .agile_top_brand_left_grid:hover .snipcart-details input.button, .snipcart-details input.button:hover { color: #fff; background: #000; } .image-r { display: block; float: right; margin: 0pt 0pt 10px 15px; padding: 5px; } .recReqPri{ border:1px solid #000000; margin-left:2px;} #homeTabs { clear: both; padding: 30px 0px; } .wl { box-sizing: border-box; width: 100%; max-width: 1340px; margin: 0px auto; } #homeTabs ul#homeTabControls { display: block; list-style-type: none; margin: 0px 0 26px 0; padding: 0px; width: 100%; text-align: center; /*border-bottom: solid 1px #a9acae;*/ } #homeTabs ul#homeTabControls:after { content:""; background-color: #a9acae; height: 1px; width: 100%; display: block; position: relative; top: 0px; left: 0; right: 0; } #homeTabs ul#homeTabControls li.active, #homeTabs ul#homeTabControls li:hover { /*border-bottom: solid 10px #212121;*/ } #homeTabs ul#homeTabControls li.active:after, #homeTabs ul#homeTabControls li:hover:after { /*border-bottom: solid 10px #212121;*/ content: ""; background-color: #212121; height: 10px; } #homeTabs ul#homeTabControls li { display: inline-block; width: 30%; box-sizing: border-box; padding: 0 0 7px 0; font-size: 22px; color: #212121; /*border-bottom: solid 2px #a9acae;*/ margin: 0px 8%; cursor: pointer; text-align: center; text-transform: uppercase; position: relative; } #homeTabs ul#homeTabControls li:after { content: ""; background-color: #a9acae; height: 2px; width: 100%; display: block; position: absolute; top: 34px; left: 0; right: 0; padding: 0; margin: 0 0 12px 0; } #homeTabs ul#homeTabControls { list-style-type: none; } #homeTabs #homeTabContents { box-sizing: border-box; padding: 10px 0px 20px; max-height: 380px; overflow: hidden; } #homeTabs #homeTabContents div.homeTabContent { display: block; box-sizing: border-box; width: 100%; max-height: 380px; } #homeTabContents div.homeTabSlider { position: relative; display: block; box-sizing: border-box; width: 100%; padding: 0px 30px; } #homeTabContents div.homeTabSlider img.slick-prev { position: absolute; top: 50%; left: 0px; margin-top: -32px; } #homeTabContents div.homeTabSlider img.slick-next { position: absolute; top: 50%; right: 0px; margin-top: -32px; } #homeTabContents div.homeTabSlider div.contentElement { display: block; background-color: #fff; border: solid 1px #e3e5e6; padding: 10px; margin: 0px 12px; height: 380px; transition: all 0.5s ease-in-out 0s; } #homeTabContents div.homeTabSlider div.contentElement:hover { box-shadow: 0px 6px 17px rgba(0,0,0,0.2); background-color: #f7f7f7; } #homeTabContents div.homeTabSlider div.contentElement div.image { display: block; box-sizing: border-box; width: 100%; height: 248px; } #homeTabContents div.homeTabSlider div.contentElement div.image a { display: block; } #homeTabContents div.homeTabSlider div.contentElement div.image img { display: block; max-width: 100%; height: auto; margin: 0px auto; } #homeTabContents div.homeTabSlider div.contentElement div.price { display: block; box-sizing: border-box; width: 100%; /* padding: 10px 0px 0px;*/ } #homeTabContents div.homeTabSlider div.contentElement div.price div.salePrice { display: inline-block; font-size: 18px; font-weight: 600; color: #000; } #homeTabContents div.homeTabSlider div.contentElement div.name { display: block; box-sizing: border-box; width: 100%; padding: 10px 0px 0px; height: 55px; overflow: hidden; } #homeTabContents div.homeTabSlider div.contentElement div.name a { display: block; font-size: 14px; font-weight: 400; color: #101015; text-decoration: none; }