/*
	Theme Name - Quintessencejewlery.com
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');
html, body{margin:0px; background-color:#fff;font-family:'Montserrat', sans-serif, 'Graphik-Regular','robotoregular',Tahoma,Arial, Helvetica, sans-serif !important; font-size:13px; color:#000000;}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 1200px) {
  .container {max-width: 1360px !important; /*1170px;*/ padding-right: 10px; padding-left: 10px; margin:0 auto;}
  .container-fluid {max-width: 1920px }
}
@media (max-width: 1200px) {
	  .main-navigation ul.menu > li a{ font-size:12px; text-transform:capitalize;}
}
@media (min-width: 768px) {
  .container {max-width: 750px; padding-right: 10px; padding-left: 10px;  margin:0 auto;}
}
@media (min-width: 992px) {
  .container {max-width: 990px ; /*970px;*/ margin:0 auto; }
}

@media (min-width: 1600px) {
	.gallery-view, .productview, .show-side-banner{position:relative;}
	.gallery-view .left-banner-fx{position:fixed; margin: 0 0 0 1090px;  top:30%;}
	.productview .left-banner-fx{position:fixed; margin: 0 0 0 1286px;  top:30%;} 
	.show-side-banner .left-banner-fx{position:fixed; margin: 0 0 0 1080px;  top:30%; width:auto;}
}
@media (max-width: 1599px) {
	.left-banner-fx{ display:none;}	
	.closeout-container{ background:none !important;}
}
img {border: 0; max-width: 100%;}
li{list-style:none;}
a, input, select{ outline:none;}
@font-face {
    font-family: 'robotoregular';
    src: url('roboto-regular-webfont.woff2') format('woff2'),
         url('roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ubunturegular';
    src: url('ubuntu-r-webfont.eot');
    src: url('ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('ubuntu-r-webfont.woff') format('woff'),*/
         url('ubuntu-r-webfont.ttf') format('truetype'),
         url('ubuntu-r-webfont.svg#ubunturegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ubuntu_condensedregular';
    src: url('ubuntu-c-webfont.eot');
    src: url('ubuntu-c-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('ubuntu-c-webfont.woff') format('woff'),*/
         url('ubuntu-c-webfont.ttf') format('truetype'),
         url('ubuntu-c-webfont.svg#ubuntu_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'district_prothin';
    src: url('distproth-webfont.eot');
    src: url('distproth-webfont.eot?#iefix') format('embedded-opentype'),
         url('distproth-webfont.woff') format('woff'),
         url('distproth-webfont.ttf') format('truetype'),
         url('distproth-webfont.svg#district_prothin') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Graphik-Regular';
    src: url('Graphik-Regular.eot');
    src: url('Graphik-Regular.eot?#iefix') format('embedded-opentype'),
         url('Graphik-Regular.woff') format('woff'),
         url('Graphik-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*
    font-family: 'Roboto', sans-serif;
    font-family: 'Open Sans', sans-serif;
    font-family: 'Roboto Condensed', sans-serif;
    font-family: 'Montserrat', sans-serif;
    font-family: 'Ubuntu', sans-serif;

*/

.qj-icons{background:url(../../img/layout/icons-sprite.png) 0px 0px no-repeat; }
.dropdown-icon{background-position:-29px -251px; display:inline-table; width:11px; height:8px;}
.dslogin-icon{background-position:-29px -274px; float: left; margin-right: 5px; width:22px; height:17px;}
.faq-icon{background-position:-64px 0px; float: left; margin-right: 5px; width:14px; height:14px;}
.user-icon{background-position:-28px 0px; float: left; margin-right: 5px; width:14px; height:14px;}
.account-dropdown:hover .user-icon{background-position:-28px 0;}
.cart-icon{background-position:-23px -38px; float: left; margin-right: 5px; width:17px; height:15px;}
.excel-icon-large{background-position:0 -374px; float: left; margin-right: 5px; width:30px; height:30px;}
.catalog-icon{background-position:-37px -374px; float: left; margin-right: 5px; width:32px; height:32px;}
.download-icon{background-position:0 -409px; display:inline-block; margin-right: 5px; width:30px; height:30px;}
.down-arrow-icon{background-position: -10px -360px; margin-right: 5px; width: 7px; height: 8px; display: inline-block;}
.table-arrow-icon{background-position: 0 -362px; margin-right: 5px; width: 7px; height: 8px; display: inline-block;}
.save-icon{background-position: 0px -281px; margin-right: 5px; width: 18px; height: 18px; display: inline-block;}
.savetowishlist:hover .save-icon{background-position: 0px -303px; }
.remove-icon{background-position: 0px -235px; margin-right: 5px; width: 18px; height: 18px; display: inline-block;}
.remove:hover .remove-icon{background-position: 0px -256px; }
.heart-icon{background-position: -102px -0px; width: 16px; height: 16px; display: inline-block;}
.heart-icon:hover{background-position: -82px -0px; }
.minus-icon{background-position: -35px -359px; width: 10px; height: 10px; display: inline-block;}
.plus-icon{background-position: -53px -359px; width: 10px; height: 10px; display: inline-block;}
.sprite-arrow-icon{background-position: -29px -251px; width: 12px; height: 10px; display: inline-block;}
.order-icon {background-position: -28px -325px; margin-right: 8px; width: 28px; height: 27px; float: left;}
.excel-icon {background-position: 0 -331px; margin-right: 8px; width: 20px; height: 20px; float: left;}
.remark-icon {background-position: -38px -413px; width: 20px; height: 20px; float: left; cursor:pointer;}
.pdf-icon {background-position: -63px -328px; width: 16px; height: 16px; display:inline-block;}
.search-icon{background-position: 0 -22px; width: 18px; height: 18px; display:inline-block;}
.popupclose-icon{background-position: 0px -235px; margin-right: 5px; width: 18px; height: 18px; display: block;}
.new-excel-icon{background-position:-72px -374px;  margin-right: 5px; width:20px; height:18px;}
.new-heart-icon{background-position:-97px -254px; width: 19px; height: 17px; display: inline-block;}
.new-heart-icon:hover{background-position:-97px -276px; width: 19px; height: 17px; display: inline-block;}
.new-heart-icon.remove-heart{background-position:-97px -297px; width: 20px; height: 18px; display: inline-block;}
.heart-loader{background:url(../../img/layout/wishlist-loader.gif) 0px 0px no-repeat; width:30px; height:23px; display:block; }
.new-tag-icon{background-position:-96px -376px; float: left; margin-right: 5px; width:32px; height:15px;}

#header a.btn-outline-secondary:hover .search-icon{background-position: 0 3px; }

.no-padding{ padding: 0 !important;}

#header{ width:100%; display:table; background:#fff; margin-bottom: 15px;  z-index:99;  -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
header.hdrcontainer.sticky{position: fixed; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); top: 0; }

#header .logo { padding:5px 15px 4px;}
@media (min-width: 990px) {
#header .logo a{ display:block;}
}
header.hdrcontainer.sticky .logo img{ width:90%; -webkit-transition: all 0.4s ease; transition: all 0.4s ease}
header.hdrcontainer.sticky .customer-care-nav{ display:none;}
header.hdrcontainer.sticky .searchbox{ margin-top: 14px;}
/*header.hdrcontainer.sticky .logo.text-center{ text-align:left !important; }
header.hdrcontainer.sticky .sticky-right{ flex: 0 0 66.666666%; max-width: 66.666%;}
header.hdrcontainer.sticky .searchbox{width: 50%; float: left; padding-top: 8px;}
header.hdrcontainer.sticky .rightcolumn{width: 100%;}
header.hdrcontainer.sticky .topnav{ padding-top: 8px;}
*/
figure {width: 100%; height: 100%; margin: 0; padding: 0; background: #fff; overflow: hidden;}
.hover-animation figure {position: relative;}
.hover-animation figure a::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.hover-animation figure:hover a::before {-webkit-animation: circle .75s; animation: circle .75s;}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}

.header .topnavigation{ display:table; width:100%; margin:0px 0 0; border-bottom:1px #ddd solid; color:#555;}
.header .topnavigation ul{ margin:0; padding:0;}
.header .topnavigation .nav > li{ float:none; display:inline-block;  border-left:1px #ddd solid; padding: 9px 8px;font-size: 11px;}
.header .topnavigation .nav > li > a{ font:12px 'museo_sans_cyrl500', tahoma, arial; color:#fff; padding:1px 7px;}
.header .topnavigation .nav > li > a:focus, .header .topnavigation .nav > li > a:hover{ background:#5c8ef2; color:#fff; text-decoration:none;}
.header .topnavigation .nav > li:first-child {border-left:none;}
.header .topnavigation .leftcolumn{ float:left; width:47%;}
.header .topnavigation .rightcolumn{ float:left; width:53%;}

.cart-detail{ position:relative;}
.mini-cart{ position:absolute; top:100%; right:0; width:300px; background:#fff; border:1px #ddd solid; z-index:9; border-radius:3px; box-shadow:0 15px 15px rgba(0,0,0,0.15); display:none; z-index: 999;}
.cart-detail:hover .mini-cart{ display:block;}
.hdrcontainer .topnav .mini-cart ul{ padding:10px; width: 100%; display: table;}
.hdrcontainer .topnav .mini-cart ul li{ border-bottom:1px #ddd solid; border-right: none; padding: 0px 0 10px; margin-bottom:10px; width: 100%;}
.hdrcontainer .topnav .mini-cart ul li:last-child{ border-bottom:1px #ddd solid; border-right: none; padding: 0px 0 10px; margin-bottom:0px;}
.hdrcontainer .topnav .mini-cart ul li .price{ font-size:14px; margin:0;}
.hdrcontainer .topnav .mini-cart .head{ background:#00aeff; font-weight:bold; padding:10px; color:#fff;}
.hdrcontainer .topnav .mini-cart .cart-footer a{ display: inline-flex; color: #fff; line-height: inherit; padding: .375rem .75rem;  }
.hdrcontainer .topnav .mini-cart .cart-footer a:hover {color: #fff; background-color: #0069d9; border-color: #0062cc;}
.hdrcontainer .topnav .mini-cart-empty{ display:none !important;}

.header #qjcSearch {padding: 3px 0px 4px 10px; float: right; width: 40%; }
.topnav ul li.account-dropdown{ padding: 10px; }
.account-dropdown{ position:relative;}
.account-dropdown:hover { background:#f1f1f1; color:#000}
.account-dropdown:hover .dropdown{ display:block;}
.account-dropdown .dropdown{ position:absolute; top:100%; left:0; width:160px; display:none; background:#f1f1f1; padding:10px 0 !important; color:#000; font-size:12px; box-shadow:4px 4px 4px rgba(0,0,0,0.1); z-index: 999;}
.account-dropdown .dropdown li{border: none !important; float: none !important; display: block; padding: 0 !important; text-align: left;}
.account-dropdown .dropdown li a{ color:#000; display:block; padding: 5px 10px;}
.account-dropdown .dropdown li a:hover{ color:#fff; background:#5c8ef2 }
/*.account-dropdown .dropdown::before {position: absolute; top: -6px; left: 45%; content: " "; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff;}*/
.account-dropdown:hover .dropdown-icon{background-position:-29px -251px; }

.hdrcontainer .topnav{color:#000; display:table; width:100%;  }
.hdrcontainer .topnav ul{float:right; padding:0; margin: 0; }
.hdrcontainer .topnav ul li{ float:left; border-right: 1px solid #ddd; line-height: 1;}
.hdrcontainer .topnav ul li:last-child{border:none; padding-right:0; }
.hdrcontainer .topnav a{ color:#000; line-height: 1; font-size:12px; padding:11px 7px; display:block; }
.hdrcontainer .topnav a:hover{ background:#f1f1f1; color:#000; text-decoration:none;}
.hdrcontainer .chat{ float:right; padding:0 10px;}

.customer-care-nav{ margin:0; padding:0; font-size: 11px; text-align:right; color:#555;}
.customer-care-nav li{ margin:0px 0;}

.ds-login{ position:relative; padding-left: 42px;}
.ds-login:hover{ background: #f1f1f1;}
.ds-login:hover .ds-login-tips, .customer-tooltip:hover .customer-tips{ display:block;}
.ds-login:before{background:url(../../img/layout/ds-login-icon.png) no-repeat 10px 0; width: 49px; height: 26px; position: absolute; left: 0;  content: " "; top: 4px;}
.ds-login .ds-login-tips{ position: absolute; top:100%; width:200px; padding: 10px; background: #fff; border: 1px #ddd solid; z-index: 99; box-shadow: 0 3px 3px rgba(0,0,0,0.15); left: 0; display:none; line-height:1.5; color: #444}
.ds-login .ds-login-tips:before, .customer-tooltip .customer-tips:before{position: absolute; top: -6px; left: 3%; content: " "; width: 0; height: 0; border-left: 6px solid transparent;  border-right: 6px solid transparent; border-bottom: 6px solid #fff;}
.hdrcontainer .topnav .wholesale-login a{ color:#0022AC;}

.ds-login .ds-login-tips .info-content{border-top: 1px #ccc solid; margin-top: 8px; padding-top: 8px;}
.ds-login .ds-login-tips .info-content a{padding: 0; color: #007bff; display: inline-block;}
.ds-login .ds-login-tips .info-content a:hover{ background:none; color: #0056b3; text-decoration: underline;}
.ds-login .ds-login-tips .info-content h2{ font-size: 18px; padding: 0; margin: 0; color:#698800;}

.customer-tooltip{ position:relative;}
.customer-tooltip .customer-tips{ position: absolute; top:100%; width:200px; padding: 10px; background: #fff; border: 1px #ddd solid; z-index: 101; box-shadow: 0 3px 3px rgba(0,0,0,0.15); left: 0; display:none; line-height:1.5; color: #444}

#cart-qty {position: absolute; top: 2px; background: #e30606; color: #FFF; padding: 0px 2px; font-size: 11px; border-radius: 2px; left: 16px; height: 14px; line-height: 1.2;}

.hdrcontainer .topnav .login1{ float:left; line-height: 1;}


/*.hdrcontainer .leftcolumn{float:left; width:25%; color:#fff; font-size: 16px; line-height: 1.3;}*/
	.hdrcontainer .callus{font-size:100%; margin-top:15px;}
	.hdrcontainer .callus span{font-weight:bold; color:#fee370; display:block; font-size:120%;}

.hdrcontainer .rightcolumn{float:right; width:100%;}
	.hdrcontainer .searchbox{ width: 100%; }
	.hdrcontainer .searchbox input#product_search{border:#ddd 1px solid; border-right:none; float:left; padding:5px 8px; width: 91%; font-size: 14px; height: 34px;}
	.hdrcontainer .searchbox input.action{background:#999 url(../../img/layout/icons-sprite.png) 8px 8px no-repeat; border:none; border-left:none; color:#fff; float:left; width:34px; height:31px; cursor:pointer;}
	.hdrcontainer .searchbox input.action:hover{background-color:#c25d16;}
	
	.hdrcontainer .ordertxt{ font-size:120%; margin-top: 15px; font-family:'ubuntu_condensedregular';}
	.hdrcontainer .ordertxt span{color:#fee370; display:block; font-weight:bold; font-size:120%;}

        @media (max-width: 990px) {              
            .hdrcontainer .sticky-left{ position: inherit;}
            .hdrcontainer .searchbox {
                width: 100%;
                position: absolute;
                background: rgba(255,255,255,0.8);
                padding: 30px;
                z-index: 1;
                left: 0;
                top: 100%;
                right: 0;
                box-shadow: 0 10px 10px rgba(0,0,0,0.2);
                backdrop-filter: blur(54px);
              }
              .hdrcontainer.sticky .searchbox {top: 87%;}
        } 

/*.navigation .ssslogo{background: url("../../img/layout/sss_logo.png") no-repeat 10px 7px !important; height:30px; width:234px; padding-right:10px !important;}
.navigation .ssslogo:hover{background: #ccc url("../../img/layout/sss_logo.png") no-repeat 10px -27px !important; }*/
.navigation .ssslogo{background: url("../../img/layout/sss_logo.png") no-repeat 10px 7px !important; height:30px; width:156px; padding-right:10px !important;}
.navigation .ssslogo:hover{background: #ccc url("../../img/layout/sss_logo.png") no-repeat 10px -27px !important; }

/*=================================== New main-navigation Css =========================*/
.navbar.navigation{ padding:0;}
nav.navigation{ border-top: 1px #ddd solid; border-bottom: 1px #ddd solid;}
.main-navigation{z-index:100; display:table; margin:0 auto;}
.main-navigation ul.menu{padding:0; margin:0;}
.main-navigation ul.menu > li{float:left;  /*font-family: 'ubuntu_condensedregular';*/  color:#fff; font-size:16px;}
.main-navigation ul.menu > li a{display:block; padding:8px 14px; white-space:nowrap; width:auto; color:#353535; text-decoration:none; position:relative;  font-size:14px; font-weight: 500; text-transform: capitalize;}
.main-navigation ul.menu > li:hover a{color:#012877;}
.main-navigation ul.menu > li:hover > a::before {position: absolute; top: 31px; left: 42%; content: " "; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #ddd;}
.main-navigation ul.menu > li.ssslogo a:before{ display:none;}

.main-navigation ul.menu > li.dropship:hover > a::before {position: absolute; top: 37px; left: 45%; content: " "; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff;}

.main-navigation ul.menu > li .new-cat{ position:relative;}
.main-navigation ul.menu > li .new-cat .newtag{ position:absolute; top:-8px; left:10px; border-radius: 3px; background:#9c0f0f; color:#fff; text-transform: initial; padding:0px 5px 1px; font:11px/1.4 tahoma,arial;}

.main-navigation ul.menu > li .menu-dropdown{ position:absolute; left:0; top: 36px; width:100%; background:#fff; display:none; box-shadow:0px 4px 4px rgba(0,0,0,0.15); padding:15px 0; border-top:1px #ddd solid; z-index:99; }
.main-navigation ul.menu > li:hover .menu-dropdown{ display: block; }
.main-navigation ul.menu > li .menu-dropdown .cat-head{margin-bottom: 10px; font-size: 14px; color: #000; font-weight: 500;}
.main-navigation ul.menu > li .menu-dropdown ul{width:100%; margin:0 auto; column-count:2; column-gap:0; padding:0; -webkit-column-count: 2; -moz-column-count: 2; -webkit-column-gap: 0; -moz-column-gap:0; }
.main-navigation ul.menu > li .menu-dropdown ul.single-column{column-count:1; -webkit-column-count: 1; -moz-column-count: 1;}
.main-navigation ul.menu > li .menu-dropdown ul li{ text-transform:capitalize; color:#fff; font-size:12px;}
.main-navigation ul.menu > li .menu-dropdown ul li a{ color:#000; font-size:13px; padding:2px 0px; font-weight: normal;}
.main-navigation ul.menu > li .menu-dropdown ul li a:hover{ color:#0022AC; text-decoration:underline;}

.main-navigation ul.menu > li.dropship{ position:relative; background: #9c0f0f; margin-left: 10px; line-height: 1.2;}
.main-navigation ul.menu > li.dropship a{ padding:4px 10px;}
.main-navigation ul.menu > li.dropship .ds-dropdown{ position:absolute; text-transform:capitalize; font-size: 12px;  width:210px; display:none; background:#fff; color:#000; padding: 10px; box-shadow: 0px 4px 4px rgba(0,0,0,0.15); font-family: 'ubunturegular'; z-index:10;}
.main-navigation ul.menu > li.dropship:hover .ds-dropdown{ display:block;}
.main-navigation ul.menu > li.dropship .ds-dropdown .btn-ds a{background: #405d99; color:#fff; text-align: center; padding: 4px 0; margin-bottom: 10px; display:block; font-size: 14px; }
.main-navigation ul.menu > li.dropship .ds-dropdown .btn-ds a:hover{background: #063077; text-decoration:none;}
.main-navigation ul.menu > li.dropship .ds-dropdown a{padding: 0; color:#2a6bbd;font-family: 'ubunturegular'; font-size: 12px; display: inline-block;}
.main-navigation ul.menu > li.dropship .ds-dropdown a:hover{ text-decoration:underline;}
.main-navigation ul.menu > li.dropship .ds-dropdown .info-content{ border-bottom:1px #ddd solid; padding:0px 0 10px; margin-bottom:10px;}
.main-navigation ul.menu > li.dropship .ds-dropdown h2{ font-size: 18px; padding: 0; margin: 0; color:#698800;}
.main-navigation ul.menu > li.dropship .ds-dropdown p{ margin:5px 0 10px;}
.navbar.bsnav-dark{ padding:0; }

#main-slider{ margin-top:-15px; text-align: center;}

.lineheight2{line-height: 2.2;}

.middarkgray{background-color:#7D7D7D;height:auto;width:175px;}

.strands-heading {font-size: 2.0rem; margin: 2rem 0px 1rem; position: relative; text-align: center;}
.strands-heading span {padding: 0.25rem 1.8rem; background: #FFF; z-index: 1; position: relative; text-transform: uppercase;}
.strands-heading::before {border-top: 1px solid #999; content: ""; margin: 0px auto; position: absolute; top: 50%; left: 0px; right: 0px;bottom: 0px; width: 100%; z-index: 0;}
h1.title{font-size: 2.0rem;}

/*******************shapping cart css*************************************/
.rng_bg_navi{border-right:solid 1px #ffffff; background:url(../../img/layout/rng_nv_bg.jpg) repeat-x; float:left; height:25px; line-height:25px;}
.table_heading1 {color:#FFFFFF; font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; text-align:center;}

.bg_reciept{border-right:solid 1px #ffffff; background:url(../../img/layout/rng_nv_bg.jpg); font:bold 12px tahoma; color:white; line-height:25px;}
.bg_reciept_details{padding:5px 0px; border-bottom:dashed 1px #E5E5E5;}

.feature_group_header {background:#EEF0F9; font-weight: bold; font-size:12px; margin-top: 8px; margin-bottom:8px; padding:2px;}

/****************css modification by harish*************************************/
.txt_fld_ragstrp_page{background:#fff; color:#000; font-size:14px; border:1px solid #96a6c5; width:264px; padding:3px 6px;}
.country_ragstrp_page{background:#fff; color:#000; font-size:13px; border:1px solid #96a6c5;  font-family:"lucida grande",Tahoma,verdana,arial,sans-serif; width:183px;}

/**************************************search button css*********************/
.button_style_enabled{
	font:bold 12px Arial;
	color:#fff; 
	background:url(../../../img/layout/Buttonimage.png) no-repeat right top;
	text-align:center;
	cursor:pointer;
	height:29px;
	border:0px;
	margin:0px;
	vertical-align:middle;
	padding:0 5px;
	_padding:0 0px; 
	line-height:23px;
}
.button_style_enabled:hover{
	background:url(../../../img/layout/Buttonimagehover.png) no-repeat right top;
	border:0px;
	margin:0px;
}
.button_style_enabled_edge{
	background:url(../../../img/layout/left-Buttonimage.png) no-repeat left top;
	height:29px;
	border:0px;
	margin:0px;
	padding-left:1px;
}
.left_float{float:left;}
.right_float{float:right;}
.add_tocart_size{width:85px;}


/**************************************** --------------- Main Navigation eof --------------- **************************************************/
.collection-banners {display: table; width: 100%; padding:20px 0;}
.collection-banners .col-sm-4 { width: 33.333%; float:left; padding:0 15px;}
.collection-banners .col-sm-6 { width: 50%; float:left; padding:0 15px;}
.collection-banners .col-sm-8 { width: 66.666%; float:left; padding:0 15px;}
.collection-banners .col-sm-12 { width: 100%; float:left; padding:0 15px;}

#wrapper{max-width:1300px; margin:0 auto; display:table;}
.maincontainer{width:1002px; margin:0 auto; padding: 10px 0; min-height:500px;}

.alertbox{background: rgba(0,0,0,0.5); border-radius: 5px; display: none; left: 0; right: 0; margin: 0 auto; padding: 10px; position: fixed; top: 25%; max-width: 400px; z-index: 2147483647; height: auto !important;}
.alertbox h1, .alertbox .alertboxHeader {background: #0F4A8D; color: #fff; font-size: 12px; font-weight: bold; height: auto; left: 0; margin: 0; padding: 5px; text-align: left; width: auto;}
.boxBody {background:#FFFFFF; padding: 10px;}

.filterbox{max-height: 172px; margin-bottom:10px; min-height:50px;}
.horizontal-only{height: auto;	max-height: 200px;}
.filterbox .bg{width: 100%; display:table; padding:2px;}
.filterbox .bg a{ padding:0 2px; color:#000; }
.LeftHead{clear:both; color:#333; display:block; padding:5px 2px 0px 9px; margin-bottom:5px; letter-spacing: 0.1px; font:bold 13px 'Graphik-Regular', tahoma, arial; }
.filterbox .bg img{ cursor:pointer;}

#appliedFilters{ width:100%;}
.selected-filters{ padding:0; margin: 0 0 0 0;}
.selected-filters li{ display:inline-flex; margin: 15px 0 0 0;}
.selected-filters li a{border: 1px #d4d5d9 solid; padding: 5px 10px; border-radius: 20px; font-size:12px; text-decoration:none; color:#555;}
.selected-filters li a:hover{border: 1px #94969f solid; }

/*#Middle_left_wraper{background: #fff !important; border: 1px solid #ddd; box-shadow: 0px 3px 3px rgba(0,0,0,0.2); /*left: 6%;  position: absolute;*/ /*padding:5px; z-index:99; }*/

.sliderbox{width: 100%; /*left: 50%; margin: -15px auto 30px -960px;*/ margin:0px auto 20px auto; position: relative; text-align: center;  z-index: 1;}
#slides {display: none; position: relative; width:100%; margin:0 auto;}
	.slidesjs-pagination {bottom:10px; margin: 0; padding: 0; position: absolute;left:46%; width: 161px; z-index: 333;}
	.slidesjs-pagination li { float: left; margin: 0 3px 0 0;}
	#slides a:link, #slides a:visited {color: #333333;}
	.slidesjs-pagination li a {background:#fff; border: 1px solid #555; display: block; float: left; height: 0; opacity: 0.5; overflow: hidden; padding-top: 11px; width: 12px; border-radius:10px;}
	#slides a:link, #slides a:visited {color: #333333;}
	a.slidesjs-play, a.slidesjs-stop {
		background: url(../../img/btns-next-prev.png) no-repeat ;
		bottom: 10px;
		height: 14px;
		overflow: hidden;
		position: absolute;
		left: 52.1%;
		text-indent: -9999px;
		width: 14px;
		z-index: 999;
		display:none;
	}
	a.slidesjs-stop {background-position: 100% 0; height: 14px; width: 14px;}
	a.slidesjs-play:hover{ background-position: 0 -15px;}
	a.slidesjs-stop:hover{ background-position: 100% -15px;}
	
	.slidesjs-navigation {margin-top: 0;}	
	a.slidesjs-next, a.slidesjs-previous {background:url(../../img/layout/icons-sprite.png) no-repeat; width: 50px; height: 62px;  display: block;  text-indent: -9999px; z-index: 11; position:absolute; top:45%; }
	.slidesjs-pagination li a.active, .slidesjs-pagination li a.active:hover{ background:#000;}   
	a.slidesjs-next{ background-position: -150px -16px; right:10px; }
	a.slidesjs-previous{background-position: -99px -16px; left:10px;}
	a.slidesjs-next:hover{ background-position: -150px -79px; right:10px; }
	a.slidesjs-previous:hover{background-position: -99px -79px; left:10px;}

	.item_image{ position: relative;}
        #nxtimgbox, #previmgbox{ position: absolute; top: 40%; background-image:url(../../img/layout/icons-sprite.png);  width: 24px; height: 39px;  display: block;  text-indent: -9999px; z-index: 11; cursor:pointer;}
        #nxtimgbox{right: 0; background-position:-34px -139px;}
	#nxtimgbox:hover{background-position:-34px -179px;}
        #previmgbox{left: 0; background-position: 0 -139px;}
	#previmgbox:hover{background-position: 0 -179px;}

        .footer .leftcolumn{ display:grid; grid-template-columns: 25% 25% 25% 25%; position:relative; }


	.footer .newsletterbox{ display:table; width:100%; margin-bottom: 20px;}
	.footer .newsletterbox h3{font-family: 'ubuntu_condensedregular'; margin:0 0 5px; color:#f6ff64; font-size: 13px; text-transform:uppercase; font-weight:normal;}
	.footer .newsletterbox input.newsletter{border:#ddd 1px solid; border-right:none; float:left; padding: 7px 5px; width: 81%; margin:0;}
	.footer .newsletterbox input.action{
		background:#999 url(../../img/layout/icons-sprite.png) 8px 8px no-repeat; 
		border:#ddd 1px solid; 
		border-left:none; 
		color:#fff; 
		float:left;
		width:34px;
		height:34px;
		cursor:pointer;
		text-indent: -9999px;
	}
.footer .newsletterbox input.action:hover{background-color:#c25d16;}
	
.footer {background: #fbfbfb; border-top: 2px solid #eee; color: #000; padding: 20px 0px 20px; display: table;width: 100%;}
.footer .footer-block{ background:#0c2049; display:table; width:100%; padding-top:10px;}
.footer .footer-block .head{ color:#fff}

.footer .nav{ border-bottom:1px #999 solid; padding:15px 15px 0; font:11px 'museo_sans_cyrl500', tahoma, arial;}
.footer ul.navigation { padding: 0px;  list-style:none;}
.footer ul.navigation.last{ margin-right:0px; }
.footer ul.navigation li { display:block; margin:4px 0; font-weight: normal;}
.footer ul.navigation li a { color: #000; font-weight:normal;}
.footer .copyright{ font-size:11px; clear:both; padding:10px 0; }
.footer .copyright .head{font-size:14px ; margin-bottom: 5px;}

.footer .paymenticons{background:url(../../img/layout/qjc_footer_img.jpg) no-repeat; width:644px; height:44px; position:relative; clear:both; border:1px #ddd solid;}
.footer .paymenticons a.bbb{width:49px; height:44px; float: left; cursor:pointer; }	
.footer .paymenticons a.newsday{width:118px; height:44px; float: left; }	
.footer .paymenticons a.comodo{width:80px; height:44px; float: left; margin-left: 14.3%; cursor:pointer; } 	

.bottom-links div.small {font-size: 12px; color:#333; }
.footer .head{ font-size:14px; margin-bottom:10px; font-weight: normal;}
.bottom-links{margin-top:10px;}
.bottom-links a{ color:#333; text-decoration:none;}
.bottom-links a:hover{ color:#0021AE;}
.bottom-links div{ margin:20px 0; font-size: 12px; color:#333;}
/*===================== footer social icons ================*/
.footer ul.qjc-social{margin:0 0 0 0; float: none; width: 100%; padding: 0;}
.footer ul.qjc-social li{margin:8px 2px 0 0; max-width:100%; line-height: 1.8; display:inline-block;}
.footer ul.qjc-social li a{ display:block; border:1px #6e6e6e solid; border-radius:50%; padding:4px;}
.footer ul.qjc-social li a:hover{ background:#0f1e6f; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: .3s ease all; transition: .3s ease all;}
.footer ul.qjc-social li span{ background:url(../../img/layout/qjc-social-icons.png) 0 0 no-repeat;}
.footer ul.qjc-social li span.facebook{background-position:8px 2px; height:26px; width:26px; display:block;}
.footer ul.qjc-social li:hover span.facebook{background-position:8px -34px;}
.footer ul.qjc-social li span.twitter{background-position:-18px 2px; height:26px; width:26px; display:block;}
.footer ul.qjc-social li:hover span.twitter{background-position:-18px -34px;}
.footer ul.qjc-social li span.vimeo{background-position:-175px 2px; height:26px; width:26px; display:block;}
.footer ul.qjc-social li:hover span.vimeo{background-position:-175px -34px;}

.footer ul.qjc-social li span.youtube{background-position:-148px 2px; height:26px; width:26px; display:block;}
.footer ul.qjc-social li:hover span.youtube{background-position:-148px -34px;}

.footer ul.qjc-social li span.blog{background-position:-62px -1px; height:26px; width:26px; display:block;}
.footer ul.qjc-social li span.googleplus{background-position:-108px 0px; height:26px; width:26px; display:block;}
.footer ul.qjc-social li span.pinboard{background-position:-71px 1px; height:26px; width:26px; display:block;}
.footer ul.qjc-social li:hover span.pinboard{background-position:-71px -34px; }
.footer ul.qjc-social li span.linkedin{background-position:-122px 0; height:26px; width:26px; display:block;}
.footer ul.qjc-social li:hover span.linkedin{background-position:-122px -35px; height:26px; width:26px; display:block;}
.footer ul.qjc-social li span.video{background-position:-271px 0; height:26px; width:26px; display:block;}
.footer ul.qjc-social li span.instagram{background-position:-97px 1px; height:26px; width:26px; display:block;}
.footer ul.qjc-social li:hover span.instagram{background-position:-97px -34px;}

.footer-cat-nav .head{ font-weight:500; font-size:13px; margin:15px 0 5px; color:#4680bf;}
.footer-cat-nav ul{ padding:0; margin:0 0 15px; font-size:12px;}
.footer-cat-nav ul li a{ color:#333;}
.footer-cat-nav ul li a:hover{ color:#007bff;}

.customer-nav .card-header{ background:#012877; color:#fff; font-size:16px}
.customer-nav ul{ padding:0 0 15px; border-bottom:1px #ddd solid; }
.customer-nav ul:last-child{ border:none; padding:0;}
.customer-nav ul .head{ margin-bottom:5px; font-size:13px; font-weight:bold}
.customer-nav ul li{ margin-bottom:5px;}
.customer-nav ul li a{ color:#000;}
/*===================== footer social icons eof ================*/

hr {clear: both; border-top: solid #ddd; border-top-width: medium; border-width: 1px 0 0; margin: 30px 0; height: 0;}

.Textarea_3, .register_page_countryinput{border: 1px solid #96a6c5; color: #000; font-family: "lucida grande",Tahoma,verdana,arial,sans-serif; padding: 3px 6px; font-size: 14px; margin-right: 10px; width: 264px;}

.Padding5 {padding: 5px;}
.Padding20{padding:20px;}
.Padding15{padding:15px;}
.fields_name{width:30%; height:auto; float:left; padding:4px 5px 0 3px; font-family:"lucida grande",Tahoma,verdana,arial,sans-serif; font-size:13px; color:#333 /*0033ac*/; text-align:right;}
.fields{width:70%; height:auto; float:left;}
/*.fields_main{width:100%; height:auto; float:left; padding:2px;}*/
.captcha-img .CommonLink{display: block; background: #000; text-align: center; margin: 7px 0 0;}
.captcha-img .CommonLink a{display: block; color: #fff;}
.register_section_headdding{font-size:14px; padding:5px 0px; margin-bottom:10px;}
.register_main1{ border: solid 1px #ddd; padding:10px;}
.salect_itom{width:auto;margin:0 auto;height:30px;padding-left:70px;}
.main_bdr_bx{width:700px;border:solid 1px #ccc;border-bottom:none;}
.bgblue1 {background-color: #1c70b8;}
.White {color: #fff;}
.bold {font-weight: bold;}
.PaddingTopBottom10 {padding: 10px 0;}

.register_main1 .main-heading{ background:#1c70b8; color:#fff; font-size:16px; padding:6px 10px; }

.page-content{display:table; width:55%; margin:10px 0; font-size:13px;}
.page-content a{color:#0033AC; font-family: 'ubunturegular';}
.page-content ul{margin:0 0 10px; padding:0 0 0 20px;}
.page-content li{list-style:decimal}
.page-content h3{margin:15px 0 5px;}

h1.product-title {font-size:22px }
.product-title {margin:8px 0 20px; font-weight:normal; color:#000; }
.product-title a{font-weight:normal; font-size: 14px;  color:#222; line-height: 1.3; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; display: -webkit-box;}   
.gallery-container .product-title {height:60px; text-align:center; line-height: 0.6;}

.gridboxinfo {margin: 0px 0 0; display:table;  width: 100%; text-align:center;}
	.gridinfoinner {background: #eee; margin:auto auto 1px auto; display:table; width:98%; font-size:12px;}
	.gridinfoinner.gridinfo-header{ background:#b2e8ff; display:none;}
		.gridinfoinner span.col1 {float: left; width: 27%; padding:2px 0 0 5px; text-align:left;}
		.gridinfoinner span.col2 {float: left; width: 21%; padding:2px; text-align:left;}
		.gridinfoinner span.col3 {float: left; width: 10%; padding:2px;}
		.gridinfoinner span.cartbutton {float:right; width: 33%; background:#005e20; color:#fff;}
		.gridinfoinner span.cartbutton:hover{background:#67a749;}
		.gridinfoinner span.cartbutton a { color:#fff; padding:5px;  display: block; padding: 3px 5px; text-align: center; text-decoration:none;}
		/*.gridinfoinner input{height: 19px !important; border: 1px #ccc solid; padding: 3px;}
		.gridboxinfo input {border: 1px #ccc solid; padding:2px 3px;}*/
/*
.gridboxinfo input.cartbtn {background:#005e20; color:#fff; padding: 3px 5px; text-align: center; margin-top: 5px; border: none; cursor: pointer;}
.gridboxinfo input.cartbtn:hover{background:#67a749;}
*/
.listviewinfo{float:left; width:45%;}
.listviewinfo-container{margin:0 0 1px 0; display:table; width:98%;}
.listviewinfo-container .col1{width:26%; float:left; background:#eee; text-align:right; margin-right:3px;}
.listviewinfo-container .col2{width:65%; float:left;}
.listview span.cartbutton{ float:left; margin-left:5px;  width: auto;}

.listview-container{float:left; padding:0px 0px 10px 20px; border-bottom:dashed 1px #e5e5e5; width:85%; min-height:140px;}
.listview-container .column3{ float:right; width:33%; display:table; text-align:right;}
.listview-container .column2{ float:left; width:21%; display:table;}
.listview-container .column2 .info{display:table; width:100%;}
.listview-container .column2 .col1{float:left; margin-right:5px; width:40%;}
.listview-container .column2 .col2{float:left; margin-right:5px; width:45%;}
.listview .imgbox{float: left; height: auto; position: relative; width:15%;}
		
.item_detail_main h1.title{ line-height:1.4; font:bold 20px 'Roboto', sans-serif; color:#363636;}

.gallery .sku{ text-align:center; color:#0022AF; font-size:14px;}
.gallery .avail, .listview .avail{ text-align:center; color:#333; font-size:12px; margin:3px 0; }
.gallery .avail a, .listview .avail a{ color:#0022AF;}
.listview .avail{ text-align:left;}

.price{font-size:14px; margin:3px 0;}
.price.grey{color:#333; font-weight:500; font-size:14px;}
.price a{color:#0022AF; font-weight:normal; font-family:inherit;}
.price a:hover{font-family:inherit;}
.price.blue{color:#0f1e6f /*0022AF*/; font-weight:500; font-size:16px;}

.productview .price{ font-size:18px; color: #555;}

.productview span.cartbutton {float:left; width: 21%; background:#005e20; color:#fff; margin-left: 5px;}
.productview span.cartbutton:hover {background:#67a749;}
.productview span.cartbutton a{font-size: 13px;}
.productview span.cartbutton a:hover{ text-decoration:none;}
/*.productview span.wishlist a{font-size: 13px; margin-left:10px; }*/
.productview .gridinfoinner .col1, .productview .gridinfoinner .col2{font-size: 13px; }
.productview .gridinfoinner .col1{ width: 17%;}
.productview .gridinfoinner .col2{ width: 15%;}
.productview .gridinfoinner .col3{ width: 15%; padding:0;}
.productview .gridinfoinner .col4{ width: 15%;}

.wishlist-content div.title{ margin:10px 0;}
.wishlist-content .gridinfoinner{ width:80%; float:right;}
.wishlist-content .gridinfoinner .cartbutton{ float:right !important;}

.productview .gridboxinfo .cartrow {background:#eee; padding:5px; }
.productview .gridinfoinner{width:100%; background:#eee; padding:5px; margin:1px 0 0; text-transform: capitalize; line-height: 2;}
.productview .bulkcart{background:#eee; padding:5px 10px 10px 72px; }

.productview .skubox{ display:table; font-size:14px; margin:0px 0 15px 0px; width:100%; border-bottom:1px #ddd solid; padding-bottom:5px;}

.productview .newprice{color:#0f1e6f;  font-size: 18px; display:block;}
.customer-price-box{color:#0f1e6f; font-size: 16px; }
.customer-price-box span{color:#666;}

.productview .sss_logo{background: url("../../img/layout/sss_logo_large.jpg") no-repeat 0 0; height:71px; width:350px;}

.productview .attributes{ float:left; width:58.5% /*73.5%*/; color:#444;}
.productview .attributes .attr-block{ float:left; width:50%;}
.productview .attributes .label{ float:left; width:40%; font-weight:500;  margin-bottom: 3px;}

.attr-info-row{ display:table; width:100%; margin-bottom: 3px;}
.attr-info-row .info{ font-weight:500; float:left; width:38%; margin-right:5px;}
.attr-info-row .value{ float:left; width:60%; position:relative;}
.tooltip-new{background: url("../../img/layout/icons-sprite.png") no-repeat -64px 0; height:14px; width:14px; top: 3px; position: absolute; margin-left: 5px;}

.productview .aboutinfo, .attr-block h2{ display:table; font-weight:500; font-size:14px; color:#000;  width: 85%; border-top: 1px dotted #ddd;  margin: 10px 0px 0; padding: 10px 0 5px 0px;}
.ds-banner{ /*float:right; width:41.15%26.5%*/; border: 1px #e32a28 solid;}
.ds-banner ul{ padding:0 0 0 10px;}
.ds-banner ul li{ list-style:disc;}

.productview .heading{font-size: 16px; color:#000; }

.productview .qtybox{ background:#eee; display:table; width:85%; padding:10px; font-size:14px; line-height: 1.7;}
.productview .qtybox input.qty{ float:left; margin:0 5px; width:50px;}
.productview .qtybox .stockvalue{margin:0 0 4px;}
/*.productview .qtybox .wishlist{margin:0 0 0 10px; float:left; font-size:16px;}*/

.productview .sssprice{ margin:-20px 0 0 72px; }
.productview .sssprice-login{font-size:24px; margin:-20px 0 0 72px;}

.recently-viewed{ border-bottom: 1px #ddd solid; padding-bottom: 20px; margin-bottom: 30px;}
.recently-viewed .product-item{float:left;width:23%; padding-left:14px; padding-top:14px;}

.accordion, .accordion * {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.accordion {overflow:hidden; border: 1px #ddd solid; background:#fff;}
 
.stock-block{padding: 0; position:relative}
.stock-block li.stock-row{border-bottom: 1px #ddd dashed; overflow: hidden; width: 100%; padding: 10px 0; position:relative;}
.stock-block .stock-header{border-bottom: 1px #ddd solid; display: table; width: 100%; padding-bottom: 10px; font-weight:bold; font-size:11px}
.qty-box {display: inline-flex; width: 86px; height: 26px; border: 1px solid #dedede; border-radius: 4px; top: 0; left: 0; background: #fff;}
.qty-box input{ width:40px; border:none; display:inline-flex; text-align:center;}
.qty-box em{ display:inline-flex; cursor:pointer; padding: 6px;}
.span_arr {position: absolute; bottom: -22px; left: 45%; cursor: pointer; text-align:center; width: 50px; height: 20px; border: 1px solid #ececec; border-top-color: rgb(236, 236, 236); border-top-style: solid; border-top-width: 1px; border-top: 1px solid #fff;}
.stock-block .other_arrow {position: absolute; right: 0; top: 0; left: 0; bottom: 0; margin: auto;}
.stock-block .sprite-arrow {width: 14px; height: 8px; position: relative; top: -2px;}
.stock-box .stock-total{ background:#f4f4f4; border-bottom:1px #ddd solid; display:table; width:100%; text-align:right; padding:5px 10px; margin-bottom:10px; font-size:16px;}
.productview .cartrow {font-size:16px;}
.productview .cartrow .qty-box {height: 36px; font-size:16px;}
.productview .cartrow .qty-box em{padding: 12px 6px;}


.buy-pinfo.carterror{ border:1px #e55565 solid; position:relative;}
.productview .buy-pinfo.carterror .error.alert{position: absolute; left: 5px; bottom: -7px; font-size:12px;}
.productview .buy-pinfo.carterror .single-cart .error.alert{right: 0; bottom: auto; left: 0; top: 37px;}
.gallery-container .buy-pinfo.carterror .error.alert{position: absolute; left: 0px; top: -50px; padding:2px 10px;}
.gallery-container .buy-pinfo.carterror .error.alert::before {position: absolute; bottom: -7px; left: 4%; content: " "; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #e55966; }

.about-stone{ border-top:1px #999 solid; padding-top:15px;}

/*----- Section Titles -----*/
.accordion-section-title {
    width:100%;
    padding:10px 15px;
    display:inline-block;
    border-bottom:1px solid #ddd;
    background:#fff;
    transition:all linear 0.15s;
    /* Type */
    font-size:1.200em;
    color:#000;
	text-transform:uppercase;
	position:relative;
} 
.accordion-section-title:after{ position:absolute; top:20px; right:15px; content:" "; background:url(../../img/layout/icons-sprite.png) -29px -251px no-repeat; width: 11px; height: 8px;}
.accordion-section-title.active:after{ position: absolute; top: 8px; right: 15px; content: "-"; background: none; font-size: 24px; font-weight: bold;}

.accordion-section-title.active, .accordion-section-title:hover {background:#f1f1f1; text-decoration:none;}
.accordion-section:last-child .accordion-section-title {border-bottom:none;}
 
/*----- Section Content -----*/
.accordion-section-content {padding:15px; display:none; border-bottom: 1px #ddd solid; overflow: hidden}

.visitus {display: table; width: 100%; border-bottom: 1px #ddd solid; margin-bottom: 10px; padding-bottom: 10px;}
.visitus .show-logo{ display:block; }
.visitus h3{ display:block; margin: 0; font-size:20px; font-weight:500; text-transform: uppercase; color:#333}
.visitus .info{ display:block; margin: 0; font-size:16px; }

.exclusive-text{ display:table; width:100%; margin-bottom:15px; /*border-top:1px #ddd solid;*/ padding-top: 15px; color:#363636;}
.eventshow-content{ display:table; width:100%; margin-top:15px; color:#363636;}
.eventshow-content .head{ color:#ed145b; font-weight: 500; font-size:14px; margin: 2px 0 5px 0;}
.eventshow-content .jckbnr{ margin-bottom:5px;}
.eventshow-content .event-logo{ float:left; margin-right:15px; padding-top: 5px;}
.eventshow-content .book-appointment{ float:right; }

.action-button input{color:#fff; padding:5px;  display: block; padding: 2px 5px; text-align: center; font:16px 'ubuntu_condensedregular', tahoma; background:#005e20; border:none; cursor:pointer;}
.action-button input:hover{background:#67a749;}

.table-shop {background: #e5e5e5; padding-right: 1px; border-collapse: separate; border-spacing: 1px;}
.table-shop .sort {width: 84px; min-width: 84px; max-width: 84px; text-align: center; vertical-align: middle; letter-spacing: 0;}
table.table-shop tr td {background: #fdffe4;}
.table-shop td {background: #FFF; font-size: 12px; height: 30px; max-height: 30px; line-height: 30px;}
table.table-shop tr th, table.table-shop tr td {background: #fdffe4;}
.table-shop th {background: #FFF; text-align: center; font-size: 12px; height: 30px; line-height: 30px; vertical-align: middle; padding: 2px !important;}
.table-shop th, .table-shop td {min-width: 40px; max-width: 40px; width: 40px; padding: 0 !important; margin: 0 !important; text-align:center;}
.table-shop td input[type="text"] {
    background: #FFF;
    margin: 0px !important;
    padding: 0 !important;
    text-align: center;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    border: none;
    text-align: center;
    vertical-align: top;
    display: inline-block;
    -moz-box-shadow: 2px 2px 0px 1px rgba(0, 0, 0, 0.05) inset;
    -webkit-box-shadow: 2px 2px 0px 1px rgba(0, 0, 0, 0.05) inset;
    box-shadow: 2px 2px 0px 1px rgba(0, 0, 0, 0.05) inset;
	width:100%;
}
.table-shop td input[type="text"]:focus {
    -moz-box-shadow: 2px 2px 0px 1px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 2px 2px 0px 1px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 2px 2px 0px 1px rgba(0, 0, 0, 0.1) inset;
    background: rgba(0,0,0,.03);
	color: #000;
	border: 1px solid #868686 ;
}

table.table-shop tr:nth-child(2) th, table.table-shop tr:nth-child(2) td, table.table-shop tr:nth-child(4) th, table.table-shop tr:nth-child(4) td {background: #fff;}

h2.title{font-size: 22px; font-weight:normal; color:#032066; line-height:1.3; margin: 5px 0;}
/************************************************************/
.als-container {position: relative; width: 100%; margin: 0px auto 20px auto; z-index: 0; border-bottom: 1px #ddd solid;}
.als-viewport {position: relative; overflow: hidden; margin: 0px auto;}
.als-wrapper {position: relative; list-style: none; margin: 0; padding: 0;}
.als-item {position: relative; display: block;	text-align: center;	cursor: pointer; float: left; margin:0 10px;}
.als-prev, .als-next {position: absolute; cursor: pointer; clear: both; background: url(../../img/layout/icons-sprite.png) no-repeat; height:37px; width:25px; display:block; top: 34%; text-indent: -9999px;}
.als-prev{ left:-30px; background-position:0 -139px;}
.als-next{ right:-30px; background-position:-35px -139px;}
.als-prev:hover{background-position:0 -178px;}
.als-next:hover{background-position:-35px -178px;}


/* Product Slider */
.slick-slider{
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.other_view_main .slick-list.draggable{ max-height:445px; min-height:90px;}

.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track{position: relative; top: 0; left: 0; display: block;}
.slick-track:before, .slick-track:after{display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.product-slider { margin:20px 0; padding-bottom: 20px;}
.product-slider .slick-prev, .product-slider .slick-next, .gallery-img-slider .slick-prev, .gallery-img-slider .slick-next { z-index:1; font-size: 24px; top:40%; position:absolute;  background: url(../../img/layout/icons-sprite.png) no-repeat; height:37px; width:25px; cursor:pointer;  -webkit-appearance: inherit;}
.product-slider .slick-prev{left:-10px;  background-position: 0 -178px;}
.product-slider .slick-next{right:-10px; background-position: -35px -179px;}
.product-slider .slick-disabled, .gallery-img-slider .slick-disabled{ opacity: 0.5;}

.gallery-img-slider .slick-prev{left:-10px;  background-position: -59px -173px; height: 26px; width: 20px;}
.gallery-img-slider .slick-prev:hover{left:-10px;  background-position: -59px -146px;}
.gallery-img-slider .slick-next {right:-10px; background-position: -89px -173px; height: 26px; width: 20px;}
.gallery-img-slider .slick-next:hover {right:-10px; background-position: -89px -146px;}

/***************** related Products **********************/
#my-als-related li.als-item{ height:208px; width: 225px; margin-right:10px;}
#my-als-related .als-prev{ left:0; }
#my-als-related .als-next{ right:0;}
#my-als-related .als-viewport{ width:98% !important; height: 300px !important;}
.view-all-product-link{padding-top: 12%; text-align:center;}
.view-all-product-link a{ font-size:16px; }
/**********************************************************/

.productview .socialicons{ margin:10px 0 20px 0px; float:left; width:80px; text-align:left}
.productview .socialicons a{ display:inline-block; cursor:pointer; height: 28px; width: 28px;}

.productview .facebook{background:url(../../img/layout/social-icons.png) no-repeat 0 0; display:inline-block; height:32px; width:32px; float:left;  margin-right: 5px;}
.productview .facebook:hover{background-position:-1px -38px;}
.productview .twitter{background:url(../../img/layout/social-icons.png) no-repeat -33px 0; display:inline-block; height:32px; width:33px; float:left;  margin-right: 5px;}
.productview .twitter:hover{background-position:-33px -38px;}
.productview .pinterest{background:url(../../img/layout/social-icons.png) no-repeat -66px 0; display:inline-block; height:32px; width:33px; float:left;  margin-right: 5px;}
.productview .pinterest:hover{background-position:-66px -38px; }
.productview .googleplus{background:url(../../img/layout/social-icons.png) no-repeat -98px 0; display:inline-block; height:32px; width:32px; float:left;  margin-right: 5px;}
.productview .googleplus:hover{background-position:-98px -37px;}
.st_sharethis_custom{background:url(../../img/layout/social-icons.png) no-repeat -131px 0; display:inline-block; height:32px; width:32px; float:left;  margin-right: 5px; cursor:pointer;}
.st_sharethis_custom:hover{background-position:-131px -37px;}
.st_fblike_hcount {float: left; margin-top: 3px;}


.grid-view ul{ margin:0; padding:0;}
.grid-view li{ display:inline-block; width:24.7%; vertical-align:top;}

.product_box_mid.gallery { margin: 0 auto; padding:0px 15px 15px; width: 100%; display: table;}

.productview .next-prev{ margin-top:15px; text-align:right; font-size: 14px;}
.productview .next-prev a{ margin:10px;}

.demo.stock input{border: 1px #ccc solid; padding: 2px 3px; width: 45px !important;}

.btn-green{background:#005e20; color:#fff; color:#fff; border-radius: 2px;}
.btn-green:hover{background:#67a749;}
.btn-green a{color:#fff; padding:4px 10px; display:block;}
.btn-green a:hover, .btn-blue a:hover{text-decoration:none;}
.btn-green input{color:#fff; padding:4px 10px; display:block; border:none; background:none; font-size:16px; cursor:pointer;}
.btn-lg{ font-size:14px; font-weight:500;}
.btn-sm{ font-size:12px; font-weight:500;}

.btn-blue{background:#2671ba; color:#fff; padding:4px 10px; color:#fff; border-radius: 2px;}
.btn-blue:hover{background:#5c8ef2;}
.btn-blue a{color:#fff; }
input.btn-blue{background:#005e20/*2671ba*/; color:#fff; padding:3px 5px; color:#fff; border:none; cursor:pointer;}
input.btn-blue:hover{background:#67a749/*5c8ef2*/;}

.btn-blue-lg{background:#2671ba; color:#fff; padding:5px 10px; display: inline-block; font-size: 16px; color:#fff; border-radius:2px;}
.btn-blue-lg:hover{background:#5c8ef2;}
.btn-blue-lg a{color:#fff; }


input.addtocart_mid.btn-blue.btn-blue{background:#2671ba; color:#fff; padding:5px 10px; color:#fff; border:none; cursor:pointer; border-radius: 2px;}
input.addtocart_mid.btn-blue.btn-blue:hover{background:#5c8ef2;}

.nutshell{ margin:30px 0 0 0; display:table; width:100%; display:none;}
.nutshell h3{ color:#032066; font:normal 24px 'ubuntu_condensedregular';  margin: 10px 0;}
.nutshell ul{padding:0 0 0 14px; margin:0;}
.nutshell li{ list-style:disc; color:#555;}

.print-page{margin:5px 0 10px 10px; margin: 5px 0 10px 10px;  padding-left: 5px; border-left:1px #999 solid; display:none;}
.print-page .print-icon{ background:url(../../img/glyphicons-halflings.png) no-repeat -90px -48px; height:15px; width:19px; float:left;}
.print-page a{font-family: 'ubunturegular'; padding-left:5px;}

.myaccountbox{font-size: 12px; min-height: 120px; }
.myaccount-nav h3, .myaccountbox h3{color: #0022AC; font-size: 14px; font-weight: 500; padding:5px 0 10px 0; margin:0 0 10px ; border-bottom: 1px #ddd solid;}
.myaccountbox .detail{ display:block; padding:1px 0;}

/*.myaccount-container{ float:left; width:82%; border-left:1px #ddd solid; padding-left: 20px;}*/

.myaccount-nav ul{ padding:0; margin:0 0px 15px 0px; font-size:13px;}
.myaccount-nav ul li{display:block; clear:both;}
.myaccount-nav li a{ padding:3px 10px;; display:block; color:#000;} 
.myaccount-nav li a:hover{color:#000; background:#f1f1f1; text-decoration:none;} 
.mandatory-fields{ float:right; font-size:12px; font-weight:normal; color:#555}

.account-container h1.title, .fields_container h1.title{ padding-bottom: 10px; margin: 0px 0 20px;}

.order-blcok { margin-bottom:20px;}
.order-blcok .order-header{ font-size:13px;}
.order-blcok .order-header .qty-info{ border-left:1px #000 solid; border-right:1px #000 solid;}

.panel-body {padding: 15px;}
.account-container .panel .panel-heading {font-weight: 500; font-size:14px;}
.panel-default > .panel-heading {color: #333; background-color: #f5f5f5; border-color: #ddd;}
.panel-heading {padding: 10px 15px; border-bottom: 1px solid transparent;  border-bottom-color: transparent; border-top-left-radius: 3px;  border-top-right-radius: 3px;}
.account-container .panel {min-height: 150px; vertical-align: middle; position: relative; font-size: 12px; }
.panel-default {border-color: #ddd !important;}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.fields_container{display:table; width:100%; margin-bottom: 20px;}
.fields_container h3{ border-bottom:1px #ddd solid; padding-bottom:5px;}
.fields_container .row{margin:5px 0; display:table; width:100%;}
.fields_container .row label{width:22%; float:left; font-size: 14px; text-align: right; line-height: 2.1; margin-right: 5px;}
.fields_container .row input[type="text"]{font-size:14px; padding:3px 6px;  width: 264px; border: 1px #96a6c5 solid;}
.fields_container .row select{font-size:14px; padding:3px 6px;  width: 264px; border: 1px #96a6c5 solid;}

.blue{color:#0022AC;}
.blue-dark{color:#003663;}
.red, .error-message{color: #A82C2C }

.shopping-cart-list{width:100%; padding:10px 0; border-bottom:dashed 1px #D6D6D6; display:table; font-size: 14px;}
.shopping-cart-list .column1 {float: left; width: 12%; text-align: center;}
.shopping-cart-list .column2 {float: left; width: 49%; margin-left: 20px;}
.shopping-cart-list .column3 {width: 36%; float: left; padding-top: 10px;}

.shopping-cart-list div.product-title{ font-size:15px; line-height:1.5; margin:0 0 10px;}

.shopping-cart-list .savetowishlist, .shopping-cart-list .remove{margin-top:8px; float:left;}
.shopping-cart-list .savetowishlist a, .shopping-cart-list .remove a{ float:left; font-size: 12px;}
.shopping-cart-list .savetowishlist .save-icon, .shopping-cart-list .remove .remove-icon{ float:left;}

.cart-total table td{ padding:8px;}
.cart-total .sub-total { font-size: 14px; margin: 0px 0 15px; overflow: hidden; border-bottom: 1px #ddd solid; padding-bottom: 3px;}

.checkout-list .fields_container label{font-size: 12px !important; width: 35%;}
.checkout-list .fields_container input[type="text"]{height: auto !important; font-size: 12px !important; width:60% !important;}
.checkout-list .fields_container select{height: auto !important; font-size: 12px !important; width:60% !important; padding:2px !important; margin-right: 0;}

.chkout-total-block { width:50%; float:right;}
.chkout-total-block .chkrow{ overflow:hidden; padding:5px; margin-bottom:1px; font:14px "museo_sans_cyrl500",tahoma,arial; border-bottom: 1px solid #ddd; background: #f4f4f4; }
.chkout-total-block .chkrow .label1{ display:inline-block; width:54%; text-align:right;}
.chkout-total-block .chkrow .value{ display:inline-block; width:45%; text-align:right;}
.chkout-total-block .chkrow .value .radio-inline{padding-top: 0px;}
.chkout-total-block .chkrow .value input[type="radio"]{ margin:0px 0 0 -20px;}
.chkout-total-block .button-row{ margin-top:10px;  clear: both;}
.chkout-total-block .chkrow select{font:12px 'museo_sans_cyrl500', tahoma, arial; }

.sticky-card.sticky{position: sticky; top: 120px; left: 0;}

/*.blue_button_BB {background: #2671ba; color: #fff; padding: 5px 20px; color: #fff; border-radius:2px;}
.blue_button_BB:hover{background: #5c8ef2;}
.blue_button_BB a, .blue_button_BB a:hover, .blue_button_BB a:visited{color: #fff; text-decoration:none; font-size:22px; font-weight:bold;}*/

em.red{border-color: #A82C2C #FFF !important;}

.theading{ background: #e9ecef; color: #495057; font-size: 14px; font-weight: bold; padding: 5px 10px; display: table; width: 100%; border-bottom: 1px #dee2e6 solid;}
.in-stock-label{padding: 4px 15px; margin: 0px auto 0 auto; background: #67a749; color: #FFFFFF; font-size: 14px; position: relative; display: table; border-radius: 0px 0px 4px 4px;}
em.green {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #67A749 #FFFFFF;
    border-image: none;
    border-style: solid;
    border-width: 10px 9px 0;
    display: block;
    height: 6px;
    left: 50%;
    margin-left: -6px;
    position: absolute;
    top: 100%;
}

/****************************************** Old css bof **********************************/
.FloatLeft {float: left;}
.FloatRight{float: right;}
.FL, .fl{float: left;}
.FR, .fr{float: right;}
.Clear, .clear {clear: both;}

.BdrRGray{border-right:dotted 1px #dedede /*cacaca*/} 
.BdrBGray{border-bottom:dotted 1px #dedede /*cacaca*/}
.categry_bar {
    background: url("../../img/layout/featuredbg.jpg") repeat-x 0 0;
    color: #6F6F6F;
    height: 25px;
    line-height: 22px;
    text-align: center;
	margin-bottom: 10px;
}
.auction_title {width: 21%;}
.actn_ttl {text-align: left; width: 30%;}
.condition_title {width: 16%;}

.paging_main {border-bottom: 1px solid #ddd; display:table; padding: 10px 0; width: 100%;}
.paging {color: #000; float: right; }
.paging ul{ padding:0; margin:0;}
.category_detail{/*padding:5px 10px 5px 10px; background:url("../../img/pager_bg.gif") repeat 0 0 ;*/ display:table; width:100%;}

.sort_by select{ margin-left: 4px; width: 150px; float: left;}
.showing-total{ margin-bottom:5px;}

.page_breadcrumbs{
	height:auto; 
	float:left; 
	margin:0px 0px 12px 0px; 
	font-size:12px; 
	color:#0033ac;
	font-weight:normal; 
	text-align:left;
}
.breadcrumbs a {color: #544D4D; font-size: 12px ; text-decoration: none;}
.login_main1{ width:100%; min-height:295px; float:left; padding:20px; border:solid 1px #ccc; border-radius: 4px;}

a:link, a:visited{text-decoration:none;}
a:hover{text-decoration:underline; } 
a{color:#0033ac; }

a.QuickView {background: url("../img/quick_look1.png") no-repeat scroll 0 0 transparent;    bottom: 2%;    height: 52px;    position: absolute;    right: 1%;    width: 52px;}
a.quickviewgridnav {background: url("../img/quick_look1.png") no-repeat scroll 0 0 transparent; bottom: 10px; height: 52px; position: absolute; right: -10%; width: 52px;}

.item_left_section {float: left; height: auto; margin-right: 25px; width: 52.8%;}
/*.item_right_section .gridinfoinner input{height: 24px !important; }*/

.item_image {height: 500px; width: 85%; float:left; background: url("../../img/layout/qjc_preloader2018.gif") no-repeat scroll center 50% transparent;}
.elargeimage a {color: #666666; font-family: Verdana,Arial; font-size: 9px; }

.otherview-img-slider .slick-next, .otherview-img-slider .slick-prev{background: url(../../img/layout/icons-sprite.png) no-repeat; position:absolute; left: 40%; height: 26px; width: 20px; -webkit-appearance: inherit; z-index: 1; cursor:pointer;}
.otherview-img-slider .slick-next{transform: rotate(90deg);  background-position: -89px -173px; }
.otherview-img-slider .slick-prev {transform: rotate(90deg); background-position: -59px -173px; top: -30px}
.otherview-img-slider .slick-prev span, .otherview-img-slider .slick-next span { border:none;}

.other_view_main span{ float:left; padding:2px; border:1px #ddd solid; margin-bottom:5px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; cursor:pointer;}
.other_view_main .slide >  span.active{ border:1px #333 solid;}

.item_right_section {float: left; height: auto; margin-top: 2px; padding: 5px 0 0; width: 44.5%;}

#imgModal .product-zoom-viewer{ text-align:center;}
#imgModal .product-thumbnails-container { text-align:center; margin-top: 20px;}
#imgModal .product-thumbnails-container > span{display: inline-flex; border: 1px #ddd solid; margin-right: 10px;}
#imgModal .product-thumbnails-container > span.active{border: 1px #0076a9 solid;}


img {border: 0 none; margin: 0;padding: 0;}

/****************pagination start*************************/
/*.pagination {display: inline-block; font-family: "Tahoma", Arial, sans-serif; font-size: 10px; line-height: 15px; text-decoration: none;}
.pagination .dots {bottom:-6px;	color:#606060;	position:relative;}
.pagination a, .pagination .dots {display:inline-block;	margin-right:0;	padding:2px 6px; margin-right: 3px;}
div.pagination a {background-image: url("/images/paging_counter.jpg"); border: 1px solid #CDCDCD; color: #444; font-size: 11px; font-weight: bold; height: 25px; margin: 0; padding: 3px 6px; text-decoration: none;}
div.pagination a:hover {color: #303030;}
div.pagination a:active {color: #585858;}
.pagination a.number {border: 1px solid #ddd; -moz-border-radius: 5px; -webkit-border-radius: 5px;	border-radius: 5px;	height:auto; width:auto; text-align:center; background:#fff; font-weight:normal;
	font-size:12px; color:#000;
}
.pagination a.number:hover {border-color: #97c1d7; background:#e9f6fd;}
.pagination a.number.current {color: #fff;}
.pagination a.number.current:hover {-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.pagination a.number.current:active {*/
	/* INNER SHADOWS *//*
	-moz-box-shadow: 0px 1px 1px rgba(255,255,255,0.3), inset 0px 1px 2px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.3), inset 0px 1px 2px rgba(0,0,0,0.15);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3), inset 0px 1px 2px rgba(0,0,0,0.15);
}*/
/* WHITE PAGINATION STYLE */
.pagination.white, .pagination.white a {color:#606060; }
.pagination.white a.number.current {
	background-color:#e0e0e0;
	border-color:#ddd #d8d8d8 #c4c4c4;
	color:#606060;
	text-shadow:0px 1px 0px #fff;
}
.pagination.white a.number.current:hover {background-color:#ebebeb;	border-color:#dbdbdb #d4d4d4 #c0c0c0;}
.pagination.white a.number.current:active {border-color:#c0c0c0 #d4d4d4 #dbdbdb; text-shadow:0px -1px 0px #fff;}

.pagination .page-link{font-size: 14px; color: #333;}
.pagination .page-link.active {color: #fff; font-weight:bold; background: #6c757d; }

.pagination{ display:inline-flex !important;}
/****************pagination end*************************/
/***************************************     CSS FOR PRODUCT DETAIL PAGE ***************************/
.enlarge-div{width:500px; display:none; position:absolute; left:33%; top:112px; z-index:9999; margin-left:-66px; background-color:#fff; border:1px solid #E4EAF8;}

.navfirstimg{background-image: url(../../img/first1.gif); width:22px; height:22px; border:0px; }
.navfirstimg:hover{background-image: url(../../img/first1_hover.gif); width:22px; height:22px; border:0px; }	
.navlastimg{background-image: url(../../img/last1.gif); width:22px; height:22px; border:0px; }
.navlastimg:hover{background-image: url(../../img/last1_hover.gif);	width:22px;	height:22px; border:0px;}
.navnextimg{background-image: url(../../img/next1.gif);	width:22px;	height:22px; border:0px;}
.navnextimg:hover{background-image: url(../../img/next1_hover.gif); width:22px; height:22px; border:0px;}
.navpreviousimg{background-image: url(../../img/previous1.gif); width:22px; height:22px; border:0px;}
.navpreviousimg:hover{background-image: url(../../img/previous1_hover.gif); width:22px; height:22px; border:0px;}
ul.cat li {
	background:url("/img/arrow.gif") no-repeat scroll left center transparent;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	list-style:none outside none;
	padding-left:10px;
}
ul.cat li a {color:#292FB7;	text-decoration:none;}
ul.cat li a:hover{color:#D70000; text-decoration:none;}
.category_title_catalog{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#4975A2; text-decoration:none; text-align:center;}
.category_title_catalog a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#4975A2; text-decoration:none; text-align:center;}
.category_title_catalog a:hover{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#94010E; text-decoration:none; text-align:center;}
.shopping_cart_header{height:20px; width:auto; float:right;	text-align:right;}

/*******************negotiations Start*************************/
.tabberlive {margin-top: 2em;}
ul.tabbernav{margin:0px; padding:3px 0px; border-bottom:1px solid #ddd; font:bold 12px tahoma, Verdana, Arial, Tahoma; color:#333;}
ul.tabbernav li{list-style:none; margin:0px; display:inline;}
ul.tabbernav li a{padding:3px 0.5em 3px 0.5em; margin-right: 3px; border: 1px solid #D2DAF1; border-bottom: none; background: #eee; text-decoration: none;}
ul.tabbernav li a:link{color:#333; text-transform:capitalize;}
ul.tabbernav li a:visited{color:#333;}
ul.tabbernav li a:hover{color:#333333;background-color:#e5e5ee;}
ul.tabbernav li.tabberactive a{background-color:#dfdfea;border-bottom:1px solid #fff;color:#091f6d;}
ul.tabbernav li.tabberactive a:hover{color:#000; border-bottom:1px solid white;}
.tabberlive .tabbertab h2 {display: none;}
.tabberlive .tabbertab {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #D2DAF1 #D2DAF1;
    border-image: none;
    border-right: 1px solid #D2DAF1;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    padding: 5px;
}
.newbulk_add {float: right; height: auto; margin-right: 13px; position: relative; width: 200px;}
.questionMark {background: url("../../img/help.gif") no-repeat left top; height: 23px; position: absolute; right: -20px; top: -3px; width: 22px;}
.toolTip {background:#F2F7F8; border: 1px solid #B3C4CE; display: none; font: 10px/12px Arial,Helvetica; left: -90px; padding: 5px; position: absolute; top: 22px; width: 100px; z-index: 1;}
.btnGreenLarge {
    background: url("../../img/btnGreenLarge_a.gif") no-repeat right top;
    color: #FFFFFF;
    float: left;
    font-family: "Segoe UI",Tahoma,Verdana,Arial;
    font-size: 15px;
    font-weight: bold;
    height: 31px;
    margin-right: 0;
    padding-right: 12px;
    text-decoration: none;
}
.btnGreenLarge span {
    background: url("../../img/btnGreenLarge_span.gif") no-repeat 0 0;
    color: #FFFFFF;
    float: left;
    font-family: "Segoe UI",Tahoma,Verdana,Arial;
    height: 31px;
    line-height: 28px;
    padding: 0 0 0 12px;
    text-decoration: none;
}
a.btnGreenLarge:active span {background-position: left bottom; padding: 0 0 0 12px; text-decoration: none;}
a.btnGreenLarge:active {background-position: right bottom;color: #000000; outline: medium none; text-decoration: none;}

/*-----------------green button---------------*/
.addtocart_left1_green a{
	background:url(../../img/layout/add_to_cart_new_green.png) left top no-repeat;
	width:1px; 
	height:24px; 
	float:left;
	text-decoration:none; 
	color:#fff;  
	font-weight:bold;
}
.addtocart_left1_green a:hover{
	background:url(../../img/layout/add_to_cart_new_green.png) left bottom no-repeat; 
	width:1px; 
	height:24px; 
	float:left;
	text-decoration:none; 
	color:#fff;  
	font-weight:bold;
}
span input[type="button"].addtocart_leftin1_green{
	background:url(../../img/layout/add_to_cart_new_green.png) right top no-repeat; 
	width:auto; 
	height:24px; 
	float:left; 
	padding:4px 6px 5px 5px; 
	border:0px; 
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight:bold; 
	margin-left:1px; 
	color:#fff;
}
span:hover input[type="button"].addtocart_leftin1_green{
	background:url(../../img/layout/add_to_cart_new_green.png) right bottom no-repeat; 
	width:auto; 
	height:24px; 
	float:left; 
	padding:4px 6px 5px 5px; 
	border:0px; 
	margin-left:1px; 
	cursor:pointer;  
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight:bold;
	text-decoration:none; 
	color:#FFFFFF;
}
.button{height:24px; padding-left:1px; float:left; background:#fff url(../../img/layout/add_to_cart_new.png) left top no-repeat;}
.button input{height:24px;background:#fff url(../../img/layout/add_to_cart_new.png) right top no-repeat; border:0px none;cursor:pointer;}
.button a{text-decoration:none; font-family:Tahoma; font-size:11px; font-weight:bold;}
.button:hover{width:3px; height:24px; background:#fff url(../../img/layout/add_to_cart_new.png) left bottom no-repeat;}
.button input{
	text-decoration:none; 
	font-family:Tahoma; 
	font-size:11px; 
	font-weight:bold; 
	color:#fff; 
	padding:0px; 
	margin:0px;
}
.button input:hover{
	text-decoration:none; 
	font-family:Tahoma; 
	font-size:11px; 
	font-weight:bold; 
	width:auto; 
	height:24px; 
	background:#fff url(../../img/layout/add_to_cart_new.png) no-repeat right bottom; 
	float:left; 
}

.addtocart_left1 a{background:url(../../img/layout/add_to_cart_new.jpg) left top no-repeat;width:1px; height:24px; float:left;text-decoration:none; color:#FFFFFF;  font-weight:bold;}
.addtocart_left1 a:hover{background:url(../../img/layout/add_to_cart_new.jpg) left bottom no-repeat;width:1px;height:24px;float:left;text-decoration:none;color:#FFFFFF;font-weight:bold;}
.addtocart_leftin1{background:url(../../img/layout/add_to_cart_new.jpg) right top no-repeat; width:auto; height:24px; float:left; padding:4px 6px 5px 6px; border:0px; cursor:pointer;font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin-left:1px; color:#FFFFFF;}
.addtocart_leftin1{background: url(../../img/layout/add_to_cart_new.jpg) right bottom no-repeat; border:none; color:#fff; font:bold 12px Arial;}

/********************checkout button css:start*******************/
.btnclear_checkout{overflow:hidden;}
.btnGreenLarge_checkout{
	background:transparent url('../../img/btnBlueLarge_a.gif') no-repeat scroll top right;
	color:#fff; 
	display:block; 
	float:left; 
	font-family:"Segoe UI", Tahoma, Verdana, Arial; 
	font-size:15px;
	font-weight:bold;
	height:31px; 
	margin-right:0px; 
	padding-right:12px; 
	text-decoration:none;
}
.btnGreenLarge_checkout span{
	background:transparent url('../../img/btnBlueLarge_span.gif') no-repeat; 
	font-family:"Segoe UI", Tahoma, Verdana, Arial;
	display:block; 
	line-height:14px; 
	padding:8px 0px 9px 12px; 
	color:#fff;
	text-decoration:none;
}
a.btnGreenLarge_checkout:active{background-position:bottom right; color:#000; outline:none; text-decoration:none;}
a.btnGreenLarge_checkout:active span{background-position:bottom left; padding:9px 0px 8px 12px; text-decoration:none;}

/********************checkout button css:end*******************/

input, select {font-size: 12px; color:#000;}
.loading_div {
    background: rgba(255,255,255,0.8);
    height: 165px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 22%;
    padding: 5px;
    width: 170px;
}

.produuct_image_category_page {
    margin-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 7px;
    position: relative;
}
.tree_main{width:166px;}
.indicator{width: 16px;	height: 16px; background-color: #FF9900; position: absolute; font-size: 1px; overflow: hidden; border: none;}
.indicator:focus{background-color: #f00;}
.slider4{
	width: 166px;
	height: 16px;
	background-image: url(../../img/slider_back.jpg);
	position: relative;
	border: 0px hidden #000;
}
#indicator1{background-image:url(../../img/indicator1.gif);	background-color: transparent;}
#indicator2{background-image:url(../../img/indicator2.gif);	background-color: transparent;}
#indicator3{background-image:url(../../img/indicator3.gif);	background-color: transparent;}

.PdProDiscount {clear:both; color:#444343; display:block; font:normal 15px/20px Tahoma,Arial,Verdana;}
.PDTabingContainer, ul.PDTabsNew, .PDTabContentNew{width:390px;}
.PDTabContentNew{margin-right:0px;}
.PDHead {background:#EEF0F9; border-bottom: 1px solid #D2D0D0; clear:both; color: #333333; display: block; font: bold 16px Tahoma,Arial,Verdana; padding:10px 15px;}
.quickviewcontent {
	background:url("../../img/tr_bg.png") repeat 0 0;  box-shadow: 0 0 5px #888;
	border: 1px solid #ccc; padding:0px; position: absolute; width:950px; display:none; z-index:999999; height:auto;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; 
}
.quickviewcontent a.boxclose {background:url(../../img/close_new.png) no-repeat 0 0; width:26px; height:26px; position:absolute; right:-22px; top:-20px; cursor:pointer}
.quickviewcontent .PdProTitle{ display: block; font-size: 16px; padding:10px 0;}
.quickviewcontent .PdProTitle .sku{ font-size: 14px; font-weight: normal; margin-top: 10px; display: block;}
.quickviewcontent .PDProThumbContainer{height:auto;}
.quickviewcontent .PdLeftCol{width:928px; background:#fff; padding:10px; margin:10px; display:table;}
/*.quickviewcontent .PdProDetail{width:408px; height:auto; float:left;}
.quickviewcontent .PdProImg{width:500px; height:500px; float:left; padding-right:20px;}*/
.quickviewcontent .itemlisting{padding:0 10px 0 0; height:290px; overflow:auto;}
.quickviewcontent .PDTabContentNew{padding-bottom:10px;}
.PdProPrice{display:block; font:bold 24px 'Lucida Sans', Tahoma, Arial, Verdana; color:#333; clear:both; padding-bottom:5px; clear:both;}

.quickviewcontent .size{ float:left; margin:5px 8px 0; }
.quickviewcontent .label{ float:left; margin:5px 0 0; }
.quickviewcontent .attributeQty{ float:left; margin:10px 0 10px 10px;}
.quickviewcontent .green_button_new{ margin:0 0 0 10px;}
.quickviewcontent input[type="text"]{ width: 50px !important;}

#quickbuydiv .scrolldiv{width:100%; height:250px; float:left; overflow:auto; padding:0 10px 10px 0; border-bottom:solid 1px #ccc;}
#quickbuydiv .nav-item a.nav-link {color: #555;}
#quickbuydiv .nav-item a.nav-link.active {font-weight: bold; }
#quickbuydiv .modal-title{font-size: 18px;}

#quickbuydiv .List ol{ padding:0 0 0 14px; margin:0;}
#quickbuydiv .List li{list-style: decimal; margin-bottom: 10px;}

.divider-space{padding:15px 0; display:block; clear:both;}
.divider-space-small{padding:5px 0; display:block; clear:both;}

.sizevalue {clear: both; line-height: 1.5;}
.PDTabingContainer{ width:100%; height:auto; float:left;}
ul.PDTabsNew{width:484px; height:50px; float:left; list-style:none; margin:0px; padding:0px;}
ul.PDTabsNew li{float:left; margin-right:6px;}
ul.PDTabsNew li a{padding:8px 11px; background:#dddada; font:normal 12px Tahoma, Arial, Verdana; color:#000; text-decoration:none; float:left;}
ul.PDTabsNew li a:hover{background:#5f5f5f; color:#fff;}
ul.PDTabsNew li a#NewTabActive{background:url(../../img/pdtab_active.jpg) no-repeat center top;  padding:8px 11px 16px 11px; color:#fff;}
ul.PDTabsNew li a#NewTabActive:hover{background:url(../../img/pdtab_active.jpg) no-repeat center top; padding:8px 11px 16px 11px; color:#fff;}
.PDTabContentNew{width:100%; min-height:300px; float:left; padding:0 0 40px 0; margin-right:20px; color:#000; text-align:left;}
.itemlisting{overflow: hidden; padding-top:5px}
.itemlistinginfoH{overflow:hidden; background: #FFF; border-bottom: 1px #fff solid; font:bold 12px Tahoma; color: #000; clear:both;}
.itemlistinginfo{overflow:hidden; background: #eee; border-bottom:3px #fff solid; clear:both; height:16px;}
.itemlistinginfo span.info{float:left; width:49%; padding:1px 1px; font-size:11px;}
.itemlistinginfo span.value{float:left; padding:1px 1px; border-left: 0px #fff solid; font-size:11px;}
.itemdesc{color: #000000; font:normal 12px "Segoe UI",Tahoma,Verdana,Arial; text-align: left;}
	
.PDRPro{width:190px; height:270px; float:left; text-align:center;}
.PDRPro .Common{display:block; text-align:center; padding-bottom:5px; clear:both; font:normal 11px Tahoma, Arial, Verdana;}
.PDRPro .Img{width:190px; height:auto; float:left; clear:both; text-align:center; padding-bottom:10px;}
.PDRPro .Title{display:block; height:39px; text-align:center; padding:5px 10px ; overflow:hidden;  margin-bottom:10px; clear:both;}
.PDRPro .Title a{font:normal 12px Tahoma, Arial, Verdana; color:#052377; text-decoration:none;}
.PDRPro .Title a:hover{text-decoration:underline;}
.PDRPro .Price{display:block; text-align:center; font:normal 16px Tahoma, Arial, Verdana; color:#000; clear:both;}
.PDRPro .Price span{color:#0c9106;}
.PDProThumb {border: 1px solid #CCCCCC; float: left; margin: 10px 7px 0 0;}


.faq-qus{display: block; cursor:pointer; font-size:18px; margin-bottom:10px; color:#000;}
.faq-answer{margin-bottom:15px; font-size:14px; }
.faq-content.sticky .faq-nav{ position:fixed; top:200px; }
.faq-content .faq-nav a{ color:#000; font-size:16px}

.faq-content h4{ color:#00368a; font-size:24px}
.faq-content .info-tabs{ display:table; width:100%;}
.faq-content .info-tabs .one{float: left; margin-right: 20px; border-right: 1px #a1a1a1 solid; padding-right: 20px;}
.faq-content .info-tabs a{color: #0022AC;}
.faq-content h3{font-size: 20px; font-weight: normal; color: #333}
.faq-content  .nav-pills .nav-link.active{font-size: 16px; position:relative;}
.faq-content  .nav-pills .nav-link.active::before {position: absolute; top: 37px; left: 44%; content: " "; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #007bff;}
.customer-nav .card-body{padding: 1.0rem;}

.dropshipper-rg{}
.dropshipper-rg h1{margin:8px 0 10px; padding-bottom:10px; font-size:44px; font-weight:normal; color:#333; font-family: 'district_prothin'; line-height: 1.2; color:#234589; border-bottom:1px #ddd solid;}
.dropshipper-rg .guide{ background:url(../../img/layout/dropshipper-img.jpg) no-repeat 0 0; height:800px; width:100%; margin-top:30px;}
.dropshipper-rg .guide .guidecomman{ float:right; width:50%; clear:right; font-size:16px; font-family: 'district_prothin';}
.dropshipper-rg .guide .guidecomman h3{margin:8px 0 10px; font-size:30px; font-weight:normal; color:#333; font-family: 'district_prothin'; line-height: 1.2; color:#234589;}
.dropshipper-rg .guide-2{ margin-top:115px;}
.dropshipper-rg .guide-1{ margin-top:20px;}

.dropshipper-rg .text1{font-size:20px; font-family: 'district_prothin'; margin-bottom:30px;}
.dropshipper-rg .leftcolumn{ background:#f9f9f9; float:left; width:48%;}
.dropshipper-rg .leftcolumn .box, .dropshipper-rg .rightcolumn .box{padding:20px;}
.dropshipper-rg .leftcolumn h2, .dropshipper-rg .rightcolumn h2{background:#6f6f6f; color:#fff; padding:10px 15px; margin:0; font-family: 'district_prothin';}
.dropshipper-rg .leftcolumn input[type="text"], .dropshipper-rg .leftcolumn input[type="button"]{ width:434px !important;}
.dropshipper-rg .leftcolumn label{font-size:16px !important; font-family: 'district_prothin' !important; color:#555;}
.dropshipper-rg .leftcolumn .drop-rg{font-size:30px !important; font-family: 'district_prothin' !important; background:#405d99; border:1px #1f3e7e solid; color:#fff; outline:none;}
.dropshipper-rg .leftcolumn .drop-rg:hover{background:#1f3e7e; }
.dropshipper-rg .leftcolumn .terms{ margin:0 0 15px; cursor:pointer;}
.dropshipper-rg .leftcolumn .terms:hover{ color:#1f3e7e; text-decoration:underline;}

.dropshipper-rg .rightcolumn{ background:#f9f9f9; float:right; width:48%; font-size:12px;}
.dropshipper-rg .rightcolumn h4 a{font-size:14px; font-family: 'district_prothin'; color:#555; font-weight:bold}
.dropshipper-rg .rightcolumn h4:before{content:"Q:"; color:#555;}
.dropshipper-rg .rightcolumn ul{ margin:10px 0; padding:0 0 0 16px;}
.dropshipper-rg .rightcolumn ul li{ list-style:decimal;}
.dropshipper-rg .rightcolumn th{ background:#f1f1f1; font-size:11px; color:#333333}
.dropshipper-rg .rightcolumn td{ padding:5px; border-bottom:1px #ddd solid;}

.bsnav-mobile .navbar{ padding:0;} 
@media only screen and (width:1024px){		
}
@media (max-width: 1024px) {
    .item_image{ height: auto;}
}
@media (max-width: 990px) {
	.navbar.navigation{ position:absolute; top:10px; right:15px; background:none; border:none;}
	.main-navigation ul.menu > li:hover .menu-dropdown{ display: none;}	
	.productview .attributes{width: 100%;}
	.productview .attributes .attr-block{width: 100%;}
	.ds-banner{width: 100%; margin-top: 15px;}
	.footer .leftcolumn{width: 100%; margin-right: 0px; grid-template-columns: 100%;}
        .footer .leftcolumn .head{border-bottom: 1px #ddd solid; padding-bottom: 10px;}        
        .footer ul.navigation {background: #f5f5f5; padding: 10px 15px;}
	.footer .rightcolumn{width: 100%; border-top: 1px #ddd solid; padding-top: 15px;}
	.footer .paymenticons{width: 100%;}
	
	.bsnav-mobile .navbar{padding: 0px 0 15px !important;}
	.bsnav-mobile .navbar-nav .nav-item .nav-link{font-size: 16px; text-transform: uppercase;}
	.bsnav-mobile .navbar-nav .nav-item .dropdown-menu a{font-size: 13px; text-transform: capitalize; padding:4px 0;}
	.navbar-nav .dropdown-menu {max-height: 210px; overflow: auto;}
	.navbar-nav .dropdown-menu ul{padding: 4px 0px;}
	.navbar-nav .dropdown-menu ul li a{ color:#000;}
	
	.gallery-container .affix-top, .gallery-container .affix{ width:100% !important;}
	.ContentRightWihoutFilter{width:100% !important;}
	#header {border-bottom: 1px #a1a1a1 solid;}
	.bsnav-mobile .navbar-nav > li a{font-size: 16px; text-transform: uppercase; color:#fff; display: block; padding: 5px 0;}
	.bsnav-mobile .navbar-nav li .ds-dropdown{ display:none;}
	.navbar-nav .nav-item.active > .nav-link, .navbar-nav .nav-item:active:focus > .nav-link, .navbar-nav .nav-item:active > .nav-link, .navbar-nav .nav-item:focus > .nav-link, .navbar-nav .nav-item:hover > .nav-link {color: #ff0 !important;}
	.navbar-toggler.toggler-spring.active .navbar-toggler-icon::before, .navbar-toggler.toggler-spring.active .navbar-toggler-icon::after{background-color: #fff !important;}
}

@media (max-width: 1279px) {
	.chkout-total-block{ width:60%; float:right;}
	.header .topnavigation .leftcolumn {display:none;}
	.header .topnavigation .rightcolumn {float: right; width: 70%;}
	
	.header .navigation{width: 75.1%;}
	
	.listview-container .column2{width: 20%;}
	.listviewinfo{width: 40%;}
	.listview-container .column3 { width: 36%;}
	.wishlist-content .gridinfoinner{width: 100%;}
        
}

/*============================================================*/
.one_half {width: 48%;}
.one_half.last {margin-right: 0 !important;  clear: right;}
.one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth {position: relative; margin-right: 4%; float: left;}
.sky-form {margin: 0; outline: none; font: 14px/1.55 'Open Sans', Helvetica, Arial, sans-serif; color: #272727;}
.sky-form fieldset {display: block; padding: 25px 0px 5px; border: none; background: none;}
.sky-form .row {margin: 0 -15px;}
.sky-form .col-6 {width: 50%;}
.sky-form .col {float: left; min-height: 1px; padding-right: 15px;padding-left: 15px; box-sizing: border-box; -moz-box-sizing: border-box;}

.sky-form .input, .sky-form .select, .sky-form .textarea, .sky-form .radio, .sky-form .checkbox, .sky-form .toggle, .sky-form .button {position: relative; display: block;}
.sky-form .icon-append {right: 5px; padding-left: 3px; border-left-width: 1px; border-left-style: solid;}
.sky-form .icon-append, .sky-form .icon-prepend {position: absolute; top: 7px; width: 29px; height: 29px; font-size: 15px; line-height: 29px; text-align: center; z-index:2;}
.sky-form .select-box::before { background:none; }

.icon-append::before { content: " "; background:url('../../img/layout/form-icons.png') no-repeat; display:block;}
.icon-user::before { content: " "; height:12px; width:15px; background-position: 0 0px; margin: 8px 0 0 4px;}
.icon-phone::before { content: " "; height: 21px; width: 13px; background-position: -3px -59px; margin: 5px 0 0 6px;}
.icon-comment::before { content: " "; height:13px; width:16px; background-position: 0 -19px; margin: 8px 0 0 4px;}
.icon-email::before { content: " "; height:13px; width:17px; background-position: 0 -40px; margin: 8px 0 0 4px;}
.icon-down-arrow::before { content: " "; height:13px; width:16px; background-position: 0 -84px; margin: 8px 0 0 4px;}

.sky-form .input .icon-append + input, .sky-form .textarea .icon-append + textarea {padding-right: 86px;}
.sky-form .input input, .sky-form .select select, .sky-form .textarea textarea {
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    height: 39px;
    padding: 8px 10px;
        padding-right: 10px;
    outline: none;
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    background: #fff;
    font: 15px/19px 'Open Sans', Helvetica, Arial, sans-serif;
    color: #404040;
    appearance: normal;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.sky-form .textarea textarea {height: auto; resize: none; border-radius:0.15em; margin:10px 0;}
.sky-form .icon-append, .sky-form .icon-prepend { color: #ccc;}

.address_info {float: left; background-color: #f9f9f9; border: 1px solid #e1e1e1;  padding: 20px 20px 10px 20px; width: 99%; margin-bottom: 40px;}
.address_info h4 {margin:0 0 15px; font-style: normal; font: 18px/1.55 'Open Sans', Helvetica, Arial, sans-serif; }
.google-map {
    width: 99%;
    height: 350px;
    border: 5px solid #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	margin-bottom: 5px;
}
.officeimg{ background:#fff; border:1px #ddd solid; padding:5px; float:right; }

.address_info .contactus a{ font-family:tahoma, arial;}

/*===================================*/
.col-sm-4 { width: 33.333%; float:left; padding:0 15px;}
.col-sm-6 { width: 50%; float:left; padding:0 15px;}
.col-sm-8 { width: 66.666%; float:left; padding:0 15px;}
.col-sm-12 { width: 100%; float:left; padding:0 15px;}

/*.form-field { position:relative;  margin-bottom: 10px;}
.form-field label { position:absolute; left:0; top:0; transition: all .2s linear; color:#666; font-size:13px; }
.form-field input, .form-field select { margin-top:15px; border:1px solid #ddd; padding:6px 8px; border-radius:3px; width: 100%;}
.form-field input:invalid + label, .form-field select:invalid + label { top:3px; opacity:0; }
.form-field input:valid + label, .form-field select:valid + label { opacity:1; top:-2px; }
.form-field input:focus, .form-field select:focus { outline:none; }
.form-field input:focus + label, .form-field select:focus + label { color:#33A; }
.msginfo{ display:table; width:100%; color:#CC6633; margin-bottom: 7px;}
.messageid a{ background:#fff; border:1px #ddd solid; padding:2px 6px; border-radius:50%; color:#000; font-size: 11px; text-decoration: none;}

/*==============================================*/
.form-field {height: 3.7em; margin: .5em 0; position: relative; width: 100%;}

.form-field input, .form-field select,
.form-field label {cursor: text; font-size: 16px; padding: 1em 8px 0.25em 8px; position: absolute; transition: all 0.15s ease; width: 100%;}

.form-field input, .form-field select {border: solid #ddd 1px; border-radius: 0.15em;}
.form-field label {color: #BCB9B8; padding: 0.7em 8px;}
.form-field input.filled ~ label,
.form-field input:focus ~ label, .form-field select ~ label{font-size: 12px; position: absolute; padding: 0.3em 8px;}
.form-field select {-moz-appearance: none; text-transform: none;}
.select-box:before {
	background:url('../../img/layout/select-arrow.png') no-repeat;
    content: ' ';
    position: absolute;
    right: 0;
    top: 13px;
    bottom: 0;
    width: 30px;
    pointer-events: none;
	z-index: 2;
}

.form-field input.filled ~ label {color: #007932;}
.form-field input[type="text"].filled, .form-field input[type="password"].filled,
.form-field input[type="email"].filled:valid {/*background: #c2e4b4;*/ border:1px #3c763d solid;}

/*.form-field input[type="text"].filled ~label:after,
.form-field input[type="email"].filled:valid ~label:after {
	color: #007932;
	content: "\f058";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 3em;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 0.3em;
	right: 0.3em;
	transform: translate(0, 0);
}*/

.page-container{ width:100%;  font-size: 14px;}
.page-inner-content .content-heading{ font-weight: 500; font-size: 16px; }
.page-inner-content ol li{ list-style:decimal}
.page-inner-content .grey-box{ padding:10px; background:#f6f6f6;}
.page-inner-content p{ margin-bottom:20px;}
.page-show-banners{ margin:30px 0 0; display:table; width:100%}

.about-content{ font-size:14px;}
.about-content .left-column{ float:left; width:58%;}
.about-content .right-column{float:left; width:34.4%; margin-left:50px;}
.about-content li{ margin:10px 0; list-style:circle}
.contact-person { margin:30px 0;}
.contact-person span{ color:#006fc5;}
.contact-person a{ color:#333;}
.certifications { margin:30px 0 30px;}
.certifications .head{ text-transform:uppercase; margin-bottom:20px; color:#555; font-size:18px; font-weight:normal;}
.about-footer{ padding:10px 0 30px; overflow:hidden; width:100%; letter-spacing:0.5px; font-size:13px;}

.table-bordered {border: 1px solid #ddd;}
.table {width: 100%; max-width: 100%; margin-bottom: 20px; border-spacing: 0; border-collapse: collapse;}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd;
}

/*======================================bootstrap css =======================*/
@media (min-width: 768px) {
        .form-horizontal .control-label {padding-top: 7px; margin-bottom: 0; text-align: right;}
      .form-horizontal .form-group-lg .control-label {padding-top: 11px; font-size: 18px;}
      .form-horizontal .form-group-sm .control-label {padding-top: 6px;font-size: 12px;}
}
.form-horizontal .has-feedback .form-control-feedback {right: 15px;}

@media (max-width: 768px) {
	header.hdrcontainer.sticky .logo img{ width:90%}
}

.form-group { margin-bottom: 15px; display: table; width: 100%;}
.form-group label {display: inline-block; max-width: 100%;margin-bottom: 5px; font-weight: normal;}

.showbanner{ display:table; width:100%; padding-bottom:15px; margin-bottom:30px; border-bottom:1px #ddd solid; font-size:16px; color:#444}
.showbanner h2{margin: 0px 0 10px; font-size: 28px; font-weight: normal; color: #000; line-height: 1;}
.showbanner .booth{color: #fff; background:#2c9bf0; font-size:20px; margin:15px 0 0 20px; float:left; padding:5px 15px;}
.showbanner .show-img{ display:block; margin-bottom:15px;}
.showbanner .bookappointment a{color: #fff; background:#5cab28; font-size:14px; margin:20px 0 0 20px; float:right; padding:5px 15px; border-radius:3px;}
.showbanner .bookappointment a:hover{color: #fff; background:#3c9401; text-decoration:none; cursor:pointer;}

/*****************receipt page icon css****************/
.receipt_elements{width:500px; float:right; }
.receipt_print a{ 
	background:url(../../img/layout/print.png) no-repeat left top; 
	width:20px; 
	height:20px; 
	float:right; 
	text-decoration:none; 
	margin-right:5px;
}
.receipt_print a:hover{ 
	background:url(../../img/layout/print.png) no-repeat left top; 
	width:20px; 
	height:20px; 
	float:right; 
	text-decoration:none;  
	margin-right:5px;
} 
/*.receipt_pdf a{ background:url(../../img/layout/pdf_icon.gif) no-repeat left top; width:20px; height:20px; float:right; text-decoration:none; margin-right:5px;}
.receipt_pdf a:hover{ background:url(../../img/layout/pdf_icon.gif) no-repeat left top; width:20px; height:20px; float:right; text-decoration:none;  margin-right:5px;} */
.receipt_sendmail a{ background:url(../../img/layout/mail_send.png) no-repeat left top; width:20px; height:20px; float:right; text-decoration:none; margin-right:5px;}
.receipt_sendmail a:hover{ background:url(../../img/layout/mail_send.png) no-repeat left top; width:20px; height:20px; float:right; text-decoration:none;  margin-right:5px;} 
.item_launch_type{color:#6FA604;font-weight:bold;}

.receipt-container .acount_sections .heading{ font-size:14px; color:#555;}

/* Basic Style */
#middle_register .form-group-floating, .checkout-container .form-group-floating{margin: 5px 0;}
.form-group-floating {position: relative; margin: 10px 0;}
.form-group-floating [data-toggle="floatLabel"] {
    height: 44px;
	width: 100%;
    padding: 16px 10px 0 10px;
	border: solid #ddd 1px;
	border-radius: 0.15em;
	font-size: 14px;
}
.form-group-floating textarea[data-toggle="floatLabel"] { height:auto; padding-top: 10px !important;}
.form-group-floating [data-toggle="floatLabel"] + label, .form-group-floating [data-toggle="floatLabel"] + div.error-message + label {
    font-size: 12px;
	left: 12px;
	opacity: 1;
	position: absolute;
	top: 3px;
	transition: all 0.3s ease-in-out;
	color: #555;
}
/*.form-group-floating [data-toggle="floatLabel"]:required + label {color: rgb(255, 0, 0);}*/

/* Custom Styles */
.form-group-floating.form-group-textarea {
    background-color: rgb(255, 255, 255);
	border-radius: 1px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	margin: 20px 15px ;
	padding: 10px 0px 2px;
	position: relative;
}
.form-group-floating.form-group-textarea textarea {height: 34px; resize: none;}
.form-group-floating.form-group-textarea label {
    color: rgb(160, 160, 160);
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: 500;
}
.form-group-floating.form-group-textarea .form-control {border-radius: 0px; border-width: 0px; box-shadow: none;}
.form-group-floating.form-group-textarea [data-toggle="floatLabel"] + label {top: 5px;}
/* Positioning */
.form-group-floating [data-toggle="floatLabel"][data-value=""] {padding-top: 0px;}
.form-group-floating [data-toggle="floatLabel"][data-value=""] + label, .form-group-floating [data-toggle="floatLabel"][data-value=""] + div.error-message + label {opacity: 0;	top: 30px;}

.form-group-floating.select-box [data-toggle="floatLabel"][data-value=""] + label{ top: 3px; opacity: 1;}
.form-group-floating.select-box [data-toggle="floatLabel"]{padding: 16px 37px 0 7px;}
.form-group-floating.select-box select{-moz-appearance: none; text-transform: none;}

.custom-file.form-group-floating input.txt_fld_ragstrp_page{height: 44px;}
.custom-file.form-group-floating .custom-file-label{height: calc(2.25rem + 15px); line-height: 2.5;}
.custom-file.form-group-floating .custom-file-label::after{line-height: 2.5; height: 3.25rem;}

.box {
    float: left;
    width: 100%;
    background: #fff;
    padding: 20px 25px 25px;
    color: #34394A;
    -webkit-box-shadow: inset 0 0 0 1px #DFDFD0;
    -moz-box-shadow: inset 0 0 0 1px #DFDFD0;
    box-shadow: inset 0 0 0 1px #DFDFD0;
    margin: 0 0 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.section-header.template-collection{display: table; width: 100%; border-bottom: 1px #ddd solid; padding:5px 0 10px;}

.grid-view{list-style:none; padding:0;}
.grid-view li{ display:inline-block; width: 19.7% /*24.6%*/; text-align: center; position: relative; margin: 10px 0; vertical-align: top; padding: 5px 15px ; border:1px #fff solid;}
.grid-view li:hover{ border:1px #999 dotted;  -webkit-transition: all 0.2s ease;	transition: all 0.2s ease; }
.grid-view .title a{font-size: 14px; color: #333; line-height: 1.3; display:block; margin:10px auto; width:95%;  overflow: hidden;max-height: 38px;      /* fallback */ text-overflow: ellipsis; }
.grid-view li .img img{ width: 180px; margin: 0 auto;}

.grid-view .sku{color: #333; font-size: 12px; position:relative;}
.grid-view .availability{color: #555; font-size: 12px;}
.grid-view .availability a{color: #0022AF;}

.grid-view .cartinfo{margin: 0px 0px 0px; padding-bottom: 10px; width: 100%; max-height: 312px; overflow-y: auto;}
.grid-view .cartinfo .cartrow{background: #eee; margin: auto auto 1px; display: table; width: 98%; padding:3px; position:relative; text-transform: capitalize; }
.grid-view .cartinfo .cartrow span{ display:inline-block;}
.grid-view .cartinfo .cartrow .qty-box input{ width: 30px;}
.grid-view .cartinfo .cartrow .qty-box em{ padding: 7px 5px;}
.grid-view .cartinfo .cartrow .qty-box { width: 75px;}
.grid-view .cartinfo .cartrow span.col1, .product-detail .cartinfo .cartrow span.col1{ width:33%; text-align:left;}
.grid-view .cartinfo .cartrow span.col2, .product-detail .cartinfo .cartrow span.col2{ width:33%; text-align:left;}
.grid-view .cartinfo .cartrow span.col3, .product-detail .cartinfo .cartrow span.col3{ width:30%; text-align:center;}

.grid-view .cartinfo .moreview a{ text-align:right; font-size:11px;}

.grid-view .shim .btn{ margin-top:5px}

.grid-view .cart-box input{ width:40px; height:24px;}
.product-detail .cart-box input{ width:50px; height:29px; margin-right:5px;}
.product-detail .cart-box{ background:#f1f1f1; padding:5px 10px;}

.grid-view li:hover, .grid-view li.buying{ border:1px #ccc dotted;}
.grid-view li .actions{ display:none; position:absolute; bottom:-16px; left:0; background:#fff; overflow:hidden; width:100%; border-bottom:1px #ccc dotted;}
/*ul.grid-view li .actions:before{position: relative; margin-top: -3px; content: " "; display: block; background: url('../images/icon-strip.png') no-repeat -26px 11px; width: 100%; height:15px; opacity: 0.5; z-index: 1;}*/
.grid-view li:hover .actions, .grid-view li.buying .actions{ display:block;}

.grid-view li .actions .buy{ float:left; padding:8px 10px; color:#6c757d; font-size:14px; font-weight:bold; width:50%; border:1px #6c757d solid; cursor:pointer; text-align: center;}
.grid-view li .actions .buy a{color:#000;}
.grid-view li .actions .quickview{ float:right; padding:8px 10px;  font-size:14px; font-weight:bold; width:50%; cursor:pointer; text-align: center; color:#6c757d; border:1px #6c757d solid;}
.grid-view li .actions .quickview:hover, .grid-view li .actions .buy:hover, .grid-view li .actions .buy:hover a{ background:#6c757d; color:#fff;}
.grid-view li .actions .soldout{ float:left; padding:8px 10px; color:#dc3545; font-size:14px; font-weight:bold; width:50%; border:1px #dc3545 solid; cursor:pointer; text-align: center; pointer-events: none; cursor: not-allowed;}
.productview .soldout{ float:left; padding:8px 10px; color:#dc3545; font-size:14px; font-weight:bold; width:50%; border:1px #dc3545 solid; cursor:pointer; text-align: center; pointer-events: none; cursor: not-allowed;}

.grid-view li .buy-opts {background:#FFF; text-align: left; font-size: 0.917em; position: absolute; bottom: 0px; margin-left: 7px; margin-bottom: -60%;
	transition: all 0.2s ease-out 0s; box-sizing: border-box; visibility: hidden; width: 95%; 
}
.grid-view li .shim {
	border-bottom: 1px #ccc solid;
	display: block;
	visibility: hidden;
	opacity: 0;
	overflow: hidden;
	background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.2);
	position: absolute;
	width: 100%;
	height: 93.2%;
	top: 0px;
	left: 0px;
	transition: all 0.2s ease-out 0s;
}
.grid-view li.buying .buy-opts { visibility: visible; margin-bottom: 0px;  opacity: 1;}
.grid-view li.buying .shim {visibility: visible; opacity: 1; z-index: 6;}

.grid-view li button.size {
    color: #444546;
    font-size: 1.083em;
    line-height: 1.2;
    font-weight: 500;
    cursor: pointer;
    background-color: #f5f5f5;
    display: inline-block;
    min-width: 20px;
    height: 20px;
    padding: 0px 5px;
    vertical-align: top;
    border: 1px solid #697071;
    margin-right: 5px;
    margin-bottom: 10px;
    border-radius: 4px;
    box-shadow: none;
}
.grid-view li button.size:hover { background:#28468F; color:#fff;}
.grid-view li .buy-opts .hd {padding: 8px; border-bottom: 1px solid #ADAEAF; font-size:11px; cursor:pointer; text-align:left;}

.grid-view li .wishlist-icon { position:absolute; top:5px; right:5px; display: none;}
.grid-view li:hover .wishlist-icon { display: block; }

.grid-view li .share-icon{ display:none; position:absolute; top:30px; right:1px;}
.grid-view li .share-icon .glyphicon-share{background:url(../../img/layout/fab-icons.png) -98px -392px no-repeat;  width:16px; height:16px; line-height: 0; font-size: 0px;}
.grid-view li .dropdown .btn{background:#fff; border:none; color:#888 /*#8595b4*/; padding:0px 3px 3px 5px; line-height: 0;}
.grid-view li .share-icon li:hover{ border:none;}
.grid-view li:hover .share-icon{ display:block;}
.grid-view li .share-icon.open .btn-default{background:#f1f1f1; color: #333; border: none;}
.grid-view li .share-icon .dropdown-menu{ min-width:80px; border:none; margin:-1px 0 0; background:#f1f1f1/*#28468F*/; border-radius:0; top: 0; left: 100%;}
.grid-view li .share-icon .dropdown-menu li{ width:auto;}
.grid-view li .share-icon .dropdown-menu li a{ padding:2px 7px; color:#000; font-size: 12px;}
.grid-view li .share-icon .dropdown-menu li:hover a{color:#fff; background:#28468F;}

.sidenav {margin-bottom: 30px; padding:0px;  background-color: #fff; box-shadow:1px 1px 1px rgba(0,0,0,0.1); z-index: 1; font-family:'museo_sans_cyrl500', tahoma, arial; }	  
.sidenav  .advanced-filter {margin: 5px 0; }
.sidenav .title-head{ overflow:hidden; margin-bottom:10px; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; padding: 6px 6px; background: #F1F1F1 none ; letter-spacing: 0.1px; font:bold 13px 'Graphik-Regular', tahoma, arial; text-transform:capitalize;}
.sidenav .title{color:#000/*0022ac*/; font-size:12px; margin-bottom:10px; text-transform:uppercase; }
.sidenav .title:before{ content:"-"; font-weight:bold; font-size:17px; background:#555; color:#fff; padding:0px 1px; margin-right:8px; width:16px; line-height:0.9; height:16px; float:left; text-align:center; font-family:tahoma, arial;border-radius: 3px; }
.sidenav .title.collapsed:before{ content:"+"; font-weight:bold; font-size:17px; }
.sidenav ul{ margin:0; padding:0px 0px 0 33px; list-style:none; max-width: 210px;}
.sidenav ul li a{color:#222; font:13px 'Graphik-Regular', tahoma, arial; position:relative; }
.sidenav ul li a:hover{color:#0022AC;}
.sidenav ul li span.value{ float:right; margin-right:5px; font:10px/2 'museo_sans_cyrl500', tahoma, arial; color:#999 }	
.sidenav ul li a::before {height: 12px; width: 12px; border: 1px solid #A1A1A1; background: #FFF; position: absolute; top: 1px; left: -10px; content: " "; border-radius: 2px;}
.sidenav ul li:hover a::before {background: #f1f1f1 /*02369D*/; }
.sidenav ul li.selected a::before {background: #333 url(../../img/layout/icons-sprite.png) -64px -53px no-repeat; -webkit-transition: all 200ms ease-out;}

.sidenav ul li.option.hint--top.color a::before { display:none;}
.sidenav ul li.option.hint--top.color a{ display:block; font-size:0; height: 25px; width: 100%; padding: 0;}

.sidenav ul li a::before {height: 18px; width: 18px; border: 2px solid rgba(34, 34, 34, 0.3); background: #FFF; position: absolute; top: -3px; left: -26px; content: " "; border-radius: 2px;
-webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; transition: all 200ms ease-out;}



.fab-icons{background:url(../../img/layout/fab-icons.png) no-repeat;}
.play-icon{background-position: -96px -425px; width: 20px; height: 20px; display: block;}
.play-icon:hover{background-position: -96px -449px;}
.video{position: absolute; top: 5px; left: 5px;}

.ContentRightWihoutFilter {width: 84.0%; /*padding: 10px; box-shadow: 0px 0px 1px rgba(0,0,0,0.2);*/ background: #fff; float: right;}
.gallery-container .affix-top, .gallery-container .affix {width: 15%; display: block !important; }
.leftSidebar.affix-top {margin-left: 0; margin-right: 10px;}
.leftSidebar {float: left;}

#main-slider .carousel-control-next-icon, #main-slider .carousel-control-prev-icon{background-color: #000; width: 30px; height: 40px;}

.banner-heading{ text-transform:uppercase;}
.banner-heading span{border-bottom: 1px #ccc solid; padding-bottom: 5px;}
.home-banner-section h3{ font-size:16px;}

.silver-banners{display: grid; grid-template-columns: 20% 20% 20% 20% 20%; padding: 0;}
.silver-banners li{ text-align: center;}
.silver-banners li:last-child{ margin-right:0px;}

@media (max-width: 767px) {.silver-banners{grid-template-columns: 50% 50%; }}

#main-slider .carousel-indicators{bottom: -19px;}
#main-slider .carousel-indicators li{width: 12px; height: 12px; background-color: rgba(0,0,0,0.4); border-radius: 2px;}
#main-slider .carousel-indicators .active{background-color: #000;}

.video-img{ position:relative; display:inline-table; }
.new-video-icon{ background:url(../../img/layout/new-video-icon.png) 0px 0px no-repeat; position: absolute; content: "2e"; z-index: 2; width: 44px; height: 44px; top: 30px; left: 0; margin: 0 auto; right: 0; cursor: pointer;}
.icon-bg{ background:rgba(0,0,0,0.5); position:absolute; background: rgba(0,0,0,0.3); position: absolute; width: 100%; height: 100%; z-index: 1; top: 0; left: 0; right:0; margin:0 auto; cursor: pointer;}

.other_view_main .video-img{ position:relative; display:block; }
.other_view_main .new-video-icon{    top: 20px; border:none;}
.other_view_main .icon-bg{    width: 100%;  height: 100%; top: 0px;}

.catalog-center h3{ margin-bottom:25px;}
.catalog-center .grey{ color:#737373;}
.catalog-center .catalog-header{ border-bottom:1px #ddd solid; padding:0 0 10px; color:#62727f;}
.catalog-center .catalog-content{ border-bottom:1px #ddd solid; padding:15px 0 15px;}

#MiniShoppingCart{ position:relative;}
#flycart{position: absolute; background: #fff; width: 260px; z-index: 101;top: 100%;color: #000;font-size: 12px; border-radius: 5px; box-shadow: 0px 4px 4px rgba(0,0,0,0.15); right: 0;text-align: left;}
#flycart-content{ border: 1px #ddd solid;}
#flycart h3.title{font: normal 12px tahoma, arial; margin: 0px 10px 10px 0;color: #000;}
#flycart price{font-size: 15px;margin-bottom: 10px;white-space: nowrap;color: #ec4a51;}
#flycart .blue-row {background: #333;overflow: hidden; padding: 5px 15px; margin-top: 0px;color: #FFF;clear: both; width: 100%}
#flycart .cartfooter{padding: 10px; display: table; width: 100%;}
#flycart .cartfooter a{ color:#fff; padding:.25rem .5rem; font-size: .875rem;line-height: 1.5;}
#flycart .btn-success:hover {color: #fff; background-color: #218838; border-color: #1e7e34;}
#flycart .btn-secondary:hover {color: #fff; background-color: #5a6268; border-color: #545b62;}
#flycart #flycart-content::before {content: ""; position: absolute; left: 80%; top: -8px; border-width: 0px 8px 8px 8px; border-color: transparent transparent #ddd transparent; border-style: solid;}

@media (max-width: 1399px) {
	.grid-view li{width: 24.5%;}
}
@media (max-width: 1280px) {
	.grid-view li{width: 32.5%;}
	.gallery-container .affix-top, .gallery-container .affix {width: 20%;}
	.ContentRightWihoutFilter {width: 78%;}
}
@media (min-width: 1280px) {

}
@media (max-width: 767px) {
	.grid-view li{width: 49.5%;}
	.about-content .left-column{ width:100%;}
	.about-content .right-column{ width:100%; margin:0;}
	.chkout-total-block { width:100%; float:none;}
	.chkout-total-block .chkrow .label1{ width:53%; }
	.buy-pinfo.stock-box .cartbtn { width:100%;}
	h1.title{ font-size:1.5rem;}
	#quickbuydiv .nav-item a.nav-link{padding: 5px 5px; font-size: 11px; }
	.productview .buy-pinfo.carterror .error.alert{ bottom: -70px;}
}
@media (max-width: 499px) {
	.grid-view li{width: 100%;}
	h1.product-title{ font-size:18px;}
	.productview .newprice{ font-size:16px;}	
}
/*===================================== color options css bof ==============================================*/
.hint:before,.hint:after,[data-hint]:before,[data-hint]:after{
	position:absolute;
	visibility:hidden;
	opacity:0;
	z-index:1000000;
	pointer-events:none;
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease
}
.hint:hover:before,.hint:hover:after,.hint:focus:before,.hint:focus:after,[data-hint]:hover:before,[data-hint]:hover:after,[data-hint]:focus:before,[data-hint]:focus:after{
	visibility:visible;
	opacity:1
}
.hint:before,[data-hint]:before{content:''; position:absolute; background:transparent; border:6px solid transparent; z-index:1000001}
.hint:after,[data-hint]:after{
	content:attr(data-hint);
	background:#383838;
	color:#fff;
	min-width:50px;
	padding:8px 10px;
	white-space:nowrap;
	font-size:12px;
	line-height:12px;
	text-align:center;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px
}
.hint--top:before{border-top-color:#383838}
.hint--bottom:before{border-bottom-color:#383838}
.hint--left:before{border-left-color:#383838}
.hint--right:before{border-right-color:#383838}
.hint--top:before{margin-bottom:-8px; left:30%}
.hint--top:after{margin-bottom:4px; margin-left:-18px; left:-20%}
.hint--top:before,.hint--top:after{bottom:100%}
.hint--bottom:before{margin-top:-12px; left:30%}
.hint--bottom:after{margin-left:-18px; left:-20%}
.hint--bottom:before,.hint--bottom:after{top:100%}
.hint--bottom:hover:after,.hint--bottom:hover:before,.hint--bottom:focus:after,.hint--bottom:focus:before{-webkit-transform:translateY(8px); -moz-transform:translateY(8px); transform:translateY(8px)}
.hint--right:before{margin-left:-12px; margin-bottom:-6px}
.hint--right:after{margin-bottom:-14px}
.hint--right:before,.hint--right:after{left:100%; bottom:50%}
.hint--right:hover:after,.hint--right:hover:before,.hint--right:focus:after,.hint--right:focus:before{-webkit-transform:translateX(8px); -moz-transform:translateX(8px); transform:translateX(8px)}
.hint--left:before{margin-right:-12px; margin-bottom:-6px}
.hint--left:after{margin-bottom:-14px}
.hint--left:before,.hint--left:after{right:100%; bottom:50%}
.hint--left:hover:after,.hint--left:hover:before,.hint--left:focus:after,.hint--left:focus:before{-webkit-transform:translateX(-8px); -moz-transform:translateX(-8px); transform:translateX(-8px)}
.hint--top.color:before{margin-bottom:-9px;	border:4px solid transparent; border-top-color:#fff}
.hint--top.color:after{
	margin-bottom:-1px;
	background-color:#fff;
	color:#444546;
	text-shadow:none;
	text-transform:capitalize;
	padding:3px 6px 2px 6px;
	min-width:0;
	margin-left:-2px;
	box-shadow:0 0 1px rgba(0,0,0,0.3);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px
}
.hint--top.color[data-disabled]:before,.hint--top.color[data-disabled]:after{content:none}

ul[data-filter='colour_family_list']{padding:0px 0 10px 8px !important;	*zoom:1}
ul[data-filter='colour_family_list']:before,ul[data-filter='colour_family_list']:after{content:""; display:table}
ul[data-filter='colour_family_list']:after{clear:both}
ul[data-filter='colour_family_list'] li[data-option]{
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:inline-block;
	width:24px;
	height:24px;
	position:relative;
	margin:1px 1px 0 0!important;
	float:left
}
ul[data-filter='colour_family_list'] li[data-option]>label:before{display:none; top:5px; left:5px}
ul[data-filter='colour_family_list'] li[data-option]>label:hover:before,ul[data-filter='colour_family_list'] li[data-option]>label.selected:before{background-position:0 2px; display:block}
ul[data-filter='colour_family_list'] li[data-option]>label:hover:before{opacity:.3}

ul[data-filter='colour_family_list'] li[data-option='beige']>label:hover:before,ul[data-filter='colour_family_list'] li[data-option='peach']>label:hover:before,ul[data-filter='colour_family_list'] li[data-option='pink']>label:hover:before,ul[data-filter='colour_family_list'] li[data-option='white']>label:hover:before,ul[data-filter='colour_family_list'] li[data-option='yellow']>label:hover:before,ul[data-filter='colour_family_list'] li[data-option='beige']>label.selected:before,ul[data-filter='colour_family_list'] li[data-option='peach']>label.selected:before,ul[data-filter='colour_family_list'] li[data-option='pink']>label.selected:before,ul[data-filter='colour_family_list'] li[data-option='white']>label.selected:before,ul[data-filter='colour_family_list'] li[data-option='yellow']>label.selected:before{
	background-position:0 -18px
}
ul[data-filter='colour_family_list'] li[data-disabled]{opacity:.2}
ul[data-filter='colour_family_list'] li[data-disabled]>label:before,ul[data-filter='colour_family_list'] li[data-disabled]>label:hover:before,ul[data-filter='colour_family_list'] li[data-disabled]>label.selected:before{
	content:' ';
	background-position:0 -18px;
	position:absolute;
	width:22px;
	height:22px;
	top:1px;
	left:1px;
	opacity:1;
	cursor:default;
	display:block
}
ul[data-filter='colour_family_list'] label{width:100%; line-height:25px}
.colours .carousel a{-ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; display:inline-block; height:30px; width:40px; border:1px dotted #adaeaf; margin:0 2px}
.colours .carousel .square,.colours .carousel .c1,.colours .carousel .c2{width:0; height:0}
.colours .carousel .c{border-width:14px 19px; border-style:solid}
.colours .carousel .c1{border-top:28px solid; border-right:38px solid transparent!important; margin-bottom:-28px}
.colours .carousel .c2{border-bottom:28px solid; border-left:38px solid transparent!important; margin-top:-28px}
.filter-summary [data-filter='colour_family_list']{color:transparent!important; width:8px}
.filter-summary [data-filter='colour_family_list']:after{content:' '; height:14px; width:14px; display:block; position:absolute; top:4px; left:24px}
ul[data-filter='colour_family_list'] li[data-option='beige']{background-color:#f5f5dc}
.colours .carousel [data-colour='beige']{border-color:#f5f5dc}
.filter-summary [data-option='beige']:after{background-color:#f5f5dc}

ul[data-filter='colour_family_list'] li[data-option='black']{background-color:#222}
.colours .carousel [data-colour='black']{border-color:#222}
.filter-summary [data-option='black']:after{background-color:#222}

ul[data-filter='colour_family_list'] li[data-option='blue']{background-color:#0aa5e2}
.colours .carousel [data-colour='blue']{border-color:#0aa5e2}
.filter-summary [data-option='blue']:after{background-color:#0aa5e2}

ul[data-filter='colour_family_list'] li[data-option='bronze']{background-color:#cd7f32}
.colours .carousel [data-colour='bronze']{border-color:#cd7f32}
.filter-summary [data-option='bronze']:after{background-color:#cd7f32}

ul[data-filter='colour_family_list'] li[data-option='brown']{background-color:#8b4513}
.colours .carousel [data-colour='brown']{border-color:#8b4513}
.filter-summary [data-option='brown']:after{background-color:#8b4513}

ul[data-filter='colour_family_list'] li[data-option='burgundy']{background-color:#900020}
.colours .carousel [data-colour='burgundy']{border-color:#900020}
.filter-summary [data-option='burgundy']:after{background-color:#900020}

ul[data-filter='colour_family_list'] li[data-option='charcoal']{background-color:#36454f}
.colours .carousel [data-colour='charcoal']{border-color:#36454f}
.filter-summary [data-option='charcoal']:after{background-color:#36454f}

ul[data-filter='colour_family_list'] li[data-option='coffee-brown']{background-color:#4a2c2a}
.colours .carousel [data-colour='coffee-brown']{border-color:#4a2c2a}
.filter-summary [data-option='coffee-brown']:after{background-color:#4a2c2a}

ul[data-filter='colour_family_list'] li[data-option='cognac']{background-color:#7c3f2a}
.colours .carousel [data-colour='cognac']{border-color:#7c3f2a}
.filter-summary [data-option='cognac']:after{background-color:#7c3f2a}

ul[data-filter='colour_family_list'] li[data-option='copper']{background-color:#b87333}
.colours .carousel [data-colour='copper']{border-color:#b87333}
.filter-summary [data-option='copper']:after{background-color:#b87333}

ul[data-filter='colour_family_list'] li[data-option='cream']{background-color:#fffdd0}
.colours .carousel [data-colour='cream']{border-color:#fffdd0}
.filter-summary [data-option='cream']:after{background-color:#fffdd0}

ul[data-filter='colour_family_list'] li[data-option='fluorescent-green']{background-color:#6f0}
.colours .carousel [data-colour='fluorescent-green']{border-color:#6f0}
.filter-summary [data-option='fluorescent-green']:after{background-color:#6f0}

ul[data-filter='colour_family_list'] li[data-option='gold']{background-color:#ffd700}
.colours .carousel [data-colour='gold']{border-color:#ffd700}
.filter-summary [data-option='gold']:after{background-color:#ffd700}

ul[data-filter='colour_family_list'] li[data-option='green']{background-color:#45bf55}
.colours .carousel [data-colour='green']{border-color:#45bf55}
.filter-summary [data-option='green']:after{background-color:#45bf55}

ul[data-filter='colour_family_list'] li[data-option='grey']{background-color:#9fa8ab}
.colours .carousel [data-colour='grey']{border-color:#9fa8ab}
.filter-summary [data-option='grey']:after{background-color:#9fa8ab}

ul[data-filter='colour_family_list'] li[data-option='grey-melange']{background-color:#a9a9a9}
.colours .carousel [data-colour='grey-melange']{border-color:#a9a9a9}
.filter-summary [data-option='grey-melange']:after{background-color:#a9a9a9}

ul[data-filter='colour_family_list'] li[data-option='gunmetal']{background-color:#d9d4bc}
.colours .carousel [data-colour='gunmetal']{border-color:#d9d4bc}
.filter-summary [data-option='gunmetal']:after{background-color:#d9d4bc}

ul[data-filter='colour_family_list'] li[data-option='khaki']{background-color:#c3b091}
.colours .carousel [data-colour='khaki']{border-color:#c3b091}
.filter-summary [data-option='khaki']:after{background-color:#c3b091}

ul[data-filter='colour_family_list'] li[data-option='lavender']{background-color:#e6e6fa}
.colours .carousel [data-colour='lavender']{border-color:#e6e6fa}
.filter-summary [data-option='lavender']:after{background-color:#e6e6fa}

ul[data-filter='colour_family_list'] li[data-option='lime-green']{background-color:#32cd32}
.colours .carousel [data-colour='lime-green']{border-color:#32cd32}
.filter-summary [data-option='lime-green']:after{background-color:#32cd32}

ul[data-filter='colour_family_list'] li[data-option='magenta']{background-color:#f0f}
.colours .carousel [data-colour='magenta']{border-color:#f0f}
.filter-summary [data-option='magenta']:after{background-color:#f0f}

ul[data-filter='colour_family_list'] li[data-option='maroon']{background-color:#b03060}
.colours .carousel [data-colour='maroon']{border-color:#b03060}
.filter-summary [data-option='maroon']:after{background-color:#b03060}

ul[data-filter='colour_family_list'] li[data-option='mauve']{background-color:#e0b0ff}
.colours .carousel [data-colour='mauve']{border-color:#e0b0ff}
.filter-summary [data-option='mauve']:after{background-color:#e0b0ff}

ul[data-filter='colour_family_list'] li[data-option='metalic']{	background-color:#e0d0c5}
.colours .carousel [data-colour='metalic']{border-color:#e0d0c5}
.filter-summary [data-option='metalic']:after{background-color:#e0d0c5}

ul[data-filter='colour_family_list'] li[data-option='metallic']{background-color:#e0d0c5}
.colours .carousel [data-colour='metallic']{border-color:#e0d0c5}
.filter-summary [data-option='metallic']:after{background-color:#e0d0c5}

ul[data-filter='colour_family_list'] li[data-option='mushroom-brown']{background-color:#ba8f65}
.colours .carousel [data-colour='mushroom-brown']{border-color:#ba8f65}
.filter-summary [data-option='mushroom-brown']:after{background-color:#ba8f65}

ul[data-filter='colour_family_list'] li[data-option='mustard']{background-color:#e2b421}
.colours .carousel [data-colour='mustard']{border-color:#e2b421}
.filter-summary [data-option='mustard']:after{background-color:#e2b421}

ul[data-filter='colour_family_list'] li[data-option='navy']{background-color:#000080}
.colours .carousel [data-colour='navy']{border-color:#000080}
.filter-summary [data-option='navy']:after{background-color:#000080}

ul[data-filter='colour_family_list'] li[data-option='navy-blue']{background-color:#000080}
.colours .carousel [data-colour='navy-blue']{border-color:#000080}
.filter-summary [data-option='navy-blue']:after{background-color:#000080}

ul[data-filter='colour_family_list'] li[data-option='nude']{background-color:#e5b292}
.colours .carousel [data-colour='nude']{border-color:#e5b292}
.filter-summary [data-option='nude']:after{background-color:#e5b292}

ul[data-filter='colour_family_list'] li[data-option='skin']{background-color:#e5b292}
.colours .carousel [data-colour='skin']{border-color:#e5b292}
.filter-summary [data-option='skin']:after{background-color:#e5b292}

ul[data-filter='colour_family_list'] li[data-option='off-white']{background-color:#fffafa}
.colours .carousel [data-colour='off-white']{border-color:#fffafa}
.filter-summary [data-option='off-white']:after{background-color:#fffafa}

ul[data-filter='colour_family_list'] li[data-option='olive']{background-color:#808000}
.colours .carousel [data-colour='olive']{border-color:#808000}
.filter-summary [data-option='olive']:after{background-color:#808000}

ul[data-filter='colour_family_list'] li[data-option='orange']{background-color:#ff7f00}
.colours .carousel [data-colour='orange']{border-color:#ff7f00}
.filter-summary [data-option='orange']:after{background-color:#ff7f00}

ul[data-filter='colour_family_list'] li[data-option='peach']{background-color:#ffe5b4}
.colours .carousel [data-colour='peach']{border-color:#ffe5b4}
.filter-summary [data-option='peach']:after{background-color:#ffe5b4}

ul[data-filter='colour_family_list'] li[data-option='pink']{background-color:#ffcbdb}
.colours .carousel [data-colour='pink']{border-color:#ffcbdb}
.filter-summary [data-option='pink']:after{background-color:#ffcbdb}

ul[data-filter='colour_family_list'] li[data-option='aqua']{background-color:#1cbfd0}
.colours .carousel [data-colour='aqua']{border-color:#1cbfd0}
.filter-summary [data-option='aqua']:after{background-color:#1cbfd0}

ul[data-filter='colour_family_list'] li[data-option='violet']{background-color:#7F00FF}
.colours .carousel [data-colour='violet']{border-color:#7F00FF}
.filter-summary [data-option='violet']:after{background-color:#7F00FF}

ul[data-filter='colour_family_list'] li[data-option='purple']{background-color:#800080}
.colours .carousel [data-colour='purple']{border-color:#800080}
.filter-summary [data-option='purple']:after{background-color:#800080}

ul[data-filter='colour_family_list'] li[data-option='red']{background-color:#e60d41}
.colours .carousel [data-colour='red']{border-color:#e60d41}
.filter-summary [data-option='red']:after{background-color:#e60d41}

ul[data-filter='colour_family_list'] li[data-option='rose']{background-color:#ff007f}
.colours .carousel [data-colour='rose']{border-color:#ff007f}
.filter-summary [data-option='rose']:after{background-color:#ff007f}

ul[data-filter='colour_family_list'] li[data-option='rust']{background-color:#b7410e}
.colours .carousel [data-colour='rust']{border-color:#b7410e}
.filter-summary [data-option='rust']:after{background-color:#b7410e}

ul[data-filter='colour_family_list'] li[data-option='sea-green']{background-color:#2e8b57}
.colours .carousel [data-colour='sea-green']{border-color:#2e8b57}
.filter-summary [data-option='sea-green']:after{background-color:#2e8b57}

ul[data-filter='colour_family_list'] li[data-option='silver']{background-color:#c0c0c0}
.colours .carousel [data-colour='silver']{border-color:#c0c0c0}
.filter-summary [data-option='silver']:after{background-color:#c0c0c0}

ul[data-filter='colour_family_list'] li[data-option='steel']{background-color:#bbb}
.colours .carousel [data-colour='steel']{border-color:#bbb}
.filter-summary [data-option='steel']:after{background-color:#bbb}

ul[data-filter='colour_family_list'] li[data-option='tan']{background-color:#d2b48c}
.colours .carousel [data-colour='tan']{border-color:#d2b48c}
.filter-summary [data-option='tan']:after{background-color:#d2b48c}

ul[data-filter='colour_family_list'] li[data-option='taupe']{background-color:#483c32}
.colours .carousel [data-colour='taupe']{border-color:#483c32}
.filter-summary [data-option='taupe']:after{background-color:#483c32}

ul[data-filter='colour_family_list'] li[data-option='teal']{background-color:#008080}
.colours .carousel [data-colour='teal']{border-color:#008080}
.filter-summary [data-option='teal']:after{background-color:#008080}

ul[data-filter='colour_family_list'] li[data-option='sky-blue']{background-color:#40e0d0}
.colours .carousel [data-colour='sky-blue']{border-color:#40e0d0}
.filter-summary [data-option='sky-blue']:after{background-color:#40e0d0}

ul[data-filter='colour_family_list'] li[data-option='turquoise']{background-color:#40e0d0}
.colours .carousel [data-colour='turquoise']{border-color:#40e0d0}
.filter-summary [data-option='turquoise']:after{background-color:#40e0d0}

ul[data-filter='colour_family_list'] li[data-option='turquoise-blue']{background-color:#40e0d0}
.colours .carousel [data-colour='turquoise-blue']{border-color:#40e0d0}
.filter-summary [data-option='turquoise-blue']:after{background-color:#40e0d0}

ul[data-filter='colour_family_list'] li[data-option='transparent']{background-color:#eee}
.colours .carousel [data-colour='transparent']{border-color:#eee}
.filter-summary [data-option='transparent']:after{background-color:#eee}
 
ul[data-filter='colour_family_list'] li[data-option='yellow']{background-color:#ff0}
.colours .carousel [data-colour='yellow']{border-color:#ff0}
.filter-summary [data-option='yellow']:after{background-color:#ff0}

ul[data-filter='colour_family_list'] li[data-option='white']{background-color:#fff}
.colours .carousel [data-colour='white']{border-color:#fff}
.filter-summary [data-option='white']:after{background-color:#fff}

ul[data-filter='colour_family_list'] li[data-option='near colorless']{background-color:#fff; border:1px solid #d6d6d6;}
.filter-summary [data-option='near colorless']:after{background-color:#fff}

ul[data-filter='colour_family_list'] li[data-option='white']{border:1px solid #d6d6d6}
ul[data-filter='colour_family_list'] li[data-option='transparent'],.colours .carousel [data-colour='transparent']{opacity:.2}

.filter-summary [data-option='multi colored']:after{ background:url(../../img/layout/multi.gif) no-repeat 0 0; display:inline-block; background-position:0 0; width:14px; height:14px }
ul[data-filter='colour_family_list'] li[data-option='multi colored']{background:url(../../img/layout/multi.gif) no-repeat top left;display:inline-block;background-position:0 0}
ul[data-filter='colour_family_list'] li[data-option='multi colored']:hover{
	-webkit-animation:pulse 2s linear infinite;
	-moz-animation:pulse 2s linear infinite;
	-o-animation:pulse 2s linear infinite;
	animation:pulse 2s linear infinite
}
.colours .carousel [data-colour='multi']{border-color:transparent; background-image:url(../../img/layout/multi.gif);}

li.option input.checkbox,li.option input.radio{visibility:hidden; margin:0 12px 0 0; width:8px;	height:8px}
li.option label{position:relative; cursor:pointer; display:block; height:19px; vertical-align:top}
li.option label:before{
	background:url(../../img/layout/ok-icon.png) no-repeat 0 -18px transparent;
	content:' ';
	height:13px;
	width:13px;
	display:block;
	visibility:visible;
	top:2px;
	position:absolute
}
li.option label:hover:before{background-position:0 -18px}
li.option label.selected:before{background-position:0 -18px}
li.option label.disabled{cursor:default; pointer-events:none; color:#d6d6d6}
li.option label.disabled .num{opacity:.4}
li.option label.disabled:before{opacity:.2}
/*===================================== color options css eof ==============================================*/

.custom-orders{ background:url(../../img/layout/custom-order-bg.jpg) no-repeat -50px -20px; }
.closeout-container{ background:url(../../img/layout/closeout-bg.jpg) no-repeat -10px -20px; }

/*bof: Customize Jewelry Section*/
.variaton-options .options .gemslider, .variaton-options .options .metalslider{ text-align:center; padding: 0;}
.variaton-options .options .sizeslider{ padding: 0;}
.gemstonedata ul {list-style: none; margin: 0 auto; max-width: 220px; padding: 0 25px; display: block;}
.gemstonedata ul li {width: 30px; padding-top: 30px; position: relative; cursor: pointer; display:inline-block;}
.gemstonedata ul li.active span:before {
  content: "";
  border: 1px solid #fa505a;
  position: absolute;
  left: -3px;
  top: -3px;
  right: -3px;
  bottom: -3px;
  z-index: 1;
  border-radius: 15px;
}
.gemstonedata ul li span {
    display: block;
    width: 15px;
    height: 15px;
    background-image: url(../../img/layout/iconset-gemstonetype-color.png);
    background-repeat: no-repeat;
    position: relative;
    font-size: 0;
    float: left;
    position: absolute;
    top: 8px;
    left: 7px;
}
.gemstonedata ul li.pink-sapphire span{background-position: 0 -3px}
.gemstonedata ul li.peridot span{background-position: 0 -23px}
.gemstonedata ul li.opal span{background-position: 0 -43px}
.gemstonedata ul li.morganite span{background-position: 0 -63px}
.gemstonedata ul li.garnet span{background-position: 0 -83px}
.gemstonedata ul li.emerald span, .gemstonedata ul li.zambian-emerald span{background-position: 0 -103px}
.gemstonedata ul li.citrine span{background-position: 0 -123px}
.gemstonedata ul li.blue-topaz,.gemstonedata ul li.swiss-blue-topaz span{background-position: 0 -143px}
.gemstonedata ul li.blue-sapphire span{background-position: 0 -163px}
.gemstonedata ul li.aquamarine span{background-position: 0 -183px}
.gemstonedata ul li.amethyst span{background-position: 0 -203px}
.gemstonedata ul li.tanzanite span{background-position: 0 -223px}
.gemstonedata ul li.ruby span{background-position: 0 -243px}.gemstonedata ul li.pink-tourmaline span{background-position: 0 -263px}
.gemstonedata ul li.carnelian span{background-position: 0 -283px}
.gemstonedata ul li.enhanced-blue-diamond span{background-position: 0 -303px}
.gemstonedata ul li.black-onyx span{background-position: 0 -323px}
.gemstonedata ul li.enhanced-black-diamond span{background-position: 0 -343px}
.gemstonedata ul li.freshwater-cultured-pearl span,.gemstonedata ul li.akoya-cultured-pearl span{background-position: 0 -363px}
.gemstonedata ul li.diamond span{background-position: 0 -383px}
.gemstonedata ul li.moissanite span{background-position: 0 -403px}
.gemstonedata ul li.tsavorite span{background-position: 0 -463px}
.gemstonedata ul li.coffee-diamond span{background-position: 0 -483px}
.gemstonedata ul li.rose-quartz span{background-position: 0 -503px}
.gemstonedata ul li.golden-south-sea-cultured-pearl span{background-position: 0 -443px}
.gemstonedata ul li.south-sea-cultured-pearl span{background-position: 0 -363px}
.gemstonedata ul li.tahitian-cultured-pearl span{background-position: 0 -423px}
.gemstonedata ul li.london-blue-topaz span{background-position: 0 -523px}
.gemstonedata ul li.fire-opal span{background-position: 0 -546px}
.gemstonedata ul li.yellow-sapphire span{background-position: 0 -630px}
.gemstonedata ul li.turquoise span{background-position: 0 -609px}
.gemstonedata ul li.orange-sapphire span{background-position: 0 -567px}
.gemstonedata ul li.rhodolite-garnet span{background-position: 0 -588px}
.gemstonedata ul li.moonstone span{background-position: 0 -651px}
.gemstonedata ul li.black-opal span{background-position: 0 -671px}
.gemstonedata ul li.teal-sapphire span{background-position: 0 -691px}
.gemstonedata ul li.orange-zircon span{background-position: 0 -730px}
.gemstonedata ul li.green-sapphire span,.gemstonedata ul li.green-tourmaline span{background-position: 0 -711px}
.gemstonedata ul li.teal-montana-sapphire span{background-position: 0 -750px}
/*eof: Customize Jewelry Section*/


.variaton-options .variation-label {
    width: 100%;
    float: left;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 12px;
    margin-top: 14px;
}
.variation-stone, .variation-metal, .variation-sizes{display: table; width: 100%; margin-bottom: 15px;}
.variaton-options .options .option{
    max-width: 96px;
    float: left;
    text-align: center;
    font-size: 12px;
    padding: 0 15px;
}
.variaton-options .options .option.active .icon {
    border-color: #fa505a;
    box-shadow: 0 1px 3px 0 rgba(250,80,90,.2);
}
.variaton-options .size-soldout{cursor: none; pointer-events: none;opacity: .7;}
.variaton-options .sizeslider .size-soldout span{text-decoration: line-through;}

.variaton-options .options .option .icon {
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    overflow: hidden;
    padding:4px;
    margin: 0 auto;
}
.variaton-options .options .option .label-name {
    padding-top: 5px;
    display: flex;
    justify-content: center;
}

.sizeslider li{min-width: 30px; height: 30px; font-size: 16px;}
.sizeslider li {
    color: #444546;
    font-size: 1.083em;
    line-height: 2;
    font-weight: 500;
    cursor: pointer;
    background-color: #f5f5f5;
    display: inline-block;
    
    padding: 0px 5px;
    vertical-align: top;
    border: 1px solid #697071;
    margin-right: 5px;
    margin-bottom: 10px;
    border-radius: 4px;
    box-shadow: none;
    position: relative;
}
.sizeslider li:hover{background: #f1f1f1/*28468F*/; color: #000;}
.sizeslider li.active{background: #28468F; color: #fff;}

.weekly-promotions{ position:relative; margin-left: 15px;}
.main-navigation ul.menu > li.weekly-promotions a{ color:#000; text-transform: capitalize; font-size: 12px;}
.weekly-promotions .newtag{position: absolute; top: 8px; right: -30px; border-radius: 3px; background: #9c0f0f; color: #fff; text-transform: lowercase; padding: 0px 5px 1px; font: 11px/1.4 tahoma,arial;}

.no-result{ background:url(../../img/layout/no-resultbg.jpg) no-repeat center 0;  margin: -15px 0 -43px 0; height: 680px;}
.no-result .result-content{ width:750px; text-align:center; float: right; margin: 100px 160px 0 0;}
.no-result .result-content p{ font-size:24px; font-family:'district_prothin'; color:#000;}
.no-result .result-content h2{font-family:"Times New Roman", Times, serif; font-size: 60px; color: #000;}
@media (max-width: 990px) {
.no-result .result-content{ margin: 20px 0px 0 0; width:100%;}
.no-result .result-content p{ font-size:18px;}
}