@charset "utf-8";

/* CSS Document */
/* ------------ Reset ------------ */
body {
  font-family: 'Open Sans', sans-serif, 'Roboto';
  color: #000000;
  font-size: 13px;
  margin: 0px;
  padding: 0px
} 

div#productContainer {
    display: grid;
    display: grid;
    grid-template-columns: 20% 80%;
    flex-direction: row-reverse;
    /* display: flex; */
}

.productContainerQuicklook {
   grid-template-columns: 25% 70% !important;	
}

#productContainer {
    --product-view-height: 450px !important;
}

div#productCarousel .f-carousel__viewport.is-draggable, div#productCarousel  {
    height: 450px;
	order: 2;
}
 .f-thumbs.is-classic .f-thumbs__slide__img {
    object-fit: inherit !important;
}
/* .f-thumbs__slide{
    height: 80px !important;
} */
.f-thumbs__viewport {
    margin-top: 7px;
}
a {
  color: #000000;
  text-decoration: none 
}
.rating-star-wrap {
	width: 60%;
  }
  ul.thumbnails.list.row .products-detail .span3 {
    width: 100%;
    display: flex;
}
ul.thumbnails.list.row .products-detail .span3 .wrapper-products-list {
    width: 33.33%;
    overflow: hidden;
	padding-left: inherit; 
} 
ul.thumbnails.list.row .products-detail .span3 .span6 {
    width: 66.66%;
}
ul.thumbnails.list.row .products-detail .span3 .wrapper-products-list .products-widgets .offer, ul.thumbnails.list.row .products-detail .span3 .wrapper-products-list .products-widgets .sale, ul.thumbnails.list.row .products-detail .span3 .wrapper-products-list .products-widgets .new {
    top: 33px;
    left: 0px;
}
.openshop {
	display: block;
	width: 115px;
	height: 25px;
	background: #b99139;
	padding: 5px;
	text-align: center;
	border-radius: 5px;
	color: white;
	font-weight: bold;
	padding-top: 8px;
}

a.openshop:hover {
	color: #fff;
}

.img-circle {
	border-radius: 50%;
	border: 1px solid #ccc;
}

.btnseller {
	background: #b99139;
	background-image: -webkit-linear-gradient(top, #b99139, #fdeece);
	background-image: -moz-linear-gradient(top, #b99139, #fdeece);
	background-image: -ms-linear-gradient(top, #b99139, #fdeece);
	background-image: -o-linear-gradient(top, #b99139, #fdeece);
	background-image: linear-gradient(to bottom, #b99139, #fdeece);
	-webkit-border-radius: 10;
	-moz-border-radius: 10;
	border-radius: 10px;
	text-shadow: 2px 4px 13px #666666;
	font-family: Arial;
	color: #ffffff;
	font-size: 40px;
	padding: 24px 40px 24px 40px;
	text-decoration: none;
}

.thumbnails, .thumbnails-recent {
  display: flex;
  flex-wrap: wrap;
  width: auto;
  justify-content:start;
  /*margin: 0;
  padding: 0;*/
 
}
.gap-4 {
  gap: 23px;
}
.just-center{
  justify-content: center;
}
.product-items {
	/*width: 24.99%;*/
   
    margin-left: 0px !important;
}
.wrapper-products-list {
    padding-left: 5px;
}
.wrapper-products-list .imgHeight{
	width: 100%;
}
#left-side .list li {
    line-height: 24px;
}

.btnseller:hover {
	background: #fdeece;
	background-image: -webkit-linear-gradient(top, #fdeece, #b99139);
	background-image: -moz-linear-gradient(top, #fdeece, #b99139);
	background-image: -ms-linear-gradient(top, #fdeece, #b99139);
	background-image: -o-linear-gradient(top, #fdeece, #b99139);
	background-image: linear-gradient(to bottom, #fdeece, #b99139);
	text-decoration: none;
	color: #fff;
}

.underline {
	text-decoration: underline;
}

.height10 {
	height: 10px;
	line-height: 10px;
}

.liclass {
	margin-bottom: 10px;
}

.qtyCode {
	width: 10px !important;
	height: 8px !important;
	font-size: 9px !important;
	text-align: center !important;
	border: 1px solid #ccc !important;
	margin-top: 10px !important;
}

input.qtyplus {
	width: 12px;
	height: 15px;
	border: 1px solid #ccc;
	font-size: 9px;
}

input.qtyminus {
	width: 12px;
	height: 15px;
	border: 1px solid #ccc;
	font-size: 9px;
}

a {
	color: #000000;
	text-decoration: none
}

a:hover {
	text-decoration: none;
	color: #5b4413 !important;
}

h1,
h2,
h3,
h4,
h5 {
	font-weight: normal
}

ul,
ul li {
	list-style: none
}

.heading1 {
	margin-bottom: 40px;
	border-bottom: 0px solid #efefef;
	margin-top: 0px;
	font-size: 34px
}

.heading2 {
	font-size: 24px;
	color: #b99139;
	text-transform: none;
	font-weight: normal;
	padding: 0px;
	text-transform: uppercase;
	font-family: 'Crete Round', serif;
}

.heading1 .subtext {
	font-size: 16px;
	color: #000000;
	text-transform: none;
	font-weight: normal;
	padding: 0px;
}

.heading1 .maintext {
	font-size: 28px;
	color: #5e626b;
	text-transform: uppercase;
	padding: 0px 14px 4px 0;
	font-family: 'Crete Round', serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: normal
}

h2 {
	font-size: 24px
}

hr.style-six {
	border: 0;
	height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.display {
	width: 100px;
	float: left;
}

.displayRight {
	margin-left: 90%;
}

#CWlistings .CWlistingBox {
	min-width: 180px;
	float: left;
	padding: 8px;
}

#CWlistings .CWproduct img {
	max-width: 180px;
	margin: 8px 0;
}

.CWClear {
	clear: both;
}

#CWlistings .CWproductPreviewTitle {
	font-size: 14px;
	line-height: 1.3em;
	font-weight: bold;
}

.fancybox-outer-cust {
	border: 10px solid #ccc;
}

.showErrorMethodsProducts,
.showErrorMethods {
	padding: 2px 4px;
	margin: 0px;
	border: solid 1px #FBD3C6;
	background: #FDE4E1;
	color: #CB4721;
	font-family: inherit;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}

#fancybox-close {
	display: inline !important;
}
.sticky-sidebar-commerce .top-bar-right {
	position: fixed;
	right: 0;
	top: 350px;
	z-index: 999;
}

.sticky-sidebar-commerce .profile-toggle {
	position: absolute;
	width: 130px;
	height: auto;
	display: table;
	border-top-right-radius: 5px 5px;
    border-top-left-radius: 5px 5px;
	font-size: 16px;
	right: -54px;
	-webkit-transition: all 0.15s ease-out 0s;
	-moz-transition: all 0.15s ease-out 0s;
	transition: all 0.15s ease-out 0s;
	z-index: 2;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	background: #b99139;
	color: #ffffff;
	text-align: center;
	padding: 5px;
}

.sticky-sidebar-commerce #toggle-right {
	display: none;
}

.sticky-sidebar-commerce #toggle-right:checked+.page-wrap .profileSidbarCont {
	right: 0px;
}

.sticky-sidebar-commerce #toggle-right:checked+.page-wrap .profile-toggle {
	right: 239px;
}
.profileSidbarCont ul {
    margin-left: 6px;
}
.sticky-sidebar-commerce .profileSidbarCont {
	position: fixed;
	top: 274px;
	right: -293px;
	-webkit-transition: all 0.15s ease-out 0s;
	-moz-transition: all 0.15s ease-out 0s;
	transition: all 0.15s ease-out 0s;
	height: 142px;
    width: 280px;
	background: #b99139;
	border-radius: 2px;
	z-index: 2000;
	border: 1px solid #b99139;
	padding: 26px 5px 10px;
	font-family: 'cairo', serif;
	text-align: center;
}

.sticky-sidebar-commerce .profileSidbarCont a,.sticky-sidebar-commerce .profileSidbarCont div {
	display: block;
	margin-bottom: 0px;
	text-align: justify;
	font-size: 14px;
    color: #353535;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
}

.profileSidbarCont ul li.home br {
	display: none !important;
    
}
.sticky-sidebar-commerce .profileSidbarCont ul li {
    padding: 0px 0 0 32px;
    height: 48px;
}

.sticky-sidebar-commerce label.profile-toggle {
	display: flex;
	justify-content: center;
	align-items: center;
}

.sticky-sidebar-commerce img.img-sidebar {
	max-width: 24px;
	margin-right: 8px;
}

.setanswer {
	color: red;
	font-size: 11px;
	margin-left: 10px;
}

#rsCompareContainer {
	left: 50% !important;
}

.iheader {
	position: absolute;
	height: 20px;
	width: 98%;
	font-weight: bold;
	color:#000;
	float: left;
	padding: 4px;
	-webkit-border-radius: 6px 0px 0px 0px;
	-moz-border-radius: 6px 0px 0px 0px;
	border-radius: 6px 7px 0px 0px;
	background: #b99139;
}

.showicon {
	position: absolute;
    height: 8px;
    width: 6%;
	margin-left: 91%;
	padding-top: 10px;
    margin-top: 4px;
    float: right !important;
	font-size: 18px;
	font-weight: bold;
}

#bottom_container {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 20%;
	height: 20%;
	min-height: 50px;
	z-index: 9;
	height: auto;
	max-height: 9999px;
	-webkit-border-radius: 6px 6px 0px 0px;
	-moz-border-radius: 6px 6px 0px 0px;
	border-radius: 6px 6px 0px 0px;
	border: 1px solid #b99139;
	background: rgb(255 255 255);
	-webkit-box-shadow: #B3B3B3 5px 5px 5px;
	-moz-box-shadow: #B3B3B3 5px 5px 5px;
	box-shadow: #B3B3B3 5px 5px 5px;
	border-bottom: none;
}

.expandHeight {
	height: 200px;
	min-height: 200px;
	-webkit-transition: height 1s ease-in-out;
	-moz-transition: height 1s ease-in-out;
	-o-transition: height 1s ease-in-out;
	transition: height 1s ease-in-out;
}

.plus {
	cursor: pointer;
	text-align: center;
	background-image: url("img/plus-16.png");
	background-repeat: no-repeat;
}

.product-filter .limit {
	margin-left: 15px;
	float: right;
	color: #333;
}

.minus {
	cursor: pointer;
	text-align: center;
	background: url("img/minus-16.png");
	
	/* background: #b99139; */
	background-repeat: no-repeat;
}

.floatingTopDiv {
	position: fixed;
	top: 0;
	width: 100%;
	display: hidden;
	height: 20%;
	min-height: 50px;
	z-index: 10000;
	height: auto;
	max-height: 9999px;
	-webkit-border-radius: 0px 0px 6px 6px;
	-moz-border-radius: 0px 0px 6px 6px;
	border-radius: 0px 0px 6px 6px;
	border: 1px solid #3A3A3A;
	background: rgba(221, 221, 221, 0.8);
	-webkit-box-shadow: #B3B3B3 5px 5px 5px;
	-moz-box-shadow: #B3B3B3 5px 5px 5px;
	box-shadow: #B3B3B3 5px 5px 5px;
	border-bottom: none;
}

table th.row {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	text-align: left;
	background: #eaeaea;
	margin-bottom: 5px;
}

.expandnow {
	-webkit-border-radius: 0px 0px 6px 6px;
	-moz-border-radius: 0px 0px 6px 6px;
	border-radius: 0px 0px 6px 6px;
	border: 1px solid #3A3A3A;
	background: rgba(221, 221, 221, 0.8);
	-webkit-box-shadow: #B3B3B3 5px 5px 5px;
	-moz-box-shadow: #B3B3B3 5px 5px 5px;
	box-shadow: #B3B3B3 5px 5px 5px;
	border-bottom: none;
	width: 100%;
	height: 200px;
	min-height: 50px;
	z-index: 10000;
}

.textright {
	text-align: right
}

.mt0 {
	margin-top: 0px !important
}

.mb0 {
	margin-bottom: 0px !important
}

.mt40 {
	margin-top: 40px !important
}

.mt20 {
	margin-top: 20px
}

.mt60 {
	margin-top: 60px !important
}

.mr10 {
	margin-right: 10px
}

.mb20 {
	margin-bottom: 20px
}

.mb40 {
	margin-bottom: 40px
}

.margin-none {
	margin: 0px
}

.clear {
	clear: both
}

.displayblock {
	display: block
}

.red {
	color: #F00
}

.orange {
	color: #b99139
}

.footerlinks ul li a,
.footerlinks ul li a:hover,
.thumbnail .shortlinks a,
.thumbnail .shortlinks a:hover,
.flex-control-paging li a,
.flex-control-paging li a:hover,
ul.categorymenu>li>a,
ul.categorymenu>li>a:hover,
.dropdown-menu li>a,
.dropdown-menu li>a:hover,
ul.categorymenu>li>div>ul>li>a,
ul.categorymenu>li>div>ul>li>a:hover,
#topnav ul li a,
#topnav ul li a:hover,
.thumbnail a.productcart,
.thumbnail a:hover.productcart,
input,
input:focus,
select,
select:focus,
textarea,
textarea:focus {
	-moz-transition: all .2s ease;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease
}

#featured,
#latest,
#related,
#popularbrands,
#topselling,
#newslettersignup,
.productslistingbox {
	margin: 0 auto 0 auto
}

input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
	color: #000000;
}

/* ------------ Header ------------ */
.headerstrip {
	height: 102px;
	background: #030303
}

.logo {
	width: 138px;
    background-color: #000000;
    text-align: center;
    height: 72px;
    line-height: 72px;
    margin-top: 10px;
    margin-left:30px;	
}
.logo {
    background: #000000 !important;
}

#topnav .navbar-inner {
	background: none;
	border: none;
	box-shadow: none;
	filter: none
}

#topnav .navbar-inner_box {
	padding-left: 11px;
	background: none;
	border: none;
	box-shadow: none;
	filter: none;
	font-weight: bold;
	font-size: 14px;
	line-height:39px;
	color:#000;
}

#topnav .navbar-inner_box a {
	padding-left: 11px;
	background: none;
	border: none;
	box-shadow: none;
	filter: none;
	color: white;
	font-weight: bold;
	font-size: 14px;
}

#topnav .navbar-inner_box a:hover {
	padding-left: 11px;
	background: none;
	border: none;
	box-shadow: none;
	filter: none;
	color: white;
	font-weight: bold;
	font-size: 14px;
}

#topnav ul {
	padding: 12px 0 0 0;
}

#topnav ul li {
	padding: 5px 0
}

#topnav ul li a {
	box-shadow: none;
	text-shadow: none;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	background-image: url(img/sprite.png);
	background-repeat: no-repeat;
	background-color: transparent;
	padding: 0 0 0 25px;
	margin-right: 22px
}

#topnav ul li a.home {
	background-position: 0 0
}

#topnav ul li a:hover.home,
#topnav ul li a.active.home {
	background-position: 0 -31px
}

#topnav ul li a.myaccount {
	background-position: 0 -62px
}

#topnav ul li a:hover.myaccount,
#topnav ul li a.active.myaccount {
	background-position: 0 -93px
}

#topnav ul li a.shoppingcart {
	background-position: 0 -121px
}

#topnav ul li a:hover.shoppingcart,
#topnav ul li a.active.shoppingcart {
	background-position: 0 -152px
}

#topnav ul li a.checkout {
	background-position: 0 -183px
}

#topnav ul li a:hover.checkout,
#topnav ul li a.active.checkout {
	background-position: 0 -213px
}

.top-search {
	margin-top: 28px;
}

.top-search input {
	width: 254px;
	height: 24px;
	border: 4px solid #b99139;
	padding: 5px;
	background: #fff url(img/sprite.png) right -243px no-repeat;
}

.headerdetails {
	padding: 40px 0 40px 272px;
}

li.dropdown {
	list-style: none
}

/* ------------  Top Cart ------------ */
.headerdetails #main-nav ul>li.topcart {
	background: #fff;
	height: 45px
}

.headerdetails #main-nav ul>li.topcart a {
	color: #999999;
	font-size: 14px
}

.headerdetails .navbar .nav li.topcart .dropdown-toggle .caret,
.navbar .nav li.dropdown.open.topcart .caret {
	border-bottom-color: #999999;
	border-top-color: #999999
}

.headerdetails ul.topcartopen {
	font-size: 12px
}

.headerdetails ul.topcartopen li>table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 5px;
	padding: 10px
}

.headerdetails ul.topcartopen li>table td {
	color: #000000;
	vertical-align: top;
	padding: 5px 10px;
	border-bottom: 1px dashed #E7E7E7;
}

.headerdetails ul.topcartopen li>table .image {
	width: 1px;
}

.headerdetails ul.topcartopen li>table .image img {
	text-align: left;
}

.headerdetails ul.topcartopen li>table .name small {
	color: #999999;
}

.headerdetails ul.topcartopen li>table .quantity {
	text-align: right;
}

.headerdetails ul.topcartopen li>table td.total {
	text-align: right;
}

.headerdetails ul.topcartopen li>table .remove {
	text-align: right;
}

.headerdetails ul.topcartopen li>table .remove img {
	cursor: pointer;
}

.headerdetails #header #cart .mini-cart-total>table {
	border-collapse: collapse;
	padding: 5px;
	float: right;
	clear: left;
	margin-bottom: 5px;
}

.headerdetails ul.topcartopen li>table a {
	padding: 0px;
}

.headerdetails .shoppingcarttop {
	position: absolute;
	top: 0;
	right: 250px
}

/*.headerdetails nav.subnav select { display: none; }*/
.headerdetails ul.nav.language li.dropdown {
	border: 1px solid #f2f2f2;
	padding: 7px 20px;
	display: inline-block;
	margin-right: 15px;
	text-transform: uppercase
}

.headerdetails ul.nav.topcart li.dropdown {
	border: 1px solid #f2f2f2;
	display: inline-block;
	text-transform: uppercase
}

.headerdetails .topcall {
	font-size: 16px;
	background: #fff url(img/sprite.png) left -287px no-repeat;
	line-height: 31px;
	padding: 0 0 0 41px;
	margin-left: 40px
}

.headerdetails li.carticon.dropdown {
	background: url(img/sprite.png) no-repeat 10px -328px;
	padding: 7px 10px 7px 45px
}

.buttonwrap {
	padding: 10px;
	margin: 5px 10px 10px 0
}

/* Cloud Zoom */
/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
	border: 4px solid #888;
	margin: -4px;
	/* Set this to minus the border thickness. */
	background-color: #fff;
	cursor: move;
}

#looper div {
	border: 1px dotted #999;
	padding: 0;
	margin: 0;
	width: 80px;
	height: 80px;
	float: left;
	font-size: 12px;
	color: #666;
}

/* This is for the title text. */
.cloud-zoom-title {
	font-family: inherit;
	position: absolute !important;
	background-color: #000;
	color: #fff;
	padding: 3px;
	width: 100%;
	text-align: left;
	font-weight: bold;
	font-size: 10px;
	top: 0px;
}

/* This is the zoom window. */
.cloud-zoom-big {
	border: 4px solid #ccc;
	overflow: hidden;
}

/* This is the loading message. */
.cloud-zoom-loading {
	color: white;
	background: #222;
	padding: 3px;
	border: 1px solid #000;
}

/* Cloud Zoom */
/* Menu */
/********** Menu **********/
#menu>span,
.m-menu {
	display: none;
}

#menu {
	background: #b99139 !important;
	color: #414141;
	margin: 15px 0px;
	float: left;
	width: 100%;
	height: 40px;
	padding: 0px 0px 0px 3px;
	list-style-type: none;
}

#menu>ul>li.home {
	margin: 0 0 0 0px;
}

#menu>ul>li.home a {
	display: block;
	height: 35px !important;
	line-height: 35px !important;
	padding: 5px 5px 0 5px !important;
}

#menu>ul>li.home a span {
	background: url(img/home-icon.png) center center no-repeat;
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 2px;
	color: #000;
}

#menu>ul>li {
	position: relative;
	float: left;
	z-index: 1010;
	padding: 0px;
}

#menu>ul>li>a {
	font-size: 12px;
	color: #fff;
	line-height: 40px;
	text-decoration: none;
	display: block;
	padding: 0px 10px 0px 10px;
	z-index: 1009;
	position: relative;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
}

#menu>ul>li:hover>a {
	color: #fff;
	background: #b99139;
}

#menu>ul>li>div {
	display: none;
	background: #fff;
	position: absolute;
	z-index: 1008;
	padding: 10px;
	border-top: 2px solid #b99139;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
}

#menu>ul>li:hover>div.custom_block {
	display: table;
}

#menu>ul>li:hover>div.custom_block ul {
	display: table-cell;
}

#menu>ul>li:hover>div {
	display: table;
}

#menu>ul>li>div>ul {
	display: table-cell;
}

#menu>ul>li.categories_hor>div {
	display: none;
	background: #fff;
	min-width: 895px;
	position: absolute;
	z-index: 1008;
	padding: 10px 10px 0px 10px;
	border-top: 2px solid #b99139;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
}

#menu>ul>li:hover>div {
	display: block;
}

#menu>ul>li.categories_hor>div>.column {
	position: relative;
	display: inline-block;
	width: 160px;
	margin: 0 15px 15px 0px;
}

#menu>ul>li>div>ul {
	position: relative;
	min-width: 200px;
}

#menu>ul>li.categories_hor>div>.column+.column,
#menu>ul>li>div>ul li+li {}

#menu>ul>li.categories_hor>div>.column>a {
	font-weight: bold;
	font-size: 13px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 5px;
}

#menu>ul>li.categories_hor>div>.column a,
#menu>ul>li>div>ul li a {
	padding: 4px 0;
	display: block;
}

#menu>ul>li>div>ul li a {
	font-size: 12px;
}

#menu>ul>li.categories_hor>div>.column:hover>a {
	color: #b99139;
}

#menu>ul>li.categories_hor>div>.column>div {
	display: block;
}

#menu>ul>li.categories_hor>div>.column:hover div {
	display: table;
}

#menu>ul>li.categories_hor>div>.column>div ul {
	display: table;
	padding: 0;
}

#menu>ul>li.categories_hor>div>.column>div ul li+li {}

#menu>ul>li ul+ul {
	padding-left: 20px;
}

#menu>ul>li ul>li>a {
	text-decoration: none;
	padding: 4px;
	display: block;
	min-width: 150px;
}

#menu>ul>li div>ul>li>a {
	color: #222;
}

#menu>ul>li div>ul>li>a:hover {
	background: url(img/bullet-1.png) right center no-repeat;
	color: #b99139;
}

#menu>ul>li.categories>div {
	display: none;
	background: #fff;
	min-width: 160px;
	position: absolute;
	z-index: 1008;
	padding: 10px;
	border-top: 2px solid #b99139;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
}

#menu>ul>li:hover>div {
	display: block;
}

#menu>ul>li.categories>div>.column,
#menu>ul>li>div>ul {
	position: relative;
}

#menu>ul>li.categories>div>.column+.column,
#menu>ul>li>div>ul li+li {
	border-top: 1px solid #eee;
}

#menu>ul>li.categories>div>.column a,
#menu>ul>li>div>ul li a {
	font-size: 13px;
	padding: 7px 0;
	display: block;
}

#menu>ul>li.categories>div>.column:hover>a {
	color: #b99139;
}

#menu>ul>li.categories>div>.column>div {
	display: none;
	position: absolute;
	border-top: 2px solid #b99139;
	background: #fff;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
	z-index: 1010;
	left: 150px;
	top: 0;
	padding: 5px 10px;
}

#menu>ul>li.categories>div>.column:hover div {
	display: table;
}

#menu>ul>li.categories>div>.column:hover>div ul {
	display: table-cell;
}

#menu>ul>li.categories>div>.column:hover>div ul li+li {
	border-top: 1px solid #eee;
}

/* ------------ Category Menu ------------ */
#categorymenu {
	padding: 7px 0 7px 0;
	background: #b99139
}

#categorymenu:after {
	clear: both;
	content: ""
}

#categorymenu select {
	display: none
}

ul.categorymenu {
	margin: 0px 6px 0px 6px
}

ul.categorymenu>li {
	position: relative;
	margin: 0;
	border-right: 1px solid #eec28f
}

ul.categorymenu>li:last-child {
	border: none
}

ul.categorymenu>li>a {
	text-decoration: none;
	display: block;
	z-index: 6;
	position: relative;
	color: #4b5b58 !Important;
	text-transform: uppercase;
	font-size: 14px
}

ul.categorymenu>li:hover>a,
ul.categorymenu>li>a.active {
	color: #fff !important;
	text-shadow: none;
	background-color: #b99139
}

ul.categorymenu>li>div {
	display: none;
	padding: 15px;
	position: absolute;
	top: 97%;
	left: 7px;
	z-index: 99999;
	display: none;
	float: left;
	min-width: 120px;
	margin: 1px 0 0;
	list-style: none;
	background-color: #ffffff;
	border: 1px solid #DDDDDD;
	border-bottom: 4px solid #b99139;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2)
}

.dropdown-menu {
	padding: 15px;
	position: absolute;
	top: 97%;
	left: 7px;
	z-index: 99999;
	display: none;
	float: left;
	min-width: 120px;
	margin: 1px 0 0;
	list-style: none;
	background-color: #ffffff;
	border: 1px solid #DDDDDD;
	border-bottom: 4px solid #b99139;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0
}

ul.categorymenu>li:hover>div {
	display: table;
	width: 100%;
	vertical-align: top
}

ul.categorymenu>li>div>ul {
	display: table-cell;
	vertical-align: top;
	fl
}

ul.categorymenu>li ul+ul {
	padding-left: 20px;
}

ul.categorymenu>li ul>li {
	display: block;
	float: left;
	width: 100%;
	border-bottom: 1px dashed #dddddd
}

ul.categorymenu>li>div>ul.arrow li a {
	padding: 8px 8px 8px 8px;
	display: block
}

ul.categorymenu>li ul>li>a {
	text-decoration: none;
	display: block;
	white-space: nowrap;
	min-width: 120px;
	padding: 8px;
}

ul.categorymenu>li>div>ul li:hover a {
	background-color: #b99139;
	color: #fff;
	text-shadow: none
}

ul.categorymenu>li>div>ul>li>a {
	color: #999999;
}

ul.categorymenu>li ul>li img {
	margin: 3px;
	max-width: none
}

.breadcrumb {
	margin-bottom: 30px
}

/* ------------ otherddetails ------------ */
.otherddetails {
	border: 1px solid #dddddd;
	margin: 60px auto 0 auto
}

.otherddetails .otherddetailspart {
	background: url(img/otherseperate.png) no-repeat right center;
	width: 25%;
	float: left;
	display: inline-block
}

.otherddetails .otherddetailspart:last-child {
	background: none
}

.otherddetails .otherddetailspart .innerclass {
	padding: 25px 0px 25px 90px;
	background: url(img/otherdetailicon.png) no-repeat 10px top;
}

.otherddetails .otherddetailspart .innerclass h2 {
	font-size: 20px;
	color: #5e626b;
	line-height: normal;
	margin: 0px
}

.otherddetails .otherddetailspart .innerclass.free {
	background-position: 20px 29px
}

.otherddetails .otherddetailspart .innerclass.payment {
	background-position: 20px -103px
}

.otherddetails .otherddetailspart .innerclass.shipping {
	background-position: 20px -240px
}

.otherddetails .otherddetailspart .innerclass.choice {
	background-position: 20px -360px
}

/* ------------ Small banners ------------ */
.smbanner {
	margin: 20px auto 0 auto;
}

.smbanner .span3 a {
	display: block;
	border: 1px solid #ddd;
}

/* ------------ nesletter ------------ */
#newslettersignup input {
	height: 32px
}

#newslettersignup input[type=button] {
	height: 42px
}

#newslettersignup .pull-right {
	margin-top: 15px
}

#newslettersignup .newsletter {
	padding: 8px 0 0 80px;
	background: url(img/otherdetailicon.png) no-repeat left -500px;
	height: 80px
}

#newslettersignup .newsletter2 {
	padding: 0;
	background: none;
	height: 80px
}

#newslettersignup .newsletter h2 {
	font-size: 20px;
	color: #5e626b;
	line-height: normal;
	margin: 0px
}

/* ------------ Featured Proudcts ------------ */
#categorymenu {
	margin: 40px 0 50px 0
}

#featured:after,
#latest:after,
#related:after,
#category:after,
#topselling:after,
#popularbrands:after,
#newslettersignup .container:after {
	clear: both;
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
	;
}

.thumbnails .prdocutname, .thumbnails-recent .prdocutname{
	font-size: 16px;
	color: #5e626b;
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 10px 0;
	display: block
}

.thumbnails.list .thumbnail .prdocutname {
	font-size: 16px;
	color: #5e626b;
	text-transform: uppercase;
	text-align: left;
	margin: 0 0 10px 0;
	display: block
}

.thumbnails.list>li {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #ccc
}

.thumbnails.list .productdiscrption {
	margin: 10px 0 25px 0
}

.thumbnails.list .thumbnail .shortlinks {
	display: block;
	width: auto;
	position: static;
	text-align: left;
	margin: 10px 0 25px 0
}

.thumbnails.list .pricetag {
	margin-left: -15px
}

/* .product-items .offer {
	position: absolute;
	top: 44px;
    left: -1px;
	background: url(img/offer.png) no-repeat 0 0;
	height: 45px;
	width: 68px;
	float: left;
	overflow: hidden;
	display: block;
	text-indent: 9999px;
	z-index: 9;
}

.product-items .sale {
	position: absolute;
	top: 44px;
    left: -1px;
	background: url(img/sale.png) no-repeat 0 0;
	height: 45px;
	width: 68px;
	float: left;
	overflow: visible;
	display: block;
	text-indent: 9999px;
	z-index: 9999;
	cursor: pointer;
}

.product-items .new {
	position: absolute;
	top: 44px;
    left: -1px;
	background: url(img/new.png) no-repeat 0 0;
	height: 45px;
	width: 68px;
	float: left;
	overflow: hidden;
	display: block;
	text-indent: 9999px
} */
.products-widgets  .sale {
    background: #549b08 !important;
}
.products-widgets  .offer{

}
.products-widgets  .new{
	background: #448aff !important;
}
 .products-widgets  .offer, .products-widgets  .sale, .products-widgets  .new{
	height: 34PX;
    display: flex;
    width: 120px;
    background: #65b90a;
    color: #fff;
    clip-path: polygon(0% 0%, 75% 0%, 67% 47%, 75% 100%, 0% 100%);
    font-size: 14px;
    align-items: center;
    padding-left: 10px;
    padding-bottom: 3px;
    font-weight: 600;
    border-radius: 0;
    position: absolute;
    top: 47px;
    z-index: 9;
    left: 5px;

}

section#latest .thumbnails{
	/*width: 101.40%;*/
}
.secondwidget .offer {
	height: 34PX;
    display: flex;
    width: 74px;
    background: #65b90a;
    color: #fff;
    clip-path: polygon(0% 0%, 75% 0%, 67% 47%, 75% 100%, 0% 100%);
    font-size: 14px;
    align-items: center;
    padding-left: 10px;
    padding-bottom: 3px;
    font-weight: 600;
    border-radius: 0;
    position: absolute;
	top: 22px;
    z-index: 9;
    left: 3px;
}


  .secondwidget .new{
    font-size: 10px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 124px;
    display: block;
    background: #448aff;
    background: linear-gradient(#448aff 0%, #448aff 100%);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 28px;
    right: -25px;
    z-index: 9;
  }
  .secondwidget .new::before {
	content: "";
	position: absolute; left: 0px; top: 100%;
	z-index: -1;
	border-left: 3px solid #448aff;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #448aff;
  }
  .secondwidget .new::after {
	content: "";
	position: absolute; right: 0px; top: 100%;
	z-index: -1;
	border-left: 3px solid transparent;
	border-right: 3px solid #79A70A;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #79A70A;
  }


.products-widgets  .clearance {
	height: 36px;
    display: flex;
    width: 120px;
    /* transform: rotate(90deg); */
    background: #e30c0c;
    color: #fff;
    clip-path: polygon(0% 0%, 75% 0%, 67% 47%, 75% 100%, 0% 100%);
    font-size: 14px;
    align-items: center;
    padding-left: 10px;
    padding-bottom: 3px;
    font-weight: 600;
    border-radius: 0;
    position: absolute;
	top: 47px;
    z-index: 9;
    left: 16px;
}
 section#latest ul.thumbnails.grid.gap-0 {
	/*margin-left: -16px !important;*/
}

.product-items:hover .tooltip-test{
	display: none !important;
} 
.secondwidget{

	
    position: absolute;
    right: -3px;
    top: 30px;
    z-index: 1;
    overflow: hidden;
    width: 100%;
    height: 98px;
    /* text-align: right; */
    margin-top: -4px;

}

.box {
	width: 200px; height: 300px;
	position: relative;
	border: 1px solid #BBB;
	background: #EEE;
  }
  .ribbon {
	position: absolute;
	right: -5px; top: -5px;
	z-index: 1;
	overflow: hidden;
	width: 75px; height: 75px;
	text-align: right;
  }
  .ribbon span {
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	line-height: 20px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	width: 100px;
	display: block;
	background: #79A70A;
	background: linear-gradient(#9BC90D 0%, #79A70A 100%);
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	position: absolute;
	top: 19px; right: -21px;
  }
  .ribbon span::before {
	content: "";
	position: absolute; left: 0px; top: 100%;
	z-index: -1;
	border-left: 3px solid #79A70A;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #79A70A;
  }
  .ribbon span::after {
	content: "";
	position: absolute; right: 0px; top: 100%;
	z-index: -1;
	border-left: 3px solid transparent;
	border-right: 3px solid #79A70A;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #79A70A;
  }
  
/*.product-items .offer, .product-items .sale, .product-items .new{
	background: #65b90a;
    position: absolute;
    z-index: 9;
    top: 29px;
    height: 100px;
    clip-path: polygon(60% 0%, 100% 0%, 100% 78%, 64% 0%);
    right: 0;
    text-align: center;
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    display: flex;
    justify-content: end;
    width: 100%;
    padding-right: 14px;
    padding-top: 14px;
	right: 11px;
   
}
.product-items .sale {
    background: #549b08 !important;
}
.product-items .new{
	background: #448aff  !important;
}
span.clearance.tooltip-test {
    background: #f50000;
    position: absolute;
    z-index: 9;
    top: 29px;
    height: 100px;
    clip-path: polygon(64% 0%, 100% 0%, 100% 85%, 52% 0%);
    right: 0;
    text-align: center;
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    display: flex;
    justify-content: end;
    width: 100%;
    padding-right: 8px;
    padding-top: 15px;
	right: 11px;
} */
/* .products-widgets .offer, .products-widgets .sale, .products-widgets .new {
	text-align: center;
    display: flex;
    justify-content: center;
    width: 100%;
    padding-left: 90px;
    padding-top: 1px;
    transform: rotate(20deg);
} */


#menu>ul>li.home a span {
    /* background: url(img/home-icon.png) center center no-repeat; */
	background: url(./img/home-icon-black.png) center center no-repeat;
	background-size: contain;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
}
#menu>ul>li:hover>a span {
    background: url(img/home-icon.png) center center no-repeat !important;
  
}

.thumbnail .pricetag {
	width: 212px;
	height: 37px;
	background: url(img/pricetag.png) no-repeat right 0;
	margin-top: 8px;
	position: relative;
	padding: 9px 9px 9px 40px;
	margin-bottom: 20px
}

.thumbnail .pricetag .spiral {
	position: absolute;
	top: -19px;
	left: 10px;
	background: url(img/spiral.png) no-repeat right 0;
	height: 50px;
	width: 35px
}

.thumbnail a.productcart {
	background: #b99139 url(img/prodcutcart.png) right 7px no-repeat;
	color: #fff;
	float: right;
	padding: 8px 27px 8px 8px;
	font-size: 13px;
}

.thumbnail a.productcart:hover {
	background: #db420e url(img/prodcutcart.png) right 7px no-repeat;
}

.thumbnail a.productcart_image {
	background: #b99139 url(img/prodcutcart.png) right 7px no-repeat;
	color: #fff;
	float: right;
	padding: 23px 27px 13px 3px;
	font-size: 13px;
	margin-right: 10px;
}

.thumbnail a.productcart_image:hover {
	background: #db420e url(img/prodcutcart.png) right 7px no-repeat;
}

.thumbnail input.productcart_btn {
	border: none;
	background: #b99139 url(img/prodcutcart.png) right 7px no-repeat;
	color: #fff;
	float: right;
	padding: 8px 27px 8px 8px;
	font-size: 13px;
}

.thumbnail input.productcart_btn:hover {
	border: none;
	background: #db420e url(img/prodcutcart.png) right 7px no-repeat;
}

.thumbnail .shortlinks {
	background: #fff;
	position: absolute;
	left: 0;
	top: 60%;
	width: 100%;
	text-align: left;
	padding: 5px 0;
	display: none
}

.product-items .shortlinks a {
	font-size: 12px;
	padding: 3px 3px 4px 21px;
	background: url(img/sprite.png) 0 0 no-repeat;
}

.product-items .shortlinks a.details {
	background-position: 0 -384px
}

.product-items .shortlinks a.wishlist {
	background-position: 0 -423px
}

.product-items .shortlinks a.compare {
	background-position: 0 -462px
}

.product-items .shortlinks a.csale {
	background-position: 0 -462px
}

.product-items .shortlinks a.price {
	background-position: 0 -500px
}

.thumbnail .price {
	float: right;
	margin-right: 19px;
	text-align: right;
}

.thumbnail .price .pricenew {
	font-size: 12px;
	color: #5e626b;
	font-weight: bold
}

.thumbnail .price .priceold {
	font-size: 12px;
	color: #5e626b;
	text-decoration: line-through;
	color: #000000;
}

.cod {
	margin-right: 5px;
	list-style-image: url(img/cod.png) no-repeat top !important;
}

#featured .thumbnails .product-items:hover .products-detail img,
#latest .thumbnails .product-items:hover .products-detail img,
#related .thumbnails .product-items:hover .products-detail img,
#category .thumbnails .product-items:hover .products-detail img,
.thumbnails.list li:hover .products-detail img, #recent .thumbnails-recent li.product-items:hover .products-detail img  {
  transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  /* IE 9 */
  -webkit-transform: scale(1.2, 1.2);
  /* Safari and Chrome */
  -o-transform: scale(1.2, 1.2);
  /* Opera */
  -moz-transform: scale(1.2, 1.2);
  /* Firefox */
  transition: all 0.8s;
  -ms-transition: all 0.8s;
  /* IE 9 */
  -moz-transition: all 0.8s;
  /* Firefox 4 */
  -webkit-transition: all 0.8s;
  /* Safari and Chrome */
  -o-transition: all 0.8s;
  /* Opera */
}

#featured .thumbnails .product-items .products-detail,
#latest .thumbnails .product-items .products-detail,
#related .thumbnails .product-items .products-detail,
#category .thumbnails .product-items .products-detail,
.thumbnails.list li .products-detail, #recent .thumbnails-recent .product-items .products-detail {
  overflow: hidden
}

#featured .thumbnails .product-items .products-detail img,
#latest .thumbnails .product-items .products-detail img,
#related .thumbnails .product-items .products-detail img,
#category .thumbnails .product-items .products-detail img,
.thumbnails.list li .products-detail img, #recent .thumbnails-recent .product-items .products-detail img {
  transition: all 0.8s;
  -ms-transition: all 0.8s;
  /* IE 9 */
  -moz-transition: all 0.8s;
  /* Firefox 4 */
  -webkit-transition: all 0.8s;
  /* Safari and Chrome */
  -o-transition: all 0.8s;
  /* Opera */
}

section#categorygrid .span3 {
    overflow: hidden;
}
/* .thumbnails.list li:hover .products-detail img {
  transform: none !important;
  -ms-transform: none !important;
  -webkit-transform: none !important;
  -o-transform: none !important;

  -moz-transform: none !important;
  transition: none !important;
  -moz-transition: none !important;
  -webkit-transition: none !important;
  -o-transition: none !important;
} */



/*Brand*/
#popularbrands {
	position: relative;
	padding: 0 0 20px 0
}

.brandcarousalrelative {
	position: relative
}

#popularbrands ul#brandcarousal {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}

#popularbrands ul#brandcarousal li {
	text-align: center;
	border: 1px solid #ddd;
	padding: 10px 5px;
	margin: 6px;
	display: block;
	float: left;
}

#popularbrands.responsive {
	width: auto;
	margin-left: 0;
}

.clearfix {
	float: none;
	clear: both;
}

#popularbrands ul#brandcarousal .prev {
	float: left;
	margin-left: 10px;
}

#popularbrands ul#brandcarousal .next {
	float: right;
	margin-right: 10px;
}

#popularbrands ul#brandcarousal .pager {
	float: left;
	width: 300px;
	text-align: center;
}

#popularbrands ul#brandcarousal .pager a {
	margin: 0 5px;
	text-decoration: none;
}

#popularbrands ul#brandcarousal .pager a.selected {
	text-decoration: underline;
}

#popularbrands ul#brandcarousal .timer {
	background-color: #999;
	height: 6px;
	width: 0px;
}

#popularbrands #prev {
	background: url(img/carousalarrow.png) no-repeat scroll 8px center #b99139;
	position: absolute;
	font-size: 24px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	height: 25px;
	width: 25px;
	left: 0;
	top: 30px
}

#popularbrands #next {
	background: url(img/carousalarrow.png) no-repeat scroll -18px center #b99139;
	position: absolute;
	font-size: 24px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	height: 25px;
	width: 25px;
	right: 0;
	top: 30px
}

.timer {
	background-color: #999;
	height: 6px;
	width: 0px;
}

#musthave {
	width: 300px !important;
}

/* Top Selling */
#topselling {
	position: relative;
	padding: 0 0 20px 0
}

.topcarousalrelative {
	position: relative
}

#topselling ul#topcarousal {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}

#topselling ul#topcarousal li {
	text-align: center;
	padding: 10px 5px;
	margin: 6px;
	display: block;
	float: left;
}

#topselling.responsive {
	width: auto;
	margin-left: 0;
}

.clearfix {
	float: none;
	clear: both;
}

#topselling ul#topcarousal .prev {
	float: left;
	margin-left: 2px;
}

#topselling ul#topcarousal .next {
	float: right;
	margin-right: 2px;
}

#topselling ul#topcarousal .pager {
	float: left;
	width: 220px;
	text-align: center;
}

#topselling ul#topcarousal .pager a {
	margin: 0 5px;
	text-decoration: none;
}

#topselling ul#topcarousal .pager a.selected {
	text-decoration: underline;
}

#topselling ul#topcarousal .timer {
	background-color: #999;
	height: 6px;
	width: 0px;
}

#topselling #prevTop {
	background: url(img/carousalarrow.png) no-repeat scroll 8px center #b99139;
	position: absolute;
	font-size: 24px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	height: 25px;
	width: 25px;
	left: 0;
	top: 30px
}

#topselling #nextTop {
	background: url(img/carousalarrow.png) no-repeat scroll -18px center #b99139;
	position: absolute;
	font-size: 24px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	height: 25px;
	width: 25px;
	right: 0;
	top: 30px
}

.timer {
	background-color: #999;
	height: 6px;
	width: 0px;
}

#musthave {
	width: 300px !important;
}

/*Producct page*/
h1.pagetitle {
	background: #f9f9f9;
	padding: 10px;
	color: #fff;
	font-size: 24px;
	margin: 0 0 40px 0;
	color: #b99139
}

#product {
	margin-bottom: 20px
}

.thumbnails.mainimage li.span5 {
	margin-bottom: 0px;
}

.thumbnails.mainimage li.span4 {
	margin-bottom: 0px;
}

ul.productinfo {
	margin: 0px;
	padding: 0px;
	list-style: none
}

ul.productinfo li {
	padding: 5px 0;
	list-style: none;
	display: block
}

ul.productinfo li .productinfoleft {
	width: 160px;
	float: left;
	font-weight: bold
}

.productformbutton {
	border-bottom: 1px solid #E7E7E7;
	width: 100%;
	float: left;
	display: block;
	padding-bottom: 25px
}

.form-horizontal.productform .control-label {
	text-align: left !important;
}

.productaddtocart {
	margin: 10px 10px 10px 160px;
	float: left !important
}

.rating {
	margin: 25px 30px 40px 0;
	border-top: 1px solid #E7E7E7;
	border-radius: 4px 4px 4px 4px;
	padding: 15px 0 15px 0;
	border-bottom: 1px solid #E7E7E7;
}

.options {
	margin: 5px 0 12px 0
}

ul.rate {
	margin: 0px
}

ul.rate li {
	height: 20px;
	width: 20px;
	background: url(img/rate.png) no-repeat scroll 0 0 transparent;
	display: inline-block;
	margin-right: 5px
}

ul.rate li.on {
	background-position: left top
}

ul.rate li.off {
	background-position: left -24px
}

.mainimage li.producthtumb {
	display: inline-block;
	width: 100px;
	margin-left: 25px
}

.mainimage li.producthtumb img {
	cursor: pointer
}

.productright {
	position: relative
}

.productprice .price {
	margin: 0 auto;
	height: 28px;
	line-height: 28px;
	margin-top: 11px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	color: #333;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
	color: #b99139;
	width: 80px
}

.productprice .rate {
	margin: 25px 0 0 0
}
.prices-rating {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row-reverse;
}
.productright .productpriceround {
	display: block;
	cursor: pointer;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-o-border-radius: 100px;
	border-radius: 100px;
	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	margin: 0 auto;
	padding: 10px;
	float: right;
	border: 1px solid #E7E7E7;
}

.productprice {
	margin: 0 0 0 0;
	clear: both
}

.productpageprice {
	width: 250px;
	height: 58px;
	background: url(img/pricetagproduct.png) no-repeat right 0;
	position: relative;
	padding: 9px 0 9px 20px;
	margin: 45px 0 10px -28px;
	font-size: 36px;
	text-align: center;
	line-height: 44px;
	color: #333
}

.productpageprice .spiral {
	position: absolute;
	top: -19px;
	left: 25px;
	background: url(img/spiral.png) no-repeat right 0;
	height: 50px;
	width: 35px
}

.productpageoldprice {
	font-size: 24px;
	text-decoration: line-through;
	;
	margin-left: 0px
}

ul.productpagecart {
	margin-top: 20px;
	margin-left: 0px;
	display: inline-block;
}

ul.productpagecart li {
	display: inline-block;
	background: url(img/productpageicon.png) no-repeat 0 0;
	margin-right: 10px;
	height: 66px
}

.productpagecart a {
	background: #b99139 url(img/productpageicon.png) no-repeat 0 0;
	color: #fff;
	padding: 15px 15px 15px 60px;
	font-size: 18px;
}

.productpagecart_input {
	background: #b99139 url(img/productpageicon.png) no-repeat 0 0;
	color: #fff;
	padding: 15px 15px 15px 60px;
	font-size: 18px;
	border: none;
	background-position: 10px 12px;
}

.productpagecart_input input:hover {
	background-color: #d8420e
}

.productpagecart_input_size {
	background: #b99139 url(img/prodcutcart.png) right 7px no-repeat;
	color: #fff;
	float: right;
	padding: 21px 27px 0 3px;
	font-size: 12px;
	border: none;
	margin-right: 10px;
	text-transform: uppercase;
}

.productpagecart_input_size input:hover {
	background: #db420e url(img/prodcutcart.png) right 7px no-repeat;
	text-transform: uppercase;
}

.productpagecart_input_size_bttn {
	background: #b99139 url(img/prodcutcart.png) right 7px no-repeat;
	color: #fff;
	float: right;
	padding: 8px 27px 8px 8px;
	font-size: 12px;
	border: none;
	margin-right: 10px;
	text-transform: uppercase;
}

.productpagecart_input_size_bttn input:hover {
	background: #db420e url(img/prodcutcart.png) right 7px no-repeat;
	text-transform: uppercase;
}

.productpagecart_input_size_pad2 {
	background: #b99139 url(img/prodcutcart.png) right 7px no-repeat;
	color: #fff;
	float: right;
	padding: 11px 29px 11px 7px;
	font-size: 12px;
	border: none;
	text-transform: uppercase;
}

.productpagecart_input_size_pad2 input:hover {
	background: #db420e url(img/prodcutcart.png) right 7px no-repeat;
	text-transform: uppercase;
}

.productpagecart_input_size_pad {
	background: #b99139 url(img/prodcutcart.png) right 7px no-repeat;
	color: #fff;
	float: right;
	padding: 11px 29px 11px 7px;
	font-size: 12px;
	border: none;
	text-transform: uppercase;
}

.productpagecart_input_size_pad input:hover {
	background: #db420e url(img/prodcutcart.png) right 7px no-repeat;
	text-transform: uppercase;
}

.productpagecart_input_wish {
	background: #b99139 url(img/productpageicon.png) no-repeat 0 0;
	color: #fff;
	padding: 15px 15px 15px 60px;
	font-size: 18px;
	border: none;
	background-position: 10px -55px
}

.productpagecart_input_wish_list {
	background: #b99139 url(img/productpageicon.png) no-repeat 0 0;
	color: #fff;
	padding: 8px 8px 8px 50px;
	font-size: 20px;
	border: none;
	background-position: 0px -62px
}

.productpagecart_input_comare {
	background: #b99139 url(img/productpageicon.png) no-repeat 0 0;
	color: #fff;
	padding: 15px 15px 15px 60px;
	font-size: 18px;
	border: none;
	background-position: 10px -130px
}

.sbtCustomized_product {
	background: #b99139 url(img/productpageicon.png) no-repeat 0 0;
	color: #fff;
	padding: 15px 15px 15px 60px;
	font-size: 18px;
	border: none;
	background-position: 10px -130px
}

.productpagecart_input_buynow {
	background: #b99139 url(img/productpageicon.png) no-repeat 0 0;
	color: #fff;
	padding: 15px 15px 15px 60px;
	font-size: 18px;
	border: none;
	background-position: 10px 9px;
}

.productpagecart li a.cart {
	background-position: 10px 12px
}

.productpagecart li a.wish {
	background-position: 10px -51px
}

.productpagecart li a.comare {
	background-position: 10px -126px
}

.productpagecart li a:hover {
	background-color: #d8420e
}

.selectsize {
	width: 170px;
	float: left;
	margin-right: 10px
}

.selectqty {
	width: 100px;
	float: left;
	margin-right: 10px
}

.quantitybox {
	background: #fff;
	border: 1px solid #cccc;
	padding: 15px 15px 8px 0px;
	display: block;
	margin: 30px 0 20px 0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
}

.quantitybox:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.productlinks {
	margin: 6px 0 0 10px;
	float: left
}

.productlinks a {
	margin-right: 10px;
	background: url(img/productpagelinkicon.png) no-repeat 0 0;
	padding: 0 0 0 25px;
	color: #4B5B58;
	line-height: 24px;
	font-size: 14px
}

.productlinks a.cartadd {
	background-position: 0 0
}

.productlinks a.compare {
	background-position: 0 -49px
}

h1.productname {
	color: #b99139;
	font-size: 26px;
	margin: 0 0 20px 0;
	background: none;
	line-height: auto !important;
}

.productright a.addtocart {
	background: url(img/addtocart.png) no-repeat scroll 0 0 transparent;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
	height: 34px;
	padding: 58px 0 0;
	text-align: center;
	width: 159px;
	margin-top: 20px;
	display: block;
	cursor: pointer;
	margin-left: 2px
}
button#grid:focus-visible{
	border: transparent !important;
	outline: transparent !important;
}

.productright a:hover.addtocart {
	background-position: 0 -111px;
}

.nav-tabs {
	margin: 0px
}

.productdesc {
	margin: 22px 0 0 0
}

.productdesc .nav-tabs li a {
	font-size: 13px;
	text-shadow: 1px 1px 1px #fff;
	color: #999999
}

.productdesc .nav-tabs li a:hover {
	color: #333
}

.productdesc .nav-tabs li.active {
	border-bottom: 1px solid #fff;
}

.productdesc .nav-tabs li.active a {
	color: #000;
}

.productdesc #myTab.nav-tabs li a {
	margin: 0px !important;
}

.tab-content {
	background-color: #FFFFFF;
	border: 1px solid #E7E7E7;
	border-radius: 3px 3px 3px 3px;
	border-top: none;
	padding: 15px
}

ul.reveiw {
	margin: 0px;
	padding: 0px
}

ul.reveiw>li {
	border-bottom: 1px solid #E7E7E7;
	margin-bottom: 22px;
	padding: 5px 0 10px 0
}

ul.reveiw li {
	list-style: none
}

ul.reveiw li .title {
	font-size: 20px;
}

ul.reveiw li .date {
	float: right;
	font-size: 14px;
}

ul.reveiw ul.rate {
	margin: 10px 0
}

.cloud-zoom-lens {
	border: 1px solid #fff;
	/* Set this to minus the border thickness. */
	background-color: #fff;
	cursor: move;
}

.cloud-zoom-title {
	font-family: Arial, Helvetica, sans-serif;
	position: absolute !important;
	background-color: #999999;
	color: #fff;
	width: 100%;
	text-align: center;
	font-size: 10px;
	top: 0px;
}

#musthave {
	margin: 0px
}

/* This is the zoom window. */
.cloud-zoom-big {
	border: 2px solid #fff;
	overflow: hidden;
}

/* This is the loading message. */
.cloud-zoom-loading {
	color: white;
	background: #222;
	padding: 3px;
	border: 1px solid #999999;
}

/* cart */
.cart-info table {
	width: 100%;
	margin-bottom: 20px;
	border-collapse: collapse;
	border-top: 1px solid #E7E7E7;
	border-left: 1px solid #E7E7E7;
	border-right: 1px solid #E7E7E7;
	background-color: #fff;
}

.cart-info table tr {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}

.cart-info table tr:hover {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}

.cart-info td,
.cart-info th {
	padding: 15px;
}

.cart-info th {
	padding: 10px
}

.cart-info th {
	font-weight: bold;
	background-color: #eeeeee;
	border-bottom: 1px solid #E7E7E7;
}

.cart-info th.quantity,
.cart-info td.quantity {
	text-align: left;
}

.cart-info th .price,
.cart-info th .total,
.cart-info tbody .price,
.cart-info tbody .total {
	text-align: right;
}

.cart-info th .quantity a {
	margin-top: -5px
}

.cart-info tbody td {
	vertical-align: top;
	border-bottom: 1px solid #E7E7E7;
}

.cart-info tbody .remove {
	vertical-align: middle;
}

.cart-info tbody .remove,
.cart-info tbody .image {
	text-align: center;
}

.cart-info tbody .name,
.cart-info tbody .model {
	text-align: left;
}

.cart-info tbody span.stock {
	color: #F00;
	font-weight: bold;
}

.cart-module .cart-content {
	padding: 0px 0px 15px 0px;
	display: none;
	overflow: auto;
}

.cart-module>div {
	display: none;
}

.cart-total {
	border-top: 1px solid #E7E7E7;
	overflow: auto;
	padding-top: 8px;
	margin-bottom: 15px;
}

.cart-total table {
	float: right;
}

.cart-total td {
	padding: 3px;
	text-align: right;
}

.cartoptionbox {
	background: #fff;
	padding: 15px;
	border: 1px solid #ddd;
	margin-bottom: 40px
}

ul.total {
	font-size: 16px;
	margin-top: 5px;
	margin-right: 10px
}

ul.total li {
	padding: 10px 0
}

ul.total li span.extra {
	width: 150px;
	float: left;
	text-align: right;
	padding-right: 20px
}

.totalamout {
	font-size: 22px;
	color: #b99139
}

.

/* login */
.loginbox {
	padding: 5px;
}

/* register */
.registerbox {
	padding: 20px 15px 0 15px;
	margin-bottom: 20px
}

.myaccountbox {
	padding: 20px 15px 15px 15px;
	margin-bottom: 20px
}

.myaccountbox ul {
	padding: 0px;
	margin: 0px
}

.myaccountbox ul li {
	display: block;
	border-bottom: 1px dashed #E7E7E7
}

.myaccountbox ul li:last-child {
	border: none
}

.myaccountbox ul li a {
	display: block;
	padding: 8px 5px 8px 30px;
	background: url("img/arrowcategory.png") no-repeat scroll 8px center transparent;
	color: #999999
}

.myaccountbox ul li a:hover {
	color: #b99139
}

/* Checkout */
.checkoutsteptitle {
	padding: 8px 10px;
	background: #E7E7E7 url("img/down.png") no-repeat right -21px;
	margin: 5px 0 10px 0;
	color: #495c58;
	font-size: 16px;
	border-bottom: 1px dashed #E7E7E7;
	cursor: pointer
}

.checkoutsteptitle.down {
	background-position: right 10px
}

.checkoutsteptitle a.modify {
	float: right;
	margin-right: 30px;
	font-size: 13px;
	line-height: 16px
}

.checkoutstep {
	display: none;
	margin: 15px 0 30px 0;
	background: #fff;
	padding: 15px;
}

.checkoutstep textarea {
	width: 95%
}

.CWcontent {
	margin-left: 10px;
}

.checkoutstep:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.newcustomer,
.returncustomer {
	width: 80%;
	float: left;
	border: 1px solid #E7E7E7;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}

.newcustomer {
	margin-right: 5%;
}

.forgetpassword {
	width: 80%;
	float: left;
	border: 1px solid #E7E7E7;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	margin-top: 10px;
}

.privacy {
	float: right;
	margin: 10px 10px 0 0
}

/* javascripts */
.accrodian-trigger {
	padding: 8px 8px 8px 8px;
	display: block;
	margin: 5px 0;
	border: 1px solid #D6D4CB;
	cursor: pointer
}

.accrodian-trigger,
.togglehandle {
	background: url("img/accrodianicon.png") no-repeat scroll right 5px transparent;
}

.togglehandle {
	padding: 8px 8px 8px 8px;
	display: block;
	margin: 5px 0;
	border: 1px solid #D6D4CB;
	cursor: pointer
}

/* Blog */
.blogdetail {
	margin-bottom: 30px
}

#myTab {
	margin-top: 25px
}

.tab-content.sideblog ul li {
	margin-bottom: 20px;
	padding: 5px 5px 10px 0;
	list-style: none;
	border-bottom: 1px dashed #D6D4CB
}

.tab-content.sideblog ul li:last-child {
	border: none
}

.tab-content.sideblog ul li:after {
	content: "";
	clear: both;
	display: block
}

.author {
	margin: 5px 0 10px 0;
}

.author a {
	color: #b99139;
}

.tab-content ul {
	margin: 0px
}

.tab-content .blogtitle {
	font-size: 15px;
	color: #b99139;
}

.tab-content .blogtitle:hover {
	color: #333
}

.sideblogimage {
	float: left;
	margin: 0 10px 10px 0;
	padding: 5px;
	border: 1px solid #ddd
}

.blogicons {
	margin: 20px 0 10px 0;
	clear: both;
}

.blogdetail .blogicons {
	margin: -10px 0 30px 0
}

.tab-content .blogicons {
	margin: 10px 0 10px 0
}

.blogicons:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

ul.tags {
	margin: 20px 0px 0;
}

.tags li {
	display: inline-block;
	margin: 5px 3px
}

ul.tags li a {
	display: inline-block;
	padding: 3px 10px;
	background: #E7E7E7;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #999999
}

ul.tags li a:hover {
	background: #b99139;
	color: #fff
}

span.viewfancypopup {
	background: url("img/view.png") no-repeat scroll center center transparent;
	text-align: center;
	width: 100%;
	display: none;
	height: 75px;
	position: absolute;
	bottom: 50%;
	margin-bottom: -38px
}

a.fancyboxpopup {
	position: relative;
	display: block
}

a.fancyboxpopup:hover span.viewfancypopup {
	display: block;
	position: absolute;
	z-index: 999;
	margin-top: -55%
}

#comments .blogtitle {
	font-size: 14px
}

.avtar {
	margin: 0 10px 10px 0
}

.blogautor {
	margin-bottom: 30px;
	padding-bottom: 20px
}

ul.comments li ul.comments {
	margin-top: 40px
}

ul.comments li {
	clear: both;
	margin-bottom: 40px
}

.blogautor .avtar {
	height: 80px;
	width: 120px;
	float: left
}

.comments .avtar {
	height: 60px;
	width: 60px;
	float: left
}

.commentdetail {
	margin-left: 150px
}

ul.comments .commentdetail {
	margin-left: 80px
}

.usercomment {
	color: #b99139;
	display: block;
	margin: 5px 0
}

.bloggridtitle {
	font-size: 18px;
	color: #b99139;
	margin: 5px 0 10px 0;
	display: block
}

/* Sidebar */
.sidewidt {
	margin-bottom: 40px
}

/* Categories */
.categorytitle {
	margin: 0 0 35px 0
}

ul.categories {
	background: none repeat scroll 0 0 #FFFFFF;
	border-radius: 4px 4px 4px 4px;
	padding-top: 10px;
	padding-bottom: 10px
}

ul.categories li {
	display: block;
	border-bottom: 1px dashed #E7E7E7
}

ul.categories li:last-child {
	border: none
}

ul.categories li a {
	display: block;
	padding: 11px 5px 11px 30px;
	background: url("img/arrowcategory.png") no-repeat scroll 10px center transparent;
	color: #999999
}

ul.categories li a.active {
	color: #b99139
}

ul.categories li a:hover {
	background-image: url("img/arrowcategory.png") no-repeat scroll 10px center transparent;
	color: #333
}

/* Bestsellter */
ul.bestseller {
	background: none repeat scroll 0 0 #FFFFFF;
	border-radius: 4px 4px 4px 4px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0px
}

ul.bestseller li a.productname {
	display: block;
	color: #F25C27;
	font-size: 15px
}

ul.bestseller li a:Hover.productname {
	color: #333
}

ul.bestseller li img {
	float: left;
	margin: 0px 5px 10px 0;
	padding: 5px;
	border: 1px solid #E7E7E7;
	background: #fff
}

ul.bestseller li span.price {
	display: block;
	font-size: 16px;
}

ul.bestseller li span.procategory {
	display: block;
	color: #333
}

ul.bestseller li {
	display: block;
	border-bottom: 1px dashed #E7E7E7;
	padding: 16px 10px 16px 10px;
}

ul.bestseller li:last-child {
	border: none
}

ul.bestseller li:hover {}

.sidebanner {
	background: none repeat scroll 0 0 #FFFFFF;
	border-radius: 4px 4px 4px 4px;
	display: block;
	line-height: 1;
	position: relative;
	margin-top: 40px
}

.sidebanner img {
	display: block;
	margin: 0 auto
}

/* Latest Blog */
.thumbnail .newprice {
	background: #6A7274;
	display: block;
	font-size: 18px;
	line-height: 22px;
	color: #fff;
	padding: 2px 5px
}

#latestblog p {
	line-height: 20px
}

#latestblog .blogtitle {
	font-size: 22px;
	color: #b99139;
	line-height: 30px;
	margin-bottom: 5px;
	display: block
}

#latestblog .blogtitle:hover {
	color: #b99139
}

.latestblogbutton {
	display: block;
	clear: both
}

.listblcok {
	position: relative;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #E7E7E7
}

/* Pagination*/
.pagination {
	margin: 0
}

.pagination ul {
	background: #fff
}

.pagination a:hover,
.pagination .active a {
	background-color: #fff;
	color: #b99139;
}

/* sorting*/
.sorting {
	overflow: auto;
	padding: 10px;
	/*margin-bottom: 40px;*/
	margin-top: 22px;
}
h3.CWcategoryName.smallimg {
    padding-left: 14px;
}
div#CWprimaryDesc p {
    padding-left: 15px;
}

.sorting form {
	margin: 0px
}

/* listview*/
.list {
	display: none
}

.list .thumbnail .links {
	float: right;
	margin-top: 78px
}

.list .details {
	margin: 10px;
	line-height: 18px
}

/* Flicker */
#flickr {
	margin-top: 25px
}

.thumbs {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.thumbs li {
	list-style: none;
	display: inline-block;
}

.thumbs li a {
	display: inline-block;
	float: left;
	margin: 4px;
	border: 1px solid #999
}

.thumbs li img {
	height: 50px;
	width: 50px
}

.thumbs li a img {
	border: none;
}

#fb-root,
#fb-root>div {
	overflow: hidden
}

/* Contact */
label.error {
	color: #b99139;
	float: none;
	display: inline-block
}

/* typo */
ul.listoption1,
ul.listoption2,
ul.listoption3,
ul.listoption4,
ul.listoption5,
ul.listoption6,
ul.foodicon,
ul.blogcaterg {
	margin: 0px;
	padding: 0px;
	list-style: none
}

ul.listoption1 li,
ul.listoption2 li,
ul.listoption3 li,
ul.listoption4 li,
ul.listoption5 li,
ul.listoption6 li {
	display: block;
	padding: 5px 0 5px 20px
}

ul.listoption1 li {
	background: url("img/list1.png") no-repeat scroll 0 5px;
	padding: 5px 0 5px 25px
}

ul.listoption2 li {
	background: url("img/list2.png") no-repeat scroll 0 5px;
}

ul.listoption3 li {
	background: url("img/list3.png") no-repeat scroll 0 9px;
	padding: 5px 0 5px 15px
}

ul.listoption4 li {
	background: url("img/list4.png") no-repeat scroll 0 10px;
}

ul.listoption5 li {
	background: url("img/list5.png") no-repeat scroll 0 10px;
	padding: 5px 0 5px 15px
}

ul.listoption6 li {
	background: url("img/list6.png") no-repeat scroll 0 10px;
}

/* messages */

.errormsg,
.alertmsg,
.successmsg,
.infomsg,
.infomsg2 {
	background: url("img/messages.png") no-repeat scroll 8px 0 transparent;
	display: block;
	margin: 18px 0;
	padding: 15px 8px 15px 50px;
	position: relative;
	color: #666666 !Important;
}

.errormsg {
	background-color: #FCCAC1;
	background-position: 8px -69px;
	border: 1px solid #E18B7C;
}

.alertmsg {
	background-color: #FFE9AD;
	background-position: 8px -214px;
	border: 1px solid #EAC572;
}

.successmsg {
	background-color: #EFFEB9;
	background-position: 8px -144px;
	border: 1px solid #C1D779;
}

.infomsg {
	background-color: #DEEEFA;
	background-position: 8px 5px;
	border: 1px solid #AFD3F2;
}

.infomsg2 {
	background-color: #FFFFFF;
	background-position: 8px 5px;
	border: 1px solid #AFD3F2;
}

a.clostalert {
	background: url("img/messages.png") no-repeat scroll 0 -310px transparent;
	cursor: pointer;
	height: 15px;
	overflow: hidden;
	position: absolute;
	right: 5px;
	text-indent: 9999px;
	top: 5px;
	width: 15px;
}

/* Footer */
#footer {
	margin-top: 40px
}

#footer ul {
	margin: 0px;
	padding: 0px;
	list-style: none
}

#footer ul li {
	list-style: none
}

#footer .info ul li:last-child {
	background: none
}

.contact ul li, .profileSidbarCont ul li {
	background: url(img/sprite.png) no-repeat 0 0;
	padding: 0px 0 0 32px;
	height: 48px
}

.contact ul li.phone, .profileSidbarCont ul li.phone {
	background-position: 0 -502px;
}

.contact ul li.mobile, .profileSidbarCont ul li.mobile {
	background-position: 0 -555px
}

.contact ul li.email, .profileSidbarCont ul li.email {
	background-position: 0 -613px
}

.contact ul li.home, .profileSidbarCont ul li.home {
	background-position: 0 -455px
}

.footerlinks {
	padding: 22px 0 18px;
	background: #3a3a3a;
	color: #969ba4
}

.footerlinks ul li a {
	color: #969ba4;
	padding: 5px 10px 5px 10px;
}

.footerlinks ul li a:hover {
	color: #f9f9f9
}

.footerlinks .info {
	float: left;
	margin-top: 5px
}

.footerlinks ul li {
	display: inline-block
}

.footerlinks ul li:first-child a {
	padding-left: 0px
}

/* footer twitter  */
#twitter ul {
	margin-bottom: 20px
}

#twitter ul li {
	margin-bottom: 15px;
	padding: 0px !important;
	display: block;
	clear: both
}

#twitter ul li a {
	font-style: italic;
	color: #b99139
}

a.tweet_avatar {
	margin: 5px 5px 5px 0;
	float: left
}

.tweet_list .tweet_avatar {
	float: left;
}

.tweet_time {
	clear: both
}

/* footersocial  */
.footersocial {
	padding: 30px 0 40px;
	background: #b99139;
    color: #5E626B;
}

.footersocial h2 {
	margin-bottom: 30px;
	font-size: 18px;
	color: #5e626b;
	text-transform: uppercase;
	border-bottom: 1px dashed #999;
	padding: 0 0 5px 0
}

#footersocial {
	float: right;
	margin-right: -12px
}

#footersocial a {
	background: url(img/footericon.png) no-repeat;
	height: 30px;
	width: 30px;
	margin-right: 11px;
	text-indent: -9999px;
	overflow: hidden;
	display: inline-block;
	margin-bottom: 5px;
	-moz-transition: all .2s ease;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease
}

#footersocial a:hover {
	-moz-transition: all .2s ease;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease
}

#footersocial a.facebook {
	background-position: 0 -6px;
}

#footersocial a.facebook:hover {
	background-position: 0 -47px;
}

#footersocial a.twitter {
	background-position: -40px -6px
}

#footersocial a.twitter:hover {
	background-position: -40px -47px
}

#footersocial a.linkedin {
	background-position: -80px -6px
}

#footersocial a.linkedin:hover {
	background-position: -80px -47px
}

#footersocial a.blooger {
	background-position: -118px -6px
}

#footersocial a.blooger:hover {
	background-position: -118px -47px
}

#footersocial a.rss {
	background-position: -155px -6px
}

#footersocial a.rss:hover {
	background-position: -155px -47px
}

#footersocial a.dig {
	background-position: -194px -6px
}

#footersocial a.dig:hover {
	background-position: -194px -47px
}

#footersocial a.googleplus {
	background-position: -234px -6px
}

#footersocial a.googleplus:hover {
	background-position: -234px -47px
}

#footersocial a.skype {
	background-position: -271px -6px
}

#footersocial a.skype:hover {
	background-position: -271px -47px
}

#footersocial a.flickr {
	background-position: -309px -6px
}

#footersocial a.flickr:hover {
	background-position: -309px -47px
}

/*Copyright Bottom*/
.copyrightbottom {
	background: #303030;
	padding: 15px 0;
	color: #969ba4
}

#gotop {
	position: fixed;
	bottom: 2px;
	right: 5px;
	height: 58px;
	width: 58px;
	background: url(img/gotop.png) no-repeat 0 0;
	display: block;
	text-indent: -9999px;
	overflow: hidden
}

.the-icons li {
	display: inline-block;
	width: 22%;
	padding: 10px 0
}

/* extra Classes */
div.star_y {
	width: 10px;
	height: 10px;
	background: url(img/vote_star.gif);
	float: left;
	cursor: hand;
}

div.star_n {
	width: 10px;
	height: 10px;
	background: url(img/vote_star.gif) 0 10px;
	float: left;
	cursor: hand;
}

.voteStar {
	height: 10px;
	width: 10px;
	background: url(img/vote-star.gif);
	display: inline;
	margin-left: 3px;
}

#voteContainer img {
	height: 15px;
	width: 15px;
}

/* --- sort links --- */
div.CWlistingSortLinks {
	font-size: 13px;
	line-height: 1.4em;
	text-align: right;
	margin: 12px 0 15px 0;
}

div.CWlistingSortLinks a {
	margin: 0 7px;
}

div.CWlistingSortLinks a.currentLink {
	font-weight: bold;
}

/* --- sorting form --- */
div.CWlistingSortSelect {
	float: right;
	width: auto;
	text-align: right;
}

div.CWlistingSortSelect label {
	font-size: 12px;
	font-weight: bold;
	color: #d45c93;
	margin-right: 11px;
	width: 100px;
	float: left;
	margin-top: 5px;
	color: #fdd48b;
}

.getmargin {
	margin-right: 5px;
}

div.CWlistingSortSelect input,
div.CWlistingSortSelect select {
	cursor: pointer;
	font-size: 11px;
	padding-top: 5px;
	float: left;
	width: 100px;
}

/* ------------ ALERTS --------------- */
#CWuserAlert {
	background-color: #ffffcc;
}

div.CWalertBox {
	/* background-color: #ffffcc; */
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4em;
	text-align: left;
	font-style: oblique;
	transform: matrix;
	font-weight: bold;
	font-variant: small-caps;
}

div.CWconfirmBox {
	background-color: #E4E9ED;
	font-size: 18px;
	font-weight: bold;
	line-height: 4.4em;
	text-align: center;
}

.fadeOut div.CWconfirmBox {
	background-color: #e4e9ed;
}

.fadeOut div.CWconfirmText {
	color: #4385b7;
}

div.CWconfirmBox a:link,
div.CWconfirmBox a:visited,
div.CWconfirmBox a:active {
	color: #4385b7;
}

div.CWconfirmBox a:hover {
	color: #4385b7;
}

#CWcartProductsTable .CWalertBox,
#CWcartProductsTable .CWconfirmBox {
	line-height: 1.2em;
	text-align: left;
	font-size: 12px;
}

div.CWalertBox .smallPrint,
div.CWconfirmBox .smallPrint {
	font-size: 12px !important;
}

#CWcartProductsTable tr.stockAlert .qtyCell input {
	background-color: #ffffcc;
	border: 1px solid #bf0000;
}

.CWtable tr.headerRow {
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
}

.alertText {
	color: #bf0000;
	font-size: 12px;
}

/* --- validation --- */
form.CWvalidate input.warning,
form.CWvalidate select.warning,
form.CWvalidate textarea.warning,
form.CWvalidate input.alert,
form.CWvalidate select.alert,
form.CWvalidate textarea.alert,
form.CWvalidate span.warning,
form.CWvalidate span.alert {
	border: 1px solid #bf0000;
}

form.CWvalidate input.warning,
form.CWvalidate select.warning,
form.CWvalidate textarea.warning,
form.CWvalidate input.alert,
form.CWvalidate select.alert,
form.CWvalidate textarea.alert {
	background-color: #FFFFCC;
}

form.CWvalidate div.warning,
form.CWvalidate div.alert,
form.CWvalidate span.warning,
form.CWvalidate span.alert {
	color: #bf0000;
}

form.CWvalidate span.warning {
	color: #bf0000;
}

form.CWvalidate label.warning {
	color: #bf0000;
}

form.CWvalidate div.warning,
form.CWvalidate div.alert {
	padding: 6px 0;
	margin: 11px 0 6px 0;
	font-weight: bold;
}

form.CWvalidate span.warning {
	padding: 0;
	clear: both;
	display: block;
	border: none;
	margin: 2px 0 0 100px;
	text-align: left;
	font-size: 11px;
	font-style: italic;
}

#CWformAddToCart .CWoptionText,
#CWformAddToCartWindow .CWoptionText {
	font-size: 11px;
	line-height: 1.2em;
	padding: 10px;
}

/* --- category links --- */
.CWlinks {
	color: #1d5178;
	font-size: 12px;
	padding: 3px 0;
	list-style: none;
}

.CWlinks+.CWlinks {
	font-size: 11px;
}

.CWlinks a.currentLink {
	font-weight: bold;
}

/* verticl scroling */
.jspContainer {
	overflow: hidden;
	position: relative;
}

.jspPane {
	position: absolute;
}

.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar * {
	margin: 0;
	padding: 0;
}

.jspCap {
	display: none;
}

.jspHorizontalBar .jspCap {
	float: left;
}

.jspTrack {
	background: #ddddee;
	position: relative;
}

.jspDrag {
	background: #b99139;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	color: white;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}

.jspArrow {
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled {
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow {
	height: 16px;
}

.jspHorizontalBar .jspArrow {
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus {
	outline: none;
}

.jspCorner {
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
	margin: 0 -3px 0 0;
}

.scroll-pane {
	width: 100%;
	height: 200px;
	overflow: auto;
}

.scroll-panebrands {
	width: 100%;
	height: 200px;
	overflow: auto;
}

.horizontal-only {
	height: auto;
	max-height: 200px;
}

/* verticl scroling */

/* Radio Button & Checkbox CSS */
input[type=checkbox] {
	visibility: visible;
	vertical-align: -3px;
}

.checkboxFive {
	width: 25px;
	margin-top: 5px;
	position: relative;
}

.checkboxFive label {
	cursor: pointer;
	position: absolute;
	width: 25px;
	height: 25px;
	top: 0;
	left: 0;
	background: #eee;
	border: 1px solid #ddd;
}

.checkboxFive label:after {
	opacity: 0.2;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 6px;
	left: 7px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.checkboxFive label:hover::after {
	opacity: 0.5;
}

/**
 * Create the checkbox state for the tick
 */
.checkboxFive input[type=checkbox]:checked+label:after {
	opacity: 1;
}

.voting_wrapper {
	display: inline-block;
	margin-left: 20px;
}

.voting_wrapper .down_button {
	background: url(img/thumbs.png) no-repeat;
	float: left;
	height: 14px;
	width: 16px;
	cursor: pointer;
	margin-top: 3px;
}

.voting_wrapper .down_button:hover {
	background: url(img/thumbs.png) no-repeat 0px -16px;
}

.voting_wrapper .up_button {
	background: url(img/thumbs.png) no-repeat -16px 0px;
	float: left;
	height: 14px;
	width: 16px;
	cursor: pointer;
}

.voting_wrapper .up_button:hover {
	background: url(img/thumbs.png) no-repeat -16px -16px;
	;
}

.voting_btn {
	float: left;
	margin-right: 5px;
}

.voting_btn span {
	font-size: 11px;
	float: left;
	margin-left: 3px;
}

/* Tabbling Interface */
.etabs {
	margin: 0;
	padding: 0;
}

.tab {
	display: inline-block;
	zoom: 1;
	*display: inline;
	background: #eee;
	border: solid 1px #999;
	border-bottom: none;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
}

.tab a {
	font-size: 14px;
	line-height: 2em;
	display: block;
	padding: 0 10px;
	outline: none;
}

.tab a:hover {
	text-decoration: underline;
}

.tab.active {
	background: #fff;
	padding-top: 6px;
	position: relative;
	top: 1px;
	border-color: #666;
}

.tab a.active {
	font-weight: bold;
}

.tab-container .panel-container {
	background: #fff;
	border: solid #666 1px;
	padding: 10px;
	-moz-border-radius: 0 4px 4px 4px;
	-webkit-border-radius: 0 4px 4px 4px;
}

/* Styles for Twitter Boostrap */
#twitter-bootstrap-container {
	background: #fff;
	padding: 10px;
	height: 75px;
	margin-bottom: 15px;
}

/* Styles for Previous and Next buttons */
.prev-tab,
.next-tab {
	display: block;
	width: 100px;
	text-align: center;
	margin-top: 10px;
}

span.prev-tab,
span.next-tab {
	background: #ccc;
}

.prev-tab {
	float: left;
}

.next-tab {
	float: right;
}

.panel-container {
	margin-bottom: 10px;
}

br.clear {
	width: 100%;
	height: 0;
	clear: both;
}

/* Flexislider Style */
#column-left {
	float: left;
	width: 220px;
	padding: 0px 15px 0 0px;
	border-right: 1px solid #eee;
}

#column-right {
	float: right;
	width: 220px;
	padding: 0px 0px 0 15px;
	border-left: 1px solid #eee;
}

#content {
	min-height: 400px;
	margin-bottom: 10px;
	padding: 0px 0px 0 0px;
}

#column-left+#column-right+#content,
#column-left+#content {
	margin-left: 250px;
}

#column-right+#content {
	margin-right: 250px;
}

/*********** box ***********/
.box {
	margin-bottom: 20px;
}

.box .box-heading,
.welcome {
	font-size: 28px;
	color: #5e626b;
	text-transform: uppercase;
	padding: 0px 14px 4px 0;
}

.box .box-heading,
.subtext {
	font-size: 16px;
	color: #000000;
	text-transform: none;
	font-weight: normal;
	padding: 0px;
}

.box .box-content {
	padding: 0px;
}

/*********** box products ***********/
.box-product {
	width: 100%;
}

.box-product>.flexslider ul li {
	vertical-align: top;
	background: #fff;
	text-align: center;
	width: 200px;
}

.box-product>.flexslider ul li .slide-inner {
	padding: 10px;
	position: relative;
	text-align: center;
	border: 1px solid #fff;
}

.box-product>.flexslider ul li .slide-inner:hover {
	border: 1px solid #ddd;
}

.box-product .image {
	display: block;
	margin-bottom: 5px;
}

.box-product .image a {
	display: block;
}

.box-product .image img {
	padding: 0px;
}

.box-product .name a {
	font-size: 13px;
	line-height: 18px;
	text-decoration: none;
	display: inline-block;
	margin: 0 auto;
	padding: 0px;
	color: #333;
}

.box-product .name a:hover {
	text-decoration: underline;
}

.box-product .price {
	display: block;
	font-weight: bold;
	margin: 5px 0 10px 0;
	padding: 0 8px;
	color: #D45C93;
	font-size: 13px;
}

.box-product .price-old {
	color: #F00;
	text-decoration: line-through;
	font-weight: normal;
	margin-right: 5px;
	font-size: 12px;
}

.box-product .price-new {
	font-weight: bold;
}

.box-product .rating {
	display: block;
	margin-top: 5px;
}

.box-product>.flexslider ul li .cart input,
.box-product>.flexslider ul li .cart a {
	padding: 2px 3px;
	font-size: 11px;
	height: auto;
	line-height: normal;
	text-transform: uppercase;
}

.box-product>.flexslider ul li .cart input,
.box-product>.flexslider ul li .cart input.button {
	display: inline-block;
	text-decoration: none;
	padding: 7px 12px;
	margin: 0;
	padding: 7px 12px;
}

.box-product>.flexslider ul li .rating img {
	width: auto;
	display: inline;
}

hr.style-six {
	border: 0;
	height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.box-product>.flexslider.style1 ul li .name a {
	margin: 0 0 10px 0;
}

.box-product>.flexslider.style1 ul li .name {
	text-align: left
}

.box-product>.flexslider.style1 ul li .price {
	float: left;
	width: 95px;
	padding: 0;
	margin: 0;
	text-align: left;
}

.box-product>.flexslider.style1 ul li .rating {
	float: left;
}

.box-product>.flexslider.style1 ul li .rating {
	position: absolute;
	top: 0;
	right: 5px;
	padding: 0 3px;
	background: #eee;
	display: none;
}

.box-product>.flexslider.style1 ul li:hover .rating {
	display: block;
}

.box-product>.flexslider.style1 ul li .cart {
	float: right;
}

.box-product>.flexslider.style1 ul li .cart input,
.box-product>.flexslider.style1 ul li .cart a {
	font-size: 11px;
	text-indent: -9999px;
	background: #D45C93 url(img/cart-icon.png) center center no-repeat;
	width: 35px;
	height: 35px;
	border-radius: 50%;
}

.box-product>.flexslider.style1 ul li .cart input:hover,
.box-product>.flexslider.style1 ul li .cart a:hover {
	background-color: #444;
	border-radius: 50% 0%;
}

.box-product>.flexslider.style1 ul li .slide-inner {
	background: #f3f3f4;
	padding: 5px;
	margin: 0 5px;
	border: 0px none;
}

.box-product>.flexslider.style1 ul li .slide-inner:hover {
	border: 0px none;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1) inset;
}

/********** Comented for Right Part Start*******/
.box-product>.flexslider ul li {
	display: block;
}

.box-product>.flexslider ul li .slide-inner {
	padding: 0;
	padding: 10px;
}

#column-left .box-product>.flexslider ul li,
#column-right .box-product>.flexslider ul li {
	width: 220px;
}

#column-left .box-product .image,
#column-right .box-product .image {
	float: left;
	margin-right: 5px;
	margin-bottom: 0px;
}

#column-left .box-product .name,
#column-right .box-product .name {
	margin-bottom: 2px;
	text-align: left;
}

#column-left .box-product .name a,
#column-right .box-product .name a {
	padding: 0 0 0 0px;
	width: auto;
	font-size: 12px;
}

#column-left .box-product .price,
#column-right .box-product .price {
	float: left;
	padding: 0 10px 0 0;
	margin: 0px 0 2px 0;
	font-size: 12px;
}

#column-left .box-product .rating,
#column-right .box-product .rating {
	float: left;
	margin-top: 0px;
}

	div#CWaccountLinks {
		margin-left: 24px;
	}

/********** Comented for Right Part End*******/
@media (min-width: 1200px) and (max-width: 1899px) {
.widthpercent30 {
    width: 36% !important;
}
}
@media (max-width: 1200px) {
	.headerdetails {
		padding: 40px 0 40px 0px !important;
	}
	


	#topnav ul li a {
		font-size: 12px;
		margin-right: 8px
	}

	.top-search input {
		width: 180px
	}

	.fancyboxcover {
		border: 10px solid #eaeaea;
	}

  .thumbnails .product-items:hover .products-detail img {
    transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    /* Opera */
    -moz-transform: none;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
  }

  .products-detail {
    text-align: center
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
	/* .product-items .offer, .product-items .sale, .product-items .new {
		right: 16px !important;
	}
	span.clearance.tooltip-test{
		right: 16px !important;
	} */
}
@media (min-width: 768px) and (max-width: 1200px) {
	
	.logo {
		
		margin-bottom: 28px;
	}
  .products-detail .pricetag {
    background: none !important;
    width: auto;
    height: aut;
    padding: 0px;
    margin: 10px 0
  }

  .products-detail .pricetag .spiral {
    display: none
  }

  .products-detail .price {
    text-align: center;
    width: 100%;

    margin: 10px 0 0 0
  }

  .products-detail a.productcart {
    float: none
  }

  .products-detail .shortlinks {
		top: 30%
	}

	/********** Comented for Right Part Start*******/
	.box-product>.flexslider ul li {
		display: block;
	}

	.box-product>.flexslider ul li .slide-inner {
		padding: 0;
		padding: 10px;
	}

	.box-product>.flexslider ul li,
	#column-right .box-product>.flexslider ul li {
		width: 220px;
	}

	#it {
		background-image: url(img/addcart.png);
		font-size: 0;
		border: 1px solid transparent;
		width: 50px;
		height: 50px;
	}

	​

	/*********** Category boxes ***********/
	.box-category ul,
	.list-item {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.box-category>ul>li,
	.list-item>li {
		display: block;
		position: relative;
	}

	.box-category .down {
		top: 6px;
		right: 0;
		position: absolute;
		cursor: pointer;
		width: 16px;
		height: 16px;
		padding: 2p;
		background: transparent url(img/plus.png) 0px 0px no-repeat;
		opacity: 0.6;
		-moz-opacity: 0.6;
	}

	.box-category .down:hover {
		opacity: 1;
		-moz-opacity: 1;
	}

	.box-category ul li a,
	.list-item li a {
		padding: 5px 0px 5px 12px;
		color: #222;
		display: block;
		background: transparent url(img/bullet-dark.png) 0px 11px no-repeat;
	}

	.box-category ul li.double a {
		display: inline-block;
		margin: 0;
	}

	.box-category ul li {
		position: relative;
	}

	.box-category>ul>li a.active+.down {
		background-position: 0px -16px;
	}

	.box-category>ul>li>a {
		color: #333;
		text-transform: uppercase;
	}

	.box-category>ul>li ul {
		display: none;
		padding-left: 10px;
		margin-bottom: 5px;
	}

	.box-category>ul>li a.active {
		font-weight: bold;
	}

	.box-category>ul>li>a.active {
		margin-bottom: 5px;
	}

	.box-category>ul>li a.active+ul {
		display: block;
	}

	.box-category a:hover,
	.list-item a:hover {
		text-decoration: underline;
	}

	.box-category>ul>li ul li a:hover,
	.list-item a:hover,
	.box-category>ul>li>ul>li a.active {}

	.box-category>ul>li ul li {
		border-top: 1px solid #eee;
	}

	.box-category>ul>li ul li a {
		margin-right: 16px;
	}

	.box-category>ul>li ul li a:hover,
	.list-item a:hover {
		margin-right: 16px;
	}

	.box-category>ul>li ul>li>a {
		text-decoration: none;
	}

	.submenu {
		display: nne;
	}
}

@media (max-width: 979px) {
	#categorymenu {
		margin: 0px 0 10px 0
	}

	#categorymenu select {
		display: block
	}

	#categorymenu {
		background: none
	}

	.container {
		padding: 0 20px
	}

	nav.subnav {
		width: auto;
		float: none
	}

	select,
	input[type="file"] {
		height: 30px;
		/* In IE7, the height of the select element cannot be changed by height, only font-size */

		*margin-top: 4px;
		/* For IE7, add top margin to align select with labels */

		line-height: 30px;
	}

	nav.subnav select {
		display: inline-block;
		height: auto;
		width: 100%;
		float: none
	}

	nav.subnav {
		background: none;
		border: none
	}

	nav.subnav ul {
		display: none
	}

	#topnav {
		width: 330px;
	}

	#topnav ul {
		padding: 6px 0 0 0
	}

	.headerstrip .pull-right {
		float: none;
		text-align: center
	}

	

	.headerdetails {
		margin: 0px;
		padding: 20px 0 0 0 !important
	}

	.headerdetails .nav.pull-left {
		float: none
	}

	.headerdetails .pull-left {
		float: none;
		text-align: center
	}

	.headerdetails .pull-right {
		float: none;
		text-align: center
	}

	.headerstrip {
		height: auto
	}

	.headerdetails .topcall {
		position: absolute;
		right: 50px;
		top: 5px;
		background: url(img/sprite.png) left -659px no-repeat;
		color: #fff
	}

  .products-detail .pricetag {
    margin: 0 auto
  }

	.otherddetails .otherddetailspart .innerclass h2 {
		font-size: 18px
	}

  #featured .thumbnails .product-items:hover .products-detail img,
  #latest .thumbnails .product-items:hover .products-detail img,
  #related .thumbnails .product-items:hover .products-detail img,
  #category .thumbnails .product-items:hover .products-detail img,
  .thumbnails.list li:hover .products-detail img {
    transform: none;
    -ms-transform: none;
    /* IE 9 */
    -webkit-transform: none;
    /* Safari and Chrome */
    -o-transform: none;
    /* Opera */
    -moz-transform: none;
    /* Firefox */
    transition: all 0.8s;
    -ms-transition: all 0.8s;
    /* IE 9 */
    -moz-transition: all 0.8s;
    /* Firefox 4 */
    -webkit-transition: all 0.8s;
    /* Safari and Chrome */
    -o-transition: all 0.8s;
    /* Opera */
  }

	.newcustomer,
	.returncustomer {
		width: 85%;
		margin-bottom: 10px
	}

	.checkoutstep .span4 {
		width: auto
	}
}

@media (max-width: 760px) {
	.headerdetails .topcall {
		display: none
	}

	.headerstrip {
		text-align: center;
	}

	.headerstrip #topnav {
		background: #b99139;
		padding-bottom: 10px
	}

	.headerstrip .pull-left {
		float: none;
	}

	.top-search {
		margin-top: -5px
	}

	#topnav {
		width: auto;
		text-align: center
	}

	#topnav ul {
		text-align: center;
		margin: 0 auto;
		float: none
	}

	#topnav ul li {
		display: inline-block;
		float: none
	}

	.headerstrip .pull-right .search-query {
		margin-top: 0px
	}

	.footerlinks {
		text-align: center
	}

	.footerlinks .info,
	#footersocial {
		float: none;
		margin: 10px 0
	}

	.footerlinks {
		padding: 10px 0
	}

	.copyrightbottom {
		text-align: center
	}

	.copyrightbottom .textright {
		text-align: center
	}

	.otherddetails .otherddetailspart {
		width: 100%;
		background: none;
		border-bottom: 1px solid #ddd
	}

	#newslettersignup input[type=button] {
		height: 32px
	}

	.the-icons li {
		display: block;
		width: 90%;
		padding: 10px 0
	}

	.smbanner .span3 a {
		margin: 10px 0
	}

	.heading1 .subtext {
		display: none
	}

	.productdesc #myTab.nav-tabs li a {
		padding: 8px
	}

	th.image,
	th.model,
	td.image,
	td.model {
		display: none !important
	}

	.cart-info td,
	.cart-info th {
		padding: 5px
	}
}

@media only screen and (max-width: 480px) {

	.inlinelables,
	.badges,
	.description {
		display: none
	}

	.modify {
		text-indent: -9999px;
		overflow: hidden
	}
}

/* ------------ bootstrap overwrite ------------ */
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
	border-color: rgba(5, 5, 5, 0.6);
	outline: 0;
	outline: thin dotted \9;
	/* IE6-9 */
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(5, 5, 5, 0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(5, 5, 5, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(5, 5, 5, 0.6);
}

input.search-query,
.btn,
.label,
.badge,
.nav-pills>li>a {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.dropdown-menu li>a {
	color: #000000
}

.dropdown-menu:before {
	position: absolute;
	top: -7px;
	left: 9px;
	display: inline-block;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #E7E7E7;
	border-left: 7px solid transparent;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	content: '';
}

.dropdown-menu:after {
	position: absolute;
	top: -6px;
	left: 10px;
	display: inline-block;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
	border-left: 6px solid transparent;
	content: '';
}

.nav>li>a:hover {
	background-color: transparent;
}

.nav .dropdown-toggle .caret {
	border-bottom-color: #b99139;
	border-top-color: #b99139;
	margin-top: 10px;
}

.dropdown-menu li>a {
	padding: 5px 20px
}

.dropdown-menu li>a:hover,
.dropdown-menu li>a:focus,
.dropdown-submenu:hover>a {
	color: #ffffff;
	text-decoration: none;
	background: #b99139;
}

.dropdown-menu .active>a,
.dropdown-menu .active>a:hover {
	color: #333333;
	text-decoration: none;
	background: #b99139;
	outline: 0;
}

.btn {
	padding: 6px 10px !important;
}

.btn-orange {
	color: #ffffff !important;
	text-shadow: none;
	background: #b99139 !important;
	*background: #b99139 !important;
	box-shadow: none;
	border: 1px solid #fff !important;
}

.btn-orange:hover,
.btn-orange:active,
.btn-orange.active,
.btn-orange.disabled,
.btn-orange[disabled] {
  color: #ffffff;
  background-color: #302c2a;
  *background-color: #302c2a;
}

.btn-orange:active,
.btn-orange.active {
  background-color: #000000; \9;
}
.product-items{
  position: relative;

}
.discount-tag {
  display: inline-block;
  padding: 10px 8px;
  height: 20px;
  font-size: 15px;
  font-weight: bold;
  padding-left: 52px;
  color: #fff;
  background-color: #b99139;
  border-radius: 25px 0 0 25px;
  clip-path: polygon(100% 0%, 100% 100%, 80% 100%, 9% 100%, 30% 50%, 8% -6%, 8% 5%);
  width: 18px;
  transform: rotate(180deg);
  position: absolute;
  top: 70px;
  z-index: 9;
}
.discount-tag span {
  transform: rotate(179deg);
  /* position: absolute; */
  display: flex;
}

.label-orange,
.badge-orange {
  background-color: #b99139;
}

.label-orange[href],
.badge-orange[href] {
  background-color: #b99139;
}

.dropdown-menu {
	top: 97%
}

.nav-tabs>li>a,
.nav-pills>li>a {
	margin: 2px 5px 2px 6px
}

.products-detail {
  position: relative;
  padding: 0px;
  border: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none
}

table th {
	color: #333
}

.nav li.dropdown.open a:hover .caret {
  border-top-color: #b99139 !important;
  border-bottom-color: #b99139 !important;
  opacity: 1;
  filter: alpha(opacity=100);
}
input, textarea, .uneditable-input {
  width: 88%;
}
ul.contact-wrap-list {
  margin: 0;
}
ul.contact-wrap-list li {
  line-height: 30px;
}
ul.contact-wrap-list li {
  line-height: 38px;
  font-size: 15px;
  color: #000000;
  font-weight: 600;
}
ul.contact-wrap-list li a {
  font-weight: 300;
  margin-left: 4px;
}
.sidewidt {
  margin-bottom: 40px;
 
}

.mt-0{
  margin-top: 0px !important;
}
.cart-info.scrollbar-macosx.scroll-content img {
	width: 50px;
	height: 50px;
}

.insidetable {
	display: table;
	width: 100%;
}

.CWcontent a.CWcheckoutLinkModified {
	float: right;
	margin: 15px 11px 11px 0;
	border: 1px solid #E3E3E3;
	/* font-size: 13px !important; */
	text-align: center !important;
	cursor: pointer;
	font-weight: bold;
	/* line-height: 1.25em !important; */
	/* padding: 4px 7px !important; */
	background: url(button-bgrd.gif) repeat-x left top;
	background-color: #e4e4e4;
	display: inline-block;
	width: 150px;
}

a.CWcheckoutLinkModified:link,
a.CWcheckoutLinkModified:visited,
a.CWcheckoutLinkModified:active {
	color: #fff !important;
	text-decoration: none;
}

.center a.CWcheckoutLinkModified {
	float: none;
	margin-left: auto !important;
	margin-right: auto !important;
}

.getspaceforthis {
	font-size: 13px !important;
	margin-left: 15px;
}

.zeromargin {
	margin-left: 0px !important;
}

.mallsizetable {
	font-size: 10px;
}

h3 {
	font-size: 18px !important;
}

.giveleftrightmargin {
	margin-left: 10px;
	margin-right: 10px;
}

.giveleftrightmargin tr th {
	background: #eaeaea;
}

.order_message {
	width: 100%;
	margin-left: 10px;
}

.customwidth {
	width: 44% !important;
}

.presentLeftside {
	float: left;
	width: 40%;
}

.nomargin {
	margin-top: 0px;
	margin-bottom: 0px;
}

.extratpad {
	padding: 8px !important;
}

.positionRelative {
	position: relative;
	bottom: 20px;
}

.pad10_font {
	padding-left: 10px;
}

.fontbig {
	font-size: 16px;
}

.marginleft {
	margin-left: 10px;
}

.divdisplayImg {
	display: block;
	float: left;
	font-weight: bold;
	color: #b99139;
	font-size: 13px;
}

.allzeromargin {
	margin: 0px !important;
}

.pricewithchange {
	display: block;
	font-weight: bold;
	color: #b99139;
	font-size: 13px;
	margin-left:12px;
}

.both {
	clear: both;
}

.width20 {
	width: 20px;
}

.width60 {
	width: 60px;
}

.width50 {
	width: 50px;
}

.btnsubmit {
	margin-right: 20px;
	padding-top: 2%;
	padding-bottom: 10px;
}

.margintop10 {
	display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
	margin-top: 20px;
    align-items: center;
}

.catLists {
	float: left;
	width: 40%;
}

.sizewidth {
	height: 100px;
	width: 90%;
}

.reviews {
	height: 50px;
	width: 99%;
	padding-top: 25px;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 50px;
	background: #EAEAEA;
}

.textdeco {
	text-decoration: none;
}

.bgthcolor th {
	background: #ccc;
	text-align: left;
	padding: 2px;
}

.widthpercent40 {
	width: 40%;
}

.widthpercent30 {
	width: 30%;
}

.widthpercent25 {
	width: 25%;
}

.widthpercent45 {
	width: 45%;
}

.padleft {
	clear: both;
	padding-top: 20px;
}

.btnsubmit input {
	margin-bottom: 5px;
}

.fixtheCode {
	width: 70%;
	float: left;
}

.pricefixcode {
	float: right;
	font-size: 12px !important;
}

.smallimg {
	margin-bottom: 5px;
}

.spansize {
	font-size: 9px;
	cursor: pointer;
	width: 90%;
}

.ontoleft {
	margin-left: 100px;
	float: right;
}

.fnine {
	font-size: 9px;
}

.extendheight {
	height: 45px;
}

.nobomargin {
	margin-bottom: 0px !important;
}

.pageform {
	width: 80%;
	float: left;
	margin: 0px !important;
	padding-top: 10px;
}

.totalpadd {
	position: relative;
	top: 15px;
}

.modifywidth {
	width: 60px !important;
}

.selectwidth150 {
	width: 190px !important;
}

.selectwidth80 {
	width: 80px !important;
}

.movepos {
	position: relative;
	top: 5px;
	right: 5px;
}

.dropdownwidth {
	width: 300px;
}
.products-detail .price .pricenew{
	font-size: 16px;
    color: #5e626b;
    font-weight: bold;
}
.products-detail .price .priceold {
    font-size: 13px;
    color: #5e626b;
    text-decoration: line-through;
    color: #000000;
}
.products-detail .price {
    padding-left: 10px;
    width:100px;
}

/* .priceadjusted {
	float: left !important;
	margin-right: 0 !important;
	text-align: right !important;
	position: relative;
	bottom: 40px;
	left: 10px;
	width: 50px;
} */

.priceselectadjusted {
	width: 50px;
	float: right;
	position: relative;
	left: 55px;
	top: 3px;
}

select#soflow {
	-webkit-appearance: button;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-padding-end: 20px;
	-webkit-padding-start: 2px;
	-webkit-user-select: none;
	background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
	background-position: 97% center;
	background-repeat: no-repeat;
	border: 1px solid #AAA;
	color: #555;
	font-size: inherit;
	overflow: hidden;
	padding: 0px 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.marginright {
	margin-right: 10px;
}

.zeropaddinglt {
	padding-left: 0px !important;
}

.extramove {
	right: 0px !important;
	margin-right: 10px;
}

.bottomreduced {
	bottom: 22px !important;
}

.changepos {
	position: relative;
	left: 10px;
}

.formsize {
	width: 177px;
	float: right;
	display: inline-table;
	margin: 0px !important;
}

.leftside {
	float: left;
}

.btnright {
	float: right;
}

.caroufredsel_wrapper {
	margin: 0px !important
}

.smallcolormsg {
	font-weight: bold;
	color: #b99139;
	font-size: 11px;
}

.subcolor {
	color: red;
}

.imgHeight {
	height: 350px;
}

hr.style-six {
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

/* social buttons */


.social-buttons {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 8px;
}

.social-button {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	outline: none;
	width: 64px;
	height: 64px;
	text-decoration: none;
	border-radius: 100%;
	background: #fff;
	text-align: center;
}

.social-button::after {
	content: "";
	position: absolute;
	top: -1px;
	left: 50%;
	display: block;
	width: 0;
	height: 0;
	border-radius: 100%;
	transition: 0.3s;
}

.social-button:focus,
.social-button:hover {
	color: #fff;
}

.social-button:focus::after,
.social-button:hover::after {
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	margin-left: calc(-50% - 1px);
}

.social-button i,
.social-button svg {
	position: relative;
	z-index: 1;
	transition: 0.3s;
}

.social-button i {
	font-size: 25.6px;
}

.social-button svg {
	height: 40%;
	width: 40%;
}

.social-button--mail {
	color: #0072c6;
}

.social-button--mail::after {
	background: #0072c6;
}

.social-button--facebook {
	color: #3b5999;
}

.social-button--facebook::after {
	background: #3b5999;
}

.social-button--linkedin {
	color: #0077b5;
}

.social-button--linkedin::after {
	background: #0077b5;
}

.social-button--github {
	color: #6e5494;
}

.social-button--github::after {
	background: #6e5494;
}

.social-button--pinterest {
	color: red;
}

.social-button--pinterest::after {
	background: red;
}

.social-button--steam {
	color: #7da10e;
}

.social-button--steam::after {
	background: #7da10e;
}

.social-button--snapchat {
	color: #eec900;
}

.social-button--snapchat::after {
	background: #eec900;
}

.social-button--twitter {
	color: #55acee;
}

.social-button--twitter::after {
	background: #55acee;
}

.social-button--instagram {
	color: #e4405f;
}

.social-button--instagram::after {
	background: #e4405f;
}

.social-button--npmjs {
	color: #c12127;
}

.social-button--npmjs::after {
	background: #c12127;
}

.social-button--WhatsApp {
	color: #1e9f75;
}

.social-button--WhatsApp::after {
	background: #1e9f75;
}

/* scrollbars */
::-webkit-scrollbar {
	width: 4px;
}

::-webkit-scrollbar-thumb {
	background-color: #4c4c6a;
	border-radius: 2px;
}

/* left side navigation */

#left-side h3 {
	color: #b99139;
}

#left-side ul.left-menu {
	list-style: none;
	padding: 0;
	margin: 0 8px;
}

#left-side>ul>li {
	position: relative;
	padding-left: 10px;
	cursor: pointer;
}

#left-side>ul>li:before {
	transform: rotate(315deg);
	top: 4px;
}

/* #left-side>ul>li:after {
    transform: rotate(235deg);
    top: 8px;
} */

/* #left-side>ul>li:before, */
#left-side>ul>li.has-child:after {
	content: '';
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	position: absolute;
	left: 0px;
    width: 10px;
    height: 10px;
    top: 16px;
	transform: rotate(273deg);
}
#left-side li.has-child {
    padding: 12px 5px 12px 24px;
    border-bottom: 1px dashed;
}
#left-side .list {
    display: inherit;
    margin: 8px 0;
}

ul.left-menu {
    margin-right: 20px;
}


#left-side>ul>li.has-child.opened:after {
	transform: unset !important;
}

.left-sub-menu ul {
	list-style: none;
	padding-left: 10px;
}

.left-sub-menu {
	overflow: hidden;
	height: 0;
	/* max-height: 250px !important; */
	overflow: scroll;
	transition: height 200ms;
}


/* Image Gallery responsive */

.product-items.mainimage {
  width: 100%;
  display: flex;
  justify-content: start;
  padding: 0;
  gap: 18px;
  margin: 0;
}
.rating-star-wrap span {
  margin: -1px;
}

svg.star-rating {
  width: 20px;
}
svg.star-rating.active {
  color: #b99139;
}

.products-detail a.productcart:hover {
  background: #000000  url(img/prodcutcart.png) right 7px no-repeat;
}

.products-detail .shortlinks {
  background: #fff;
  position: absolute;
  left: 0;
  top: 60%;
  width: 100%;
  text-align: center;
  padding: 5px 0;
  display: none
}
.gap-0{
  /*gap: 0px;*/
}
#categorygrid .grid-3{
	/*width: 33.33%;*/
}
#categorygrid ul.thumbnails.list.row li.product-items.grid-3 {
    width: 100% !important;
}
#categorygrid ul.thumbnails.list.row li.product-items.grid-3 .row {
    display: flex;
    justify-content: flex-end;
}
#categorygrid ul.thumbnails.list.row li.product-items.grid-3 .row .pricetag {
    width: 230px;
    margin: 0 auto 0 0;
}
.prices-rating {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row-reverse;
}

.thumbnails.list .products-detail .prdocutname {
  font-size: 16px;
  color: #5e626b;
  text-transform: uppercase;
  text-align: left;
  margin: 0 0 10px 0;
  display: block
}

.thumbnails.list>li {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #ccc
}

.thumbnails.list .productdiscrption {
  margin: 10px 0 25px 0
}

.thumbnails.list .products-detail .shortlinks {
  display: block;
  width: auto;
  position: static;
  text-align: left;
  margin: 10px 0 25px 0
}

.thumbnails.list .pricetag {
  margin-left: -15px
}

.products-detail .offer {
  position: absolute;
  top: 10px;
  left: -2px;
  background: url(img/offer.png) no-repeat 0 0;
  height: 45px;
  width: 68px;
  float: left;
  overflow: hidden;
  display: block;
  text-indent: 9999px
}

/* .products-detail .sale {
  position: absolute;
  top: 10px;
  left: -2px;
  background: url(img/sale.png) no-repeat 0 0;
  height: 45px;
  width: 68px;
  float: left;
  overflow: hidden;
  display: block;
  text-indent: 9999px
} */

/* .products-detail .new {
  position: absolute;
  top: 10px;
  left: -2px;
  background: url(img/new.png) no-repeat 0 0; 
  height: 45px;
  width: 68px;
  float: left;
  overflow: hidden;
  display: block;
  text-indent: 9999px
} */

.products-detail .pricetag {
  /* width: 221px;
  height: 37px; */
  background: url(img/pricetag.png) no-repeat right 0;
  margin-top: 8px;
  position: relative;
  padding: 9px 9px 9px 40px;
  margin-bottom: 5px;
  width: 210px;
}
.products-detail .shortlinks a{

}

.products-detail .pricetag .spiral {
  position: absolute;
  top: -25px;
  left: 6px;
  background: url(img/spiral.png) no-repeat right 0;
  height: 50px;
  width: 35px
}
.CWformTable th.label.required, .CWformTable  th.label {
    background: transparent !important;
    color: #000;
}
a#CWlinkCustomer {
    border-radius: 8px;
    padding: 12px 0 !important;
}


.products-detail .shortlinks {
  background: #fff;
  position: absolute;
  left: 0;
  top: 60%;
  width: 100%;
  text-align: center;
  padding: 5px 0;
  display: none
}
.display-none{
  display: none;
}
.shortlinks.inherit-absolute {
  position: inherit;
  text-align: left;
  display: block;
}
.grid-list {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #ccc;
}
#categorygrid .products-detail .pricetag {
  margin: 20px 0 20px;
}
.wrap-parent-menu .sidenav .closebtn:hover{
	color: #b99139 !important;
}
.display-none.list .thumbnails .prdocutname{
  font-size: 20px;
  color: #b99139;
  text-align: left;
  margin: 0 0 24px 0;
  font-weight: 600;
}
.flex-bet{
  display: flex;
  justify-content: space-between;
}
.flex-btn-wrap {
  display: flex;
}
.flex-btn-wrap svg{
  width: 20px;
  color: #000;
  
}
.flex-btn-wrap span {
  background: #fff;
  display: flex;
  padding: 8px;
  
}

/* image gallery */

.containerImageGallery {
	padding: 5px 0 0 0
}

.containerImageGallery .heading-text {
	margin-bottom: 2rem;
	font-size: 2rem;
	text-align: center;
}

.containerImageGallery .heading-text span {
	font-weight: 100;
}

.containerImageGallery ul {
	list-style: none;
}

/* Responsive image gallery rules begin*/

.containerImageGallery .image-gallery {
	text-align: center;
}

.containerImageGallery .image-gallery>li {
	/* fallback */
	display: inline-block;
	margin: 0 5px 10px 5px;
	/* end fallback */
	position: relative;
	cursor: pointer;
}

@supports (display: flex) {
	.containerImageGallery .image-gallery {
		display: flex;
		flex-wrap: wrap;
		justify-content: left;
		gap: 5px;
		margin: 0px !important;
	}

	.containerImageGallery .image-gallery>li {
		margin: 0;
	}

	.containerImageGallery .image-gallery::after {
		content: "";
	}
}

.containerImageGallery .image-gallery li img {
	object-fit: cover;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

.containerImageGallery .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(57, 57, 57, 0.502);
	top: 0;
	left: 0;
	transform: scale(0);
	transition: all 0.2s 0.1s ease-in-out;
	color: #fff;
	border-radius: 5px;
	/* center overlay text */
	display: flex;
	align-items: center;
	justify-content: center;
}

/* hover */
.containerImageGallery .image-gallery li:hover .overlay {
	transform: scale(1);
}
section.slider-wrapper{
	margin-top: 12px !important;
}
.gallery > div {
	columns:3;
	gap:1.25rem;
	padding-top:1.25rem;
	}
	.gallery > div a {
		display: flex;
		width: 100%;
	}
	
	.gallery img {
	display:block;
	width:100%;
	margin-bottom:1.25rem;
	}
	
	@media (max-width:48rem) {
	.gallery > div {
	columns:2;
	}
	}
	
	@media (max-width:32rem) {
	.gallery > div {
	columns:1;
	}
	}
	.DisplaySelect {
	display:flex;
	justify-content:flex-end;
	gap:30px;
	padding:5px;
	}

span.icon-burger-mob {
    display: none;
}
.wrap-burger-menu-items .column ul, .wrap-burger-menu-items .cat_mobile ul {
	display: none;
}
.wrap-burger-menu-items .column:hover ul, .wrap-burger-menu-items .cat_mobile:hover ul{
	display: block !important;
	margin-left: 10px;
    width: 100%;
    margin-top: 14px;
}



.wrap-burger-menu-items .column, .wrap-burger-menu-items .cat_mobile{
	padding: 10px 5px 8px 24px;
	position: relative;
}
.wrap-burger-menu-items .column::after, .wrap-burger-menu-items .cat_mobile::after{
	content: '';
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    position: absolute;
	left: 16px;
    width: 10px;
    height: 10px;
    top: 18px;
    transform: rotate(273deg);
}
.wrap-parent-menu .sidenav{
	z-index: 99 !important;
}
.wrap-burger-menu-items .cat_mobile::after {
	position: absolute;
	left: 10px;
    width: 10px;
    height: 10px;
    top: 16px;
}

@media (max-width: 767px) {
	.row.twoCloum {
		display: block;
	}
	.sorting.well.bottomzero .stripwidth {
		width: 100% !important;
	}
	ul.thumbnails.list.row .products-detail .span3 .wrapper-products-list {
		width: 100% !important;
	} 
	ul.thumbnails.list.row .products-detail .span3 .span6 {
		width: 100% !important;
		padding-top: 16px;
	}
	ul.thumbnails.list.row .products-detail .span3{
		display: block !important;
	}
	
	.DisplaySelect {
		gap: 8px !important;
		flex-wrap: wrap !important;
	}
	.products-detail .price{
		padding-left: 0px !important;
	}
	.rating-star-wrap span{
		margin: 0px !important;
	}
	.headerstrip .pull-right .search-query {
		width: 94.99%;
		margin-top: 15px
	}
	#bottom_container{
		width: 80% !important;
	}
	
	.wrap-burger-menu-items ul.ul-burger li {
		width: 100% !important;
	}
	#parentCWproductPrices div:nth-child(2) img {
		width: 350px !important;
		margin-bottom: 18px;
	}
	
	
	
	.CWproductPrice.strike {
		width: 100%;
		display: flex;
		justify-content: center;
	}
	#parentCWproductPrices {
		flex-wrap: wrap;
		justify-content: center !important;
	}
	ul.etabs {
		display: grid;
	}
	div#CWdetails .sidewidt {
		display: none;
	}
	
	ul.etabs li.tab {
		border-radius: 0px;
		border-bottom: 0px solid transparent;
		padding: 8px;
	}
	ul.etabs li.tab.active {
		border-bottom: 1px solid #000 !important;
	}
	.imgHeight {
		height: 404px;
		width: 100%;
	}
	div#tab-buttons-container {
		margin-top: 30px;
	}
	div#CWdetails .reviews {
		height: 100%;
		padding-left: 4px;
		padding-right: 0px;
		border-radius: 4px;
	}
	
	
	
	.sorting.well.bottomzero .selectwidth150 {
		width: 100% !important;
	}
	.sorting.well.bottomzero .selectwidth80 {
		width: 100% !important;
	}
	div#CWdetails tr, table.CWformTable tr {
		display: grid;
	}
	table.CWformTable select {
		width: 92%;
	}
	table.CWformTable td {
		width: 100%;
		text-align: center;
	}
	table.CWformTable th.label {
		width: 100%;
	}
	table#loginFormTable {
		width: 93%;
	}
	
	
	.widthpercent30 {
		width: 100% !important;
	}
	.widthpercent45 {
		width: 100% !important;
	}
	.MyhalfRight {
		float: inherit;
		width: 100%;
		display: inherit;
	}
	.MyhalfLeft {
		float: inherit;
		width: 100%;
		display: table;
		margin-bottom: 26px;
	}
	#menu{
		height: inherit;
	}
	#menu>ul>li.categories_hor>div {
		min-width: inherit !important;
	}
		
	.sidewidt h2:first-child, .sidewidt span:first-child, .sidewidt  div#left-side{
		display: none;
	}
	
	#categorygrid ul.thumbnails.list.row li.product-items.grid-3 .row{
		justify-content: center;
		flex-wrap: wrap !important;
	}
	#categorygrid ul.thumbnails.list.row li.product-items.grid-3 .row .span3{
		margin-bottom: 28px;
	}
	#categorygrid ul.thumbnails.list.row li.product-items.grid-3 .row .span6 .prdocutname {
		
		text-align: center;
	}
	#categorygrid ul.thumbnails.list.row li.product-items.grid-3 .row .pricetag {
		
		margin: 0 auto !important;
	}
	.thumbnails.list .products-detail .shortlinks {
		text-align: center !important;
	}
	#categorygrid .grid-3 {
		width: 100% !important;
	}
	#categorygrid .products-detail .pricetag {
		margin: auto !important;
		margin-top: 4px !important;
	}
.products-detail .pricetag{
	width: 220px;
    height: 38px;
}
  .about-section .image-column .image-1 {
    position: relative;
    width: 100%;
}
.discount-tag {
  
  left: 33px;
}
.about-section .content-column .inner-column {
  position: relative;
  padding-left: 0px;
  margin-top: 80px;
}


  .product-items {
    width: 100%;
}
.row-flex.reverse-row-mob {
  
  flex-flow: column-reverse;
}
.sidewidt {
  padding-left: 0;
  margin-bottom: 0;
}
.w-50 {
  width: 100%;
}

  .headerstrip img {
    max-width: 172px;
    margin-bottom: 20px;
  }
  .w-seven, .w-five {
    width: 100%;
}
.flex-product {
  flex-wrap: wrap;
}
.flex-btn-wrap {
  display: flex;
  height: 38px;
}
.sorting form {
  margin: 0px;
  width: 100%;
}
span.totalpadd.piececolor {
    margin-bottom: 20px;
}
#category .sorting {
 
  align-items: center;
}
#categorygrid .products-detail .pricetag {
  margin: 0 auto;
  margin-top: 20px;
}
.w-33, .w-66 {
  width: 100%;
}
.display-none.list .thumbnails .prdocutname {
  font-size: 20px;
  margin: 20px 0 14px 0;
  text-align: center;
}
.shortlinks.inherit-absolute {
 
  justify-content: center;
  text-align: center;
  margin-top: 15px;
}


}

@media only screen and (min-width: 768px) and (max-width: 979px) {
.top-search input{
	width: 97% !important;
}
.icon-burger-mob .ico-sm-b {
    width: 99% !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
	.rating-star-wrap span{
		margin: 0px !important;
	}
	#bottom_container {
		width: 40% !important;
	}
	.wrap-parent-menu .wrap-burger-menu-items {
		text-align: start;
		padding-top: 15px !important;
	}
	.wrap-burger-menu-items ul.ul-burger li a {
		margin: 0 10px !important;
	}
	.wrap-burger-menu-items .cat_mobile::after {
		left: 12px !important;
	}
	
	
	
	.wrap-parent-menu .wrap-burger-menu-items ul.ul-burger li {
		width: 33%;
		margin-bottom: 14px;
   }
 
	#categorygrid .grid-3 {
		width: 46% !important;
	}
	.product-items {
		width: 33.33%;
	}
.products-detail .pricetag{
  height: auto;
  padding: inherit !important;
  width: inherit;
  height: inherit;

}
#content {
    padding: 38px 0px 0 0px;
}
.sidewidt {
    padding-left: inherit !important;
}
.prices-rating {
  flex-wrap: wrap !important;
  justify-content: center !important;
}
svg.star-rating {
  width: 16px;
}
.thumbnails .prdocutname {
  font-size: 13px;
  font-weight: 600;
}

}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .headerstrip img {
    max-width: 172px;
    margin-bottom: 20px;
  }
  .container {
    width: 420px;
  }

  .products-detail .offer,
  .products-detail .sale,
  .products-detail .new {
    left: 70px
  }

	#topnav ul li a {
		font-size: 11px;
		margin-right: 5px;
	}

	.headerstrip #topnav {
		margin-bottom: 0px
	}
}

@media (max-width: 1199px) {
	.wrap-burger-menu-items .cat_mobile {
		padding-bottom: 0px !important;
		position: relative;
	}
	.wrap-burger-menu-items ul.ul-burger li a{
		padding-bottom: 15px !important;
	}
	
	.wrap-burger-menu-items .cat_mobile li{
		width: 100% !important;
	}
	.wrap-burger-menu-items li.home {
        position: absolute;
        top: 34px;
    }
	.wrap-burger-menu-items ul.ul-burger li a:hover{
		color: #b99139 !important;
	}
	.cat_mobile a {
		margin: 0 8px !important;
	}
	li.categories_hor {
		display: none;
	}
	.wrap-burger-menu-items .column ul li{
		width: 100% !important;
	}

	header nav#menu {
		display: none;
	}
	span.icon-burger-mob {
	display: block !important;
	width: 100%;
    height: 40px;
    margin: 6px -6px;
	}
	.icon-burger-mob .ico-sm-b{
	display: flex;
    width: 99%;
    background: #b99139;
    height: 30px;
    padding-top: 13px;
    padding-left: 8px;
	border-radius: 4px;
    color: #fff;
    margin: 0 5px;
   }
}


/* 404 error */
@import url("https://fonts.googleapis.com/css2?family=Cabin+Sketch&display=swap");

.gallery .site h3 {
	font-family: 'Cabin Sketch', cursive;
    font-size: 4em !important;
	text-align: center;
	opacity: 0.8;
	order: 1;
	color: #000;
}

.gallery .site h3 small {
	font-family: 'Cabin Sketch', cursive;
	display: block;
	color: #000;
	font-size: 28px;
    font-weight: 600;
}

.gallery  .site {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	flex-direction: column;
	margin: 0 auto;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.gallery .site .sketch {
	position: relative;
	height: 400px;
	min-width: 400px;
	margin: 0;
	overflow: visible;
	order: 2;
}

.gallery .site .bee-sketch {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.gallery .site .red {
	background: url(http://steadysoft.ca/shopcss/img/404/red-1.png)
		no-repeat center center;
	opacity: 1;
	animation: red 3s linear infinite, opacityRed 5s linear alternate infinite;
}

.gallery .site .blue {
	background: url(http://steadysoft.ca/shopcss/img/404/blue-1.png)
		no-repeat center center;
	opacity: 0;
	animation: blue 3s linear infinite, opacityBlue 5s linear alternate infinite;
}
.wrap-error-not-found {
    columns: inherit !important;
}

@media only screen and (min-width: 780px) {
	.gallery .site {
		flex-direction: row;
		padding: 1em 3em 1em 0em;
	}

	.gallery .site h3 {
		text-align: right;
		order: 2;
		padding-bottom: 2em;
		padding-left: 2em;
	}

	.gallery .site .sketch {
		order: 1;
	}
}

@keyframes blue {
	0% {
		background-image: url(http://steadysoft.ca/shopcss/img/404/blue-1.png);
	}
	9.09% {
		background-image: url(http://steadysoft.ca/shopcss/img/404/blue-2.png);
	}
	27.27% {
		background-image: url(http://steadysoft.ca/shopcss/img/404/blue-3.png);
	}
	36.36% {
		background-image: url(http://steadysoft.ca/shopcss/img/404/blue-4.png);
	}
	45.45% {
		background-image: url(http://steadysoft.ca/shopcss/img/404/blue-5.png);
	}
	54.54% {
		background-image: url(http://steadysoft.ca/shopcss/img/404/blue-6.png);
	}
	63.63% {
		background-image: url(http://steadysoft.ca/shopcss/img/404/blue-7.png);
	}
	72.72% {
		background-image: url(http://steadysoft.ca/shopcss/img/404/blue-8.png);
	}
	81.81% {
		background-image: url(http://steadysoft.ca/shopcss/img/404/blue-9.png);
	}
	100% {
		background-image: url(http://steadysoft.ca/shopcss/img/404/blue-1.png);
	}
}

@keyframes red {
	0% {
		background-image: url(http://steadysoft.ca/shopcss/img/404/red-1.png);
	}
	9.09% {
		background-image: url(http://steadysoft.ca/shopcss/img/404/red-2.png);
	}
	27.27% {
		background-image: url(http://steadysoft.ca/shopcss/img/404/red-3.png);
	}
	36.36% {
		background-image: url(http://steadysoft.ca/shopcss/img/404/red-4.png);
	}
	45.45% {
		background-image: url(http://steadysoft.ca/shopcss/img/404/red-5.png);
	}
	54.54% {
		background-image: url(http://steadysoft.ca/shopcss/img/404/red-6.png);
	}
	63.63% {
		background-image: url(http://steadysoft.ca/shopcss/img/404/red-7.png);
	}
	72.72% {
		background-image: url(http://steadysoft.ca/shopcss/img/404/red-8.png);
	}
	81.81% {
		background-image: url(http://steadysoft.ca/shopcss/img/404/red-9.png);
	}
	100% {
		background-image: url(http://steadysoft.ca/shopcss/img/404/red-1.png);
	}
}

@keyframes opacityBlue {
	from {
		opacity: 0;
	}
	25% {
		opacity: 0;
	}
	75% {
		opacity: 1;
	}
	to {
		opacity: 1;
	}
}

@keyframes opacityRed {
	from {
		opacity: 1;
	}
	25% {
		opacity: 1;
	}
	75% {
		opacity: 0.3;
	}
	to {
		opacity: 0.3;
	}
}


@media (min-width: 1900px) {

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 94%; /*1400px !important;*/ 
}
.product-items {
    /*width: 19.99%;*/
    margin-left: 0px !important;
}
.span9 {
    width: 1099px !important;
}
#categorygrid .grid-3 {
    /*width: 24.99% !important;*/
}
section#latest .thumbnails .prdocutname {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
ul.thumbnails.list.row .products-detail .span3 .span6 {
    width: 70.67% !important;
}
ul.thumbnails.list.row .products-detail .span3 .wrapper-products-list {
    width: 29.33%;
}
} 


.row.twoCloum {
    display: flex;
}
.thumbnails-recent {
	margin: 0 0 10px 0px !important; 
}
.flexdisplay {
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    gap: 10px;
}

.container_checkbox {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 200px;
	height: 100px;
	border-radius: 10px;
}

.checkbox {
	position: relative;
	width: 20px;
	height: 20px;
	appearance: none;
	border-radius: 50%;
	outline: none;
	cursor: pointer;
	border:1px solid #b99139;
	margin:0px !important;
}

.checkbox:checked {
	background-color: #333;
}

.checkbox:checked::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 10px;
	height: 10px;
	border-radius: 50%;
}

.label_checkbox {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	margin-left: 10px;
}

.row_checkbox {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 10px;
}

.left-side {
    flex: 2;
    /* Add your styles for the left side here */
  }

  .right-side {
    flex: 10;
    /* Add your styles for the right side here */
  }

  /* The slider itself */
.slidecontainer {
	margin-top:20px;
}

.priceslider {
	-webkit-appearance: none;  /* Override default CSS styles */
	appearance: none;
	width: 100%; /* Full-width */
	height: 15px; /* Specified height */
	background: #d3d3d3; /* Grey background */
	outline: none; /* Remove outline */
	opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
	-webkit-transition: .2s; /* 0.2 seconds transition on hover */
	transition: opacity .2s;
  }
  
  /* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
  .priceslider::-webkit-slider-thumb {
	-webkit-appearance: none; /* Override default look */
	appearance: none;
	width: 25px; /* Set a specific slider handle width */
	height: 25px; /* Slider handle height */
	background: #4CAF50; /* Green background */
	cursor: pointer; /* Cursor on hover */
  }
  
  .priceslider::-moz-range-thumb {
	width: 25px; /* Set a specific slider handle width */
	height: 25px; /* Slider handle height */
	background: #4CAF50; /* Green background */
	cursor: pointer; /* Cursor on hover */
  }
  .inputPrice {
	border: 1px solid grey;
      padding: 10px;
      margin: 10px 0;
      border-radius: 5px;
      background-color: #f8f9fa;
      color: #6c757d;
	  width:45px;
	  margin-right:10px;
	  margin-left:10px;
  }
  .flexDisp {
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	gap:10px;
  }
  
  .shortlinksbuttons {
    display: flex;
    gap: 10px;
    width: auto;
    text-align: left;
    margin: 10px 0 25px 0;
    background: #fff;
    padding: 5px 0;
}

.shortlinksbuttons button {
	background: #b99139;
    border: none;
    color: white;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    transition-duration: 0.4s;
    cursor: pointer;
    width: 150px; /* Adjust as needed */
    height: 40px; /* Adjust as needed */
    padding: 10px; /* Adjust as needed */
    border-radius: 10px; /* Adjust as needed */
	background: #b99139 url(img/productpageicon.png) no-repeat 0 0;
}
		
.shortlinksbuttons .wishlist {
	 background-position: 0 -60px;
}


.shortlinksbuttons .csale {
	 background-position: 0 -133px;
}


.shortlinksbuttons .price {
	 background-position: 4px 4px;
}


.shortlinksbuttons button:hover {
    background-color: gold;
    color: black;
}
.nobackground {
	background-image:none !important;
}
.justify {
	text-align:justify;
}

.imagesOnShow {
	display: flex;
	height: 25vh; /* Adjust this to set the height of the flexbox */
	justify-content: space-between;
	text-align: center;
	align-items: center;
	gap: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.imagesOnShow div {
  flex: 1;
  margin: 10px; /* Adjust this to set the margin */
  padding: 10px; /* Adjust this to set the padding */
}

.imagesOnShow div img {
  height: 100%;
  width: auto;
  object-fit: contain;
}