/* ==|== primary styles =====================================================
    Author: Ben Hood, helloFriday
   
   1. Body/Container
   2. Header
   		2.1 --> Logo
   		2.2 --> ControlPanel
   		3.3 --> Navigation
   3. Main Content Area
   		3.1 --> Slideshow
   		3.2 --> Boxes
   4. Footer
   5. Shopping Cart
   6. Responsive
   ========================================================================== */
   
   
/* 1. Body/Container
================================================== */

#wrap {
	margin:0 auto;
	position:relative;
	width:960px;
	}

#container {	
	background:#ffffff !important;
	margin:0 auto;
	position:relative;
	width:960px;
	}
.container-background {
	background:#ffffff !important;	
	}
#wrapper {	
	width: 930px;
	padding: 30px 0px 0 30px;
	position: relative;
	}
	
.patternBack {
	background:url('/uploaded_files/document_uploads/patternBack.png') no-repeat right bottom;
	}
	
/* 2. Header
================================================== */

/* 2.1 Logo -------------------------------------- */

h1.logo {
	background:url('/uploaded_files/document_uploads/mainLogo.jpg') no-repeat;
	height:114px;
	width:143px;
	text-indent:-9999px;
	}
	
h1.logo a {
	display:block;
	height:114px;
	width:143px;
	}	
   
/* 2.2 Control Panel ------------------------------ */
   
#controlPanel {
 	height:20px;
 	position:absolute;
 	text-align:right;
 	right:30px;
 	top:140px;
 	text-transform:uppercase;
	} 	
	
/* 2.3. Navigation ------------------------------ */

#navigation {
	display:block;
	position:absolute;
	border-top: solid #eae9df 1px;
	padding:13px 0;
	height:20px;
	top:170px;
	width:900px;
	}
	
.mainNav {
	float:left;
	}
	
.cartNav {
	float:right;
	width: 350px;
	text-align: right;
display:none;
	}	
	
.shop {
	float:left;
	margin-right:20px;
	font-family: "p22-underground-n6","p22-underground",sans-serif;
	font-weight:800;
	}
	
/* SUB NAV */

.category {
    float:left;
    width:19em !important;
    margin:0; padding:0;
    }

ul.category-list {
	width:19em !important;
	padding-top:20px;
	}
	
ul.category-list li {
	text-transform:uppercase;
	margin-bottom:5px;
	font-family: "p22-underground-n6","p22-underground",sans-serif;
	font-weight:400;
	    -webkit-transition-duration: 0.8s;
     	-moz-transition-duration: 0.8s;
      	-ms-transition-duration: 0.8s;
       	-o-transition-duration: 0.8s;
         transition-duration: 0.8s;
	}
	
ul.category-list li a:link,
ul.category-list li a:visited {
	color:#817F70;
		    -webkit-transition-duration: 0.8s;
     	-moz-transition-duration: 0.8s;
      	-ms-transition-duration: 0.8s;
       	-o-transition-duration: 0.8s;
         transition-duration: 0.8s;
	}	
		
	
.sf-vertical li.dim a{
    color:#ededed !important;
    -webkit-transition-duration: 0.8s;
     	-moz-transition-duration: 0.8s;
      	-ms-transition-duration: 0.8s;
       	-o-transition-duration: 0.8s;
         transition-duration: 0.8s;
         }
    
ul.category-list a:hover {
    color:#00A1B1 !important;
    font-weight:800;
    }
    
ul.category-list li ul li {
    list-style-image:url('/uploaded_files/document_uploads/listArrow.jpg');
    list-style-position:inside;
    }

ul.category-list li ul {
    margin-left:5px;
    padding:0;
    }
    
    

/* 3. Main Content Area
================================================== */

.content {
	margin-top:110px;
	padding-bottom: 30px;
	}
	
.internal {
/* width:860px; */
	padding:20px 0px 20px 20px;
	min-height:300px;
	}
	
.internalText {
    width:870px;
    }
	
.articleContent {
	margin-bottom:30px;
	}	
	
.breakout {
	padding:20px;
	background:#f7f7f6;
	}
	
.internalBegin {
    width:700px;
    float:right;
    }

/* 3.1 Slideshow -------------------------------------- */

ul.slideshow {
	list-style:none;
	width:900px;
	height:380px;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
	background:#fff;	
	margin-bottom: 30px;
}

ul.slideshow.beads {
	width: 652px;
	height:300px;
	}

	

ul.slideshow li {
	position:absolute;
	right:0;
	top:110;
	line-height:
}

ul.slideshow li.show {
	z-index:500;	
}

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

#slideshow-caption {
	width:380px;
	height:140px;
	position:absolute;
	right:0;
	top:110;
	color:#fff;
	background: #eae9df;
	z-index:500;
}

#slideshow-caption .slideshow-caption-container {
	padding:5px 10px;		
	z-index:1000;
}

#slideshow-caption h1 {
	margin:0;
	padding:0;	
}

#slideshow-caption p {
	margin:5px 0 0 0;
	padding:0;
}	
	
/* 3.2 Boxes -------------------------------------- */
	
.feature {
	height:180px;
	margin-top:30px;
	width:900px;
	}
	
.feature.internalButton {
	float:right;
	width:682px;
	margin:0;
	margin-right:50px;
	}	

.boxes {
	background:#ccc;
	height:180px;
	width:280px;
	}
	
.homepage-boxes {
    float:left;
    }
	
.boxes.internalBox {
	width:311px;
	float:right;
	*float:left;
	_float:left;
	}	

.middle {
	margin:0 30px;		
	}
	

/* Features -------------------------------------- */

.inStore {
	background:url('/uploaded_files/document_uploads/instore.jpg');
	}	
	
.whatsHot {
	background:url('/uploaded_files/document_uploads/hot.jpg');
	}
	
.onSale {
	background:url('/uploaded_files/document_uploads/onSale.jpg');
	}	
	
.beads-feature-left {
    background:url('/uploaded_files/document_uploads/beads-feature-left.jpg');
    }
    
.beads-feature-right {
    background:url('/uploaded_files/document_uploads/beads-feature-right.jpg');
    }    
    
.jewellery-feature-left {
    background:url('/uploaded_files/document_uploads/jewellery-feature-left.jpg');
    }  	

.jewellery-feature-right {
    background:url('/uploaded_files/document_uploads/jewellery-feature-right.jpg');
    }  
/* 3. Footer
================================================== */

#footer {
	background:#817f70;
	background: #817f70; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjU1JSIgc3RvcC1jb2xvcj0iIzgxN2Y3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNWEyOTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(-45deg,  #817f70 55%, #a5a296 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(55%,#817f70), color-stop(100%,#a5a296)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #817f70 55%,#a5a296 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #817f70 55%,#a5a296 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #817f70 55%,#a5a296 100%); /* IE10+ */
	background: linear-gradient(-45deg,  #817f70 55%,#a5a296 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#817f70', endColorstr='#a5a296',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

	height:80px;
	width:900px;
	padding:30px;
}

.facebook {
	height:17px;
	width:82px;
	background:url('/uploaded_files/document_uploads/facebook.jpg') no-repeat;
	text-indent:-9999px;
	margin-top:15px;
	margin-right:10px;
	float:right;
	}
	
.facebook a {
	display:block;
	height:17px;
	width:82px;	
	}
	
.hellofriday {
	height:17px;
	width:84px;
	background:url('/uploaded_files/document_uploads/helloFriday.jpg') no-repeat;
	text-indent:-9999px;
	margin-top:17px;
	margin-right:20px;
	float:right;
	}
	
.hellofriday a {
	display:block;
	height:17px;
	width:84px;	
	}	
	
	
.footerSprite {
	background:url('/uploaded_files/document_uploads/footerSprite.png') no-repeat;
	height:75px;
	width:123px;
	float:left;
	}	
	
.footerBlock {
	float:left;
	width:600px;
	}
	
#footer	ul {
	float:right;
	text-align:right;
	margin:0;
	}

	
#footer	ul li{
	margin-bottom:0px;
	}
	
/* 5. NEWS

These styles share with the .productItemBox etc.
================================================== */
.news-width {
    width: 95% !important;
    float:left;
    }
    
.news-image {
    float:right;
    margin-left:20px;
    width:100px !important;
    }
    
.news-heading {
    width:400px !important;
    float:none !important;
    }
    
.news-more-details > a{
    width: 80px !important;
    float: right !important;
    clear: right;
}

.news-width p {
    margin:10px 0 5px 0 !important;
    width:650px !important;
    }

/* 5. Shopping Cart
================================================== */

.checkout-two td b {
    margin-right:20px;
    }

/* HIDE QUANTITY BOX FROM PRODUCT LIST PAGE */

.prod_quantity {
	display:none;
	font-size: 80%;
	}
	
/*  PRODUCT ITEM LIST PAGE */

.productItemBox {
	float: left;
    clear: none;
    min-height: 300px;
	position:relative;
	width:175px;
	padding:10px;
	border:1px solid #eae9df;
	margin: 0 20px 20px 0;
	background:#fff;
	  	-webkit-transition-duration: 0.8s;
     	-moz-transition-duration: 0.8s;
      	-ms-transition-duration: 0.8s;
       	-o-transition-duration: 0.8s;
         transition-duration: 0.8s;
}
	
.productItemImg {
	margin-Bottom:10px;
	width:175px;
	}		
	
.productItemName {
	float:left;
	width:110px;
	}
	
.productItemPrice {
	float:right;
	width:60px;
	text-align:right;
	}

#buy_button {
display:none;
}	

#buy_button > a,
#buy_button > a:visited,
.productItemDetails > a {
	padding:6px 10px;
	width:155px;
	display:block;
	background:#c4c3b8;
	text-decoration:none;
	text-transform:uppercase;
	color:#fff;
	text-align:center;
	float:left;
	bottom:10px;
	-webkit-transition:background 0.2s;  
  	-moz-transition:background 0.2s;  
   	-o-transition:background 0.2s;  
  	transition:background 0.2s; 
	}

.productItemDetails > a {
    position:absolute;
    left:10px;
    }
	
#buy_button > a:hover {
	background:#eae9df;
	}	

.price_old {
	text-decoration:line-through;
	}
	
.price_new {
	color:#d71616;
	}	
	

.productItemDetails > a {
	background:#eae9df;
	color:#817F70;
	float:left;
	font-size:80%;
	}
.productItemDetails > a:hover {
	background:#c4c3b8;
	}	
	
.productDetailBlock > h2 {
	font-size:22px;
	line-height:24px;
	}	
	
/* PRODUCT DETAIL PAGE */

ul.stock-gallery,
ul.stocks,
ul.stock_item {
	margin:0;
	padding:0;
	}
	
.productDetailImgBlock {
	float:left;
	padding:25px 25px 0px 25px;
	border:1px solid #eae9df;
	margin-right:50px;
	}

.productDetailBlock	{
	float:left;
	width: 374px;
	}
	
li.color > div {
/* HIDE COLOR BOX */
	display:none;
	}	

.fb-like {
	float: left;
	width: 60px;
	height: 21px;
	margin-left: 15px;
	padding: 0;
	margin-top: -15px;
	overflow: visible;
	zoom: 1;
	}
	
li.stockRow {
	}

ul.stock_item {
	margin-bottom:5px;
	border-bottom:1px solid #eae9df !important;
	}

ul.stock_item li {
	display:block;
	float:left;
	}
	
ul.stock_item li.color {
	font-weight:bold;
	font-size:120%;
	width:100px;
	}		
	
ul.stock_item li:last-child {
	margin-right:0px;
	}	

.productDetailStock {
border-top: solid 3px #eae9df;
padding: 10px 0 0px 0;
margin-bottom: 5px;
}
	
li.size	{
	text-align: center;
	margin-right: 0px;
	width: 150px;
	}
	
span.size {
	display:block;
	width:60px;
	padding:2px 0;
	border:1px solid #eae9df;
	background:#fff;
	margin-right:5px;
	margin-bottom: 5px;
	cursor:pointer;
	float: left;
	margin-bottom: 5px;
	}	
	
span.size:hover {
	border:1px solid #817f70;
	background:#eae9df;
	}	
	
li.size > span.selected{
	display:block;
	width:60px;
	color:#fff;
	background:#817f70;
	}
	
li.price {
	font-weight: bold;
	float: right !important;
	width: 80px !important;
	text-align: right;
	font-size: 110%;
	}	
	
span.currency {
	color:#ccc;
	font-size:80%;
	}	
	
span.label {
	float: left;
	margin-right: 10px;
	padding-top: 8px;
}	

input#quantity {
	width:30px;
	float:left;
	}
	
input#discount {
	float:left;
	}	

.view_bag_content {
	border:0px solid #333 !important;
	}	

.shop_table_heading,
.total_table,
#discount_label {
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
	padding-bottom:10px;
	}
	
#contentHolder {
	margin-top:20px;
	}
	
.sorter {
	position:absolute;
	top:260px;
	right:30px;
	width:170px;
	height:15px;
	padding-bottom:5px;
	border-bottom: solid 1px #eae9df;
	}	
	
	
#sort-by {
	text-align:right;
	}
	
.secondaryImage	{
	position: absolute;
	top: 569px;
	left: 258px;
	}
	
.secondaryImage li {
	display: block;
	float: left;
	height: 70px;
	width: 70px;
	overflow: hidden;
	margin-right: 10px;
	border: 1px solid #EAE9DF;
	position:relative;
	}

.back-button {
	background: #EAE9DF !important;
	border: none !important;
	clear: left !important;
	font-size: 80%;
	margin-top: 20px !important;
	padding: 2px 0 2px 10px !important;
	width: 60px !important;
	}

.stock-galleries li{
	-webkit-transition: opacity 0.1s linear, left 0.25s ease-in-out;
	-moz-transition: opacity 0.1s linear, left 0.25s ease-in-out;
	-o-transition: opacity 0.1s linear, left 0.25s ease-in-out;
	transition: opacity 0.1s linear, left 0.25s ease-in-out;
}

.secondaryImage li a img {
    position: absolute;
    left: -75%;
    top: -75%;
    }

/* ERROR STUFF */


.noImage {
    display:block;
    width:175px;
    height:181px;
    background:url('/uploaded_files/document_uploads/noProductImg.gif') no-repeat;
    margin-bottom:5px;
    }


/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}
.slicknav_menu {
	display:none;
	}
	/*
@media screen and (max-width:768px) {
.slicknav_menu {
	display:block;
	}
.slideshow,
.hide-mobile,
#navigation {
	display:none;
	}
#wrap,
	#container,
	#wrapper,
	.feature,
	#footer,
	.internalBegin,
	.productDetailBlock,
	.productDetailImgBlock {
		width:100%;
		padding:0;
		margin:0;
		}
.internal {
	width:85%;
	padding:20px;
	}
.mainNav,
.cartNav {
	float:none;
	width:100%;
	position:relative;
	top:0;
	bottom:0;
	}
.content {
	margin-top:20px;
	}
.header {
	padding-top:20px;
	}	
	.logo {
		margin:0 auto;
		margin-top:20px;
		}
.boxes,
.homepage-boxes {
	float:left;
	width:90%;
	margin:0 !important;
	margin:0 auto !important;
	margin-bottom:15px !important;
	margin-left: 15px !important;
	}
a.boxLink {
		width:100%;
		}
		
	.homepage h3.pageElementTitle {
		position:relative;
		background:none;
		width:100% !important;
		text-align:center;
		top:0 !important;
		right:0 !important;
		padding:0;
		}
.inStore,
.whatsHot,
.onSale {
	background-size:100%;
	}
#footer {
	height:auto;
	}
.footerBlock {
width:90%;
	padding:15px;
}
#footer ul {
	margin-right: 15px;
	margin-bottom: 15px;
}
#controlPanel {
	height: 20px;
	position: absolute;
	text-align: left;
	right: 0;
	top: 0;
	text-transform: uppercase;
	width: 100%;
	margin:0 auto;
	}
ul.inline {
	width: 97%;
	margin-left: 5px;
	margin-top: 7px;
	}
ul.inline li {
	width:20%;
	margin-right: 1px;
	margin: 0 auto;
	}
ul.inline li a:link,
ul.inline li a:visited {
	padding:5px 10px;
	background:#817f70;
	border-radius: 3px;
	color:#fff;
	margin-bottom:5px;
	}
h2, .pageTitle {
	text-align:center;
	}
.category {
	width:100% !important;
	margin-bottom: 20px;
	}
.category select {
	width:90%;
	margin:0 auto;
	height: 40px;
	font-size: 15px;
	}
.boxes.internalBox {
	float:left;
	width:100%;
	margin:0 !important;
	}
.feature.internalButton {
float: left;
width: 100%;
}
.internal {
	height:auto;
	min-height: 475px;
	}
.secondaryImage {
	position:relative;
	top:0;
	right:0;
	left:0;
	}
.productDetailImgBlock {
	border:0;
	}
.lightbox_thumb {
	border: 1px solid #eae9df;
	}
.productItemBox {
	width:90%;
	min-height: 350px;
	}
#buy_button > a, #buy_button > a:visited, .productItemDetails > a {
	width:85%;
	}
.lightbox_thumb,
.productItemImg {
	width:100% !important;
	}
.fb-like {
	margin-top: 10px;
	margin-left:0;
	}
input[type="text"], input[type="password"], input[type="email"], textarea {
	width:95%;
	}
.form_fields {
	width:90% !important;
	}
.secondary {
	display:none;
	}
}
*/
/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; 
      clear:both;}
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }


.shop-banner {
    background: #f1f0eb;
    clear: both;
    width: 80%;
    padding: 20px;
    font-size: 19px;
    line-height: 37px;
    text-align: left;
    margin: 0 auto;
    border-radius: 10px;
    text-align: center;
    margin-top: 35px;
}