/* GLOBAL CSS */

* { margin: 0; padding: 0; }
body { /*background-color: black;*/ margin-top: 20px; text-align:center; font-family: verdana; font-size: 12px; margin-bottom: 20px;}
td { font-family: verdana; font-size: 12px; }
a { outline: none; }
.clear { clear: both; }
hr { border: 0; background-color: #cccccc; height: 1px; }

/* HEADER */

.header { 
    position: relative; 
    margin-left: auto; 
    margin-right: auto; 
    background-color: white; 
    width: 100%; 
    padding: 20px 23px; 
    -webkit-box-sizing: border-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
    -moz-box-sizing: border-box;    /* Firefox 1 - 28 */
    box-sizing: border-box;  
}
.header-logo { margin-left: auto; margin-right: auto; background: url("/images/sprite-global.png") -652px -5px no-repeat; width: 273px; height: 0px; padding-top: 93px; overflow: hidden; }
.header-left { position: absolute; left: 23px; color: #999999; text-transform: uppercase; font-size: 12px; }
.header-right { position: absolute; text-align:right; right: 23px; top: 20px; height: 93px; color: #999999; text-transform: uppercase; font-size: 12px; }
a.header-contact-link { color: #999999; text-decoration: none; background: url("/images/sprite-global.png") -5px -1px no-repeat; padding-left: 32px; padding-bottom: 2px; }
a.header-home-link { color: #999999; text-decoration: underline; background: url("/images/sprite-global.png") -0px -85px no-repeat; padding-left: 32px; padding-right: 20px; padding-bottom: 2px; }
a.header-contact-link:hover { text-decoration: underline; }
a.header-testimonials-link { position: absolute; left: 2px; top: 30px; color: #999999; font-size: 14px; text-decoration: none; }

a.header-chat-link { color: #999999; text-decoration: none; background: url("/images/sprite-global.png") -5px -19px no-repeat; padding-left: 27px; padding-right: 15px; padding-bottom: 5px; }
a.header-chat-link:hover { text-decoration: underline; }
.header-phone { background: url("/images/sprite-global.png") -5px -36px no-repeat; padding-left: 20px; padding-bottom: 8px; }
.header-region { position: absolute; right: 0; top: 30px; font-size: 14px }
.header-search { position: absolute; right: 0; bottom: 0; width: 150px; border: 1px solid #999999; padding: 2px; color: #999999; font-size: 10px; }/* background: url("/images/sprite-global.png") 132px -63px no-repeat; */
.header-search2 { position: absolute; right: 0; bottom: 0; padding: 2px; color: #999999; font-size: 10px; }
a.cart-link { float: right; color: #333333; font-size: 13px; text-decoration: none; }

#google_translate_element { margin-top: 55px; overflow: hidden; width: 150px; }
.goog-te-combo { color: #999999; font-size: 10px; padding: 2px; width: 150px; border: 1px solid #999; }

/* NAVIGATION */

.navigation { 
    margin-left: auto; 
    margin-right: auto;
    background: white; 
    width: 100%; 
    padding: 0px 23px; 
    -webkit-box-sizing: border-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
    -moz-box-sizing: border-box;    /* Firefox 1 - 28 */
    box-sizing: border-box; 
}
.navigation ul { /*background: white url("/images/sprite-global.png") 0px -103px no-repeat;*/  }
.navigation li { position: relative; display: inline; }
.navigation a { color: #461d5a; text-transform: uppercase; text-decoration: none; font-size: 16px; line-height: 28px; width: 300px; padding-left: 22px; padding-right: 22px; }
.navigation a:hover { color: silver; }

.navigation li span { position: absolute; top:0; margin-top: 12px; left: 24px; width: 169px; padding-top: 6px; padding-bottom: 6px; z-index: 100000; text-align: left; }
.navigation li span ul { margin-top: 10px; border: 1px solid #c0c0c0; background: white; }
.navigation li span a { display: block; color: #000000; text-transform: none; text-decoration: none; font-size: 11px; line-height: 25px; padding-left: 18px; }

.navigation li .submenu { position: absolute; border: 1px solid #c0c0c0; background: white; top: 20px; left: 24px; width: 169px; padding-top: 6px; padding-bottom: 6px; z-index: 100000; text-align: left; }

/* BREADCRUMBS */

h1 { font-size: 24px; font-weight: normal; color: #461d5a; padding-top: 4px; padding-bottom: 15px; }
h2 { font-size: 22px; font-weight: normal; color: #461d5a; padding-top: 4px; padding-bottom: 15px; }
h3 { font-size: 16px; font-weight: normal; color: #461d5a; padding-top: 4px; padding-bottom: 15px; }
.breadcrumb { color: #bcafc2; }
.breadcrumb a { font-size: 11px; color: #704d81; text-decoration: none; }
.breadcrumb a.current { color: #461d5a; }

/* SEARCH */

.search-box { padding: 10px; border: 1px solid #dddddd; text-align: center; max-width: 500px; width: 100%; margin: 0 auto 20px auto; }
.search-button { padding: 4px 10px 2px 10px; color: #777777; font-size: 10px; cursor: pointer; }
.search-results { padding: 14px 24px 24px 24px; line-height: 18px; }
/* CONTENT */

.content { 
    margin: 0 auto; 
    text-align: left; 
    background: white; 
    width: 100%; 
    padding: 10px 23px; 
    -webkit-box-sizing: border-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
    -moz-box-sizing: border-box;    /* Firefox 1 - 28 */
    box-sizing: border-box; 
}

.image_left { float: left; padding: 1px; margin: 5px 18px 18px 0px; border: 1px solid #dddddd; }
.image_right { float: right; padding: 1px; margin: 5px 0px 18px 18px; border: 1px solid #dddddd; }
.image_center { margin: 0px auto 0px auto; display: block; padding: 1px; border: 1px solid #dddddd; }

/* EDUCATION */

.content-education { text-align: justify; }
.content-education ul { margin: 18px 18px 18px 18px; }
.content-education li, .content-education ol { line-height: 15px; } 
.content-education ol li { padding-bottom:15px; }
.content-education ol { padding-left:20px; }
.content-education a { color: #461d5a; }
.content-education a:hover { text-decoration: none; }

.content-education-category { float: right; width: 200px; background-color: #f6f6f6; border: 1px solid #e2e2e2; margin: 0 0 20px 20px; }
.content-education-category-box { width: 190px; font-size: 12px;  border-spacing: 0;  border-collapse: collapse; background-color: #FFFFFF;  border: 1px solid #e2e2e2; margin: 5px; }
.content-education-category-box th { background: white url("/images/education-category-bg.gif") repeat-x; color: #461d5a; font-size: 13px; padding: 7px 7px 14px 7px; }
.content-education-category-box td { color: #737373; font-size: 13px; padding: 0px 7px 7px 7px; }
.content-education-category-box a { color: #737373; padding-left: 10px; background: white url("/images/education-arrow.gif") 0 -13px no-repeat; }
.content-education-category-box b { padding-left: 10px; background: white url("/images/education-arrow.gif") 0 1px no-repeat; }


/* BLOG */
.content-blog{ text-align: justify; }
.blogs-container{ margin:0; padding:0; list-style:none; }
.blogs-container li a{ text-decoration:none;  /*background: url("/images/education-arrow.gif") no-repeat scroll 0 -13px white; */color: #461D5A; padding-left: 10px; font-size:14px; font-weight:bold; padding-top:5px; padding-bottom:3px;}
.blog-summary { padding:10px 10px 10px 20px;}
.blog-content { display:none; padding:10px 10px 10px 20px;}

/* FOOTER */

.footer { 
    position: relative; 
    margin-left: auto; 
    margin-right: auto; 
    background: white url("/images/sprite-global.png") 0 -132px repeat-x; 
    width: 100%; 
    padding: 12px 23px; 
    text-align:left;
    -webkit-box-sizing: border-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
    -moz-box-sizing: border-box;    /* Firefox 1 - 28 */
    box-sizing: border-box;  
}
.footer-country-text { color: #461d5a; font-weight: bold; }
.footer-country-list a { color: #999999; text-decoration: none; }
.footer-country-list a:hover { color: black; }
.footer-follow-us { 
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    position: relative;
    top: -25px;
    margin-right: 35px;
}
.footer-twitter,
.footer-facebook,
.footer-blog{
    display: inline-block;
    margin: 0 15px;
}

.footer-twitter a { 
    padding-top: 34px;
  background: url("/images/sprite-global.png") -135px -0px;
  text-transform: uppercase;
  font-size: 10px;
  text-decoration: none;
  color: black;
  display: block;
  margin-top: 15px;
}
.footer-twitter a:hover { color: #999999; }
.footer-facebook a { 
    padding-top: 34px;
  background: url("/images/sprite-global.png") -133px -53px;
  text-transform: uppercase;
  font-size: 10px;
  text-decoration: none;
  color: black;
  display: block;
}
.footer-facebook a:hover { color: #999999; }
.footer-blog a { 
      padding-top: 34px;
  background: url("/images/sprite-global.png") -936px 0px;
  text-transform: uppercase;
  font-size: 10px;
  text-decoration: none;
  color: black;
  display: block;
  width: 35px;
}
.footer-blog a:hover { color: #999999; }

.footer-gia { 
    width: 210px;
  height: 65px;
  background: url("/images/sprite-global.png") -194px -0;
  display: inline-block;
  margin-left: 73px;
  position: relative;
  top: 15px;
}
.footer-jvc { 
    position: relative;
  width: 241px;
  height: 65px;
  background: url("/images/sprite-global.png") -404px -0;
  display: inline-block;
  top: 15px;
  margin-left: 5px;
}







/* SHOPPING CART */

.cart-progress { width: 90%; height: 21px; border-spacing: 0; border-collapse: collapse; }
.cart-progress td { font-size: 11px; text-align: center; }
.cart-progress td a { font-size: 11px; text-align: center; color: #ffffff; text-decoration: none; }
.cart-progress td a:hover { text-decoration: underline; }

.cart-step-old-bg { background: #bcafc2; width: 200px; }
.cart-step-cur-bg { background: #461d5a; width: 200px; }
.cart-step-next-bg { background: #f3eff5; width: 200px; color: #7e598f; }

.cart-step-cur-end { background: url("/images/checkout-bar.gif") -100px 0 no-repeat; width: 20px; }

.cart-step-old { background: url("/images/checkout-bar.gif") no-repeat; width: 20px; }
.cart-step-old-cur { background: url("/images/checkout-bar.gif") -20px 0 no-repeat; width: 20px; }
.cart-step-cur-next { background: url("/images/checkout-bar.gif") -40px 0 no-repeat; width: 20px; }

.cart-step-next { background: url("/images/checkout-bar.gif") -60px 0 no-repeat; width: 20px; }
.cart-step-next-end { background: url("/images/checkout-bar.gif") -80px 0 no-repeat; width: 20px; }

.cart-progress-steps a, .cart-progress-steps-cur a { color: #ffffff; text-decoration: none; }


#cart input, #cart textarea, #cart select { color: #999999; padding: 4px; border: 1px solid #555555; background: #111111; }

.checkout-table { margin: 10px 5px 10px 0px; width: 100%; border-spacing: 0; border-collapse: collapse; }
.checkout-table td { padding: 8px 5px 8px 0px; font-size: 11px; }

.checkout-table input, .checkout-table select { border: 1px solid #cccccc; font-size: 11px; padding: 2px; }

.checkout-use-billing-box { float: right; padding: 12px 10px 0 5px; font-size: 11px; }
.checkout-use-billing { float: right; margin: 0px 0 0 10px; font-size: 11px; }

.checkout-table-summary th { vertical-align: top; }
.checkout-table-summary td { line-height: 18px; font-size: 11px; vertical-align: top; padding-top: 3px; }

.checkout-payment-method-error { }
.checkout-payment-method-text { padding: 7px; }

.payment-method { border: 1px solid #cccccc; padding: 10px; }

/* CONTACT POPUP */

#contact-bg { display: none; position:fixed; height:100%; width:100%; top:0; left:0; background:#000000; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; z-index: 10000000; }
#contact-box { position: fixed; top: 10%; width: 980px; z-index: 10000001; }

#contact-wrapper { position: relative; margin: 0 auto; width: 600px; text-align: left; background: #FFFFFF; border: 1px solid #c1c1c1; z-index: 10000002; padding: 20px 20px 20px 20px; }
#contact-close { float: right; font-size: 16px; z-index: 10000003; }
#contact-close a { color: #999999; text-decoration: none; }
#contact-close a:hover { color: #999999; text-decoration: underline; }

/* FRONT PAGE */

.front-banner { position: relative; width: 934px; /*background: url("/images/banner.jpg");*/ margin-bottom: 18px;}
.front-banner1 { position: relative; width: 934px;/*background: url("/images/banner.jpg");*/ margin-bottom: 18px;}
.front-banner2 { position: relative; width: 934px; /*background: url("/images/banner.jpg");*/ margin-bottom: 18px;}
.front-banner-img { 
    max-width: 100%;
    display: block;
}

.front-banner a.title, .front-banner1 a.title, .front-banner2 a.title,#slider1 > div > h1{ 
    position: absolute; 
    left: 40px; top: 40px; 
    color: #bcafc2; 
    font-size: 26px; 
    line-height: 30px; 
    text-decoration: none;
    z-index: 99; 
    padding: 0;
}
.bx-wrapper{
    position: relative;
}
.bx-controls.bx-has-pager{
    position: absolute;
    bottom: 50px;
    width: 100px;
}
.bx-controls.bx-has-pager .bx-pager > div{
    display: inline-block;
}
.bx-controls.bx-has-pager .bx-pager > div a.active{
    background: url(/images/front-banner-circles.png) no-repeat 0 -10px;
}
.front-banner .links, .front-banner1 .links, .front-banner2 .links { position: absolute; left: 90px; top: 85px; line-height: 24px; }
.front-banner .links a , .front-banner1 .links a, .front-banner2 .links a { color: white; text-transform: uppercase; text-decoration: none}
.front-banner .links a:hover, .front-banner1 .links a:hover, .front-banner2 .links a:hover { text-decoration: underline; }

#video-bg { display: none; position:fixed; height:100%; width:100%; top:0; left:0; background:#000000; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; z-index: 99; }
#video-box {width: 980px; position: fixed; top: 10%;  z-index: 100; }
#video-box video{
    width: 100% !important;
    height: 100% !important;
}
#video-box .mejs-overlay{
    width: 100% !important;
    height: 100% !important;
}
#video-box object{
    width: 100% !important;
}

#video-wrapper { max-width: 600px; margin: 0 auto; width: 100%; text-align: left; background: #000000; border: 2px solid #DDDDDD; z-index: 99; padding: 0px 0px 0px 0px; }
#video-close { float: right; position:relative; margin: 3px 5px 3px 3px; font-size: 16px; z-index: 99999; }
#video-close a { color: #999999; text-decoration: none; }
#video-close a:hover { color: #999999; text-decoration: underline; }

#video-product-wrapper { width: 100%; margin: 0 auto; max-width: 600px; text-align: left; background: #FFFFFF; border: 2px solid #DDDDDD; z-index: 99; padding: 0px 0px 0px 0px; }
#video-product-wrapper h2 { padding: 7px; }
#video-product-close { float: right; margin: 7px 9px 3px 3px; font-size: 16px; z-index: 2; }
#video-product-close a { color: #999999; text-decoration: none; }
#video-product-close a:hover { color: #999999; text-decoration: underline; }

/* - REMOVED BUT MAYBE NEEDED LATER
.front-banner { position: relative; width: 934px; height: 288px; overflow: hidden; }
.front-banner-item { position: absolute; float:left; display: block; width: 934px; height: 288px; background-color: silver; }
.front-banner-item-1 { background: url("/images/banner1-bg.jpg") no-repeat; }
.front-banner-item-1 .title { position: relative; left: 40px; top: 40px; color: #bcafc2; font-size: 26px; line-height: 30px; font-style: italic; }
.front-banner-item-1 .text { position: relative; display: block; left: 40px; top: 60px; color: white; line-height: 20px; }
.front-banner-item-1 .links { position: relative; left: 137px; top: 80px; line-height: 32px; }
.front-banner-item-1 .links a { color: white; text-transform: uppercase; }

.front-banner-item-2 { background: url("/images/banner2-bg.jpg") no-repeat; }
.front-banner-item-2 .title { position: absolute; left: 40px; top: 50px; color: #FFFFFF; font-size: 36px; line-height: 30px; font-style: italic; }
.front-banner-item-2 .links { position: absolute; left: 40px; top: 100px; font-size: 11px; line-height: 24px; }
.front-banner-item-2 .links a { color: white; text-decoration: none; }

.front-banner-circles { position: absolute; left: 0; bottom: 15px; }
.front-banner-circles a { float: left; background: url("/images/front-banner-circles.png") no-repeat; width: 10px; height: 0; padding-top: 10px; overflow: hidden; margin-left: 15px; }
.front-banner-circles a.selected { background-position: 0 -10px; }
*/

.front-row1 { 
      /*background: url("/images/bg-content.jpg") repeat-x 0 0 #F0EEEF;*/
      width: 100%;
      padding: 10px 0;
      margin-top: 10px;
}
.front-row1-child{
  width: 298px;
  float: left;
  position: relative;
  margin-left: 10px;
}
.front-row1 img { 
    width: 100%;
}
.front-row1-left, .front-row1-middle, .front-row1-right { 
    
}
.front-row1-left { 
    
}
.front-row1-middle { 
    
}
.front-row1-right { 
    
}
.front-row1-text-links {
      position: absolute;
    top: 10px;
    left: 10px;
}

.front-row1 h2 { font-size: 20px; color: #461d5a; }
.front-row1 p { color: #535455; line-height: 28px; text-transform: uppercase; }
.front-row1 a { color: #836a8f; font-size: 11px; }
.front-row1 a:hover { color: #492f55; }
.front-row1 a.gray { font-size: 12px; color: #535455; text-decoration: none; }
.front-row1 h2 a { font-size: 20px; color: #461d5a; text-decoration:none;}

.front-row2 { 
    background: #DADBDC;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;  
    padding: 10px;  
    margin-top: 10px;
}
.front-row2-left { 
    background: #FFF;
  width: 606px;
  float: left;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;  
    padding: 10px;
}
.front-row2-right { 
    float: left;
  height: 229px !important;
  margin-left: 10px;
  background: #FFF;
  width: 298px;
  padding: 10px;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;  
}
.front-row2-left a { color: #836a8f;}

.front-row2 h2 { font-size: 20px; color: #461d5a; line-height: 30px; }
.front-row2 h2 sup { font-size: 6px; }
.front-row2 p { color: #535455; text-align: justify; }
.front-row2-right a { display: block; width: 237px; border: 1px solid #cbccce; margin-left: 10px; padding: 22px 0 18px 20px; color: #535455; line-height: 16px; text-decoration: none; background: white url("/images/sprite-front.jpg") 0 -420px;  }
.front-row2-right a:hover { color: #000000; }

.front-row3 { margin-top: 10px; font-size: 11px; line-height: 14px; color: #535455; text-align: justify; }
.front-row3-left { position: relative; width: 286px; height: 108px; padding: 10px; background-color: white; border: 1px solid #e0e0e0; float: left; }
.front-row3-middle {position: relative; width: 276px; height: 108px; padding: 10px; background-color: white; border: 1px solid #e0e0e0; float: left; margin-left: 10px;}
.front-row3-right { position: relative;width: 286px; height: 108px; padding: 10px; background-color: white; border: 1px solid #e0e0e0; float: left;margin-left: 10px;}

.front-row3 h2 { font-size: 15px; color: #461d5a; }
.front-row3 p { font-size: 11px; line-height: 14px; color: #535455; text-align: justify; }
.front-row3 .preview { position: absolute; top: 10px; right: 10px; }
.front-row3 .title a { font-size: 11px; font-weight: bold; text-decoration: underline; width: 190px;
  display: block;
  text-align: left;}
.front-row3 .rrp { display: block; line-height: 23px; font-size: 11px; text-decoration: line-through; }
.front-row3 .price { display:block; padding-top: 24px; font-size: 11px; font-weight: bold; }
.front-row3 .person { display:block; line-height: 36px; font-size: 11px; font-weight: bold; }
.front-row3 a { color: #000000; text-decoration: none; font-weight: bold; }
.front-row3 a:hover { color: #999999; }

.front-row3-buttoms { position: absolute; bottom: 10px; right: 10px;  }
.front-row3-buttoms a.more { float: left; width: 48px; height: 0; padding-top: 21px; overflow: hidden; margin-left: 2px; background: url("/images/sprite-front.jpg") -253px -652px; }
.front-row3-buttoms a.prev { float: left; width: 22px; height: 0; padding-top: 21px; overflow: hidden; margin-left: 2px; background: url("/images/sprite-front.jpg") -257px -420px; }
.front-row3-buttoms a.next { float: left; width: 22px; height: 0; padding-top: 21px; overflow: hidden; margin-left: 2px; background: url("/images/sprite-front.jpg") -279px -420px; }
.front-row3-buttoms a.more:hover { background: url("/images/sprite-front.jpg") -205px -652px; }
.front-row3-buttoms a.prev:hover { background: url("/images/sprite-front.jpg") -257px -441px; }
.front-row3-buttoms a.next:hover { background: url("/images/sprite-front.jpg") -279px -441px; }



/* DIAMOND SEARCH */
.diamonds-filter-left{
      width: 335px;
      float: left;
}
.diamonds-filter-right{
    float: right;
    width: 530px;
}
.diamonds-filter-right > span{
    display: block;
    position: relative;
    float: left;
}
.diamonds-filter {  padding: 25px 15px; position: relative; border: 1px solid #e0dfdf; background-color: #f6f6f6; margin-bottom: 20px; }
.diamonds-filter-shape { position: relative; width: 100%; display: block;}

.diamonds-filter-shape ul { padding: 10px; width: 100%; background: #ffffff url("/images/sprite-diamonds.gif") 0 -168px repeat-x; border: 1px solid #e0dfdf; }
.diamonds-filter-shape ul li { float: left;  display: block; width: 20%; height: 85px; text-align: center; }
.diamonds-filter-shape ul li a { display: inline-block; background-image: url("/images/sprite-diamonds.gif"); width: 60px; height: 75px; overflow: hidden; line-height: 130px; font-size: 10px; text-decoration: none; color: black; font-weight: bold; margin-left: auto; margin-right: auto; text-align: center; }
.diamonds-filter-shape ul li a.round { background-position: -20px -15px; }
.diamonds-filter-shape ul li a.princess { background-position: -89px -15px; }
.diamonds-filter-shape ul li a.emerald { background-position: -159px -15px; }
.diamonds-filter-shape ul li a.asscher {  background-position: -228px -15px; }
.diamonds-filter-shape ul li a.cushion { background-position: -296px -15px; }
.diamonds-filter-shape ul li a.radiant { background-position: -367px -15px; }
.diamonds-filter-shape ul li a.oval { background-position: -435px -15px; }
.diamonds-filter-shape ul li a.marquise { background-position: -507px -15px; }
.diamonds-filter-shape ul li a.pear { background-position: -577px -15px; }
.diamonds-filter-shape ul li a.heart { background-position: -645px -15px; }
.diamonds-filter-shape ul li a.round:hover { background-position: -20px -88px; }
.diamonds-filter-shape ul li a.princess:hover { background-position: -89px -88px; }
.diamonds-filter-shape ul li a.emerald:hover { background-position: -159px -88px; }
.diamonds-filter-shape ul li a.asscher:hover { background-position: -228px -88px; }
.diamonds-filter-shape ul li a.cushion:hover { background-position: -296px -88px; }
.diamonds-filter-shape ul li a.radiant:hover { background-position: -367px -88px; }
.diamonds-filter-shape ul li a.oval:hover { background-position: -435px -88px; }
.diamonds-filter-shape ul li a.marquise:hover { background-position: -507px -88px; }
.diamonds-filter-shape ul li a.pear:hover { background-position: -577px -88px; }
.diamonds-filter-shape ul li a.heart:hover { background-position: -645px -88px; }
.diamonds-filter-shape ul li a.round-active { border: 1px solid #e0dfdf; border-left: 2px solid #e0dfdf; border-top: 2px solid #e0dfdf; background-position: -20px -88px; }
.diamonds-filter-shape ul li a.princess-active { border: 1px solid #e0dfdf; border-left: 2px solid #e0dfdf; border-top: 2px solid #e0dfdf; background-position: -89px -88px; }
.diamonds-filter-shape ul li a.emerald-active { border: 1px solid #e0dfdf; border-left: 2px solid #e0dfdf; border-top: 2px solid #e0dfdf; background-position: -159px -88px; }
.diamonds-filter-shape ul li a.asscher-active { border: 1px solid #e0dfdf; border-left: 2px solid #e0dfdf; border-top: 2px solid #e0dfdf; background-position: -228px -88px; }
.diamonds-filter-shape ul li a.cushion-active { border: 1px solid #e0dfdf; border-left: 2px solid #e0dfdf; border-top: 2px solid #e0dfdf; background-position: -296px -88px; }
.diamonds-filter-shape ul li a.radiant-active { border: 1px solid #e0dfdf; border-left: 2px solid #e0dfdf; border-top: 2px solid #e0dfdf; background-position: -367px -88px; }
.diamonds-filter-shape ul li a.oval-active { border: 1px solid #e0dfdf; border-left: 2px solid #e0dfdf; border-top: 2px solid #e0dfdf; background-position: -435px -88px; }
.diamonds-filter-shape ul li a.marquise-active { border: 1px solid #e0dfdf; border-left: 2px solid #e0dfdf; border-top: 2px solid #e0dfdf; background-position: -507px -88px; }
.diamonds-filter-shape ul li a.pear-active { border: 1px solid #e0dfdf; border-left: 2px solid #e0dfdf; border-top: 2px solid #e0dfdf; background-position: -577px -88px; }
.diamonds-filter-shape ul li a.heart-active { border: 1px solid #e0dfdf; border-left: 2px solid #e0dfdf; border-top: 2px solid #e0dfdf; background-position: -645px -88px; }


.diamonds-filter-shape ul li a.round { background-position: -20px -15px; }
.diamonds-filter-shape ul li a.round:hover { background-position: -20px -88px; }
.diamonds-filter-shape ul li a.round-active { border: 1px solid #e0dfdf; border-left: 2px solid #e0dfdf; border-top: 2px solid #e0dfdf; background-position: -20px -88px; }

.diamonds-filter-price { margin: 0 10px 30px 0;width: 227px; height: 84px; background: #ffffff url("/images/sprite-diamonds.gif") 0 -168px repeat-x; border: 1px solid #e0dfdf; }
.diamonds-filter-color { margin: 0 0 30px 0;width: 287px; height: 84px; background: #ffffff url("/images/sprite-diamonds.gif") 0 -168px repeat-x; border: 1px solid #e0dfdf; }
.diamonds-filter-carat { margin: 0 10px 0px 0;width: 227px; height: 84px; background: #ffffff url("/images/sprite-diamonds.gif") 0 -168px repeat-x; border: 1px solid #e0dfdf; }
.diamonds-filter-clarity {margin: 0 0 0px 0;width: 287px; height: 84px; background: #ffffff url("/images/sprite-diamonds.gif") 0 -168px repeat-x; border: 1px solid #e0dfdf; }
.diamonds-filter-title { position: absolute; top: -18px; color: #461d5a; font-size: 12px; font-weight: bold; }
.diamonds-filter-help { position: absolute; top: -18px; right: 0px; }
.diamonds-filter-help a { float: left; width: 14px; height: 0px; padding-top: 13px; overflow: hidden; background: url("/images/sprite-diamonds.gif") -698px -175px; }

.diamonds-filter-slider-row1 { margin-top: 20px; width: 197px; margin-left: auto; margin-right: auto; }
.diamonds-filter-slider-row2 { margin-top: 20px; width: 257px; margin-left: auto; margin-right: auto; }
.slider-input { border: 1px solid #e1e1e1; width: 85px; margin-top: 20px; margin-left: 14px; padding: 2px; font-size: 10px; font-weight: bold; }
.slider-value-price2, .slider-value-carat2 { float: right; margin-left: 0; margin-right: 15px; text-align: right; }
.diamonds-filter-chart { width: 269px; margin-top: 20px; margin-left: 14px; font-size: 10px; font-weight: bold; }
.diamonds-filter-chart a.first { border-left: 1px solid #e1e1e1; }
.diamonds-filter-chart a { display: block; float: left; text-align: center; color: #000000; text-decoration: none; border-top: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; width: 36px; line-height: 16px; }

.diamond-thumb { padding: 1px 0 1px 20px; margin: 2px 0 2px 0;  background: url("/images/sprite-diamonds-small.gif") no-repeat; text-align:left;}
.diamond-round { background-position: 0 0; }
.diamond-princess { background-position: 0 -16px; }
.diamond-emerald { background-position: 0 -32px; }
.diamond-asscher { background-position: 0 -48px; }
.diamond-cushion { background-position: 0 -64px; }
.diamond-radiant { background-position: 0 -80px; }
.diamond-oval { background-position: 0 -96px; }
.diamond-marquise { background-position: 0 -112px; }
.diamond-pear { background-position: 0 -128px; }
.diamond-heart { background-position: 0 -144px; }

table.table-loose-diamonds td a { float: right; margin-top: 1px; padding-top: 18px; padding-right: 10px; height: 0px; width: 66px; background: url("/images/sprite-diamonds-buttons.gif") no-repeat; overflow: hidden; }
table.table-loose-diamonds td a.view { background-position: 0 0px; }
table.table-loose-diamonds td a.compare { background-position: 0 -18px; }
table.table-loose-diamonds td a.remove { background-position: 0 -36px; }
table.table-loose-diamonds td a.enquire { background-position: 0 -54px; }
table.table-loose-diamonds td a.buy { background-position: 0 -72px; }
table.table-loose-diamonds td a.add-diamond { background-position: 0 -90px; width: 86px; }

a.contactus { color:#836A8F; }

/* DIAMOND SEARCH - DETAILS */

.loose-diamonds-view { position: relative; width: 100%; text-align: left; padding-top: 15px; background: #FFFFFF; }
.loose-diamonds-view-close { position: absolute; top: 0; right: 0; font-size: 18px; }
.loose-diamonds-view-close a { text-decoration: none; }

.loose-diamonds-view-details { float: right; width: 427px; font-size: 11px; text-align: justify; }

.loose-diamonds-view-details a.buy { float: right; padding-top: 18px; height: 0px; width: 114px; background: url("/images/sprite-diamonds-details-buttons.gif") no-repeat; overflow: hidden; }
.loose-diamonds-view-details a.buy:hover { background-position: 0 -18px; }
.loose-diamonds-view-details a.add-diamond { float: right; padding-top: 18px; height: 0px; width: 114px; background: url("/images/sprite-diamonds-details-buttons.gif") 0 -36px no-repeat; overflow: hidden; }
.loose-diamonds-view-details a.add-diamond:hover { background-position: 0 -54px; }
.loose-diamonds-view-details a.loose-diamonds-enquire { float: right; padding-top: 18px; height: 0px; width: 114px; background: url("/images/sprite-diamonds-details-buttons.gif") 0 -119px no-repeat; overflow: hidden; }
.loose-diamonds-view-details a.loose-diamonds-enquire:hover { background-position: 0 -101px; }

.loose-diamonds-view-price { font-size: 16px; font-weight: normal; color: #461d5a; }

.loose-diamonds-view-images {width: 355px;  float: left; margin-top: 10px; text-align: center; }
.loose-diamonds-view-image { border: 1px solid #e0dfdf; display: block; margin-bottom: 10px; }
.loose-diamonds-view-thumb img { border: 1px solid #e0dfdf; margin-right: 10px; }

.loose-diamonds-view-table { border-spacing: 0; margin-top: 15px; }
.loose-diamonds-view-table-title { font-size: 16px; color: #461d5a; border-bottom: 1px solid #cccccc; padding-top: 15px; padding-bottom: 5px; }
.loose-diamonds-view-table-underline { font-size: 11px; border-bottom: 1px solid #f0f0f0; padding-top: 5px; padding-bottom: 5px; }

/* PRODUCTS VIDEO POPUP */

.products-video-view { position: relative; width: 100%; text-align: left; padding-top: 0px; background: #FFFFFF; }
.products-video-view-close { position: absolute; top: 5px; right: 5px; font-size: 18px; }
.products-video-view-close a { text-decoration: none; }
.product-thumbnail-gallery-container{  }
.product-thumbnail-view-close{ position: absolute; top:1px; right:5px; font-size: 18px; z-index:999; }
.product-thumbnail-view-close a { text-decoration: none; }
.product-thumb-dlg .ui-dialog-content, .product-thumb-dlg .ui-widget-content{padding:0 !important}
/* PRODUCTS */

.category-description { line-height: 18px; margin-bottom: 18px; text-align:justify;}
#product-add-to-cart { display: none }
.product-diamonds-filter {  padding: 5px 0 0 0; position: relative; width: 100%; max-width: 492px; font-size: 12px; line-height: 16px; text-align: justify; display: none; float: right;} 
.product-diamonds-filter-shape {width: 200px; height: 115px; margin-top:-18px }
.added-diamon-text { display: none; text-align: left;}
.diamon-text { text-align: left; }
.product-diamonds-filter-shape ul {margin-bottom: 50px; width: 100%; background: #ffffff ;border: 1px solid #e0dfdf; }
.product-diamonds-filter-shape ul li { display: block; width: 49px; height: 66px; float: left;}
.product-diamonds-filter-shape ul li a { display: block; background-image: url("/images/product-diamons-shape.gif"); width: 47px; height: 62px; overflow: hidden; line-height: 110px; font-size: 9px; text-decoration: none; color: black; margin-left: auto; margin-right: auto; text-align: center; }
.product-diamonds-filter-shape ul li a.round-not-in-shapes { background-position: -18px -18px; }
.product-diamonds-filter-shape ul li a.princess-not-in-shapes { background-position: -66px -18px; }
.product-diamonds-filter-shape ul li a.emerald-not-in-shapes {  background-position: -114px -18px; }
.product-diamonds-filter-shape ul li a.asscher-not-in-shapes {  background-position: -161px -18px; }
.product-diamonds-filter-shape ul li a.cushion-not-in-shapes {  background-position: -207px -18px; }
.product-diamonds-filter-shape ul li a.radiant-not-in-shapes {  background-position: -256px -18px; }
.product-diamonds-filter-shape ul li a.oval-not-in-shapes {  background-position: -302px -18px; }
.product-diamonds-filter-shape ul li a.marquise-not-in-shapes {  background-position: -349px -18px; }
.product-diamonds-filter-shape ul li a.pear-not-in-shapes {  background-position: -397px -18px; }
.product-diamonds-filter-shape ul li a.heart-not-in-shapes {  background-position: -444px -18px; }
.product-diamonds-filter-shape ul li a.round { background-position: -18px -152px; }
.product-diamonds-filter-shape ul li a.princess { background-position: -66px -152px; }
.product-diamonds-filter-shape ul li a.emerald { background-position: -114px -152px; }
.product-diamonds-filter-shape ul li a.asscher { background-position: -161px -152px; }
.product-diamonds-filter-shape ul li a.cushion { background-position: -207px -152px; }
.product-diamonds-filter-shape ul li a.radiant { background-position: -256px -152px; }
.product-diamonds-filter-shape ul li a.oval { background-position: -302px -152px; }
.product-diamonds-filter-shape ul li a.marquise { background-position: -349px -152px; }
.product-diamonds-filter-shape ul li a.pear { background-position: -397px -152px; }
.product-diamonds-filter-shape ul li a.heart { background-position: -444px -152px; }
.product-diamonds-filter-shape ul li a.round:hover { background-position: -18px -156px; }
.product-diamonds-filter-shape ul li a.princess:hover { background-position: -66px -156px; }
.product-diamonds-filter-shape ul li a.emerald:hover { background-position: -114px -156px; }
.product-diamonds-filter-shape ul li a.asscher:hover { background-position: -161px -156px; }
.product-diamonds-filter-shape ul li a.cushion:hover { background-position: -207px -156px; }
.product-diamonds-filter-shape ul li a.radiant:hover { background-position: -256px -156px; }
.product-diamonds-filter-shape ul li a.oval:hover { background-position: -302px -156px; }
.product-diamonds-filter-shape ul li a.marquise:hover { background-position: -349px -156px; }
.product-diamonds-filter-shape ul li a.pear:hover { background-position: -397px -156px; }
.product-diamonds-filter-shape ul li a.heart:hover { background-position: -444px -156px; }
.product-diamonds-filter-shape ul li a.round-active { border: 1px solid #e0dfdf; border-left: 2px solid #e0dfdf; border-top: 2px solid #e0dfdf; background-position: -18px -154px; }
.product-diamonds-filter-shape ul li a.princess-active { border: 1px solid #e0dfdf; border-left: 2px solid #e0dfdf; border-top: 2px solid #e0dfdf; background-position: -66px -154px; }
.product-diamonds-filter-shape ul li a.emerald-active { border: 1px solid #e0dfdf; border-left: 2px solid #e0dfdf; border-top: 2px solid #e0dfdf; background-position: -114px -154px; }
.product-diamonds-filter-shape ul li a.asscher-active { border: 1px solid #e0dfdf; border-left: 2px solid #e0dfdf; border-top: 2px solid #e0dfdf; background-position: -161px -154px; }
.product-diamonds-filter-shape ul li a.cushion-active { border: 1px solid #e0dfdf; border-left: 2px solid #e0dfdf; border-top: 2px solid #e0dfdf; background-position: -207px -154px; }
.product-diamonds-filter-shape ul li a.radiant-active { border: 1px solid #e0dfdf; border-left: 2px solid #e0dfdf; border-top: 2px solid #e0dfdf; background-position: -256px -154px; }
.product-diamonds-filter-shape ul li a.oval-active { border: 1px solid #e0dfdf; border-left: 2px solid #e0dfdf; border-top: 2px solid #e0dfdf; background-position: -302px -154px; }
.product-diamonds-filter-shape ul li a.marquise-active { border: 1px solid #e0dfdf; border-left: 2px solid #e0dfdf; border-top: 2px solid #e0dfdf; background-position: -349px -154px; }
.product-diamonds-filter-shape ul li a.pear-active { border: 1px solid #e0dfdf; border-left: 2px solid #e0dfdf; border-top: 2px solid #e0dfdf; background-position: -397px -154px; }
.product-diamonds-filter-shape ul li a.heart-active { border: 1px solid #e0dfdf; border-left: 2px solid #e0dfdf; border-top: 2px solid #e0dfdf; background-position: -444px -154px; }

.product-diamonds-filter-price { margin-bottom: 30px; float: left; display: block; position: relative; width: 227px; height: 84px; background: #ffffff url("/images/sprite-diamonds.gif") 0 -168px repeat-x; border: 1px solid #e0dfdf; }
.product-diamonds-filter-color { margin-bottom: 30px;float: right;display: block;position: relative; width: 227px; height: 84px; background: #ffffff url("/images/sprite-diamonds.gif") 0 -168px repeat-x; border: 1px solid #e0dfdf; }
.product-diamonds-filter-carat { margin-bottom: 30px;float: right;display: block;position: relative; width: 227px; height: 84px; background: #ffffff url("/images/sprite-diamonds.gif") 0 -168px repeat-x; border: 1px solid #e0dfdf; }
.product-diamonds-filter-clarity { margin-bottom: 30px;float: left;display: block;position: relative; width: 227px; height: 84px; background: #ffffff url("/images/sprite-diamonds.gif") 0 -168px repeat-x; border: 1px solid #e0dfdf; }
.product-diamonds-filter-title {  position: absolute;  top: -20px; color: #461d5a; font-size: 12px; font-weight: bold; }
.product-diamonds-filter-help { position: absolute; top: -18px; right: 0px; }
.product-diamonds-filter-help a { float: left; width: 14px; height: 0px; padding-top: 13px; overflow: hidden; background: url("/images/sprite-diamonds.gif") -698px -175px; }
.search-diamond { clear: both; display: block; margin: 20px auto 20px; width: 321px; height: 43px; background: url(images/product-add-dimon-small.gif); text-align: center; }
.search-diamond a { font-size: 16px; color: #ffffff; text-decoration:none;}
.search-diamond a:hover { color: #461d5a}
.product-diamonds-filter-slider-row1 { margin-top: 20px; width: 85%; margin-left: auto; margin-right: auto; }
.product-diamonds-filter-slider-row2 { margin-top: 20px; width: 85%; margin-left: auto; margin-right: auto; }
.product-diamonds-filter-chart { width: 209px; margin-top: 20px; margin-left: 12px; font-size: 10px; font-weight: bold; }
.product-diamonds-filter-chart a.first { border-left: 1px solid #e1e1e1; }
.product-diamonds-filter-chart a { display: block; float: left; text-align: center; color: #000000; text-decoration: none; border-top: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; width: 28px; line-height: 16px; }

.product-diamond-thumb { padding: 1px 0 1px 20px; margin: 2px 0 2px 0;  background: url("/images/sprite-diamonds-small.gif") no-repeat; text-align:left;}
.product-diamond-round { background-position: 0 0; }
.product-diamond-princess { background-position: 0 -16px; }
.product-diamond-emerald { background-position: 0 -32px; }
.product-diamond-asscher { background-position: 0 -48px; }
.product-diamond-cushion { background-position: 0 -64px; }
.product-diamond-radiant { background-position: 0 -80px; }
.product-diamond-oval { background-position: 0 -96px; }
.product-diamond-marquise { background-position: 0 -112px; }
.product-diamond-pear { background-position: 0 -128px; }
.product-diamond-heart { background-position: 0 -144px; }
.category-box { 
    position: relative; 
    float: left; 
    width: 23%; 
    height: 220px; 
    text-align: center; 
    margin: 0 1%; 
}
.category-box img {
    border: 1px solid #e4e4e4;
    margin-bottom: 10px;
    width: 100%;
    height: auto;
}
.category-box a { color: #461d5a; font-size: 14px; }
.category-box a:hover { text-decoration: none; }

.item-box {  
      width: 19%;
      margin: 3%;
      float: left;
}
.table-diamond-rings .item-box{
    width: 90%;
}
.item-box img { border: 1px solid #e4e4e4; margin-bottom: 10px; width: 100%; height: auto;}
.item-box a { color: #461d5a; font-size: 14px; }
.item-price { font-size: 12px; margin-top: 8px; }
.item-box a:hover { text-decoration: none; }

.diamond-detail { padding-top:17px }
.diamond-detail-more { padding-left:98px;padding-top:10px; display:none }
.diamond-detail-more td { width: 140px }
.diamond-detail td { width: 140px }

.product-details { position: relative; float: right; width: 490px; font-size: 12px; line-height: 16px; text-align: justify; }
.product-images { float: left; margin-top: 5px; text-align: center; width: 430px; position:relative;}
.product-image { border: 1px solid #e0dfdf; display: block; margin-bottom: 15px; }
.product-thumb img { border: 1px solid #BBBBBB; margin-left: 5px; margin-right: 5px; }
a.product-thumb-left { float:left; width: 16px; height: 20px; background: url(images/gallery-button.png) 0 40px; margin-right: 3px; margin-top:20px;}
a.product-thumb-right { float: right; width: 16px; height: 20px; background: url(images/gallery-button.png) 0 0 ; margin-right:3px; margin-top:20px;}

a.product-thumb-left:hover { background-position: 0px 19px;}
a.product-thumb-right:hover { background-position:  0px 60px ; }

.product-images-modal {text-align: center; width: 600px; position:relative;}
.product-image-modal { display: block; margin-bottom: 15px; }
.product-thumb-modal img { border: 1px solid #BBBBBB; margin-left: 5px; margin-right: 5px; }
a.product-thumb-left-modal { float:left; width: 16px; height: 20px; background: url(images/gallery-button.png) 0 40px; margin-right: 1px; margin-top:20px;}
a.product-thumb-right-modal { float: right; width: 16px; height: 20px; background: url(images/gallery-button.png) 0 0; margin-right: 1px; margin-top:20px;}

a.product-thumb-left-modal:hover { background-position: 0px 19px; }
a.product-thumb-right-modal:hover { background-position: 0px 60px; }


.product-table { border-spacing: 0; padding-bottom: 12px; }

.product-table td { padding-bottom: 18px; }
.product-subheading { color: #461d5a; font-size: 13px; font-weight: bold; }
i.ring-only { font-size: 14px; color: #ffffff; padding-top: 13px; padding-left: 10px;}
.product-price { font-size: 14px; color: #ffffff; padding-top: 13px; padding-left: 20px; float: left }
b.no-diamond { font-size: 14px; color: #000000; padding-top: 0px; padding-left: 0px;}
.product-price-add-diamond { font-size: 14px; color: #ffffff; padding-top: 13px; padding-right: 20px; float: right}
.product-price-add-diamond a { text-decoration:none; color: #ffffff }
.product-price-add-diamond a:visited { color: #ffffff }
.product-price-add-diamond a:hover { color: #461d5a }
.product-price-add { background-size: 100%; width: 100%;max-width: 405px; height: 43px; background: url(images/product-add-dimon.gif) no-repeat; }
a.product-link-add-diamond { float: right; width: 119px; height: 0; margin-left:10px; padding-top: 40px; background: url(images/sprite-products.gif) -868px 0; overflow: hidden; margin-right: 30px; }
a.added-diamon-button { background: url(images/sprite-products.gif) -514px 0; }
a.product-link-more { color: #461d5a; text-decoration: none; background: url(images/sprite-products.gif) -535px -85px; padding-right: 15px; }
a.product-link-more:hover { color: #461d5a; background: url(images/sprite-products.gif) -535px -104px; }
a.diamond-link-more { padding-left: 98px;color: #461d5a; text-decoration: none; background: url(images/sprite-products.gif) -364px -85px; padding-right: 15px; }
a.diamond-link-more:hover { color: #461d5a; background: url(images/sprite-products.gif) -364px -104px; }

a.product-link-video { float: left; width: 159px; height: 0; padding-top: 61px; background: url(images/sprite-products.gif) -28px 0; overflow: hidden; margin-right: 2px; }
a.product-link-enquire { float: left; width: 159px; height: 0; padding-top: 61px; background: url(images/sprite-products.gif) -189px 0; overflow: hidden; margin-left: 2px; margin-right: 2px; }
a.product-link-buy { float: left; width: 159px; height: 0; padding-top: 61px; background: url(images/sprite-products.gif) -684px 0; overflow: hidden; margin-left: 2px; }
a.diamond-required { background: url(images/sprite-products.gif) -352px 0; }

.product-description-more { padding-top: 24px; }
.product-description-more a { color: #461d5a; }
.table-diamond-rings tbody tr td{
      width: 25%;
      float: left;
}
.table-diamond-rings thead{
    display: block;
}

/* DIAMOND RINGS FILTER */

.diamond-rings-filter { 
    position: relative; 
    border: 1px solid #e0dfdf; 
    background-color: #f6f6f6;
    margin-bottom: 20px; 
    -webkit-box-sizing: border-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
    -moz-box-sizing: border-box;    /* Firefox 1 - 28 */
    box-sizing: border-box; 
    padding: 25px 20px 15px;
}
.diamond-rings-filter-title { position: absolute; top: -18px; color: #461d5a; font-size: 12px; font-weight: bold; }
.diamond-rings-filter ul { margin-top:10px; font-size:10px; background: #ffffff url("/images/sprite-diamond-rings-filter.bmp") 0 -168px repeat-x;}
.diamond-rings-filter ul li { list-style-type:none;}
.diamond-rings-filter ul li a { position: absolute; width: 175px; height: 18px; padding-left:40px;/*overflow: hidden; */line-height: 18px; font-size: 10px; text-decoration: none; color: black; margin-left: auto; margin-right: auto; background-image:url("/images/sprite-diamond-rings-filter.bmp");}
.clear-diamond-rings-filter{
    display: none;
    clear: both;
}
.diamond-rings-create { 
    width: 160px;
  float: left;
  margin-right: 35px;
}
.diamond-rings-create a { text-decoration:none; }
.diamond-rings-refine { font-size:16px;}
.diamond-rings-design-own { position:relative; top:35px; padding:10px; background: #ffffff; border: 1px solid #e0dfdf; color:black;}
.diamond-rings-design-own a:over {background-color:#FF0000;}


.diamond-rings-style { 
    width: 230px; 
    height: 105px; 
    background: #ffffff; 
    border: 1px solid #e0dfdf; 
    float: left;
    position: relative;
    margin-right: 15px;
}
.diamond-rings-style ul li a.style-solitare{ top:10px; }
.diamond-rings-style ul li a.style-band { top:30px; width: 178px}
.diamond-rings-style ul li a.style-multiple { top:50px; }
.diamond-rings-style ul li a.style-all { top:70px;  }
.diamond-rings-style ul li a, .diamond-rings-shape ul li a.shape-all{ background-position: -0px -0px; }
.diamond-rings-style ul li a:hover, .diamond-rings-shape ul li a.shape-all:hover { background-position: -0px -18px; }
.diamond-rings-style ul li a.style-solitare-active, .diamond-rings-style ul li a.style-band-active, .diamond-rings-style ul li a.style-multiple-active, .diamond-rings-style ul li a.style-all-active, .diamond-rings-shape ul li a.shape-all-active { border: 1px solid #e0dfdf; border-left: 2px solid #e0dfdf; border-top: 2px solid #e0dfdf;  height:17px; width:178px; background-position: -0px -18px; }
.diamond-rings-style ul li a.style-solitare-active { top:10px; }
.diamond-rings-style ul li a.style-band-active { top:30px; }
.diamond-rings-style ul li a.style-multiple-active { top:50px; }
.diamond-rings-style ul li a.style-all-active { top:70px; }


.diamond-rings-metal { 
    width: 215px; 
    height: 105px; 
    background: #ffffff; 
    border: 1px solid #e0dfdf; 
    float: left;
    position: relative;
    margin-right: 15px;
}
.diamond-rings-metal ul li a.metal-white { top:10px; background-position: -215px -0px;}
.diamond-rings-metal ul li a.metal-yellow { top:30px; background-position: -430px -0px;}
.diamond-rings-metal ul li a.metal-platinum { top:50px; background-position: -645px -0px;}
.diamond-rings-metal ul li a.metal-palladium { top:70px; background-position: -860px -0px;}
.diamond-rings-metal ul li a.metal-white:hover { background-position: -215px -18px;}
.diamond-rings-metal ul li a.metal-yellow:hover { background-position: -430px -18px;}
.diamond-rings-metal ul li a.metal-platinum:hover { background-position: -645px -18px;}
.diamond-rings-metal ul li a.metal-palladium:hover { background-position: -860px -18px;}
.diamond-rings-metal ul li a.metal-white-active { border: 1px solid #e0dfdf; border-left: 2px solid #e0dfdf; border-top: 2px solid #e0dfdf;  height:17px; width:172px; top:10px; background-position: -215px -18px;}
.diamond-rings-metal ul li a.metal-yellow-active { border: 1px solid #e0dfdf; border-left: 2px solid #e0dfdf; border-top: 2px solid #e0dfdf;  height:17px; width:172px; top:30px; background-position: -430px -18px;}
.diamond-rings-metal ul li a.metal-platinum-active { border: 1px solid #e0dfdf; border-left: 2px solid #e0dfdf; border-top: 2px solid #e0dfdf;  height:17px; width:172px; top:50px; background-position: -645px -18px;}
.diamond-rings-metal ul li a.metal-palladium-active { border: 1px solid #e0dfdf; border-left: 2px solid #e0dfdf; border-top: 2px solid #e0dfdf;  height:17px; width:172px; top:70px; background-position: -860px -18px;}

.diamond-rings-shape { 
    width: 215px; 
    height: 105px; 
    background: #ffffff; 
    border: 1px solid #e0dfdf; 
    float: left;
    position: relative;
}
.diamond-rings-shape ul li a.shape-princess { top:10px; background-position: -1290px -0px; }
.diamond-rings-shape ul li a.shape-round { top:30px; background-position: -1075px -0px; }
.diamond-rings-shape ul li a.shape-all { top:50px; }
.diamond-rings-shape ul li a.shape-all-shapes { top:73px; background-position: -1505px -0px; }
.diamond-rings-shape ul li a.shape-princess:hover { background-position: -1290px -18px; }
.diamond-rings-shape ul li a.shape-round:hover { background-position: -1075px -18px; }
.diamond-rings-shape ul li a.shape-princess-active { top:10px; border: 1px solid #e0dfdf; border-left: 2px solid #e0dfdf; border-top: 2px solid #e0dfdf;  height:17px; width:172px; top:70px; top:10px; background-position: -1290px -18px; }
.diamond-rings-shape ul li a.shape-round-active, .diamond-rings-shape ul li a.shape-all-active{ top:30px;  border: 1px solid #e0dfdf; border-left: 2px solid #e0dfdf; border-top: 2px solid #e0dfdf;  height:17px; width:172px; top:70px; top:30px; background-position: -1075px -18px; }
.diamond-rings-shape ul li a.shape-all-active { top:50px; }

.table-diamond-rings { width:100% !important; }
.diamond-rings-showing { margin-left:10px; }
.diamond-rings-sorting { margin-left:10px; }



/* SHOPPING CART */

.cart-table-header { color: #461d5a; width: 100%; border-spacing: 0; margin-top: 18px; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #e0dfdf; }
.cart-table-items { width: 100%; border-spacing: 0; padding-top: 5px; padding-bottom: 5px; }
.cart-table-items td { line-height: 16px; }
.cart-table-items td .options { font-size: 10px; color: #333333; }

.cart-table-no-results { width: 100%; border-spacing: 0; padding-top: 10px; padding-bottom: 10px; }
.cart-table-pricing { width: 100%; border-spacing: 0; margin-top: 5px; padding-top: 5px; margin-bottom: 5px; padding-bottom: 5px; border-top: 1px solid #e0dfdf; border-bottom: 1px solid #e0dfdf; }
.cart-table-pricing td { border-spacing: 0; padding-top: 10px; padding-bottom: 10px; }
.cart-table-total { width: 100%; border-spacing: 0; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #e0dfdf; }
.cart-table-buttons { width: 100%; border-spacing: 0; padding-top: 10px; padding-bottom: 10px; }

.cart-button {  margin-bottom: 11px; padding: 4px 10px 4px 10px; color: #222222; font-size: 10px; cursor: pointer; }
.cart-input-qty { width: 40px; text-align: center; }
a.cart-item-del { display: block; width: 20px; padding: 2px; color: #461d5a; text-align: center; text-decoration: none; border: 1px solid #e0dfdf; }
a.cart-item-del:hover { color: #999999; }

.cart-item-title { color: #461d5a; text-decoration: none; }
.checkout-wrapper-form{
    
}
.checkout-wrapper-form .checkout-title{
      width: 14%;
      float: left;
      margin-bottom: 20px;
      font-size: 11px;
}
.checkout-wrapper-form .checkout-input{
    float: left;
      width: 36%;
      margin-bottom: 20px;
}
.checkout-wrapper-form .checkout-input input,
.checkout-wrapper-form .checkout-input select{
    border: 1px solid #cccccc;
      font-size: 11px;
      padding: 2px;
        width: 90%;
  max-width: 300px;
}

/* EDUCATION */



/* JQUERY UI OVERRIDES */
.ui-widget-header { border: 1px solid #461d5a; background: #461d5a url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #461d5a; background: #d4c7da url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #461d5a; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; }

.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 0.7em; height: 1.6em; cursor: default; }
.ui-slider-horizontal .ui-slider-handle { top: -.5em; margin-left: -.4em; }

.view-dialog .ui-dialog-titlebar { display: none; }
.view-dialog .ui-dialog-content { background: #fff; }
.ui-widget-overlay { background: #000; opacity: 0.5; }

/* JQUERY TABLE PLUGIN CSS */
.dataTables_wrapper { position: relative; min-height: 58px; clear: both; _height: 58px; zoom: 1; /* Feeling sorry for IE */ }
.dataTables_processing { position: absolute; right: 0; top: 1px; width: 200px; text-align: right; padding: 5px; font-size: 11px; }
.dataTables_info { width: 60%; padding: 5px; float: left; font-size: 11px; }
.dataTables_paginate { width: 44px; * width: 50px; float: right; text-align: right; }

table.table-loose-diamonds { margin: 0 auto; clear: both; width: 100%; font-size: 11px; border-spacing: 0; border-collapse: collapse; border: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; }
table.table-loose-diamonds td { padding: 3px; font-size: 11px; border-bottom: 1px solid #e1e1e1; text-align:center; }
table.table-loose-diamonds td.center { text-align: center; }
table.table-loose-diamonds thead th { padding: 5px 3px 5px 3px; font-weight: bold; cursor: pointer; * cursor: hand; background-color: #f6f6f6; border-bottom: 1px solid #e1e1e1;  text-align:center;}
table.table-loose-diamonds tfoot th { padding: 3px; background-color: #f6f6f6; font-weight: bold; }
table.table-loose-diamonds tr.odd { background-color: white; }
table.table-loose-diamonds tr.even { background-color: #f6f6f6; }
table.table-loose-diamonds tr.odd td.sorting_1 { background-color: #f6f6f6; }
table.table-loose-diamonds tr.even td.sorting_1 { background-color: #eeeeee; }

.sorting_asc { background: url('/images/sprite-sort.gif') no-repeat top right; }
.sorting_desc { background: url('/images/sprite-sort.gif') no-repeat center right; }

.paging_full_numbers { width: 350px !important; font-size: 11px; padding: 5px; }
.paginate_button { margin-left: 5px; cursor: pointer; }
.paginate_active { font-weight: bold; margin-left: 5px; cursor: pointer; * cursor: hand; }

/* @override http://localhost/bxslider_v3_plugin/css/styles.css */

/*
 * To change the color scheme of slider change each
 * background property for each of the five styles below
 */

/*next button*/
.bx-prev {
    background: url("images/sprite-products.gif") repeat scroll 0 0 transparent;
    float: left;
    height: 0;
    overflow: hidden;
    padding-top: 66px;
    width: 13px;
    margin-top:-80px;
    margin-left:15px;
}

/*previous button*/
.bx-next {
    background: url("images/sprite-products.gif") repeat scroll -13px 0 transparent;
    float: right;
    height: 0;
    margin-right: 19px;
    overflow: hidden;
    padding-top: 66px;
    width: 13px;
    margin-top:-80px;
}

/*pager links*/


/*
 * End color scheme styles
 */


/*next/prev button hover state*/
.bx-prev:hover{background-position: 0 -62px;}
.bx-next:hover{background-position: -13px -62px;}

/*pager links hover and active states*/
.bx-pager .pager-active,
.bx-pager a:hover {
        background: url(/images/front-banner-circles.png) no-repeat 0 -10px;
}
.bx-pager a {
        display:block;
		float:left;
		text-indent: -999999px;
        padding-right: 10px;
		padding-bottom:10px;
		margin-right: 5px;
        font-size: 0px; 
        background: url(/images/front-banner-circles.png) no-repeat 0 0px;
}
/*pager wrapper*/
.bx-pager {
		position:absolute;
        top:85%;
		left: 10px;
		height: 10px;
        color:#666;
		z-index: 99;
}

/*captions*/
.bx-captions {
        text-align:center;
        font-size: 12px;
        padding: 7px 0;
        color: #666;
}

/*auto controls*/
.bx-auto {
        text-align: center;
        padding-top: 15px;
}

.bx-auto a {
        color: #666;
        font-size: 12px;
}

/* bx pager with thumbnail*/
.thumb-pager{
	padding-top:10px;
	padding-bottom:10px;
}
.thumb-pager .pager-active img{
	border:1px solid #eeeeee;
}

.thumb-pager a img{
	border: 1px solid #CCCCCC;
}
.thumb-pager a{
	margin-right:4px;
}
.product-image{
	cursor:pointer;
}



/* custom */
.wrapper{
    width: 980px;
    margin: 0 auto;
}
#menu-button{
    display: none;
}
.clear-child{
    display: none;
}
.cart-table-header td{
      border-bottom: 1px solid #e0dfdf;
      padding-bottom: 10px;
}
.checkout-table p{
    display: inline-block;
}
.history-check .left,
.history-check .right{
    width: 50%;
    float: left;
}
.diamon-text, .added-diamon-text{
    float: left;
    margin-top: 13px;
}
.not-found-image img{
    width: 100%;
    max-width: 560px;
}

@media (min-width: 1024px) {
    
}

@media (min-width: 960px) and (max-width: 1023px) {
    .wrapper{
        width: 860px;
    }
    .navigation a{
        padding-left: 15px;
        padding-right: 15px;
    }
    .footer-country-list a{
        font-size: 10px;
    }
    .footer-follow-us{
        position: relative;
        top: -25px;
        margin-right: 5px;
    }
    .footer-twitter, .footer-facebook, .footer-blog{
        margin: 0 8px;
    }
    .footer-gia{
        margin-left: 25px;
    }
    .front-row1-child{
        width: 31.7%;
    }
    .front-row1 h2,.front-row1 h2 a{
          font-size: 18px;
  padding-bottom: 7px;
    }
    .front-row1 p {
      line-height: 23px;
    }
    .front-row2-left { 
      width: 526px;
    }
    .front-row2-right { 
      width: 258px ;
      height: 274px !important;
    }
    .front-row2-right a{
          background: white url("/images/sprite-front.jpg") -10px -420px;
          width: 197px;
    }
    .front-row3-left { 
        width: 244px;
        height: 125px;
    }
    .front-row3-middle {
        width: 240px;
        height: 125px;
    }
    .front-row3-right { 
        width: 244px;
        height: 125px;
    }
    .front-row3 .title a{
        width: 155px;
    }
    .clear-diamond-rings-filter{
        display: block;
        margin-top: 30px;
    }
    .diamond-rings-style{
          margin-right: 50px;
    }
    .diamond-rings-metal{
          margin-right: 50px;
    }
    #contact-box,#video-box{
        width: 860px;
    }    
    .product-images{
        width: 290px;
    }
    .product-image{
        width: 100%;
        height: auto;
    }
    .product-carousel{
        width: 195px !important;
        margin: 0 auto;
    }
    .product-diamonds-filter{
        height: 420px;
    }
    .search-diamond{
        margin-top: 0;
    }
    .diamonds-filter-left{
        width: 97%;
        margin-bottom: 40px;
    }
    .diamonds-filter-shape ul li{
        width: 10%;
    }
    .diamonds-filter-right{
        float: none;
        clear: both;
        display: block;
        margin: 0 auto;
    }
    .show-blog > span{
        left: auto !important;
        right: 0;
    }
    .loose-diamonds-view-image{
        margin: 0 auto 20px;
    }
    .loose-diamonds-view-images{
        margin-bottom: 30px;
        float: none;
        width: 100%;
    }
    .loose-diamonds-view-details{
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 959px) {
    .wrapper{
        width: 720px;
    }
    .navigation a{
        padding-left: 4px;
        padding-right: 4px;
    }
    .footer-country-text{
        font-size: 11px;
    }
    .footer-country-list a{
        font-size: 8px;
    }
    .footer-gia{
          background: url(images/gia.png) no-repeat 0 0 transparent;
      margin-left: 0;
      background-size: 100%;
      width: 167px;
      height: 51px;
    }
    .footer-follow-us{
        margin-right: 10px;
    }
    .footer-twitter, .footer-facebook, .footer-blog{
        margin: 0 5px;
    }
    .footer-jvc{
        background: url(images/jvc.png) no-repeat 0 0 transparent;
      background-size: 100%;
      width: 180px;
      height: 51px;
    }
    .front-row1-child {
      width: 211px;
      }
      .front-row1 h2,.front-row1 h2 a{
      font-size: 16px;
      padding-bottom: 5px;
    }
    .front-row1 p {
      line-height: 16px;
    }
    .front-row1 a.gray {
      font-size: 10px;
    }
    .front-row2-left { 
      width: 432px;
    }
    .front-row2-right { 
      width: 212px ;
      height: 319px !important;
    }
    .front-row2-right a{
      background: white url("/images/sprite-front.jpg") -29px -420px;
      width: 169px;
      margin-left: 0;
    }
    .front-row3-left { 
      width: 190px;
      height: 170px;
    }
    .front-row3-middle {
      width: 220px;
      height: 170px;
    }
    .front-row3-right { 
      width: 178px;
      height: 170px;
    }
    .front-row3 .title a {
        width: 130px;
    }
    .front-banner a.title, .front-banner1 a.title, .front-banner2 a.title, #slider1 > div > h1{
        top: 20px;
        font-size: 22px;
    }
    .front-banner .links, .front-banner1 .links, .front-banner2 .links{
        top: 60px;
        left: 70px;
    }
    .diamond-rings-filter{
        padding: 25px 10px 15px;
    }
    .clear-diamond-rings-filter{
        display: block;
        margin-top: 30px;
    }
    .diamond-rings-style{
          margin-right: 5px;
          width: 205px;
    }
    .diamond-rings-metal{
          margin-right: 5px;
    }
    .diamond-rings-shape{
        
    }
    .diamond-rings-style ul li a,
    .diamond-rings-style ul li a.style-band,
    .diamond-rings-style ul li a.style-solitare-active, 
    .diamond-rings-style ul li a.style-band-active, 
    .diamond-rings-style ul li a.style-multiple-active, 
    .diamond-rings-style ul li a.style-all-active{
        width: 160px;
    }
    #contact-box, #video-box{
        width: 720px;
    }
    .product-images{
        clear: both;
        float: none;
        margin: 0 auto 10px;
    }
    .product-details{
        width: 100%;
        margin-top: 10px;
    }
    .product-diamonds-filter{
        margin: 0 auto;
        float: none;
        margin-top: 40px;
    }
    .search-diamond{
        margin-top: 0;
    }
    .cart-step-old-bg,
    .cart-step-cur-bg,
    .cart-step-next-bg,
    .cart-step-next-bg{
        width: 190px;
    }
    .cart-step-old-cur,
    .cart-step-cur-next,
    .cart-step-next,
    .cart-step-next-end{
        width: 25px;
    }
    .diamonds-filter-left{
        width: 97%;
        margin-bottom: 40px;
    }
    .diamonds-filter-shape ul li{
        width: 10%;
    }
    .diamonds-filter-right{
        float: none;
        clear: both;
        display: block;
        margin: 0 auto;
    }
    .show-blog > span,.show-education > span{
        left: auto !important;
        right: 0;
    }
    .ui-dialog.ui-widget-content.view-dialog{
        width: 720px !important;
    }
    .loose-diamonds-view-image{
        margin: 0 auto 20px;
        
    }
    .loose-diamonds-view-images{
        margin-bottom: 30px;
        float: none;
        width: 100%;
    }
    .loose-diamonds-view-details{
        width: 100%;
    }
}
@media (max-width: 767px) {
    .wrapper{
        width: 100%;
        -webkit-box-sizing: border-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
        -moz-box-sizing: border-box;    /* Firefox 1 - 28 */
        box-sizing: border-box; 
        padding: 2%;
    }
    body{
        margin: 0;
    }
    .header-left {
        position: relative;
        left: 0;
    }
    a.header-testimonials-link {
        position: relative;
        margin-top: 15px;
        display: inline-block;
        clear: both;
        top: 0;
    }
    .header-logo{
        background: url("/images/logo-header.png") center center no-repeat;
        width: 100%;
        max-width: 276px;
        background-size: 100%;
        margin-top: 10px;
    }
    span.header-right{
        position: relative;
        right: 0;
        top: 0;
        height: auto;
        display: inline-block;
        margin-top: 13px;
        text-align: center;
    }
    .header-region{
        position: relative;
        clear: both;
        display: inline-block;
        top: 0;
        right: 0;
        margin-left: 5px;
        display: inline-block;
        margin-bottom: 7px;
        margin-right: 5px;
    }
    .header-phone{
        margin-bottom: 7px;
        display: inline-block;
        margin-right: 5px;
        margin-left: 5px;
    }
    .header-search{
        position: relative;
    }
    .header-search2{
        right: 12px;
    }
    
    /*menu*/
    .navigation > ul {
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height 0.35s ease-out;
        -moz-transition: max-height 0.35s ease-out;
        -ms-transition: max-height 0.35s ease-out;
        -o-transition: max-height 0.35s ease-out;
        transition: max-height 0.35s ease-out;
    }
    .navigation > ul > li > ul {
        width: 100%;
        display: block;
    }
    .navigation.align-right ul li a {
        text-align: left;
    }
    .navigation > ul > li > ul > li {
        width: 100%;
        display: block;
    }
    .navigation.align-right ul ul li a {
        text-align: left;
    }
    .navigation > ul > li > ul > li > a {
        width: 100%;
        display: block;
    }
    .navigation ul li ul li a {
        width: 100%;
    }
    .navigation.align-center > ul {
        text-align: left;
    }
    .navigation.align-center > ul > li {
        display: block;
    }
    .navigation > ul.open {
        max-height: 1000px;
        border-top: 1px solid rgba(110, 110, 110, 0.25);
    }
    .navigation ul {
        width: 100%;
        background: rgb(168, 168, 168);
    }
    .navigation ul > li {
        float: none;
        width: 100%;
        clear: both;
        display: block;
        text-align: left;
    }
    .navigation ul li a {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding: 12px 20px;
    }
    .navigation ul > li > a{
        display: block;
        padding: 0 0px 0 15px;
    }
    .navigation li span{
        display: block !important;
        position: relative;
        margin-top: 0;
        padding-top: 0;
        width: 100% !important;
        left: 0;
        opacity: 1 !important;
    }
    .navigation li span ul{
        margin-top: 0;
        background: none;
        border: 0;
    }
    .navigation ul > li:after {
        display: none;
    }
    .navigation ul li.has-sub > a:after,
    .navigation ul li.has-sub > a:before,
    .navigation ul li ul li.has-sub:after,
    .navigation ul li ul li.has-sub:before {
        display: none;
    }
    .navigation ul li ul,
    .navigation ul li ul li ul,
    .navigation ul li ul li:hover > ul,
    .navigation.align-right ul li ul,
    .navigation.align-right ul li ul li ul,
    .navigation.align-right ul li ul li:hover > ul {
        left: 0;
        position: relative;
        right: auto;
    }
    .navigation ul li ul li,
    .navigation ul li:hover > ul > li {
        max-height: 999px;
        position: relative;
        background: none;
    }
    .navigation ul li ul li a {
        padding: 2px 15px 2px 30px;
        color: #ffffff;
    }
    .navigation ul li ul ul li a {
        padding: 8px 20px 8px 50px;
    }
    .navigation ul li ul li:hover > a,
    .navigation a:hover{
        color: #000000;
    }
    .navigation #menu-button {
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding: 4px 15px;
        text-transform: uppercase;
        font-size: 14px;
        letter-spacing: 1px;
        color: #ffffff;
        cursor: pointer;
        background: white url("/images/sprite-global.png") 0px -103px no-repeat;
        text-align: left;
        height: 28px;
    }
    .navigation span{
        float: left;
        display: block;
    }
    .toger-menu{
        display: block;
        float: right;
        margin-top: 3px;
    }
    .toger-menu .toger-menu-child{
        background: white;
        height: 2px;
        width: 30px;
        margin-bottom: 4px;
    }

    
    /*end menu*/
    .footer{
        background: url(images/bg-footer.png) repeat-x 0 0 #FFF;   
    }
    .footer-gia{
        display: block;
      margin-left: 0;
      float: left;
      margin-right: 10px;
      margin-bottom: 15px;
    }
    .clear-child{
        clear: both;
        display: block;
    }
    .footer-jvc{
        margin-bottom: 15px;
    }
    .front-row1{
          padding: 10px 10px 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .front-row1-child {
      width: 100%;
      margin-bottom: 10px;
      -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: 0;
    }
    .front-row1 h2,.front-row1 h2 a{
          font-size: 30px;
    }
    .front-row1 a.gray {
        font-size: 16px;
    }
    .front-row1 a {
      font-size: 18px;
    }
    .front-row2-left { 
      width: 100%;
      margin-bottom: 10px;
    }
    .front-row2-right { 
      width: 100% ;
      height: auto !important;
      margin-left: 0;
    }
    .front-row2-right a{
        margin: 0 auto;
          width: 90%;
          max-width: 237px;
    }
    .front-row3-left { 
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      width: 100%;
        margin-bottom: 10px;
        height: auto;
    }
    .front-row3-middle {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      width: 100%;
      margin-left: 0;
        margin-bottom: 10px;
        height: auto;
    }
    .front-row3-right { 
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      width: 100%;
        margin-left: 0;
        height: auto;
    }
    .front-row3 .title a {
        width: 60%;
    }
    .front-row3-buttoms{
        position: relative;
        bottom: 0;
        right: 0;
        float: right;
        margin-top: 10px;
    }
    .front-banner a.title, .front-banner1 a.title, .front-banner2 a.title, #slider1 > div > h1{
       font-size: 14px;
          top: 15px;
          left: 20px;
    }
    .front-banner .links, .front-banner1 .links, .front-banner2 .links{
        display: none;
    }
    .bx-controls.bx-has-pager{
        bottom: 22%;
    }
    .diamond-rings-filter{
        padding: 25px 10px 15px;
    }
    .diamond-rings-style{
        clear: both;
          margin-right: 5px;
          width: 205px;
          margin-top: 30px;
    }
    .diamond-rings-metal{
        clear: both;
          margin-right: 5px;
          margin-top: 30px;
    }
    .diamond-rings-shape{
        clear: both;
        margin-top: 30px;
    }
    .diamond-rings-style ul li a,
    .diamond-rings-style ul li a.style-band,
    .diamond-rings-style ul li a.style-solitare-active, 
    .diamond-rings-style ul li a.style-band-active, 
    .diamond-rings-style ul li a.style-multiple-active, 
    .diamond-rings-style ul li a.style-all-active{
        width: 160px;
    }
    .table-diamond-rings tbody tr td {
        width: 50%;
      float: left;
      min-height: 260px;
    }
    .item-box {
        width: 43%;
          margin: 3%;
          min-height: 230px;
    }
    .table-diamond-rings .item-box{
        width: 85%;
    }
    .category-box{
        width: 31.33%;
        margin-bottom: 10px;
    } 
    #contact-box, #video-box{
        width: 96%;
        top: 20px;
    }
    #contact-wrapper{
          width: 92%;
        box-sizing: border-box;
    }
    .product-images{
        clear: both;
        float: none;
        margin: 0 auto 20px;
        width: 390px;
    }
    .product-image{
        width: 100%;
        height: auto;
    }
    .product-carousel{
        width: 290px !important;
        margin: 0 auto;
    }
    .product-details{
        width: 100%;
        float: left;
    }
    a.product-link-video,
    a.product-link-enquire,
    a.product-link-buy{
        margin-top: 10px;
        clear: both;
        margin-left: 0;
    }
    .product-diamonds-filter{
        margin: 0 auto;
        float: none;
        margin-top: 40px;
    }
    .search-diamond{
        margin-top: 0;
    }
    .product-diamonds-filter-price {width: 190px;}
    .product-diamonds-filter-color {width: 190px;}
    .product-diamonds-filter-carat {width: 190px;}
    .product-diamonds-filter-clarity{width: 190px;}
    .product-diamonds-filter-chart a{
        width: 22px;
        font-size: 8px;
    }    
    .slider-input{
        width: 65px;
    }
    .dataTables_wrappertable,
    .dataTables_wrapper{
        overflow: auto;
    }
    .product-diamonds-filter-shape ul li{
        width: 20%;
    }
    .wrapper-cart{
        width: 100%;
        overflow: auto;
    }
    .checkout-wrapper-form .checkout-title{
        width: 30%;
    }
    .checkout-wrapper-form .checkout-input{
        width: 70%;
    }
    .checkout-table p{
        display: block;
        margin-bottom: 10px;
    }
    
    .cart-step-cur-end { background: url("/images/arow-respond.jpg") -58px 0 no-repeat; }

    .cart-step-old { background: url("/images/arow-respond.jpg") no-repeat; }
    .cart-step-old-cur { background: url("/images/arow-respond.jpg") -10px 0 no-repeat; }
    .cart-step-cur-next { background: url("/images/arow-respond.jpg") -20px 0 no-repeat; }
    
    .cart-step-next { background: url("/images/arow-respond.jpg") -32px 0 no-repeat; }
    .cart-step-next-end { background: url("/images/arow-respond.jpg") -40px 0 no-repeat; }
    
    .cart-progress-steps a, .cart-progress-steps-cur a { color: #ffffff; text-decoration: none; }
    
    .cart-step-old-bg,
    .cart-step-cur-bg,
    .cart-step-next-bg,
    .cart-step-next-bg{
        width: auto;
        height: 51px;
    }
    .cart-step-old-cur,
    .cart-step-cur-next,
    .cart-step-next,
    .cart-step-next-end,
    .cart-step-old{
        width: 10px;
    }
    .history-check .left,
    .history-check .right{
        width: 100%;
    }
    .history-check .left{
        margin-bottom: 20px;
    }
    .table-respond{
        overflow: auto;
    }
    .table-respond table{
        min-width: 500px;
    }
    #video-box object{
        height: 400px;
    }
    .content-education iframe{
        width: 100%;
        max-width: 420px;
    }
    .content-blog img{
        width: 100%;
    }
    .diamonds-filter-left{
        width: 94%;
        margin-bottom: 40px;
    }
    .diamonds-filter-right{
        float: none;
        clear: both;
        display: block;
        margin: 0 auto;
    }
    .diamonds-filter-shape ul li {
      width: 20%;
    }
    .diamonds-filter-right{
        width: 100%;
    }
    .diamonds-filter-right > span{
          width: 330px;
          margin: 0 auto 30px;
          float: none;
    }
    .diamonds-filter{
        padding-bottom: 0;
    }
    .diamonds-filter-clarity,
    .diamonds-filter-carat{
        margin-bottom: 30px;
    }
    .diamonds-filter-slider-row1,
    .diamonds-filter-slider-row2{
        width: 300px;
    }
    .diamonds-filter-chart{
        width: 310px;
    }
    .diamonds-filter-chart a{
        width: 42px;
    }
    .search-box{
        max-width: 365px;
    }
    .mejs-container{
        width: 100% !important;
    }
    #video-product-wrapper{
        width: 98%;
    }
    a.product-link-video, a.product-link-enquire, a.product-link-buy{
        display: block;
        float: none;
        margin: 10px auto 0;
    }
    a.added-diamon-button{
          display: block;
          float: none;
          margin: 10px 0 0;
    }
    .product-table td.product-subheading{
        display: block;
    }
    .diamon-text, .added-diamon-text{
        margin-top: 0;
        float: none;
    }
    .ui-dialog.ui-widget-content.view-dialog{
        width: 90% !important;
    }
    .loose-diamonds-view-image{
        margin: 0 auto 20px;
        
    }
    .loose-diamonds-view-images{
        margin-bottom: 30px;
        float: none;
        width: 100%;
    }
    .loose-diamonds-view-details{
        width: 100%;
    }
    a.header-home-link{
          background: url("/images/icon-home-minil.png") no-repeat 0 -2px transparent;
    }
    a.header-contact-link{
        background: url("/images/icon-email-minil.png") no-repeat 0 -4px transparent;
    }
}
@media (max-width: 479px) {
    .footer-follow-us{
        display: block;
        top: 0;
        margin-top: 15px;
    }
    .footer-twitter, .footer-facebook, .footer-blog {
      margin: 10px 10px;
    }
    .footer-jvc{
        margin-bottom: 15px;
        margin-left: 0;
    }
    .front-row1 h2,.front-row1 h2 a{
          font-size: 20px;
    }
    .front-row1 a.gray {
        font-size: 12px;
    }
    .front-row1 p{
        line-height: 20px;
    }
    .front-row1 a {
      font-size: 14px;
    }
    .table-diamond-rings tbody tr td{
        width: 100%;
    }
    .category-box{
        width: 48%;
    }
    #contact-wrapper h2{
        font-size: 12px;
          font-weight: bold;
    }
    #contact-wrapper h3{
        font-size: 11px;
    }
    .product-images{
        width: 100%;
    }
    .product-carousel{
          width: 195px !important;
        margin: 0 auto;
    }
    .product-table{
          display: block;
    }
    .item-box {
          width: 93%;
          margin: 3%;
    }
    .table-diamond-rings .item-box{
        
    }
    .product-diamonds-filter-slider-row2,
    .product-diamonds-filter-slider-row1{
        width: 93%;
    }
    .product-diamonds-filter-chart{
          width: 100%;
    }
    .product-diamonds-filter-price {width: 100%;}
    .product-diamonds-filter-color {width: 100%;}
    .product-diamonds-filter-carat {width: 100%;}
    .product-diamonds-filter-clarity{width: 100%;}
    .product-diamonds-filter-chart a{
        width: 13%;
          font-size: 10px;    
    }    
    .slider-input{
        width: 65px;
    }
    .search-diamond{
          width: 245px;
      background-size: 100%;
      background-repeat: no-repeat;
      line-height: 3px;
      height: 43px;
    }
    .checkout-wrapper-form .checkout-title{
        width: 100%;
        margin-bottom: 10px;
    }
    .checkout-wrapper-form .checkout-input{
        width: 100%;
    }
    #video-box object{
        height: 300px;
    }
    .diamonds-filter-right > span{
        width: 100%;
    }
    .diamonds-filter-slider-row1,
    .diamonds-filter-slider-row2{
        width: 90%;
    }
    .diamonds-filter-chart{
        width: 98%;
    }
    .diamonds-filter-chart a{
        width: 13%;
    }
    .diamonds-filter-shape ul li {
      width: 50%;
    }
    .diamonds-filter-left {
      width: 90%;
    }
    .ui-dialog.view-dialog
    {
        width: 280px !important;
    }
    .mejs-container{
        width: 100% !important;
        height: 390px !important;
    }
    .product-price-add{
        background: none;
        height: auto;
    }
    .product-price-add .product-price-add-left,
    .product-price-add .product-price-add-right{
        background: url(images/product-add-dimon-min.gif) no-repeat;
        background-size: 100%;
        margin-bottom: 10px;
        text-align: center;
        width: 240px;
          margin: 5px auto;
          padding-top: 10px;
          height: 30px;
    }
    .product-price-add b{
          display: inline-block;
          float: none;
          padding: 0;
    }
    .product-details .product-table tbody{
        display: block;
        width: 100%;
    }
    .product-details .product-table tbody td{
        width: 100%;
    }
    .loose-diamonds-view-image{
        width: 100%;
        height: auto;
    }
    .loose-diamonds-view-price-wrapper{
          width: 100%;
        display: table-cell;
    }
    .loose-diamonds-view-price-wrapper td{
        display: block;
          font-size: 15px;
          padding-bottom: 15px;
          width: 50%;
        float: left;
    }
    .loose-diamonds-view-details a.buy,
    .loose-diamonds-view-details a.loose-diamonds-enquire{
        background-image: url("/images/sprite-diamonds-details-buttons-mini.gif");
        width: 80px;
        float: left;
    }

}
@media (max-width: 330px) {
    .front-row1 h2,.front-row1 h2 a{
          font-size: 16px;
    }
    .front-row1 a.gray {
        font-size: 10px;
    }
    .front-row1 p{
        line-height: 17px;
    }
    .front-row1 a {
      font-size: 12px;
    }
    .front-row2-right a{
        background-position: -24px -420px;
            
    }   
    .category-box{
        width: 98%;
        margin-bottom: 35spx;
    } 
    .content-education-category{
          float: none;
          clear: both;
          margin: 0 auto 20px;
    }
    .product-images{
        width: 100%;
    }
    .product-carousel{
          width: 195px !important;
        margin: 0 auto;
    }
    .product-diamonds-filter-slider-row2,
    .product-diamonds-filter-slider-row1{
        width: 90%;
    }
    .product-diamonds-filter-chart a{
          width: 12.5%;
          font-size: 10px; 
    }    
    .product-diamonds-filter-shape ul li a{
        width: auto;
        max-width: 43px;
    }
    .cart-progress td a,
    .cart-progress td{
        font-size: 10px;
    }
    #video-box object{
        height: 200px;
    }
    .diamonds-filter-chart {
        width: 96%;
        margin-left: 10px;
    }
    .search-box{
          width: 90%;
    }
    .search-box input[type="text"]{
        width: 120px;
    }
    #contact-wrapper input{
        margin-bottom: 10px !important;
    }
    #contact-wrapper tr td{
        font-size: 10px;
    }
    .mejs-container{
        width: 100% !important;
        height: 240px !important;
    }
    #video-product-wrapper h2{
        font-size: 12px;
    }
    .front-banner a.title, .front-banner1 a.title, .front-banner2 a.title, #slider1 > div > h1{
      font-size: 11px;
      top: 5px;
      left: 14px;
    }
}

119.47.112.155