*,
*:after,
*:before {
	margin: 0;
	padding: 0;
	/* Removes padding behaviour on widths */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.frame {
	margin: 0 auto;
	max-width: 100%;
/*		border: solid red 1px;*/
}

.frame:after {
	content: "";
	display: table;
	clear: both
}

.frame.fit {
	width: 1440px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px
}

[class*=trin-] {
	float: left;
	padding: .8em !important;
/*		border: solid red 1px;*/
}

.trin-1 {
	width: 100%
}

.trin-2 {
	width: 50%
}

.trin-3 {
	width: 33.33333%
}

.trin-4 {
	width: 25%
}

.trin-5 {
	width: 20%
}

.trin-6 {
	width: 16.66667%
}

.trin-7 {
	width: 14.28571%
}

.trin-8 {
	width: 12.5%
}

.trin-9 {
	width: 11.11111%
}

.trin-10 {
	width: 10%
}

.trin-11 {
	width: 9.09091%
}

.trin-12 {
	width: 8.33333%
}

.trin-25 {
	width: 25%
}
.trin-33 {
	width: 33.33333%
}
.trin-40 {
	width: 40%
}

.trin-50 {
	width: 50%
}
.trin-60 {
	width: 60%
}

.trin-66 {
	width: 66.66666%
}

.trin-75 {
	width: 75%
}

.trin-80 {
    width: 80%
}
.trin-100{
	width: 100%;
}
.visible-xs,
.visible-md,
.visible-lg {
	display: none;
}

@media (max-width:30em) {
	.hidden-xs {
		display: none;
	}
	.visible-xs {
		display: block;
	}
}

@media (min-width:30em) and (max-width:50em) {
	.hidden-md {
		display: none;
	}
	.visible-md {
		display: block;
	}
}

@media (min-width:50em) and (max-width:68.75em) {
	.hidden-lg {
		display: none;
	}
	.visible-lg {
		display: block;
	}
}




/*CART AREAS*/
@media only screen and (max-width:800px) {

	

}
/*CONTENT WIDTH Qs and cart stuff*/

@media (max-width:30em) {
	.cart-info{
		padding: 0 !important;
	}
	
	.checkout-btns .trin-2{
		width: 100%;
	}
	.SCNVSCApplyCouponButton,
	.SCNVSCBeginCheckoutButton,
	.SCNVSCContinueShoppingButton,
	.NEButton-add,
	.NEButton-cancel
	{
		width: 100%;
	}
	.product-row.frame.fit{
	    padding-left: 0;
		padding-right: 0;
}

	a.remove-link{
		display: block !important;
	}
	
	
	
	header .trin-2{
		width: 100%;
	}

	
	
}

@media (min-width:30em) and (max-width:75em) {
	
	#shop-menu > ul > li > a {
		font-size: 12px;
		padding-left: 5px !important;
		padding-right: 5px !important;
	}

	
.frame.fit {
		width: 970px;
	}
}

	


@media (min-width:75em) and (max-width:88em) {
	.frame.fit {
		width: 1170px;
	}
	
	
	
}


@media (min-width:88em) {
	.frame.fit {
		width: 1440px;
	}
	
}

.container-fluid {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px
}

/* tringrid system addons for easy mobile markup */

@media (min-width: 1em) and (max-width: 49em) {
	.mobile [class*=trin-] {
		width: 100%;
	}
}


/* make all trins have a static version so the overarching MOBILE class does not affect them */

.trin-2.static {
	width: 50% !important;
}

.trin-3.static {
	width: 33.33333% !important;
}

.trin-4.static {
	width: 25% !important;
}

.trin-5.static {
	width: 20% !important;
}

.trin-6.static {
	width: 16.66667% !important;
}

.trin-7.static {
	width: 14.28571% !important;
}

.trin-8.static {
	width: 12.5% !important;
}

.trin-9.static {
	width: 11.11111% !important;
}

.trin-10.static {
	width: 10% !important;
}

.trin-11.static {
	width: 9.09091% !important;
}

.trin-12.static {
	width: 8.33333% !important;
}

.trin-25.static {
	width: 25% !important;
}

.trin-33.static {
	width: 33.33333% !important;
}

.trin-40.static {
	width: 40% !important;
}

.trin-50.static {
	width: 50% !important;
}

.trin-60.static {
	width: 60% !important;
}

.trin-66.static {
	width: 66.66666% !important;
}

.trin-75.static {
	width: 75% !important;
}


/*helper class for making shorter content wrap better*/

.clearfix:before {
	display: table;
	content: " ";
}

.clearfix:after {
	clear: both;
}