/*
 * 12-column grid system
 */



/* Container */
.container {
	margin-left:auto;
	margin-right:auto;
}
.nested-container {
	width:102%;
	margin-left:-1%;
}
/* Grid units */
.grid12-1,
.grid12-2,
.grid12-3,
.grid12-4,
.grid12-5,
.grid12-6,
.grid12-7,
.grid12-8,
.grid12-9,
.grid12-10,
.grid12-11,
.grid12-12, /* Alias for full-width unit */

/* Special grid units */
.grid-col2-sidebar,
.grid-col2-main
{ 
	position:relative;
	display:inline;
	float:left;
	margin-left:1%;
	margin-right:1%;
}
.box-additional.grid12-12 { width: 100%; margin-left: 0; margin-right: 0;}
/* Basic grid units width */
.grid12-1	{ width:6.33%; }
.grid12-2	{ width:14.66%; }
.grid12-3	{ width:23%; }
.grid12-4	{ width:31.33%; }
.grid12-5	{ width:39.67%; }
.grid12-6	{ width:48%; }
.grid12-7	{ width:56.33%; }
.grid12-8	{ width:64.67%; }
.product-shop.grid12-8 { width: 31%; text-align: left; font-size: 18px; }
.box-tabs.grid12-9 { width: 60%; margin-left: 20%;}
.categorypath-gift-cards.category-gift-cards .prod-desc.box-additional.box-tabs.grid12-9{display: none;}
.product-img-column.grid12-4 {width: 31%; margin-left: 30%; margin-right: 3%;}
.cleanse-product-view .product-img-column.grid12-4 {width: 48%; margin-left: 10%; margin-right: 6%;}
.cleanse-product-view .prod-desc h3 { display: none;}
.cleanse-product-view h1 { border-bottom: 1px solid #333; float: left; margin-bottom: 20px !important;}
.cleanse-product-view .box-tabs.grid12-9 { margin-left: 18%;}
.cleanse-product-view p.product-image img, .product-view.cleanse-product-view .product-img-column {height: auto !important;}
.cleanse-product-view { height: auto !important;}
.food-product-view .product-img-column.grid12-4 {width: 60%; margin-left: 2%;}
.product-membership-organic-pharmer .product-img-column.grid12-4 { width: 40%; margin-left: 30%; margin-right: 0%; padding: 0 0 0 0;}
.price-box .regular-price .price, .price-box .minimal-price .price {  font-size: 16px !Important;
}
.repeat-name { text-transform: uppercase; font-size: 16px; font-family: 'MyriadProRegular' !important; color: #333; margin-top: 100px;}
.cleanse-product-view button.button span span { line-height: 28px;height: 28px;}
.cleanse-product-view .add-to-box { margin-top: 5px;}
.cleanse-product-view p.availability { display: none;}
.product-membership-organic-pharmer  .product-shop.grid12-8 {
width: 30%;
text-align: left;
font-size: 18px;
margin: 0  0 0 0;  
}
.grid12-9	{ width:73%; }
.grid12-10	{ width:81.33%; }
.grid12-11	{ width:89.67%; }
.grid12-12,
.grid-full	{ width:96%; position:relative;
	display:inline;
	float:left;
	margin-left:2%;
	margin-right:2%; }
	.col2-left-layout .grid12-3 { margin-left: 2%; width: 20%;}
.grid-full.full-width { width: 100%; margin-left: 0%; margin-right: 0%;}

/* Grid units without left gutter (margin) */
.no-left-gutter.grid12-1	{ margin-left:0; width:7.33%; }
.no-left-gutter.grid12-2	{ margin-left:0; width:15.66%; }
.no-left-gutter.grid12-3	{ margin-left:0; width:24%; }
.no-left-gutter.grid12-4	{ margin-left:0; width:32.33%; }
.no-left-gutter.grid12-5	{ margin-left:0; width:40.67%; }
.no-left-gutter.grid12-6	{ margin-left:0; width:49%; }
.no-left-gutter.grid12-7	{ margin-left:0; width:57.33%; }
.no-left-gutter.grid12-8	{ margin-left:0; width:65.67%; }
.no-left-gutter.grid12-9	{ margin-left:0; width:74%; }
.no-left-gutter.grid12-10	{ margin-left:0; width:82.33%; }
.no-left-gutter.grid12-11	{ margin-left:0; width:90.67%; }
.no-left-gutter.grid12-12,
.no-left-gutter.grid-full	{ margin-left:0; width:99%; }

/* Grid units without right gutter (margin) */
.no-right-gutter.grid12-1	{ margin-right:0; width:7.33%; }
.no-right-gutter.grid12-2	{ margin-right:0; width:15.66%; }
.no-right-gutter.grid12-3	{ margin-right:0; width:24%; }
.no-right-gutter.grid12-4	{ margin-right:0; width:32.33%; }
.no-right-gutter.grid12-5	{ margin-right:0; width:40.67%; }
.no-right-gutter.grid12-6	{ margin-right:0; width:49%; }
.no-right-gutter.grid12-7	{ margin-right:0; width:57.33%; }
.no-right-gutter.grid12-8	{ margin-right:0; width:65.67%; }
.no-right-gutter.grid12-9	{ margin-right:0; width:74%; }
.no-right-gutter.grid12-10	{ margin-right:0; width:82.33%; }
.no-right-gutter.grid12-11	{ margin-right:0; width:90.67%; }
.no-right-gutter.grid12-12,
.no-right-gutter.grid-full	{ margin-right:0; width:99%; }

/* Grid units without any gutter (margin) */
.no-gutter.grid12-1		{ margin-left:0; margin-right:0; width:8.33%; }
.no-gutter.grid12-2		{ margin-left:0; margin-right:0; width:16.66%; }
.no-gutter.grid12-3		{ margin-left:0; margin-right:0; width:25%; }
.no-gutter.grid12-4		{ margin-left:0; margin-right:0; width:33.33%; }
.no-gutter.grid12-5		{ margin-left:0; margin-right:0; width:41.67%; }
.no-gutter.grid12-6		{ margin-left:0; margin-right:0; width:50%; }
.no-gutter.grid12-7		{ margin-left:0; margin-right:0; width:58.33%; }
.no-gutter.grid12-8		{ margin-left:0; margin-right:0; width:66.67%; }
.no-gutter.grid12-9		{ margin-left:0; margin-right:0; width:75%; }
.no-gutter.grid12-10	{ margin-left:0; margin-right:0; width:83.33%; }
.no-gutter.grid12-11	{ margin-left:0; margin-right:0; width:91.67%; }
.no-gutter.grid12-12,
.no-gutter.grid-full	{ margin-left:0; margin-right:0; width:100%; }

/* Special grid units: basic structure of pages with 1 and 2 sidebars
-------------------------------------------------------------- */
/* 2 columns: fixed-width sidebar unit and fluid main unit.
   Sidebar unit has the same width for all screen sizes equal or greater than 1280px.
   Width of the main unit is fluid.
*/
.grid-col2-sidebar	{ width:19%; margin-top: 60px !important;/* position: absolute; height: 90%; left: 0; top:7%;*/}
.sidebar { padding-bottom: 10px !important;/* padding-top: 10px !important;*/ }
.col-right.grid-col2-sidebar   { position: relative; height: auto;}
.col-right.sidebar .block-title { padding: 0 15px; margin-top: 15px;} 
.col-right.sidebar .block-content { padding: 5px 15px;}
.col-right.sidebar button.button.btn-cart span {float: left; clear: both;}
.col-right.grid-col2-sidebar .block {padding-left: 0px !important;}
#checkout-progress-wrapper { margin-left: 10px !important;}
.grid-col2-main		{ width:74%; margin-left: 2%; }

/* Another 2 columns inside ".grid-col2-main": fixed-width sidebar unit and fluid main unit */
.grid-col3-sidebar 		{ width:31.52%; }
.grid-col3-main			{ width:65.90%; }

/* Vertically aligned grid
-------------------------------------------------------------- */
.v-grid-container {
	display:table;
	width:100%;
}
.v-grid {
	float:none;
	display:table-cell;
	vertical-align:middle;
}

/* Utility classes
-------------------------------------------------------------- */
/* Units with no gutter (margin): alpha - first unit in a row, omega - last unit in a row */
.alpha { margin-left:0; }
.omega { margin-right:0; }

/* Hide element if screen width is lower than the width specified in the class name */
.hide-below-1680 { display:none !important; }
.hide-below-1440 { display:none !important; }
.hide-below-1360 { display:none !important; }
.hide-below-1280 { display:none !important; }

/* Container: stretched, without side margin 
-------------------------------------------------------------- */
/* Remove padding from stretched container (it is added for narrow screens via media queries) */
.container.stretched { width:96%; padding-left:0; padding-right:0; }

/* Stretch inner grid unit (full width) */
.container.stretched > .grid-full { width:100%; margin-left:0; margin-right:0; }

/* Grid units container: clears floats
   (place grid units inside "div" with this class)
-------------------------------------------------------------- */
.grid-container { *zoom: 1; clear: both; }
.grid-container:before,
.grid-container:after { display: table; line-height: 0; content: ""; }
.grid-container:after { clear: both; }

/* Grid unit container: clears floats and adds vertical margin between units
-------------------------------------------------------------- */
.grid-container-spaced { *zoom: 1; clear: both; }
.grid-container-spaced:before,
.grid-container-spaced:after { display: table; line-height: 0; content: ""; }
.grid-container-spaced:after { clear: both; }
.grid-container-spaced .grid12-1,
.grid-container-spaced .grid12-2,
.grid-container-spaced .grid12-3,
.grid-container-spaced .grid12-4,
.grid-container-spaced .grid12-5,
.grid-container-spaced .grid12-6,
.grid-container-spaced .grid12-7,
.grid-container-spaced .grid12-8,
.grid-container-spaced .grid12-9,
.grid-container-spaced .grid12-10,
.grid-container-spaced .grid12-11,
.grid-container-spaced .grid12-12,
.grid-container-spaced .grid-full
{
	margin-bottom: 2%;
}

/* Grid presentation
-------------------------------------------------------------- */
.show-grid [class*="grid12-"] {
	background-color: #eee;
	text-align: center;
	min-height: 40px;
	line-height: 40px;
	transition:			all 300ms ease-in-out;
	-moz-transition:	all 300ms ease-in-out;
	-webkit-transition:	all 300ms ease-in-out;
	-o-transition:		all 300ms ease-in-out;
}
.show-grid [class*="grid12-"]:hover {
	background-color: #F08080;
}