/*
Theme Name: John Nicholson Associates
Author: Discovery Design Limited
Description: Base theme for eShops made easy/eShop Developer.
Copyright: Discovery Design Limited
Version: 1.0
*/

.image-left {
float: left;
margin: 0 2em 1em 0em !important;	
background: #f4f4f4;
background: rgba(244, 244, 244, 0.57);
margin: 0.5em 0 1em 0;
padding: 0.5em;
text-align: center;
border: 1px solid #dfdfdf;
border-radius: 0.1em;	
-webkit-box-shadow: 0 10px 6px -10px #777;
-moz-box-shadow: 0 10px 6px -10px #777;
box-shadow: 0 10px 6px -10px #777;
box-sizing: border-box;
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
-ms-box-sizing: border-box; 
max-width: 20%;
width: 20%;
}

.latest-news-sidebar {
	
}

.latest-news-sidebar h4 {
	margin: 0.5em 0 0 0;
	font-weight: 600;
	font-size: 0.9em;
}

.latest-news-sidebar p {
	font-size: 0.8em;
}

/* =Base
-------------------------------------------------- */

html {
	background: #FFF;
	font-size: 62.5%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body,
button,
input,
select,
textarea {
	color: #333;
	font-family: "proxima-nova",sans-serif;
	font-weight: 300;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	-webkit-font-smoothing: subpixel-antialiased;
}

img {
	border: none;
	width: 100%;
}

a {
	color: #111;
	text-decoration: underline;
	-webkit-transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, opacity .25s ease-in-out;
	-moz-transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, opacity .25s ease-in-out;
	-o-transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, opacity .25s ease-in-out;
	-ms-transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, opacity .25s ease-in-out;
	transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, opacity .25s ease-in-out;
}

a:visited {

}

a:hover,
a:focus,
a:active {
	color: #9ca290;
	outline: 0;
	
}

/* typography */

h1, h2, h3, h4, h5, h6 {
	color: #111;
	margin: 1.6em 0 .8em 0;
	font-family: "proxima-nova",sans-serif;
	font-weight: 400;
}

h1 {
	font-size: 1.50em;
	line-height: 1.2;
	
}

h2 {
	font-size: 1.5em;
	line-height: 1.3;
}

h3 {
	font-size: 1.25em;
	line-height: 1.4;
}

h4 {
	font-size: 1em;
	line-height: 1.5;
	margin-bottom: .4em;
}

h5,
h6 {
	font-size: 1em;
	line-height: 1.6;
}

p {
	font-size: 14px;
	font-size: 1.4rem;
	margin: 0 0 .8em 0;
}

ul,
ol {
	margin: 0 0 1.6em 3.2em;
	padding: 0;
}

ul li,
ol li {
	font-size: 13px;
	font-size: 1.3rem;
	margin: 0 0 .4em 0;
}

/* tables */

table {
	text-align: left;
	width: 100%;
}

table thead tr {
	border-bottom: 1px solid #e6e6e6;
}

table thead th {
	background: #f6f6f6;
	font-size: 13px;
	font-size: 1.3rem;
	padding: 1em;
}

table tbody tr {
	border-bottom: 1px solid #e6e6e6;
}

table tbody td {
	font-size: 13px;
	font-size: 1.3rem;
	padding: 1em;
}

/* forms */

fieldset {
	border: 0!important;
	margin: 0 0 .8em 0;
	padding: 0;
}

label {
	color: #999;
	cursor: pointer;
	display: block;
	font-size: 11px;
	font-size: 1.1rem;
	letter-spacing: .2em;
	margin-bottom: .4em;
	text-transform: uppercase;
}

button,
input,
select,
textarea {
	font-size: 13px;
	font-size: 1.3rem;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
}

button,
input {
	line-height: normal;
	*overflow: visible;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	background: #034c03;
	border: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	-webkit-appearance: button;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1;
	margin: 0 .5em 0 0;
	padding: .6em 1.2em;
	text-shadow: 0;
	-webkit-transition: background-color .25s ease-in-out;
	-moz-transition: background-color .25s ease-in-out;
	-o-transition: background-color .25s ease-in-out;
	-ms-transition: background-color .25s ease-in-out;
	transition: background-color .25s ease-in-out;
}

button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-color: #034c03;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

input[type="submit"].secondary {
	background-color: #e6e6e6;
	color: #999;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	cursor: pointer;
	float: left;
	margin: 0 .6em 0.6em 0;
	padding: 0;
	position: relative;
	top: .25em;
}

input[type="search"] {
	border-radius: 0;
	-webkit-appearance: none;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea {
	color: #777;
	border: 1px solid #d6d6d6;
	border-radius: 0;
	font-size: 13px;
	font-size: 1.3rem;
	margin: 0 0 .8em 0;
	width: 80%;
	min-width: 17em;
	background: #FFF;
}

input[type="text"]:hover,
input[type="email"]:hover,
input[type="password"]:hover,
input[type="search"]:hover,
textarea:focus {
	border-color: #ccc;
	color: #333;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	border-color: #bbb;
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"] {
	padding: .5em;
}

input[type="text"].field-qty {
	min-width: 0;
	width: 3em;
}
.chrome select, .safari select {
	background: url('../graphics/select-pointer.gif') no-repeat right 50%;
	padding: .5em .5em .5em .5em;
}
select {
	border-radius: 0;
	border: 1px solid #d6d6d6;
	color: #777;
	cursor: pointer;
	font-size: 13px;
	font-size: 1.3rem;
	margin: 0 0 .8em;
	padding: .5em .5em .5em .5em;
	-webkit-appearance: button;
	width: 83.5%;
	min-width: 17em;
}

select:hover {
	border-color: #ccc;
}

select:focus {
	border-color: #bbb;
	outline: none;
}

textarea {
	height: 15em;
	overflow: auto;
	padding-left: 3px;
	resize: vertical;
	vertical-align: top;
	width: 98%;
}

.actions {
	clear: both;
	padding: .8em 0;
}

/* handy columns */

.col-wrapper {
	clear: both;
	margin: 0;
	padding: 0 2%;
}

.col {
	float: left;
	margin-right: 5%;
	padding: .063em 0;
}

.col-wrapper .col.last {
	margin-right: 0;
}

.col-span-1 .col {
	margin-right: 0;
	width: 100%;
}

.col-span-2 .col {
	width: 47.5%;
}

.col-span-3 .col {
	width: 30%;
}

.col-span-4 .col {
	width: 21.22%;
}


/* =Container
-------------------------------------------------- */

#container {}


/* =Header
-------------------------------------------------- */

.site-header {

	
}

.site-header > .inner, 
.site-header > .top-highlight > .inner  {
	margin: 0 auto;
	max-width: 980px;
	position: relative;
	background: #FFFAED;
	border-top: 8px solid #cad4b8;
	border-right: 8px solid #cad4b8;
	border-left: 8px solid #cad4b8;
}

.top-highlight.top-highlight-second {
	border-top: none!important;
	padding: 0;
	margin-top: 1em;
}

.top-highlight {
}

/* brand */

.brand {
	float: left;
	width: 35%;
	margin-top: 4.5em
}

.brand p {
	margin: 0;
	padding: 0;
	color: #FFF;
	font-size: 20px;
	font-size: 2.0rem;
	margin-left: 20px;
}

.logo {
	padding: .6em 0 .6em 2%;
}

.logo a {
	color: #FFF;
	font-weight: bold;
}

.logo a img {
	width: 100px;
	float: right;
}

.site-description {
	color: #FFF;
	float: left;
	font-size: 1em;
	width: 100%;
}

.contactright {
	float: right;
	font-size: 1.9em;
	line-height: 1.1em;
	color: #313131;
	width: 40%;
	padding-right: 2%;
}

.contactright p {
	font-size: 0.9em;
	text-align: right;
	margin: 0;
	line-height: 1.4em;
}

.sitetop {
	background: #9DBE70;
}


/* cart */

.cart {

	float: right;
	padding: 0 0 0 0;
	
}

.cart h3 {
	font-size: 13px;
	font-size: 1.3rem;
	margin: 0 10% .4em 10%;
}

.cart dl,
.cart dl dt,
.cart dl dd {
	font-size: 13px;
	font-size: 1.6rem;
	margin: 0;
	padding: 0;
}

.cart dl {
	clear: both;
}

.cart dt {
	
}

.cart dl dt {
	clear: left;
	float: left;
}

.cart dl dd {
	float: right;
	margin-left: 0.5em;

}

.cart p {

}

.cart a {
	color: #fff;
}

.cart .button-wrapper {
	line-height: 2em;
}

.cart .button-wrapper a {
	background-color: #034c03;
	border: 1px solid #424242;
	border-radius: 0;
	color: #FFF;
	float: left;
	font-weight: bold;
	padding: .3em 1em 0 1em;
	margin-bottom: 0.3em;
	margin-top: 0.5em;
}

.cart .button-wrapper a:hover {
	background-color: #034c03;
	color: #FFF;
}


/* Slider
-------------------------------------------------- */

#ddecom_imageslider_container {
	width: 100%;
	
}

#topslider > .inner {
	margin: 0 auto;
	max-width: 71.25em;
	position: relative;
}

#topslider {
}

.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}

.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
	margin: 0;
}

.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}

.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
}

.sloganstrap {
	width: 100%;
	background: #f5f5f5;
	border-bottom: .2em solid #034c03;
	padding: 0.2em 0;
}


.sloganstrap p {
	line-height: 1.5em;
	text-align: center;
	font-family: "proxima-nova",sans-serif;
	font-style: italic;
	font-size: 14px;
	font-size: 2.4rem;
	margin: 0;
}


/* =Content Area (mid div)
-------------------------------------------------- */

.breadcrumbs {
	border-bottom: 1px solid #eee;
	color: #aaa;
	font-size: 12px;
	font-size: 1.2rem;
	margin-bottom: 1.6em;
	padding: 1.6em 0 1.4em 0;
}

.breadcrumbs .sep {
	color: #034c03;
	font-weight: bold;
	margin: 0 .25em;
}

.breadcrumbs a {
	color: #999;
}

.breadcrumbs a:hover {
	color: #666;
}

.content-area {
	padding: 0 5%;
	padding: 0;
}

.content-area > .inner {
	margin: 0 auto;
	max-width: 980px;
	background: #E4EED4;
	border-right: 8px solid #cad4b8;
	border-left: 8px solid #cad4b8;
	border-bottom: 8px solid #cad4b8;

}

.body_index #content h2,
#content h1 {
	margin: 1.1em 0 .5em 0;
	font-size: 13px;
	font-size: 1.30em;
	border-bottom: 1px solid #7AA346;
	color: #566D2B;
}

.body_product #content h1 {
	margin: 0;
}

/* =Nav main
-------------------------------------------------- */

.nav-main {
	background: #7AA346;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
	color: #FFF ;
	padding: 0;
	}

.nav-main ul,
.nav-main li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav-main ul {
	margin: 0 auto;
	max-width: 71.25em;
}

.nav-main li {
	float: left;
	width: 33%
}

.nav-main a {
	color: #FFF;
	font-size: 1.1em;
	font-family: bold "proxima-nova",sans-serif;
	display: block;
	padding: .6em 1.3em;
	text-align: center;
	text-decoration: none;
}

.nav-main a:hover {
	background: #456d13;
	color: #FFF;
}

.nav-main .selected a {
	background: #456d13;
	color: #FFF;
}


.sloganbar {
	width: 100%;
	text-align: center;
	background: #414141;
	margin-top: .5em;
	color: #FFF;
	padding: .6em 0;
	letter-spacing: 2px;
}

.nav-main a.mobile-menu-selector {
	display: none;
}


/* =Nav sub
-------------------------------------------------- */

.nav-sub {
	background: #7AA346;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
	color: #FFF ;
	padding: 0;
	margin-bottom: .5em;
}

.nav-sub ul,
.nav-sub li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav-sub ul {
	margin: 0 auto;
	max-width: 71.25em;
}

.nav-sub li {
	float: left;
	width:33%;
}

.nav-sub a {
	color: #FFF;
	font-size: 1.1em;
	font-family: bold "proxima-nova",sans-serif;
	display: block;
	padding: .6em 1.3em;
	text-align: center;
	text-decoration: none;
}

.nav-sub a:hover {
	background: #456d13;
	color: #FFF;
}

.nav-sub .selected a {
	background: #456d13;
	color: #FFF;
}

.projects ul li {
	list-style: none;
}


/* =Site Content
-------------------------------------------------- */

.site-content {
	float: left;
	width: 72.2%;
	padding: 0 1%;
	}


.site-content img {
}



/* =Departments
-------------------------------------------------- */

.departments-wrapper {}

.departments,
.departments li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.departments li {
	background: #f6f6f6;
	margin: 0 0 .8em 0;
}

.departments h3 {
	margin: 0;
}

.departments h3 a {
	display: block;
	padding: 1.2em 1.6em;
}



.departments h3 {
	margin: 0;
}

.departments h3 a {
	display: block;
	padding: 1.2em 1.6em;
}


/* =Products
-------------------------------------------------- */

.products-wrapper {}
.products {
	margin: 0 0 1.6em 0!important;	
}
.products,
.products li {
	list-style: none;
	margin: 0;
	padding: 0;
}


.products li {
	border-bottom: 1px solid #eee;
	position: relative;
	-webkit-transition: background-color .25s ease-in-out;
	-moz-transition: background-color .25s ease-in-out;
	-o-transition: background-color .25s ease-in-out;
	-ms-transition: ackground-color .25s ease-in-out;
	transition: background-color .25s ease-in-out;
	width: 30%;
	float: left;
	margin-right: 3%;
	height: 25em;
}

.products li input[type="submit"] {
	margin-bottom: 1em;
}

.products li:nth-child(3n) {
	margin-right: 0;
}


.products li:hover {
	
}

.products li:nth-child(-n+3) {
	border-top: 1px solid #eee;
}

.products .sale {
	background: #d00;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	left: -.5em;
	padding: .6em 1em .55em 1em;
	position: absolute;
	text-align: center;
	top: 5.5em;
}

.products h3 a {
	color: #2c333a;
}

.products .thumbnail {
	float: left;
	line-height: 0;
	text-align: center;
	width: 100%;
}

.products .thumbnail img {
	height: auto;
	opacity: 1;
	max-width: 100%;
}

.products .rrp {
	color: #ff0000;
	text-decoration: line-through;
}

.products .thumbnail .no_image_available {
	background: #f6f6f6;
	color: #999;
	display: block;
	line-height: 14.5em;
	height: 14.5em;
}

.products .thumbnail a .no_image_available {
	-webkit-transition: color .25s ease-in-out;
	-moz-transition: color .25s ease-in-out;
	-o-transition: color .25s ease-in-out;
	-ms-transition: color .25s ease-in-out;
	transition: color .25s ease-in-out;
}

.products .thumbnail a:hover .no_image_available {
	color: #666;
}

.products .thumbnail a:hover .no_image_available,
.products li:hover .thumbnail a .no_image_available {
	background-color: #eee;
}

.products .description {
	color: #999;
}

.products .price {
	font-size: 1.25em;
	font-weight: bold;
}

.products .price .from {
	color: #999;
	font-size: 50%;
	font-weight: normal;
	margin-right: .25em;
}


/* =Product Details
-------------------------------------------------- */

.options {
	float: right;
	width: 48%;
}

.product-wrapper {
	position: relative;
}

.product-gallery {
	border-bottom: 1px solid #eee;
	float: left;
	margin-bottom: 1.6em;
	width: 100%;
}

.product-gallery .product-image-main {
	line-height: 0;
	margin: 0 auto;
	width: 50%;
}

.product-gallery .product-image-main img {
	height: auto;
	width: 100%;
}

.product-gallery .no_image_available {
	background: #f6f6f6;
	color: #999;
	display: block;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 25em;
	height: 25em;
	text-align: center;
}

.product-gallery ul,
.product-gallery li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.product-gallery ul {
	padding-bottom: .5em;
}

.product-gallery li {
	float: left;
	line-height: 0;
	margin-right: 2%;
	margin-bottom: 2%;
	width: 8%;
}

.product-gallery li:first-child {
	margin-left: 0;
}

.product-gallery li a {
	padding-right: 25%;
}

.product-gallery li a img {
	height: auto;
	width: 100%;
}

.product-details {
	border-left: 1px solid #eee;
	float: right;
	padding-left: 2.5%;
	width: 97.5%;
}

.product-details .description {
	float: left;
	width: 48%;
}

.product-details .sale {
	background: #d00;
	color: #fff;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	left: -.5em;
	padding: .6em 1em .55em 1em;
	position: absolute;
	top: .6em;
}

.product-details h1 {
	margin-top: .8em;
}

.product-details .price {
	font-size: 1.25em;
	font-weight: bold;
	margin-top: -.8em;
}

.product-details .rrp {
	color: #ff0000;
	font-size: 1.25em;
	text-decoration: line-through;
}

.product-details .price .from {
	color: #999;
	font-size: 75%;
	font-weight: normal;
	margin-right: .25em;
}

.product-details .price .currency {}

.product-details fieldset {
	/* ie7, ie8 */
	border: none;
	padding: 0;
	border-bottom: 1px solid #eee;
	padding-bottom: .8em;
}

.product-details fieldset:first-of-type {
	border-top: 1px solid #eee;
	padding-top: .8em;
}

.product-details .actions {
	border-bottom: 1px solid #eee;
	margin-bottom: 1.6em;
	padding-bottom: .8em;
}

.action-enquire a {
	color: #333;
}


.action-enquire a:hover {
	color: #c1c1c1;
}

/* =Shopping cart
-------------------------------------------------- */

.cart-wrapper {
	margin: 0 0 3.2em 0;
}

.cart-wrapper {
	margin: 0 0 3.2em 0;
}

.cart-list-headings {
	border-bottom: 1px solid #eee;
}

.cart-list-headings h3 {
	float: left;
	margin: 0 0 .8em 0;
}

.title-cart-product {
	width: 39%;
}

.cart-list-orderreview .title-cart-product {
	width: 53%;
}

.title-cart-remove {
	width: 15%;
}

.title-cart-price-per {
	width: 15%;
}

.title-cart-price-qty {
	width: 15%;
}

.title-cart-price-total {
	width: 15%;
}

.cart-list,
.cart-list li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.cart-list {
	margin: 1.6em 0;
	list-style: none;
}

.cart-list .cart-item {
	background: #fff;
	border-bottom: 1px solid #eee;
	clear: both;
	padding: .8em 0;
}

.cart-list .cart-item:nth-child(even) {
	background: #fcfcfc;
}

.cart-product {
	float: left;
	padding-right: 2%;
	width: 37%;
}

.cart-list-orderreview .cart-product {
	width: 51%;
}

.cart-remove {
	float: left;
	padding-right: 2%;
	width: 13%;
}

.cart-price-per {
	float: left;
	padding-right: 2%;
	width: 13%;
}

.cart-price-qty {
	float: left;
	padding-right: 2%;
	width: 13%;
}

.cart-price-qty label, .cart-price-qty span {
	display: none;
}

.cart-price-total {
	float: left;
	padding-right: 0;
	width: 15%;
}

.cart-list .cart-product img {
	float: left;
	margin: 0 .8em 0 0;
	width: 33.333%;
	min-width: 6em;
}

.cart-item .no_image_available {
	background: #f6f6f6;
	color: #999;
	display: block;
	float: left;
	font-size: 13px;
	font-size: 1.3rem;
	margin: 0 .8em 0 0;
	min-width: 6em;
	padding: 3.2em 0;
	text-align: center;
	width: 33.333%;
}

.cart-message {
	border-bottom: 1px solid #e6e6e6;
	margin: 0 0 1.6em 0;
	padding-bottom: .8em;
	text-align: center;
}

dl.cart-totals,
dl.cart-totals dt,
dl.cart-totals dd {
	font-size: 13px;
	font-size: 1.3rem;
	margin: 0;
	padding: 0;
}

dl.cart-totals {
	margin: 0 0 1.6em 0;
}

dl.cart-totals dt {
	border-bottom: 1px solid #e6e6e6;
	clear: left;
	float: left;
	padding: .5em 5% .5em 0;
	width: 44.5%;
}

dl.cart-totals dd {
	border-bottom: 1px solid #e6e6e6;
	float: left;
	font-weight: bold;
	padding: .5em 0;
	width: 50%;
}

dl.cart-totals .cart-grand-total {
	font-size: 16px;
	font-size: 1.6rem;;
}

.cart-actions {
	margin: 0 0 1.6em 0;
}

.cart-actions input {
	padding: 1em;
}

.cart-actions #viewcart_updatecart,
.cart-actions #viewcart_emptycart {
	float: left;
}

.cart-actions #viewcart_updatecart,
.cart-actions #viewcart_emptycart {
	float: left;
	margin: 0 5% .8em 0;
	width: 47.5%;
}

.cart-actions #viewcart_emptycart {
	margin-right: 0;
}

.cart-actions #viewcart_continuecheckout {
	display: block;
	margin: 0;
	width: 100%;
}

/* =Order Details
-------------------------------------------------- */

.body_order_details textarea {
	width: 91.4%;
}

#orderdetails_shippinginformation, #review_additional_container label {
	clear: both;
}

.body_order_review .col-first {
	margin: 0;
}

.body_order_review #review_container .col.col-first {
	float: right;
}

.body_order_review .col-second {
	margin-right: 5%;
}

/* =Pagination
-------------------------------------------------- */

.pagination {
	background: #F9F1E4;
	border: 1px solid #C0BAA7;
	margin: 0 0 1.6em 0;
}

.pagination ul,
.pagination li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.pagination li {
	border-left: 1px solid #e9e9e9;
	float: left;
	font-size: 12px;
	font-size: 1.2rem;
}

.pagination li a {
	color: #999;
	display: block;
	font-weight: bold;
	padding: .5em 1em;
}

.pagination li a:hover {
	background: #fcfcfc;
	color: #666;
}

.pagination .first {
	border-left: 0;
}

.pagination .last {
	border-right: 1px solid #e9e9e9;
}

.pagination .total,
.pagination .summary {
	border: 0;
	border-left: 1px solid #e9e9e9;
	color: #999;
	float: right;
	font-weight: bold;
	margin: 0;
	padding: .5em 1em;
}


/* =Contact form
-------------------------------------------------- */

.contact-form {}

.contact-form fieldset {
	/* IE7, IE8 */
	padding: 0;
	border: none;
	border-bottom: 1px solid #eee;
	float: left;
	padding-bottom: .8em;
	padding-right: 5%;
	width: 41%;
}

.contact-form fieldset.captcha {
	border-bottom: 0;
}

.contact-form fieldset.captcha img {
	display: block;
	margin: .8em 0;
	width: 50%;
}

.contact-form .actions {
	clear: both;
}


/* =Site map
-------------------------------------------------- */

.sitemap-wrapper {}

.sitemap-wrapper h2 {
	border-top: 1px solid #eee;
	clear: left;
	float: left;
	margin: 0;
	padding-top: 1em;
	padding-right: 5%;
	width: 20%;
}

.sitemap-wrapper ul,
.sitemap-wrapper ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sitemap-wrapper ul {
	border-top: 1px solid #eee;
	float: left;
	margin: 0 0 1.6em 0;
	padding-top: 1em;
	width: 100%;
}

.sitemap-wrapper ul li {
	margin: 0 0 .4em 0;
}


/* =Sidebar
-------------------------------------------------- */

.sidebar {
	float: right;
	position: relative;
	width: 22.5%;
	padding: 0 1% 1% 1%;
}

.sidebar h3 {
	background: #7AA346;
	color: #FFF;
	font-size: 16px;
	letter-spacing: 1px;
	padding-left: .3em;
	margin-bottom: 0!important;
}



.sidebar .sidetext2 {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	width: 100%;
}

.sidebar .sidetext2 ul {
	list-style: none;
	padding: 5px;
	margin: 0px;
	text-shadow: 1px 1px 1px 
	#FFF;
	}

.sidebar .sidetext2 a {
	color: #50cef5;
	font-style: italic;
	text-decoration: underline;
}

.sidebar .facebook {
background: #3c5a98;
border: 2px solid #2d4472;
text-align: center;
}

.sidebar .facebook span {
display: block;
font-weight: bold;
font-size: 20px;
text-shadow: 3px 0 0 #2d4472;
margin: 0px 0 0;
text-transform: uppercase;
color: #FFF;
}

.sidebar .facebook p {
font-size: 13px;
font-weight: 700;
margin: 5px 0 3px;
text-shadow: 1px 0 3px #36528a;
color: #FFF;
}

.sidebar .facebook a {
	color: #FFF;
}

.sidebar .twitter {
background: #0095c2;
border: 2px solid #007193;
text-align: center;
color: #FFF;
}

.sidebar .twitter span {
display: block;
font-weight: bold;
font-size: 20px;
text-shadow: 3px 0 0 #007193;
margin: 0px 0 0;
text-transform: uppercase;
color: #FFF;
}

.sidebar .twitter p {
font-size: 13px;
font-weight: 700;
margin: 5px 0 3px;
text-shadow: 1px 0 3px #0089b2;
color: #FFF;
}

.sidebar .twitter a {
	color: #FFF;
}

.sidebar .youtube {
background: #BF1E2E;
border: 2px solid #911723;
text-align: center;
color: #FFF;
}

.sidebar .youtube span {
display: block;
font-weight: bold;
font-size: 20px;
text-shadow: 3px 0 0 #6d0306;
margin: 0px 0 0;
text-transform: uppercase;
color: #FFF;
}

.sidebar .youtube p {
font-size: 13px;
font-weight: 700;
margin: 5px 0 3px;
text-shadow: 1px 0 3px #6d0306;
color: #FFF;
}

.sidebar .youtube a {
	color: #FFF;
}


.sidebar .linkedin {
background: #4393BB;
border: 2px solid #136994;
text-align: center;
color: #FFF;
}

.sidebar .linkedin span {
display: block;
font-weight: bold;
font-size: 20px;
text-shadow: 3px 0 0 #007193;
margin: 0px 0 0;
text-transform: uppercase;
color: #FFF;
}

.sidebar .linkedin p {
font-size: 13px;
font-weight: 700;
margin: 5px 0 3px;
text-shadow: 1px 0 3px #007193;
color: #FFF;
}

.sidebar .linkedin a {
	color: #FFF;
}

.sidebar .social {
	list-style: none;
	margin: .4em 0 0 0;
	padding: 0;
}

.sidebar .social li {
	width: 100%;
	float: left;
	margin-top: .5em;
}

a.largetop {
background-color: #749567;
background-image: linear-gradient(top, #749567 0%, #86a479 100%);
background-image: -moz-linear-gradient(top, #749567 0%, #86a479 100%);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #749567), color-stop(100%, #86a479));
border: 2px solid #749567;
color: #FFF;
cursor: pointer;
display: block;
padding: 1em;
text-align: center;
text-decoration: none;
text-shadow: #2f4727 0 -1px 0;
-webkit-border-radius: 12px;
border-radius: 12px;
}




/* search */

.search {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.search input[type="search"] {
	background: #fff;
	outline: none;
	min-width: 0;
	width: 80%;
	height: 1.2em;
	margin: 0;
}

.search input[type="search"]:focus {
	outline: none;
}

.search input[type="submit"] {
	border: 1px solid #034c03;
	height: 2.3em;
	margin: 0;
	float: right;
	padding: 0;
	width: 11%;
	text-align: center;
	*position: absolute;
	*right: 0;
}

.search input[type="submit"]:hover {
	border-color: #034c03;
}

/* base sidebar nav */

.sidebar nav ul,
.sidebar nav li {
	list-style: none;
	margin: 0;
	padding: 0;
	
}

.sidebar nav li {
	margin-bottom: .8em;
}

.sidebar nav ul {
	
}

.sidebar nav a {
	display: block;
	padding: .5em 0 .5em .5em;
	background: #6A8BC2;
	color: #FFF;
	text-align: center;

	
}

.sidebar nav a:hover {
	color: #FFF;
	background: #607292;
}

.sidebar nav .selected a {
	
}

.sidebar nav .selected a:before {
	content: '\00bb';
	margin-right: .5em;
}


/* =Site Footer
-------------------------------------------------- */

.site-footer {

	clear: both;
}

.site-footer > .inner {
	margin: 0 auto;
	max-width: 71.25em;
	position: relative;
	font-variant: normal;
	padding-top: .2em;
}

.site-footer .col ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.site-footer .col ul li {
	margin: 0;

}

.site-footer .nav-legal,
.site-footer .nav-legal li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.site-footer .nav-legal {
	padding: 1em 0 1em 0;
	text-align: center;
	background: #cad4b8;
	border-bottom: 1px solid #9ca290;
	border-top: 1px solid #9ca290;
	margin-top: .8em;
}

.site-footer .nav-legal li {
	display: inline;
	margin-right: .4em;
	color: #FFF;
}

.site-footer .nav-legal li a {
	color: #FFF;
	text-decoration: none;
}


.site-footer .nav-legal li:before {
	content: '\00b7';
	margin-right: .7em;
}

.site-footer .nav-legal li:first-of-type:before {
	content: '';
	margin: 0;
}

.body_order_details .site-footer input[type="text"], .body_contact .site-footer input[type="text"]{
	width: 80%;
}

#seotext p {
	font-size: 10px;
	font-style: italic;
	color: #999;
}

.site-footer input[type="button"], .site-footer input[type="reset"], .site-footer input[type="submit"] {
	padding: .6em .4em;
	float: right;
}

.site-footer input[type="text"], .site-footer input[type="email"], .site-footer input[type="password"], .site-footer input[type="search"], .site-footer textarea {
	color: #777;
	border: 1px solid #d6d6d6;
	border-radius: 0;
	font-size: 13px;
	font-size: 1.3rem;
	margin: 0 0 .8em 0;
	width: 63%;
	min-width: 11em;
	background: #FFF;
}



.site-footer .col1 {
	float: left;
	min-height: 14.2em;
	padding: 0 0 .2em 1%;
	width: 23%;
	background: #FFFFFF;
	border: 1px solid #d6d6d6;
	moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .05);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .05);
	box-shadow: 0 0 5px rgba(0, 0, 0, .05);
	margin-right: 1%;
}

.site-footer .col2 {
	float: left;
	min-height: 14.2em;
	padding: 0 0 .2em 1%;
	width: 23%;
	background: #FFFFFF;
	border: 1px solid #d6d6d6;
	moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .05);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .05);
	box-shadow: 0 0 5px rgba(0, 0, 0, .05);
	margin-right: 1%;
}

.site-footer .col3 {
	float: left;
	min-height: 14.2em;
	padding: 0 0 .2em 1%;
	width: 23%;
	background: #FFFFFF;
	border: 1px solid #d6d6d6;
	moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .05);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .05);
	box-shadow: 0 0 5px rgba(0, 0, 0, .05);
	margin-right: 1%;
}

.site-footer .col4 {
	float: right;
	width: 23.2%;
	background: #FFFFFF;
	border: 1px solid #d6d6d6;
	moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .05);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .05);
	box-shadow: 0 0 5px rgba(0, 0, 0, .05);
	padding: 0 0 .2em 1%;
}

.site-footer .col4 p {
	margin: .8em 0 0 0.5em;
}

.site-footer .col4 .address {
margin-bottom: 1em;
margin-top: .5em;
}

.site-footer .col4 ul {
margin: 0;
padding: 0;
list-style: none;
}

.site-footer h3 {
	margin: .6em 0 0 0;
}

.site-footer #ddecom_flickr_modal_footer1 img {
width: 100%;
height: auto;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}



.site-footer #ddecom_flickr_modal_footer1 li {
float: left;
list-style: none;
margin:.5em 3% 0 0;
width: 30%;
}

.site-footer #ddecom_flickr_modal_footer1 {
margin: 0; padding: 0; 
	
}

.site-footer #ddecom_flickr_modal_footer2 img {
width: 100%;
height: auto;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}



.site-footer #ddecom_flickr_modal_footer2 li {
float: left;
list-style: none;
margin:.5em 3% 0 0;
width: 30%;
}

.site-footer #ddecom_flickr_modal_footer2 {
margin: 0; padding: 0;
	
}

.site-footer #ddecom_flickr_modal_footer3 img {
width: 100%;
height: auto;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}



.site-footer #ddecom_flickr_modal_footer3 li {
float: left;
list-style: none;
margin:.5em 3% 0 0;
width: 30%;
}

.site-footer #ddecom_flickr_modal_footer3 {
margin: 0; padding: 0;
	
}

#ddecom_flickr_modal li {
float: left;
list-style: none;
margin:7px 4px 0px 6px;
}

#ddecom_flickr_modal img {
height:153px;
width: 153px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

#ddecom_flickr_modal {

margin: 0;
padding: 0;
list-style: none;	
}

.site-content #seotext {
	margin-top: .8em;
}

/* =My Account
-------------------------------------------------- */

.addresses .shipping-address, dl.order-view-totals dd  {
	text-align: right;
}
.addresses h3 {
	margin: 1.6em 0 0.5em 0;
	border-bottom: 1px solid #e6e6e6;
}

.no-items {
	border-bottom: 1px solid #e6e6e6;
	margin: 0 0 1.6em 0;
	padding-bottom: .8em;
	text-align: center;
}

.myaccount-fieldset-50 {
	width: 50%;
	float: left;
}

.body_myaccount .nav-myaccount-dashboard a:before,
.body_myaccount_modify_addresses .nav-myaccount-dashboard a:before,
.body_myaccount_orders .nav-myaccount-orders a:before,
.body_myaccount_settings .nav-myaccount-settings a:before {
	content: '\00bb';
	margin-right: .5em;
}
.body_myaccount .nav-myaccount-dashboard a,
.body_myaccount_modify_addresses .nav-myaccount-dashboard a,
.body_myaccount_orders .nav-myaccount-orders a,
.body_myaccount_settings .nav-myaccount-settings a {
	background-color: #fff;
	color: #111!important;
}

.myaccount-button-wrapper {
	margin-top: .8em;
}

.myaccount-button-wrapper a {
	background: #08c;
	border-radius: 0;
	color: #fff;
	float: left;
	font-weight: bold;
	padding: .45em 1em .4em 1em;
	float: right;
}

.myaccount-button-wrapper a:hover {
	background-color: #0af;
}

/* =Blog
-------------------------------------------------- */
.blog-wrapper {
	margin-bottom: 1em;
}

.blog-cols .col-first {
	width: 61.5%;
	float: right;
	margin-right: 0;
}

.blog-cols .col-second {
	width: 34.5%;
	float: left;
	background: #FFF;
	border: 1px solid #7AA346;
	padding-left: 1%;
	margin-top: 1.5em;
	padding-bottom: 1.5em;
}

.blog-cols .col-second h3 {
	font-size: 1em;
	margin: 1em 0 0 0;
}

.blog-posts .blog-post {
	border-bottom: 1px solid #cad4b8;
	padding-bottom: 1em;
}

.blog-posts .blog-post h1 a {
	text-decoration: none;
	color: #7AA346;
}

.blog-post-information {
	font-style: italic;
	font-size: 0.8em;
}

.blog-post h2 {
	margin: 1em 0 0em 0;
}

.ie-7 .blog-post img, .ie-8 .blog-post img {
	width: inherit;
}

.blog-post img {
	max-width: 100%!important;
	height: auto!important;
}

.blog-menu,
.blog-menu li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.blog-menu li a {
	color: #a4a3a3;
	display: block;
	padding: .5em 0;
}

.blog-menu a:hover {
	color: #999;
}

.blog-posts-related-no-posts, .blog-posts-related-no-posts {
	border-bottom: 1px solid #eee;
}

.blog-posts-archive h3 {
	margin: .5em 0 0 0;
}

.blog-post h2 a {
	color: #566D2B;
	text-decoration: none;
}

/* =Responsive Div Tables
-------------------------------------------------- */

.table-wrapper {
	margin: 0 0 3.2em 0;
}

.table-list-headings {
	border-bottom: 1px solid #eee;
}

.table-list-headings h3 {
	float: left;
	margin: 0 0 .8em 0;
}

.table-item > div {
	float: left;	
}

.table-cell-40 {
	width: 40%;
}

.table-cell-20 {
	width: 20%;
}

.table-list,
.table-list li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.table-list {
	margin: 1.6em 0;
	list-style: none;
}

.table-list .table-item {
	background: #fff;
	border-bottom: 1px solid #eee;
	clear: both;
	padding: .8em 0;
}

.table-list .table-item:nth-child(even) {
	background: #fcfcfc;
}

.table-cell-mobile-content {
	display: none;
}


#ddecom_flickr_modal_footer1 img {
width: 100%;
height: auto;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}



#ddecom_flickr_modal_footer1 li {
float: left;
list-style: none;
margin:.5em 3% 0 0;
width: 30%;
}

#ddecom_flickr_modal_footer1 {
margin: 0; padding: 0; 
	
}


#ddecom_flickr_modal_footer1 img {
width: 100%;
height: auto;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}



#ddecom_flickr_modal_footer1 li {
float: left;
list-style: none;
margin:.5em 3% 0 0;
width: 17%;
}

#ddecom_flickr_modal_footer1 {
margin: 0; padding: 0; 
	
}

#seotext h3 {
	font-size: 1.1em;
}

.breadcrumbs {
	display: none;
}

.bottomthumb h3 {
	margin: 0 0 .5em 0;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
	color: #FFF;
}

.bottomthumb a {
	text-decoration: none;
}

.bottomthumb .green {
	background: #1F8755;
}

.bottomthumb .purple {
	background: #897390;
}

.bottomthumb .blue {
	background: #54709E;
}

.bottomthumb .brown {
	background: #77483A;
}

/* =Media Queries
-------------------------------------------------- */

/* first drop */

@media only screen and (max-width: 62.5em) {


	/* body:before {
		background: pink;
		content: '';
		display: block;
		height: 5em;
		left: 0;
		position: fixed;
		top: 0;
		width: 2em;
	} */
	

	.site-description {
		margin: 0 0 .8em .8em;
		font-size: 0.8em;
	}
	
	.site-content {
		float: none;
		width: auto;
		padding-left: 1%;
	}

	.sidebar {
		float: none;
		width: auto;
		margin-bottom: .7em;
	}

	.search {
		background: #f6f6f6;
		margin-top: .1em;
		position: relative;
		padding: .8em;
		top: 0;
		width: auto;
		float: none;
	}
	
	.ie .site-footer .col4 {
		width: 23%;
	}
	
	

	.search input[type="search"] {
		border-color: #ddd;
		margin: 0;
		padding: .6em .5em .5em .5em;
	}

	

	.sidebar nav:first-of-type {
		margin-left: 0;
	}

	.site-footer .col {
		margin: 0;
		min-height: 11em;
		width: 50%;
	}

	.site-footer .col p {
		margin-right: 1.6em;
	}
	
	.brand {
		background: none;
	}
	
	.content-area {
		padding: 0;
	}
	
	
	
	.site-footer .col-first {
	width: 100%!important;
	}
	
	.site-footer .col {
	margin: 0;
	min-height: 8em;
	width: 32%;
	}
	
	.sidebar .social li {
		width: 48%;
		margin-right: 1%;
	}


	.nav-main a.mobile-menu-selector {
		display: block;
		padding: 1em;
	}

	.nav-main ul {
		display: none;
	}
	
	.nav-main nav {
		width: 100%;
	}


	.nav-main li {
		width: 33%;
	}
	
	.blog-cols .col-first {
		width: 100%;
		float: none;
	}
	
	.blog-cols .col-second {
		width: 99%;
		float: none;
	}
	
	.sidebar .social li {
		margin: 0;
		width: 100%;
	}
	

}

@media only screen and (max-width: 56.25em) {
	.site-footer .col1 {
		width: 48.1%;
		margin-right: 1%;
	}
	
	.site-footer .col2 {
		width: 48.1%;
		margin-right: 0;
	}
	
	.site-footer .col3 {
		width: 48.1%;
		margin-right: 1%;
		margin-top: 1%;
	}
	
	.site-footer .col4 {
		width: 48.1%;
		margin-right: 0;
		float: left;
		margin-top: 1%;
	}
	
	
	.ie .site-footer .col1 {
		width: 48%;
		margin-right: 1%;
	}
	
	.ie .site-footer .col2 {
		width: 48%;
		margin-right: 0;
	}
	
	.ie .site-footer .col3 {
		width: 48%;
		margin-right: 1%;
		margin-top: 1%;
	}
	
	.ie .site-footer .col4 {
		width: 48%;
		margin-right: 0;
		float: left;
		margin-top: 1%;
	}
	
	
	
	
}


@media only screen and (max-width: 48.56em) {

	.contactright {
		width: 45%;
	}
	
	.brand {
		width: 50%;
	}
	
	.contactright p {
		text-align: center;
	}
	
	.cart {
	padding: 0;
	width: 100%;
	}
	
	.cart dl {
		width: 18.5em;
		margin: 0 auto;
	}
}


@media only screen and (max-width: 34.56em) {
	
	.site-footer .col1 {
		width: 100%;
		margin-right: 0;
	}
	
	.site-footer .col2 {
		width: 100%;
		margin-right: 0;
		margin-top: 0.7em;
	}
	
	.site-footer .col3 {
		width: 100%;
		margin-right: 0;
		margin-top: 1%;
		margin-top: 0.7em;
	}
	
	.site-footer .col4 {
		width: 100%;
		margin-right: 0;
		float: left;
		margin-top: 1%;
		margin-top: 0.7em;
	}
	
	
	.ie .site-footer .col1 {
		width: 100%;
		margin-right: 0;
	}
	
	.ie .site-footer .col2 {
		width: 100%;
		margin-right: 0;
		margin-top: 0.7em;
	}
	
	.ie .site-footer .col3 {
		width: 100%;
		margin-right: 0;
		margin-top: 1%;
		margin-top: 0.7em;
	}
	
	.ie .site-footer .col4 {
		width: 100%;
		margin-right: 0;
		float: left;
		margin-top: 1%;
		margin-top: 0.7em;
	}
	
	.site-footer .address li {
		float: left;
	}
	
	.site-footer .phone {
		float: left;
	}
	
	.brand {
		margin-top: 1.5em;
		width: 62%;
	}
	
	.contactright {
		width: 35%;
	}
	
	.col-span-4 .col {
	    width: 44%;
	}
	
}

@media only screen and (max-width: 39.00em) {

	.contactright {

		
	}
	
	.site-description {
		margin: 0 0 .2em .8em;
	}

}

@media only screen and (max-width: 37.5em) {
	

/* 	body:before {
		background-color: yellow;
	} */
	
	.order-details .col {
		float: none;
		margin-left: 0;
	}
	
	.order-details .col-span-2 .col {
		width: 100%;
	}
	
	.body_order_details .site-content input[type="text"], 
	.body_order_details .site-content input[type="email"]{
		width: 98%;
	}
	
	.body_order_details .site-content select {
		width: 100%;
	}
	.body_order_details .site-content textarea {
		width: 99.8%;
	}
	
	.body_contact .site-content fieldset {
		width: 100%;
	}
	
	.body_contact .site-content input[type="text"], 
	.body_contact .site-content input[type="email"], 
	.body_contact .site-content select {
		width: 98%;
	}
	
	/* My Account */
	.addresses .shipping-address, dl.order-view-totals dd {
		text-align: left;
	}
	
	/* Blog */
	.blog-cols .col-first, .blog-cols .col-second {
		width: 100%;
	}

	/* Responsive Div Tables */
	.table-cell-mobile-80 {
		width: 80%;
	}
	.table-cell-mobile-70 {
		width: 70%;
	}
	.table-cell-mobile-60 {
		width: 60%;
	}
	.table-cell-mobile-30 {
		width: 30%;
	}
	.table-cell-mobile-content {
		display: block;
		color: #999;
	}
	.table-cell-mobile-hide {
		display: none;
	}

}

/* third drop */

@media only screen and (max-width: 33.75em) {

/* 	body:before {
		background-color: blue;
	} */

	.site-header {
		padding: 0;
	}

	.products li {
		padding-left: 0;
	}

	.products h3 {
		font-size: 1em;
		margin: 1.2em 0 .6em 33%;
		padding-left: .6em
	}

	.products p {
		margin: 0 0 .6em 33%;
		padding-left: .6em
	}

	.products .sale {
		font-size: .75em;
		margin: 0;
		top: 0;
	}

	.products .price {
		font-size: 1em;
		font-weight: bold;
	}

	.products .thumbnail {
		margin: 0;
		width: 30%;
	}

	.product-gallery,
	.product-details {
		border-left: 0;
		float: none;
		padding-left: 0;
		width: auto;
	}

	li.cart-product img {
		float: none;
		margin: 0 0 .8em 0;
		width: 100%;
	}

	.content-area .col-span-2 .col {
		float: none;
		margin: 0;
		width: auto;
	}

	.site-footer .col {
		float: none;
		min-height: 0;
		width: auto;
	}
	
	.products li {
		width: auto;
		margin-right: 0;
		padding: .063em 1.6em .8em 0em;
		float: none;
		height: auto;
	}
	
	.products .thumbnail {
		margin: -2.4em 0 0 0;
	}
	
	.products li:nth-child(-n+3) {
		border-top: none;
	}
	
	.products li:first-child {
		border-top: 1px solid #eee;	
	}
	
	.products li input[type="submit"] {
		margin-left: .6em;
	}
	
	
	.content-area {
		background: #FFF;
	}
	
	.cart-list-headings {
		display: none;
	}

	.cart-product {
		clear: both !important;
		float: none !important;
		width: 100% !important;
	}

	.cart-price-per,
	.cart-price-qty,
	.cart-price-total,
	.cart-remove {
		padding-top: .6em;
		padding-right: 3%;
		width: 22%;
	}

	.cart-price-qty {
		text-align: right;
		width: 34%;
	}

	.cart-price-total,
	.cart-remove {
		padding-top: 2.6em;
	}

	.cart-list-orderreview .cart-price-qty,
	.cart-list-orderreview .cart-price-total {
		padding-top: .8em;
	}

	.cart-list-orderreview .cart-price-total {
		width: 34%;
	}

	.cart-price-per {
		clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
		clip: rect(1px, 1px, 1px, 1px);
		position: absolute !important;
	}
	.title-cart-remove {
		padding-right: 0;
		width: 25%;
	}

	.cart-price-qty label {
		display: block;
	}
	.cart-price-qty span {
		display: inline-block;
	}
	
	
	
	.cart dl dd p.button-wrapper {
		width: 100%;
		margin: 0; 
		text-align: center;
	}
	
	.nav-main li {
	width: 100%;
	}
	
	
}

/* fourth drop */
@media only screen and (max-width: 27.5em) {
	.products .thumbnail .no_image_available  {
		line-height: 2em;
		padding-top: 5em;
		height: 9.5em;
	}
}


/* =Helpers
-------------------------------------------------- */

/* for screen readers */

.assistive-text {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

/* clearfix class */

.group:before,
.group:after {
	content: " ";
	display: table;
}

.group:after {
	clear: both;
}

.group {
	*zoom: 1;
}