/*-- Grid Layout --*/

/* Extend bootstrap styles to include one-fifth option */
/* taken from: http://stackoverflow.com/questions/10387740/five-equal-columns-in-twitter-bootstrap/22799354#22799354 */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

/* Use the .page-width for 100% width colums */
.grid:after {
  content: "";
  display: table;
  clear: both;
}

.col {
  float: left;
}

/* On browsers smaller than 648px make .col 100% */
@media all and (max-width: 648px) {

	.col { width: 100% !important; }

}

/*-- Grid Columns --*/

.ns-wrapper .one-half { width: 50%; }
.ns-wrapper .one-third { width: 33.33%; }
.ns-wrapper .one-fourth { width: 25%; }
.ns-wrapper .one-fifth { width: 20%; }
.ns-wrapper .one-sixth { width: 16.66%; }
.ns-wrapper .one-seventh { width: 14.28%; }
.ns-wrapper .one-eighth { width: 12.5%; }
.ns-wrapper .two-thirds { width: 66.66%; }
.ns-wrapper .three-fourths { width:75%; }
.ns-wrapper .full { width: 100%; }

/*-- Clearfix --*/

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/*-- Alignments --*/

.left { float: left; }
.right { float: right; }
.textleft { text-align: left; }
.textright { text-align: right; }
.textcenter { text-align: center; }

/*-- Frontend form style --*/

.ns-cart-alert.form-error {
	display: block;
	border: 1px solid #ebccd1;
	color: #a94442;
	background: #f2dede;
}

.ns-cart-alert.form-success {
	display: block;
	border: 1px solid #d6e9c6;
	color: #3c763d;
	background: #dff0d8;
}

.ns-form .required {
	//color: #f00;
}

/*-- Search --*/

.ns-filter-search input.ns-search-submit {
	margin-bottom: 20px;
	white-space: normal;
}

/*-- Filter Search --*/

.ns-filter-search {
	padding: 0 10px 10px 10px;
	clear: both;
	border: 1px solid #ccc;
	background: #fff;
}

.ns-filter-search h3 {
	margin: 0 -10px 10px -10px;
	padding: 10px;
	background: #eee;
}

.ns-filter-search strong {
	display: block;
	margin: 0 0 5px 0;
	color: #999;
}

.ns-filter-search label {
	width: 100%;
	display: block;
}

.ns-filter-info {
	width: 100%;
	padding: 3px 0;
	display: inline-block;
	font-size: .8em;
}

.ns-filter-search input[type=submit] {
	width: 100%;
	text-align: center;
}

/*-- Product Sort --*/
.ns-product-sort{
	margin-bottom: 30px;
}

.ns-product-sort ul {
	text-align: right;
	border-bottom: 1px solid #E7E5D1;
}

.ns-product-sort ul li {
	float: none;
	display: inline-block;
	font-size: .8em;
	font-weight: 700;
}

.ns-product {
	overflow: hidden;
	/*margin-bottom: 30px;*/
}

.ns-product-sort .nav>li>a:hover, .ns-product-sort .nav>li>a:focus,
.ns-product-sort .nav>li>a:active {
	border-color: transparent!important;
}

/*-- Breadcrumbs -- */

.ns-breadcrumbs {
	margin: 10px 0;
	text-align: left;
}

.ns-breadcrumbs ul {
	margin: 0 15px;
	padding: 0 20px;
	overflow: hidden;
	background: rgba(0,0,0,0.1);
	border: 3px solid rgba(244,243,229, 0.8);
	border-radius: 4px;
	box-shadow: 0 0 3px 1px rgba(0,0,0,.2);
}

.ns-breadcrumbs li {
	margin: 0;
	padding: 10px 15px 10px 0;
	float: left;
	list-style: none;
	display: inline-block;
}

.ns-breadcrumbs a {
	display: inline-block;
	text-decoration: none;
}

.spacer {
	padding: 10px 15px 10px 0;
}

/*-- Sort Content --*/



/*-- Category Content --*/

.ns-category-content {
	padding: 0;
	margin: 0;
}

/*-- Category list --*/

.ns-categories ul {
	margin: 0 0 20px 0;
	padding: 0;
	width: 100%;
}

.ns-categories li {
	font-size: .8em;
	margin-right:3px;
	/*border-radius: 4px;*/
    border-right: 1px solid black;
    padding-right:5px;
}

.ns-categories li:last-child {
    border-right: none;
}

.ns-categories .categories-btn li {
	padding-top:35px;
	padding-left: 40px;
	float:left;
}

.ns-categories li a {
    padding: 0px 10px;
}

.ns-categories li a {
	background: transparent;
	color: rgba(98, 26, 29, 1);
}

.ns-categories li a:hover {
	background: transparent;
	color:rgba(98, 26, 29, 0.7);
}

.ns-categories-white li a {
    background: transparent;
    color: rgba(113, 114, 55, 1);
}

.ns-categories-white li a:hover {
    background: transparent;
    color:rgba(113, 114, 55, 0.7);
}

.ns-categories .categories-btn li a {
	background: transparent;
	color: rgba(98, 26, 29, 1);
}

.ns-categories .categories-btn li a:hover {
	background: transparent;
	color: rgba(98, 26, 29, 0.7);


}

/*-- Gridview --*/
.ns-wrapper .product.gridview {
	/*height: 370px;*/
}

.int-product-notice {
	color:#8a2529;
	font-weight:bold;
	text-align:center;
	border:1px solid black;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top:15px;
}

.ns-status-sold {
	position: absolute;
	right: -5px;
	left: -5px;
	top: 7px;
	z-index: 9999999;
	text-align: center;
	padding: 5px 10px;
	background: rgba(200, 0, 0, 0.6);
	border-radius: 5px;
	border: 2px solid rgba(200,0,0, 0.4);
	box-shadow: 0 0 3px 1px rgba(0,0,0,.2);
	color: #fff;
}

.ns-status-coming-soon {
	position: absolute;
	right: -5px;
	left: -5px;
	top: 7px;
	z-index: 9999999;
	text-align: center;
	padding: 5px 10px;
	background: rgba(0, 215, 0, 0.6);
	border-radius: 5px;
	border: 2px solid rgba(0, 200, 0, 0.4);
	box-shadow: 0 0 3px 1px rgba(0,0,0,.2);
	color: #fff;
}

.ns-image{
    padding: 20px;
	position: relative;
	z-index: 50;
	clear: both;
}

.ns-image a {
	width: 100%;
	height: 100%;
	display: block;
	float: left;
}

.ns-image img.productimg {
	height: auto;
	margin: 0 auto;
	display: block;
}

.ns-image .MagicZoomBigImageCont {
	background: #fff;
}

.ns-image .MagicZoomBigImageCont img {
	/* if this isn't set to 'none'
	the zoom image will fill the zoom box */
	max-width: none;
}

.ns-image-secondary {
	clear: both;
}

.product.gridview .ns-name {
	margin-bottom: 20px;
	padding-bottom: 20px;
	font-size: 1.0em;
	overflow: hidden;
	border-bottom: 1px solid #E7E5D1;
	white-space: nowrap;
}

.ns-view-item.ns-button {
	width: 100%;
	text-transform: uppercase;
	font-size: .8em;
	text-align: center;
}

.ns-price {
	margin: 0;
	line-height: 25px;
	display: block;
}
.ns-price.original span {
	text-decoration: line-through;
}
.ns-price-label {
	padding-right: 15px;
	float: left;
}
.ns-currency-symbol {
	padding-right: 5px;
	float: left;
}
.ns-price-amount {
	padding-right: 5px;
	float: left;
}
.ns-currency {
	padding-right: 5px;
	float: left;
	font-size: .8em;
}

/*-- Detail --*/

.product.detail .ns-image-secondary img {
	border: 1px solid #fff;
	background: #fff;
}

.product.detail .ns-product-info-top,
.product.detail .ns-product-info-middle.form-middle,
.product.detail .ns-product-info-bottom {
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
}

/* Remove the border when the form is at the end */
.product.detail .ns-product-info-middle.form-end {
	margin: 0;
	padding: 0;
	border: 0;
}

/* the cart bottom apended to the product description like a shortcode */
.product.detail .ns-product-info-middle .ns-product-info-bottom {
	margin: 30px 0;
	padding: 30px 0;
	border-top: 1px solid #E7E5D1;
}

.product.detail .ns-price {
	margin: 0 0 5px 0;
	font-weight: bold;
	font-size: 1.5em;
}

.product.detail .ns-product-meta {
	margin: 0;
}

.product.detail .ns-description {}

.product.detail .ns-add-form {}

.product.detail .ns-option-group {
	margin: 0 0 10px 0;
}

.product.detail .ns-add-form label {
	padding: 0 10px 0 0;
	float: left;
	display: block;
}

.product.detail .ns-add-to-cart {}

.product.detail .ns-add-to-cart input[type=text] {
	width: 50px;
}

.product.detail .ns-add-to-cart input[type=submit] {
	margin: 10px 0;
	float:right;
}

/*-- Social Media --*/

.product.detail .ns-share-bar {
	padding: 10px 20px;
	background: rgba(0,0,0,0.1);
	border-radius: 4px;
	border: 3px solid rgba(244,243,229, 0.8);
	box-shadow: 0 0 3px 1px rgba(0,0,0,.2);
}

.product.detail .ns-share-title {
	margin: 5px 0;
}

.product.detail .ns-share-facebook,
.product.detail .ns-share-twitter,
.product.detail .ns-share-gplus,
.product.detail .ns-share-pinterest,
.product.detail .ns-share-linkedin {
	float: left;
	margin: 0 7px;
	min-height: 65px;
}

.product.detail .ns-share-pinterest {
	margin-top: 40px;
	min-height: 30px;
}

.product.detail .product-notes .note{
	margin: 30px 0px;
}

.product.detail .product-notes .note:first-child{
	margin-top: 0;
}

.product.detail .product-notes .note .note-date{
	margin-bottom: 10px;
	border-bottom: 1px solid #dddddd;
	font-size: small;
	color: #888;
}

.product.detail .section-title{
	border-bottom: 1px solid #ccc;
}

.product.detail .product_type_fields{

}

.product.detail .product_type_field{
	margin-bottom: 15px;
}

.product.detail .product_type_field label{
	margin-bottom: 0px;
}

.product.detail .product_type_field .product-type-description{
	color: #999999;
	font-size: .9em;
}

/*-- Cart --*/

.ns-cart-alert {
	margin: 10px auto;
	padding: 10px 0;
	border: 1px solid #e6db55;
	background: #ffffe0;
	color: #000;
	text-align: center;
	display: none;
}

.ns-table {
	margin-bottom: 30px;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	background: #fff;
}

.ns-table .top { vertical-align: top;}
.ns-table .a-left { text-align: left; }
.ns-table .a-right { text-align: right; }

.ns-table td,
.ns-table th {
	padding: 10px;
	border: 1px solid #ccc;
	color: #000;
	text-align: center;
	vertical-align: middle;
}

.ns-table th {
	padding: 8px;
	background: #eee;
}

.ns-table input {
	margin: 0;
}

.ns-checkout-action-buttons {
	margin: 10px 0;
	text-align: right;
}

.ns-checkout-action-buttons .col {
	padding: 5px 0;
	text-align: right;
}

.ns-form .ns-checkout-action-buttons input[type=submit] {
	margin-left: 10px;
}

.coupon-code {
	text-align:left;
}

/*-- Customer login / Register --*/

.ns-customer-login,
.ns-customer-register {
	padding: 30px;
	background: #FFF;
	color: #000;
	border-radius: 0;
	border: 3px solid #E7E7E7;
}

.ns-customer-login h3,
.ns-customer-register h3 {
	margin: 0 0 25px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #E2E2E2;
}

/*-- Checkout --*/

.ns-customer-form,
.ns-shipping-form {
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #ccc;
	display: none;
	text-align: left;
}

#ns-customer-info,
#ns-shipping-info {
	text-align: left;
	color: #999;
}

#ns-customer-info .name,
#ns-shipping-info .name {
	font-size: 1.3em;
	color: #000;
}

/*-- Checkout Steps --*/

.ns-checkout-steps {
	margin: 0 0 20px 0;
}

.ns-checkout-steps div span {
	padding: 10px;
	display: block;
	color: #ccc;
	border-bottom: 5px solid #ccc;
	text-align: center;

}

.ns-checkout-steps div.current-step span {
	color: #8a2529;
	border-color: #8a2529;
}

/*--- Extended User Styles ---*/
.extended-user .nav-tabs>li.active>a, .extended-user .nav-tabs>li.active>a:hover, .extended-user .nav-tabs>li.active>a:focus {
	border: 1px solid #e6e3e3;
	border-bottom-color: transparent;
	background-color: #FFFEEF;
}

.extended-user .nav-tabs {
	border-bottom: 1px solid #ddd;
}

.extended-user .nav-tabs>li>a {
	border-radius:0;
	color: #474747;
	margin-right: 10px;
	border: 1px solid #e6e3e3;
}

.extended-user thead {
	border-color: #eeeeee;
	border-bottom: 3px solid #eeeeee;
	text-transform: uppercase;
}

/*Orders*/
.extended-user .input-section {
	clear:both;
}

.extended-user .table {
	background-color: #fff;
	border: 3px solid #eee;
}

.extended-user .table>thead>tr>th {
	border-bottom: 0;
}

/*Conversations*/
.extended-user .panel {
	border-radius:0;
}

.extended-user .panel .meta .label {
	color:#000;
	font-size:100%;
	padding: 0;
}

.extended-user .conversations a:hover {
	text-decoration: none;
}

.extended-user .conversations a:hover .panel-default {
	background: #f5f5f5;
}

.extended-user .conversations .panel-heading .subject {
	font-size: 20px;
	margin-bottom: 5px;
}

.extended-user .conversations .panel-info .panel-footer {
	background-color: #d9edf7;
	border-color: #bce8f1;
}

.extended-user .conversations a:hover .panel-info {
	background-color: #d9edf7;
}

.extended-user .message.postbox {
	margin-bottom:20px;
}

.extended-user h3.panel-heading {
	margin-top:0;
}

.extended-user .view-all, .extended-user .view-history {
	margin:20px 0 0;
}

.extended-user .new-convo {
	margin-bottom:20px;
}


/*-- Mobile styles --*/
@media all and (max-width: 900px) {

	.ns-filter-search-wrapper .ns-option-group .col {
		width: 100%;
	}

	.ns-wrapper .product.gridview .col {
		width: 100%;
	}

	.product.gridview .ns-price {
		margin: 0 0 5px 0;
	}
}


@media all and (max-width: 648px) {

	.margin-left,
	.margin-right,
	.margin-all {
		margin: 0;
	}

	/*-- Gridview --*/

	.ns-filter-search-wrapper {
		margin-bottom: 25px;
	}

	.ns-wrapper .product.gridview {
		width: 100%;
		height: 100% !important;
		margin-bottom: 50px;
		padding: 0;
	}

	.product .ns-name {
		margin-bottom: 0;
	}

	/*-- Detail --*/

	.product.detail .ns-image-secondary .col {
		width: 20% !important;
		text-align: center;
	}

	.product.detail .ns-image-secondary img {
		padding: 5px;
		float: none;
		display: inline-block;
	}

	.ns-product-info {
		padding-top: 25px;
	}

	.ns-form .ns-checkout-action-buttons input[type=submit] {
		display: block;
		float: right;
		clear: both;
		margin: 0 0 5px 0;
	}

	.ns-forgot-pass {
		width: 100%;
		display: block;
		padding: 10px 0;
	}

	.ns-customer-login,
	.ns-customer-register {
		width: 88%;
	}

}

@media(min-width:768px) {
	.ns-image img.productimg {
		width:100%;
	}
}

@media(min-width:992px) {
	.ns-checkout-steps div span {
        font-size: 15px;
    }
}

@media(min-width:1200px) {
	.ns-checkout-steps div span {
        font-size: 16px;
    }

}

.ns-image {
	  border: 2px solid #F4F3E5;
	  background: #fff;
}

.ns-image-secondary .col-xs-3 {
	padding-left: 0;
	padding-right: 0;
	background: #fff;
	border: 2px solid #F4F3E5;
	border-top:0;
	border-left:0;
}

.ns-image-secondary {
	border-left: 2px solid #F4F3E5;
}

.ns-filter-search {
    border: 1px solid #000;
}

.ns-filter-search h3 {
    background: #000;
    color: #fff;
    font-weight: bold;
}

.nav-tabs {
    border-bottom: 1px solid #000;
}

.nav.nav-tabs>li>a {
    padding: 14px;
    /*border: 1px solid transparent !important;*/
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	background-color: #FFFEEF;
	color: #8a2529;
}

.nav.nav-tabs>li>a:hover,
.nav.nav-tabs>li>a:focus,
.nav.nav-tabs>li>a:active {
    border-color: #e6e3e3;
    color: #8a2529;
    background-color: transparent;
}


/* Styles for Shop -> Status Ribbon */

.nc-product-Sold, .nc-product-Archived {
	color: #E50000;
}

.nc-product-Active {
	color: #30CE00;
}

.nc-product-Coming {
	color: #71F246;
}


/* Styles for Archive -> View Product */

.nc-view-product {
	border-bottom: 1px solid #CCC;
	padding: 0 20px;
	height: 190px;
}

.nc-view-product .image {
	float: right;
	padding: 10px;
	border: 2px solid #F4F3E5;
	background: #fff;
}

.nc-view-product .description {
	float: left;
	width: 80%;
}


/* Styles for Archives -> View Categories */

.nc-view-categories {
	margin: 15px;
    padding: 10px 20px;
    overflow: hidden;
    background: rgba(0,0,0,0.1);
    border: 3px solid rgba(244,243,229, 0.8);
    border-radius: 4px;
    box-shadow: 0 0 3px 1px rgba(0,0,0,.2);
    font-size: 16px;
}

.nc-view-categories span {
	font-weight: bold;
	padding: 0 10px;
}


.nc-archives-subcategories {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 15px;
}

.nc-archives-subcategories ul {
	list-style-type: none;
}

.nc-archives-subcategories li {
	margin: 15px 0;
    padding: 10px 20px;
    width: 20%;
    overflow: hidden;
    background: rgba(0,0,0,0.1);
    border-radius: 4px;
    font-size: 16px;
}

.nc-archives-categories {
	margin: 15px;
}

.nc-archives-categories ul {
	list-style-type: none;
}

.nc-archives-categories li {
	margin: 15px 0;
    padding: 10px 20px;
    width: 20%;
    overflow: hidden;
    background: rgba(0,0,0,0.1);
    border-radius: 4px;
    font-size: 16px;
}


/* Styles for Archive -> Pagination */

.pagination-links {
	width: 200px;
	display: block;
	margin: auto;

}

.paging-input {
	margin: 20px;
}

.displaying-num {
	display: block;
	margin: 10px;
}


/* Styles for Archive -> Merchandise -> Search */

.ns-filter-search-wrapper {
	margin-bottom: 10px;
}

.ns-filter-search-merchandise {
    padding: 0 10px 10px 10px;
	clear: both;
	border: 2px solid #F4F3E5;
	background: #fff;
}

.ns-filter-search-merchandise h4 {
    margin: 0 -10px 10px -10px;
	padding: 10px;
    background: rgba(0,0,0,0.1);
}

.ns-filter-search-merchandise input[type=submit] {
	width: 100%;
	text-align: center;
}

.open_dialog {
	color: #8a2529;
}

.open_dialog:hover {
	color: #191919;
	cursor: pointer;
}

@media (max-width: 768px) {
	.nc-view-categories {
		display: inline-block;
	}
}

/* 5 Column Layout http://www.wearesicc.com/quick-tips-5-column-layout-with-twitter-bootstrap/ */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}
