@charset "utf-8";
/* CSS Document */

html {
}
body {
	margin: 0;
	padding: 0px;
	background: #fff;
	width: 100%;
	overflow-x: hidden;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	-webkit-animation-delay: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
}
.wrapper {
	max-width: 1885px;
	margin: 0 auto 0 auto;
	position: relative;
	padding: 0px;
}
#bybrand a {
	color: #8ec740;
	outline: none;
	border: none;
	text-decoration: underline;
}
a {
	color: #8ec740;
	outline: none;
	border: none;
}
a:hover {
	text-decoration: none;
}
img {
	border: none;
	display: block;
}
.tooltip:hover { cursor: pointer; }
.infoicon {
	display: inline-block;
}
hr {
	background: none;
	color: none;
	border: none;
	outline: none;
	margin: 15px auto 20px auto;
	padding: 0;
	display: block;
	width: 100%;
	height: 1px;
	border-top: 1px #85ba41 solid;
}
.cclear {
	clear: both;
}

.cartitems p {color:#777 !important}

.standout {
	background:#ddd;
	padding:15px 10px 0px;
}
.standout.half {
	float:left; 
	width:50%;
}
section.total {
	float:right;
	clear:right;
	margin:5px 0px;
}
.shipping-option {
	clear:right;
}

/* GST */

#gstswitch {
	width: 110px;
	position: absolute;
	top: 210px;
	right: 5px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	}

.slideThree input[type=checkbox] {
  visibility: hidden;
}
.slideThree {
	float: left;
	width: 110px;
	height: 24px;
	background: #333;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: relative;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

.slideThree:after {
	content: 'EXCL GST';
	font: 9px/26px Arial, sans-serif;
	color: #fff;
	position: absolute;
	right: 6px;
	z-index: 0;
	font-weight: bold;
}

.slideThree:before {
	content: 'INC GST';
	font: 9px/26px Arial, sans-serif;
	color: #8dc640;
	position: absolute;
	left: 10px;
	z-index: 0;
	font-weight: bold;
}

.slideThree label {
	display: block;
	width: 55px;
	height: 18px;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 1;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.slideThree input[type=checkbox]:checked + label {
	left: 52px;
}

header {
	width: 100%;
	padding: 0 0;
	background: #fff;
	height: auto;
	position:relative;
	z-index: 999;
}

.details header {
	z-index: 9;
}
#subbar {
	background: #231f20;
	position: relative;
	height: 36px;
	z-index: 99;
}
#subbar nav {
	margin: 0 0 0 58px;
}
#subbar nav ul {
	margin: 0px;
	padding: 0px;
	display: block;
	position: relative;
	width: 100%;
}
#subbar nav ul li {
	margin: 0px;
	padding: 7px 4% 0 0;
	display: block;
	float: left;
}
#subbar nav ul li a {
	color: #8dc640;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	text-decoration: none;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
	padding:0 0 10px 0;
}
#subbar nav ul li a.menuactive {
	color: #fff;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	text-decoration: none;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
	padding:0 0 10px 0;
}
a#logo {
	display: block;
	margin: 15px 0 15px 58px;
	width: 327px;
	float: left;
}
#phone {
	color: #8dc640;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 19.3px;
	text-decoration: none;
	float: right;
	padding: 6px 2% 0 0;
}
#subbar aside {
	width: 26%;
	min-width: 220px;
	float: right;
	padding: 0px;
	position: relative;
}
#thesearch {
	width: 400px;
	min-width: 400px;
	height: 130px;
	margin: 0px;
	padding: 0px;
	position: relative;
}
#thesearch div {
	margin: 0px;
	padding: 15px 15px 5px 15px;
}
#subbar aside input#search, .text input#search, #thesearch input#search {
	width: 70%;
	height: 36px;
	vertical-align: middle;
	padding: 0 0 0 10%;
	margin: 0px;
	display: block;
	outline: none;
	border: none;
	background: #fff url(/images/srch-icon.png) 15px 12px no-repeat;
	color: #000;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 12px;
	float: left;
}
.text input#search, #thesearch input#search {
	-moz-box-shadow:    2px 2px 5px 2px #ccc;
	-webkit-box-shadow: 2px 2px 5px 2px #ccc;
	box-shadow:         2px 2px 5px 2px #ccc;
  }
#subbar aside input#srch, .text input#srch, #thesearch input#srch {
	display: block;
	outline: none;
	border: none;
	background: #8dc640;
	height: 36px;
	width: 20%;
	float: left;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 11.3px;
	text-transform: uppercase;
}
.text input#srch, #thesearch input#srch {
	-moz-box-shadow:    2px 2px 5px 2px #ccc;
	-webkit-box-shadow: 2px 2px 5px 2px #ccc;
	box-shadow:         2px 2px 5px 2px #ccc;
  }
#icons {
	width: 444px;
	float: right;
	padding: 15px 0 0 0;
}
#thelogin {
	width: 67px;
	float: right;
	padding: 15px 0 0 0;
}
#icons h3 {
	float: left;
	display: inline-block;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	text-transform: none;
	color: #515252;
	margin: 20px 0 0 0;
}
#icons a {
	float: left;
	margin: 0 0 0 20px;
}
#pinboard {
	position: fixed;
	top: 40%;
	right: 0px;
	width: 62px;
	height: 233px;
	z-index: 102;
}
#banner {
	width: 100%;
	height: 550px;
	position: relative;
	background: url(/images/banner-bg.jpg) top center no-repeat;
}
.textSlide {
	height: 420px !important;
}
#slider2 {
	width: 100%;
	height: 550px;
	position: relative;
	list-style: none;
}
#slider2 img {
	float: right;
	margin: -130px 0 0 0;
}
#externalNav, #farea .thumbNav {
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 102;
	padding: 0 0 17px 25px;
}
#farea .thumbNav {
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 9999999999;
	padding: 0 0 15px 25px !important;
}
#externalNav a {
	float: left;
	width: 12px;
	height: 12px;
	border-radius: 12px;
	background: #231f20;
	color: #231f20;
	text-decoration: none;
	margin: 0 5px 0 0;
	padding: 0;
}
#farea .thumbNav a {
	float: left;
	width: 12px;
	height: 12px;
	font-size: 8px;
	border-radius: 12px;
	background: #231f20;
	color: #231f20;
	text-decoration: none;
	margin: 0 5px 5px 0;
	padding: 0;
}
#externalNav a.current, #externalNav a:hover, #externalNav a:active, #externalNav a:focus, #farea .thumbNav a:hover, #farea .thumbNav a:active, #farea .thumbNav a:focus {
	background: #6c6c6c;
	color: #6c6c6c;
}
#farea {
	width: 35%;
	padding: 5% 0 5% 0;
	float: left;
}
#farea #features {
	background: #e4e2de;
}
#testimonials {
	width: 35%;
	padding: 0 0 5% 0;
	float: left;
}
#testimonials .anythingControls { display: none !important; }
#testimonialsInt {
	width: 31.5%;
	padding: 0 0 0 3.5%;
	float: left;
}
#testimonialsInt .anythingControls { display: none !important; }
#features {
	width: 100%;
	height: 239px;
	position: relative;
	list-style: none;
}
#testslide {
	width: 100%;
	min-height: 140px;
	position: relative;
	list-style: none;
}
#features img {
	float: right;
	margin: 0 0 0 0;
}
.contimg {
float: right; margin-left: 25px;
}
.contimg2 {
float: lwft; margin-right: 25px;
}

article#content {
	width: 100%;
	position: relative;
	padding: 3% 0 0 0;
}
article#checkout {
	width: 100%;
	margin: 15px 0 0 0;
}
article#checkout p {
	color: #231f20;
}
article#login {
	width: 30%;
	min-width: 512px;
	margin: 0 auto;
}
article#content > div {
	padding: 2% 3.5% 2% 3.5%;
}
article#contentCat > div {
	padding: 2% 0 0 0%;
}
article#content > div.leftcolumn {
	padding: 2% 5% 2% 3.5%;
	float: left;
	width: 44%;
}
article#content > div.rightcolumn {
	padding: 2% 3.5% 2% 0;
	float: left;
	width: 44%;
}
article#checkout div.chck {
	padding: 2% 0 2% 3.5%;
	width: 80%;
	margin: 0 auto;
}
article#login div.loginbox {
	padding: 2% 0 2% 3.5%;
}
article#hoptions {
	width: 55%;
	padding: 5% 0 5% 5%;
	float: left;
}
article#hoptions div {
	width: 30%;
	margin: 0 3% 0 0;
	padding: 2% 0 0 0;
	float: left;
}
article#hoptions div ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
article#hoptions div ul li a {
	color: #231f20;
	text-decoration: none;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
}

article#hoptionsINT {
	width: 95%;
	padding: 5% 0 5% 5%;
	float: left;
}
article#hoptionsINT div {
	width: 22%;
	margin: 0 3% 0 0;
	padding: 2% 0 0 0;
	float: left;
}
article#hoptionsINT div ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
article#hoptionsINT div ul li a {
	color: #231f20;
	text-decoration: none;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
}

#brands {
	width: 55%;
	padding: 0 0 2% 5%;
	float: left;
}
#brandsInt {
	width: 55%;
	padding: 0 0 5% 3.5%;
	float: left;
}
#brands a, #brandsInt a {
	color: #8ec740;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 11.5px;
	line-height: 18px;
	text-decoration: none;
}
#brands span, #brandsInt span {
	color: #d5d5d5;
	padding: 0 5px;
}
/* Fonts */
h1 {
	font-family: "open-sans", sans-serif !important;
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 14px !important;
	text-transform: uppercase !important;
	color: #000 !important;
	text-align: left !important;
	margin: 0 0 15px 0 !important;
}
article#content h1 {
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 28px;
	text-transform: none;
	color: #000;
	text-align: left;
	margin: 0 0 5px 0;
}
h2#pinb {
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 30px;
	color: #231f20;
	text-align: center;
	margin: 0 0 0 0;
}
.text h2 {
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 40px;
	line-height: 40px;
	color: #231f20;
	text-align: left;
	margin: 0 0 30px 0;
}
.ftext h2 {
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 25px;
	color: #231f20;
	text-align: left;
	margin: 0 0 10px 0;
}
article#content h2 {
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 17px;
	color: #8ec740;
	text-align: left;
	margin: 0 0 15px 0;
}
.text h2 span {
	color: #8ec740;
}
.ftext h2 span {
	font-weight: 700;
}
h3 {
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 18.3px;
	color: #231f20;
	text-align: left;
	margin: 0 0 5px 0;
}

h2#pinheading {
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 15px;
	color: #85ba41;
	text-align: left;
	margin: 0 0 5px 0;
}

article#content h3 {
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 15.3px;
	color: #231f20;
	text-align: left;
	margin: 0 0 5px 0;
}
h4 {
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 19px;
	color: #231f20;
	text-align: left;
	margin: 0 0 15px 0;
}
h5 {
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 25px;
	text-transform: uppercase;
	color: #fff;
	text-align: left;
	margin: 0 0 15px 0;
}
h6 {
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 22px;
	text-align: center;
	margin: 0 0 20px 0;
	text-transform: none;
	color: #797878;
}
p {
	color: #ffffff;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	margin: 0 0 15px 0;
	line-height: 1.4em;
	text-align: left;
}
article#content p {
	color: #000;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	margin: 0 0 15px 0;
	line-height: 1.4em;
	text-align: left;
}
.text p {
	color: #231f20;
	font-family: "open-sans", sans-serif;
	font-weight: 700;
	font-size: 14.3px;
	margin: 0 0 0 0;
}
.ftext p {
	color: #231f20;
	font-family: "open-sans", sans-serif;
	font-weight: 400;
	font-size: 12.3px;
	margin: 0 0 0 0;
}
#testimonials p, #testimonialsInt p {
	color: #231f20;
	font-family: "open-sans", sans-serif;
	font-weight: 400;
	font-size: 14.3px;
	margin: 0 0 0 0;
}
ul, ol {
	margin: 15px 15px 20px 35px;
}
li {
	color: #2a2a2a;
	font-family: "open-sans", sans-serif;
	font-weight: 400;
	font-size: 14.3px;
	margin: 0 0 5px 0;
	line-height: 1.4em;
}



.atc1 { float: left; width: auto; position: relative; }
.atc2 { float: left; width: auto; position: relative; margin: 0 0 0 15px; }
.atc3 { float: left; width: auto; position: relative; margin: 0 0 0 15px; }
.atc4 { float: left; width: auto; position: relative; margin: 0 0 0 15px; }

.flybutton {float:right; width: 30px;
height: 30px;
display: block; position: absolute; bottom: 20px; left: -10px; margin: 0; z-index:100}
.flybuttonf {float:right; width: 30px;
height: 30px;
display: block; position: absolute; bottom: 20px; left: -10px; margin: 0; z-index:100}
.flybuttong {float:right; width: 30px;
height: 30px;
display: block; position: absolute; bottom: 20px; left: -10px; margin: 0; z-index:100}
.flybuttonq {float:right; width: 30px;
height: 30px;
display: block; position: absolute; bottom: 20px; left: -10px; margin: 0; z-index:100}
.cart-group-btns .flybutton {position: absolute; margin:0;}

article#category, article#subcategory {
	padding: 0% 0 2% 0%;
}
#scrollload {
	width: 87px;
	height: 51px;
	margin: 0 auto;
	background: url(/images/load-more.jpg) top center no-repeat;
}
a.product {
	float: left;
	width: 18%;
	margin: 1% 1% 1% 1%;
	background: #fff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
	box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
	text-decoration: none;
	position: relative;
}
a.product div {
	padding: 3% 5%;
}
a.product h3 {
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 14.3px;
	color: #231f20;
	text-align: left;
	margin: 0 0 5px 0;
}
a.product p {
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 13.3px;
	color: #231f20;
	text-align: left;
	margin: 0 0 0 0;
}
a.product span {
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 15.3px;
	color: #fff;
	background: #8dc640;
	text-align: center;
	display: block;
	padding: 5px 0;
	margin: 0 0 0 0;
}
a.product span img.picon {
	width: auto;
	height: 16px;
	margin: 0 2px 0 5px;
	display: inline-block;
	float: left;
}
a.product span.unpin, a.product span.pin {
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 13.3px;
	color: #fff;
	background: #8dc640;
	text-align: center;
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 8px 0 0 0;
	width: 36px;
	height: 26px;
	margin: 0 0 0 0;
	border-radius: 0 0 0 5px;
}
a.product span.unpin:hover, a.product span.pin:hover {
	cursor: pointer;
}
a.product img {
	width: 100%;
}
a.subcat {
	float: left;
	width: 18%;
	margin: 5px;
	border: 1px solid black;
	text-decoration: none;
	position: relative;
	margin-top: 15px;
}

a.subcat:hover {
	background: #ccff00;
}

a.subcat div {
	padding: 3% 5%;
}
a.subcat h3 {
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 14.3px;
	color: #231f20;
	text-align: center;
	margin: 5px 0 5px 0;
}
a.subcat p {
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 13.3px;
	color: #231f20;
	text-align: left;
	margin: 0 0 0 0;
}
a.subcat span {
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 15.3px;
	color: #fff;
	background: #231f20;
	text-align: center;
	display: block;
	padding: 5px 0;
	margin: 0 0 0 0;
}
a.subcat span.unpin, a.subcat span.pin {
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 13.3px;
	color: #fff;
	background: #8dc640;
	text-align: center;
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 5px 0 3px 0;
	width: 30px;
	height: 20px;
	margin: 0 0 0 0;
	border-radius: 0 0 0 5px;
}
a.subcat span.unpin:hover, a.subcat span.pin:hover {
	background: #72ad23;
	cursor: pointer;
}
a.subcat img {
	width: 100%;
}
.product-individual {
	background: #fff;
	overflow: hidden;
	display: block;
}
.product-individual a {
	text-decoration: none;
}
.product-object {
	display: block;
	margin: 30px;
}
.media {
	display: block;
	float: left;
	width: 38%;
}
#main-product-image {
	position: relative;
	width: 100%;
	overflow: hidden;
	border-right: 1px solid #eee;
}
#main-product-image ul {
	list-style: none;
	margin: 0;
	padding: 0
}
#main-product-image img {
	width: 100%;
}
.media label {
	width: 100%;
	text-align: center;
	display: block;
	padding: 5px 0;
	color: #ccc;
}
.main-img {
}
.media-label {
	text-align: center;
	padding: 5px 0;
	font-size: 11px;
	background: #eee;
	margin-top: 15px;
}
#thumbnail-container {
	width: 100%;
	height: 62px;
	overflow: hidden;
	position: relative;
	padding: 15px 0;
}
.img-thumbs {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.img-thumbs li {
	width: 23%;
	display: block;
	float: left;
	margin-right: 8px;
}
.img-thumbs li+li+li+li {
	margin-right: 0px;
}
img-thumbs li a {
	display: block;
}
.details {
	float: right;
	display: block;
	width: 57%;
	background: #fff;
	padding: 1% 0 0 0;
}
.description {
	line-height: 19px;
	margin: 15px 0 0 0;
	overflow: hidden;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	padding-bottom: 10px;
}

.description p {color: #999;}

.description span {
	display: block;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 700;
}
.product-additional {
}
.details header {
	display: block;
}
.details header h1, .details header h1 a {
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	color: #231f20 !important;
	font-size: 20px;
}
.sku {
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	margin-top: -5px;
	color: #999;
	text-transform: uppercase;
}
.details > header > .price-box {
	font-weight: 500;
	background: #8dc640;
	color: #fff;
	padding: 0.8em;
	font-size: 15px;
	border-radius: 4px;
}
.details > header > .price-box strong {
	font-weight: 100 !important;
	color: #63a806;
	padding: 0 10px;
}
.pricebreak { color: #000; }
.size-main {
	display: block;
	border-top: 1px solid #eee;
}
.size-main span {
	font-size: 12px;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #8dc640;
	display: block;
	text-transform: uppercase;
	padding-bottom: 5px;
}
.size-main p {
	display: block;
	font-size: 12px;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	padding-bottom: 10px;
	color: #000000;
	margin: 0;
	float: none;
	width: auto;
}
.size-main p strong {
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
}
.size-main ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: block;
	overflow: hidden;
}
.size-main ul li {
	float: left;
	display: block;
}
.size-main ul li a {
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	display: block;
	width: 32px;
	height: 26px;
	border: 2px solid #eee;
	background: #fff;
	margin-right: 5px;
	margin-bottom: 5px;
	text-align: center;
	padding-top: 5px;
	color: #999;
	border-radius: 4px;
}
.size-main ul li a:hover {
	opacity: 0.5;
}
.size-main ul li a.selected {
	border: 2px solid #81b836;
	color: #fff;
	background: #8dc640;
	text-shadow: 1px 1px 1px #333;
	font-size: 13px;
}
.size-main ul li a.selected:hover {
	opacity: 1;
}

.cartimg {
	width: 200px;
	padding: 0 15px 0 0;
	text-align: left;
	}

.cartimg img {
	width: 100%;
	}

.matrix {
	padding: 0;
	margin: 20px 0;
	display: block;
	border-spacing: 0;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	border-left: 1px solid #eee;
}
.matrix thead th {
	font-weight: 700;
	background: #6a6a6a;
	color: #fff;
	width: 50px;
	padding: 7px 0;
}
.matrix td.swatch img, .matrix td.swatch {
	width: 29px;
	height: 29px;
	overflow: hidden
}
.matrix td.swatch img {
	border: 1px solid #eee
}
.matrix td.swatch {
	padding-right: 0;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 700;
	vertical-align: middle;
	color: #6a6a6a;
	text-align: left
}
.matrix input {
	width: 1.4em;
	background: #eee;
	border: 0;
	text-align: center;
	color: #999;
	padding: 5px;
	margin: 2px
}
.matrix input.has_quantity {
	width: 1.4em;
	background: #8dc640;
	border: 0;
	text-align: center;
	color: #231f20;
	padding: 5px;
	margin: 2px
}
.matrix td {
	text-align: center;
	padding: 5px 10px
}
.matrix tr {
	border-bottom: 1px solid #eee;
}
.product-sizechart {
	padding: 20px 0 0 0;
}
.product-sizechart h4 {
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #005581;
	font-size: 15px;
	text-transform: uppercase;
	padding: 0 0 10px 0
}
.product-sizechart table {
	width: 100%;
	font-size: 11px;
}
.product-sizechart table td, .product-sizechart table th {
	padding: 5px;
	border-right: 1px solid #b2d2e3 !important;
}
.product-sizechart table th {
	font-weight: normal !important;
	text-align: left !important
}
.size-name {
	background: #d8effb;
	text-shadow: 1px 1px 1px #fff;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #005581;
}
#product-cart input[type="password"], #product-cart textarea {
	background: url(dashboard/input_bg.png) repeat-x #fdfdfd;
	border: 1px solid #d9d9d9;
	border-top: 1px solid #ccc;
	border-radius: 2px;
	box-shadow: 0 1px 0 #fff;
	color: #666;
	font-family: 'proxima-nova', sans-serif;
	font-size: 13px;
	height: 30px;
	outline: none;
	padding: 6px 10px;
	resize: none;
	width: 100%;
}
.details h4 {
	color: #7f8182;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 15px;
	text-transform: uppercase;
	font-size: 14px;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	padding: 10px 0 14px 0;
	text-shadow: 1px 1px 1px #fff;
}
.add {
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px solid #eee;
	display: block;
}
.options .size, .options .swatch {
	display: block;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}
.options .swatch li {
	width: 38px;
}
.options .size li {
	display: block;
	width: 32px;
	height: 24px;
	border: 1px solid #ccc;
	background: #fff;
	margin-right: 5px;
	margin-bottom: 5px;
	text-align: center;
	padding-top: 6px;
	font-weight: 400;
	color: #999;
}
button.addtocart {
	float: left;
	display: block;
}
a.button {
	background: #231f20;
	padding: 10px 25px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	border: 0;
	display: inline-block;
	text-decoration: none;
	font-size: 14px;
	border-radius: 2px;
	text-shadow: 1px 1px 1px #014264;
	float: right;
	line-height:17px;
}
input.button {
	background: #231f20;
	padding: 10px 25px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	border: 0;
	display: inline-block;
	text-decoration: none;
	font-size: 14px;
	border-radius: 2px;
	text-shadow: 1px 1px 1px #014264;
	float: right;
	line-height:17px;
	margin-left: 5px;
}
button.button {
	background: #231f20;
	padding: 10px 25px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	border: 0;
	display: inline-block;
	text-decoration: none;
	font-size: 14px;
	border-radius: 2px;
	text-shadow: 1px 1px 1px #014264;
	float: right;
	line-height:17px;
}

.button.editdets {
	margin: 0 0 0 10px;
	background: #8dc640;
	}

.formsbutton {
	background: #231f20;
	padding: 10px 25px;
	margin: 0 5px 5px 0;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	border: 0;
	display: inline-block;
	text-decoration: none;
	font-size: 14px;
	border-radius: 2px;
	text-shadow: 1px 1px 1px #014264;
	float: left;
}
a.button.green {
	float: right;
	background: #8dc640;
	padding: 10px 25px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	border: 0;
	display: inline-block;
	text-decoration: none;
	font-size: 14px;
	border-radius: 2px;
	text-shadow: 1px 1px 1px #014264;
	margin: 0 0 0 5px;
	line-height:17px;
}
a.button.blue {
	float: left;
	background: #0d8baa;
	padding: 10px 25px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	border: 0;
	display: inline-block;
	text-decoration: none;
	font-size: 14px;
	border-radius: 2px;
	text-shadow: 1px 1px 1px #014264;
	margin: 0 0 0 5px;
	line-height:17px;
}
input.button.green {
	float: left;
	background: #8dc640;
	padding: 10px 25px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	border: 0;
	display: inline-block;
	text-decoration: none;
	font-size: 14px;
	border-radius: 2px;
	text-shadow: 1px 1px 1px #014264;
	margin: 0 0 0 5px;
	line-height:17px;
}

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

.button.green.smlbtn {
	background: #8dc640;
	padding: 10px 25px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	border: 0;
	display: inline-block;
	text-decoration: none;
	font-size: 11px;
	border-radius: 2px;
	text-shadow: 1px 1px 1px #014264;
	margin: 0 0 0 6px;
}
.button:hover {
	background: #231f20;
	color: #fff;
	-webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
}
.button.green:hover {
	background: #6ba51c;
}
.floatright {
	float: right;
	overflow: hidden
}
#quote {
	background: #8dc640;
	padding: 10px 25px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	border: 0;
	display: inline-block;
	text-decoration: none;
	font-size: 14px;
	border-radius: 2px;
	text-shadow: 1px 1px 1px #014264;
	margin: 0 0 0 5px;
}
.button.small {
	padding: 6px 25px;
	font-size: 12px;
}
.add-options {
	float: left;
	display: block;
}
.add-options a {
	text-decoration: underline;
	line-height: 20px;
	padding: 10px 10px 0 0;
}
.addtowishlist {
	font-size: 12px;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #494b4c;
	text-decoration: underline;
	display: block;
}
.makeenquiry {
	font-size: 12px;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #494b4c;
	padding-left: 15px;
	text-decoration: underline;
	display: block;
}
.addtowishlist:hover, .makeenquiry:hover {
	color: #005581;
}
.validation {
	color: #fff !important;
	background: #C00 !important;
	padding-top: 5px;
	padding-left: 10px;
}
ul.tabs {
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: relative;
	display: block;
}
ul.tabs li {
	background: #ccc;
	color: #231f20;
	display: block;
	float: left;
	padding: 10px 0;
	margin: 0 1% 0 0;
	width: 32%;
	cursor: pointer;
	text-align: center;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 700;
}

ul.tabs li a {
	color: #231f20;
	display: block;
	width: 100%;
	text-decoration: none;
}
ul.tabs li:hover {
	background: #bbb;
}
ul.tabs li:last-child {
	margin: 0 0 0 0;
	width: 33%;
}
ul.tabs li.current, ul.tabs li.current a {
	background: #231f20;
	color: #fff;
}
.tab-content {
	background: #fff;
	padding: 15px;
}
.tab-content p {
	color: #fff;
	margin: 0;
}
#category.tab-content {
	background: #231f20;
	padding: 0;
}
.tab-content.current {
	display: inherit;
}

/* MATCHING LOGO */

.matchit td { padding: 0 10px; }

.matching a.logos { padding: 5px 10px; display: block; }
.matching a.products { padding: 5px 10px; display: block; }
#matchedProducts .matching a { padding: 5px 10px; display: block; }
.matching a.logos.highlight-li { color: #fff; background: #8dc640; }
.matching a.products.highlight-li { color: #fff; background: #8dc640; }
#matchedProducts .matching a.products.highlight-li, .matching a.logos.highlight-li:hover, .matching a.products.highlight-li:hover { color: #fff; background: #8dc640; }

#logoList, #productList, #matchedProducts {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

.matching a:visited { color: green; text-decoration: none; }
.matching a:link { color: red; text-decoration: none; }
.matching a.logos:hover, .matching a.products:hover  { background: #f6f6f6; color: #000; text-decoration: none; }
#matchedProducts .matching a { background: #222; color: #fff; text-decoration: none; }
#matchedProducts .matching a:hover { background: #222; color: #fff; text-decoration: none; }

footer {
	background: #231f20;
	padding: 10px 10px 10px 10px;
	width: 100%;
	z-index: 9999;
	text-align: center;
	color: #fff;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 11.5px;
	text-decoration: none;
}
footer a {
	color: #fff;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 11.5px;
	text-decoration: none;
}
footer span {
	color: #000000;
	padding: 0 10px;
}
section#inas {
	padding: 0;
	background: #fff;
	height: 45px;
	width: 100%;
	z-index: 9999;
	text-align: center;
	color: #fff;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 11.5px;
	text-decoration: none;
}
section#inas h3 {
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 11.5px;
	text-align: center;
	padding: 17px 0 0 0;
	margin: 0 0 0 0;
	display: inline-block;
	vertical-align:top;
}
section#inas a {
	display: inline-block;
	padding: 0px; margin: 0px;
	vertical-align:top;
}
section#inas img {
	display: inline-block;
	vertical-align:top;
}
#pagination {
	float: right;
	width: 280px;
	margin: 10px 0 0 0;
	position: relative;
}
#pagination ul {
	position: relative;
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#pagination ul li {
	position: relative;
	padding: 0px;
	margin: 0px;
	float: left;
	width: auto;
}
#pagination ul li a, #pagination ul li span {
	color: #fff;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	float: left;
	margin: 0 0 0 0;
	padding: 0 10px 0 10px;
	border-right: 1px #2b2b2b solid;
}
#pagination ul li a.current, #pagination ul li a:hover {
	color: #29a1d1;
}
.customer-details-checkout {
	float: left;
	width: 30%;
	margin: 0 3% 0 0;
}
.highlight-form-field {
	border: 1px solid #ff6666 !important;
}
.highlight-label {
  color: #ff6666 !important; font-weight: 700 !important;
}
.pagi {
	position: relative;
	display: block;
	padding: 0 0 20px 3.5%;
}
.pagi ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	position: relative;
}
.pagi ul li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	float: left;
}
.pagi a {
	display: inline-block;
	padding: 0px 9px;
	margin-right: 4px;
	border-radius: 3px;
	border: solid 1px #c0c0c0;
	background: #e9e9e9;
	box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
	font-size: 12px;
	text-decoration: none;
	color: #717171;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}
.pagi a:hover {
	background: #fefefe;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
	background: -moz-linear-gradient(0% 0% 270deg, #FEFEFE, #f0f0f0);
}
.pagi li.current a {
	border: none;
	background: #616161;
	box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
	color: #f0f0f0;
	text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}
.pagi.gradient {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
	background: -moz-linear-gradient(0% 0% 270deg, #f8f8f8, #e9e9e9);
}

/* Quote Section */

#sysmessage {display: block; padding:6px; font-weight:700; border: 1px solid #8dc640; color:#8dc640; font-size:13px; margin:10px;}

.quote-area {display: block; font-family: "open-sans", sans-serif;
  font-style: normal;
  font-weight: 400; line-height: 19px; font-size:14px; padding:0 0 10px 0; width:100%;}
.quote-area p {line-height: 19px;}
.group-buttons {display: block; overflow:hidden; margin:20px 0}
.product-quote {border-bottom: 1px solid #ccc; font-size: 12px; display:block; padding:3px 0; margin-right:10px;}
.quote-area select {width: 30%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding-right: 24px;
padding-right: 1.5rem;
background: #eee top 19px right 20px no-repeat url(/images/dwn-arw.png);
background-size: 14px;
background-size: 0.875rem;
text-indent: 0.01px;
text-overflow: "";
padding: 12px;
margin: 0 10px 0 0px;
border-radius: 0.25rem;
border:0;
font-family: "open-sans", sans-serif;
  font-style: normal;
  font-weight: 400;  font-size: 14px; 
outline:none; display:block;
float: left;
}


.data-table {font-family: "open-sans", sans-serif;
  font-style: normal;
  font-weight: 400;}

#quoteNew label {font-size: 12px; color: #666; margin-bottom:4px;}

.submitted {background:#8dc640; display:inline-block; color:#fff; font-weight:700; padding:0 5px; border-radius:3px; text-transform:uppercase;font-size: 10px;}
.pending {background:#e2520c; display:inline-block; color:#fff; font-weight:700; padding:0 5px; border-radius:3px; text-transform:uppercase;font-size: 10px;}

section.add-comment {
	padding: 10px 0;
	}

form section.add-comment label {
	width: 100%;
	display: block;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #525254;
	font-size: 17px;
	padding: 5px 0 5px 0;
}

form section.add-comment p textarea {
	background: #f6f6f6;
	border: 0;
	border: 1px solid #ddd;
	border-radius: 2px;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #525254;
	font-size: 14px;
	height: 100px;
	outline: none;
	padding: 6px 0;
	text-indent: 5px;
	resize: none;
	width: 99%;
}




#byCategories {
	padding: 6% 5% 6% 5%;
	width: 760px;
	}

#byCategories ul {
  width:760px;
  overflow:hidden;
  padding: 0px;
  margin: 0px;
}
#byCategories li {
	width:25%;
  line-height:1.5em;
  float:left;
  display:inline;
  padding: 0px;
  margin: 0px;
}





#bybrand {
	padding: 6% 5% 6% 5%;
	width: 900px;
	}

#bybrand ul {
  width: 790px;
  overflow: hidden;
  padding: 0px;
  margin: 0px;
}
#bybrand li {
	width:25%;
  line-height:1.5em;
  float:left;
  display:inline;
  padding: 0px;
  margin: 0px;
}




#byuse {
	padding: 6% 5% 6% 5%;
	width: 760px;
	}

#byuse ul {
  width:760px;
  overflow:hidden;
  padding: 0px;
  margin: 0px;
}
#byuse li {
	width:25%;
  line-height:1.5em;
  float:left;
  display:inline;
  padding: 0px;
  margin: 0px;
}




#bysize {
	padding: 6% 5% 6% 5%;
	width: 400px;
	}

#bysize ul{
  width:400px;
  overflow:hidden;
  padding: 0px;
  margin: 0px;
}
#bysize li {
	width:50%;
  line-height:1.5em;
  float:left;
  display:inline;
  padding: 0px;
  margin: 0px;
}






@media screen and (max-width: 1600px) {
#farea {
	width: 33%;
	padding: 5% 0 5% 2%;
	float: left;
}
.ftext h2 {
	font-size: 27px;
}
article#hoptions {
	width: 55%;
	padding: 5% 0 5% 5%;
	float: left;
}
#testimonials, #testimonialsInt {
	width: 33%;
	padding: 0 0 5% 2%;
	float: left;
}
#brands, #brandsInt {
	width: 55%;
	padding: 0 0 2% 5%;
	float: left;
}
}

@media screen and (max-width: 1366px) {
.text h2 {
	font-size: 30px;
}
#subbar nav {
	margin: 0 0 0 40px;
}
#subbar nav ul li {
	padding: 7px 3% 0 0;
}
#subbar nav ul li a {
	font-size: 12px;
}
.ftext h2 {
	font-size: 22px;
}
a.product h3 {
	font-size: 13px;
}
article#content > div {
	padding: 2% 7% 2% 3%;
}
#testimonialsInt {
	width: 32%;
	padding: 0 0 5% 3%;
	float: left;
}
#brandsInt {
	width: 55%;
	padding: 0 0 2% 5%;
	float: left;
}

}

@media screen and (max-width: 1280px) {
.ftext h2 {
	font-size: 18px;
}
article#login {
	width: 50%;
}
a.product h3 {
	font-size: 12px;
}

a.product span {
	font-size: 12px;
}
a#logo {
    display: block;
    margin: 15px 0px 15px 10px;
    width: 327px;
    float: left;
}
header nav a {
	font-size: 14px !important;
}
#phone {
	font-size: 16px;
	padding: 9px 2% 0 0
}
.text {
	background: #fff;
	width: 40%;
	position: absolute;
	top: 155px;
	padding: 4% 2% 4% 4%;
	margin: 0 0 0 0;
}
#subbar nav ul li {
	padding: 7px 2% 0 0;
}
#slider2 img {
	margin: 0 0 0 0;
}
#subbar aside input#search {
	width: 58%;
	padding: 0 5% 0 12%;
}
#subbar aside input#srch {
	width: 25%;
}
.text h2 {
	font-size: 25px !important;
}
.ftext h2 {
	font-size: 30px;
}
.ftext {
	width: 86%;
	padding: 15% 7% 0 7%;
}
#features img {
	display: none;
}
header nav ul li {
  border-right: 1px #6a6a6a solid;
}
a.product {
	float: left;
	width: 23%;
	margin: 1% 1% 1% 1%;
	background: #fff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
	box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
	text-decoration: none;
	position: relative;
}
#subbar nav {
	margin: 0 0 0 30px;
}
#testimonialsInt p {
font-size: 12px;
}

#icons h3 {
	display: none;
}
#icons {
	width: 300px;
	float: right;
	padding: 15px 0 0 0;
}
article#content > div {
	padding: 2% 7% 2% 3.5%;
}

}

#lgn, a.menu-icon { display: none; }

@media screen and (max-width: 800px) {
#lgn { display: block; }

.standout.half {
	float:none; 
	width:100%;
	padding-bottom:5px;
}

.contimg {
float: none; margin: 0 auto 10px auto;
width: 80%;
}

article#content h1 {
  font-size: 22px;
}

article#content h2 {
  font-size: 15px;
}

#icons {
	width: 380px;
	float: right;
	padding: 15px 0 0 0;
}

a#logo {
	margin: 25px 0 25px 20px;
}
header nav ul li {
	padding: 0px;
	display: block;
	float: left;
	width: 16.5%;
	margin: 0 0 0 0;
	border-right: 1px #6a6a6a solid !important;
}
header nav a {
	font-size: 11px !important;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	width: 100%;
	height: 67px;
	line-height: 67px;
	vertical-align: middle;
	text-align: center;
	padding: 0 0;
}
#phone {
	display: none;
}
#gstswitch{
	display: none;
}
#subbar aside input#search {
	width: 47%;
	padding: 0 5% 0 15%;
}
#subbar aside input#srch {
	width: 33%;
}
#pinboard {
	top: 220px;
}
.text {
	background: #fff;
	width: 60%;
	position: absolute;
	top: 155px;
	padding: 4% 2% 4% 4%;
	margin: 0 0 0 0;
}
h3 {
	font-size: 14px;
}
article#checkout div.chck {
	padding: 2% 0 2% 1.5%;
	width: 95%;
	margin: 0 auto;
}
a.product h3, a.product p, a.product span {
	font-size: 11px;
}
a#quote {
	margin: 5px 0 0 0;
}
}

@media screen and (max-width: 700px) {
.media label { display: none; }
#thelogin { display: none !important; }
article#content > div.leftcolumn {
	padding: 2% 5% 2% 5%;
	float: left;
	width: 90%;
}
article#content > div.rightcolumn {
	padding: 2% 5% 2% 5%;
	float: left;
	width: 90%;
}

.contimg {
float: right; margin:  0 0 10px 10px;
width: 40%;
}
a#logo {
	margin: 25px auto 25px auto;
	width: 100%;
}
a#logo img {
	width: 80%;
	max-width: 350px;
	margin: 0 auto;
}
#icons {
	width: 288px;
	position: relative;
	float: none;
	margin: 0 auto;
	padding: 10px 0 0 0;
}
#icons a {
	float: left;
	margin: 0 0 0 5px;
}
#icons h3 {
	display: none;
}
header nav ul li {
	padding: 0px;
	display: block;
	float: left;
	width: 33% !important;
	margin: 0 0 0 0;
	border-right: 1px #6a6a6a solid !important;
	border-bottom: 1px #6a6a6a solid !important;
}
header nav a {
	font-size: 10px !important;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	width: 100%;
	height: 67px;
	line-height: 67px;
	vertical-align: middle;
	text-align: center;
	padding: 0 0;
}
#phone {
	display: none;
}
#gstswitch {
  top: 250px;
    display: none;
}
#subbar {
	background: #231f20;
	position: relative;
	height: auto;
}
#subbar nav {
	display: none;
}
#subbar nav ul li {
	padding: 7px 0 7px 0;
	width: 25%;
	float: left;
	text-align: center;
}
#subbar nav ul li a {
	font-size: 10px;
	text-align: center;
}
#subbar aside {
	width: 100%;
}
#subbar aside input#search {
	width: 50%;
	padding: 0 5% 0 12%;
}
#subbar aside input#srch {
	width: 33%;
}
#pinboard {
	display: none;
}
#banner {
	width: 100%;
	height: 300px;
}
#slider2 {
	height: 300px;
}
.text {
	background: none;
	width: 94%;
	height: auto;
	min-height: 200px;
	position: relative;
	top: auto;
	padding: 18% 2% 2% 4%;
	margin: 0 0 0 0;
}
.text h2 {
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	margin: 0 0 15px 0;
}
.text p {
	text-align: center;
	margin: 0;
}
#slider2 img {
	display: none;
}
#farea {
	width: 100%;
	padding: 0;
	float: left;
}
.ftext h2 {
	font-size: 27px;
}
.text p {
  font-size: 12px;
}
article#hoptions {
	width: 90%;
	padding: 5% 5% 5% 5%;
	float: left;
}
article#hoptions div {
	width: 100%;
	margin: 0px 3% 0px 0px;
	padding: 2% 0px 0px;
	float: left;
}
#testimonials {
	width: 90%;
	padding: 0 5% 5% 5%;
	float: left;
}
#brands {
	width: 90%;
	padding: 0 5% 5% 5%;
	float: left;
}
#brands span, #brandsInt span {
	color: #D5D5D5;
	padding: 0 !important;
}
.thumbNav {
	display: none !important;
}
footer {
	background: #231f20;
	height: auto;
	padding: 10px 5% 10px 5%;
	width: 90%;
	z-index: 9999;
	text-align: center;
}
footer span {
	color: #ccc;
	padding: 0 10px;
}

article#hoptionsINT {
	width: 90%;
	padding: 5% 5% 5% 5%;
	float: none;
}
article#hoptionsINT div {
	width: 100%;
	margin: 0 0 0 0;
	padding: 2% 0 0 0;
	float: none;
}
a.product {
	float: left;
	width: 47%;
	margin: 1% 1% 1% 1%;
	background: #fff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
	box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
	text-decoration: none;
	position: relative;
}
a.subcat {
	float: left;
	width: 47%;
	margin: 1% 1% 1% 1%;
	background: #8dc640;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
	box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
	text-decoration: none;
	position: relative;
}
a.product h3, a.product p, a.product span, a.subcat h3, a.subcat p, a.subcat span {
	font-size: 10px;
}

a.product span img.picon {
	width: auto;
	height: 12px;
	margin: 0 2px 0 5px;
	display: inline-block;
	float: left;
}
.pagi {
	position: relative;
	padding: 0 0 0 10px;
}
#pagination {
	float: none;
	width: 100%;
	margin: 10px 0 0 0;
	position: relative;
}
.pagi a {
	display: inline-block;
	padding: 0px 7px;
	margin-right: 2px;
	border-radius: 3px;
	border: 1px solid #C0C0C0;
	background: none repeat scroll 0% 0% #E9E9E9;
	box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8) inset, 0px 1px 3px rgba(0, 0, 0, 0.1);
	font-size: 7px;
	text-decoration: none;
	color: #717171;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	text-shadow: 0px 1px 0px #FFF;
}
article#login {
	width: 100%;
	min-width: inherit;
	margin: 0 0;
}
article#login div.loginbox {
	padding: 2% 0px 2% 0%;
}
.button {
	background: none repeat scroll 0% 0% #231F20;
	padding: 11px 8px 10px;
	text-align: center;
	color: #FFF;
	text-transform: uppercase;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	border: 0px none;
	display: inline-block;
	text-decoration: none;
	font-size: 11px;
	border-radius: 2px;
	text-shadow: 1px 1px 1px #014264;
	float: left;
}
.dashboard nav ul li {
	float: left;
	margin: 0 2px 2px 0;
}
.dashboard nav ul li a.button {
	background: none repeat scroll 0% 0% #231F20;
	padding: 5px 12px 4px;
	text-align: center;
	color: #FFF;
	text-transform: uppercase;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	border: 0px none;
	display: inline-block;
	text-decoration: none;
	font-size: 9px;
	border-radius: 2px;
	text-shadow: 1px 1px 1px #014264;
	float: left;
}
.customer-details-checkout {
	float: left;
	width: 100%;
	margin: 0px 0 2% 0px;
}
.media {
	display: block;
	float: none;
	width: 100%;
}
#main-product-image {
	position: relative;
	width: 100%;
	overflow: hidden;
	border-right: none;
}
.details {
	float: none;
	display: block;
	width: 100%;
	background: none repeat scroll 0% 0% #FFF;
	padding: 1% 0px 0px;
}
button.addtocart {
	float: none;
	display: block;
}
.button.green {
	float: none;
	background: none repeat scroll 0% 0% #8DC640;
	padding: 13px 10px 13px;
	text-align: center;
	color: #FFF;
	text-transform: uppercase;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	border: 0px none;
	display: inline-block;
	text-decoration: none;
	font-size: 12px;
	border-radius: 2px;
	text-shadow: 1px 1px 1px #014264;
	margin: 5px 0 0 0;
}
input.button {
  background: #231f20;
  padding: 8px 10px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-family: "open-sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  border: 0;
  display: inline-block;
  text-decoration: none;
  font-size: 8px;
  border-radius: 2px;
  text-shadow: 1px 1px 1px #014264;
  float: left;
}
.button.green.smlbtn {
  background: #8dc640;
  padding: 8px 10px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-family: "open-sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  border: 0;
  display: inline-block;
  text-decoration: none;
  font-size: 8px;
  border-radius: 2px;
  text-shadow: 1px 1px 1px #014264;
  margin: 0 0 0 2px;
}
#quote {
	background: none repeat scroll 0% 0% #8DC640;
	padding: 12px 15px;
	text-align: center;
	color: #FFF;
	float: none;
	text-transform: uppercase;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	border: 0px none;
	display: inline-block;
	text-decoration: none;
	font-size: 12px;
	border-radius: 2px;
	text-shadow: 1px 1px 1px #014264;
	margin: 5px 0 0 0;
}
.matrix {
	padding: 0;
	margin: 20px 0;
	display: block;
	border-spacing: 0;
	font-family: "open-sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	border-left: 1px solid #eee;
}
.matrix thead th {
	font-weight: 700;
	background: #6a6a6a;
	color: #fff;
	width: 50px;
	padding: 7px 0;
	font-size: 9px;
}
.matrix td.swatch img, .matrix td.swatch {
	width: auto;
	height: auto;
	overflow: hidden
}
.matrix td.swatch img {
	border: 1px solid #eee
}
.matrix td.swatch {
	padding-right: 0;
	text-transform: uppercase;
	font-size: 8px;
	font-weight: 700;
	vertical-align: middle;
	color: #6a6a6a;
	text-align: right
}
.matrix input {
	width: 1.4em;
	background: #eee;
	border: 0;
	text-align: center;
	color: #999;
	font-size: 9px;
	padding: 5px 3px 4px;
	margin: 0
}
.matrix td {
	text-align: center;
	padding: 5px 2px;
	font-size: 9px;
}
.matrix tr {
	border-bottom: 1px solid #eee;
}
header nav#big-nav {
	display: none !important;
}
#nav {
	width: 100%;
	font-family: "open-sans", sans-serif;
	font-weight: 400;
}
a.menu-icon {width: 100%; padding: 10px 0; background:#8dc640; color:#fff; text-align:center; font-size:35px; top:12px; display: block; z-index:999}
.cart-payment {
    width: 126px;
    text-align: center;
    margin: 0 auto 0 auto;
    float: none;
}
}

@media screen and (max-width: 400px) {	
body {
	overflow-x: scroll;
}
#gstswitch {
  top: 210px;
    display: none;
}

#subbar aside input#search {
	background: #231F20;
	color: #fff;
	padding: 0px 5% 0px 5%;
	width: 57%;
}
.atc1 { margin: 0 0 10px 0; }
.atc2 { margin: 0 0 10px 0; }
.atc3 { margin: 0 0 0 0; }
a.button.green {  margin: 0px 0px 0 0; }
.contimg, h2#pinheading { display: none; }
.text {
    background: none repeat scroll 0% 0% transparent;
    width: 94%;
    height: auto;
    min-height: 200px;
    position: relative;
    top: auto;
    padding: 14% 2% 2% 4%;
    margin: 0px;
}
article#content > div {
    padding: 8% 7% 2% 3.5%;
}

.cartimg {
	display: none;
	}
article#content > div.content-shop.cart-main.cart-container {
    padding: 8% 3% 2% 3%;
}
.cart-wrapper {
    margin: 0;
    padding: 0px;
    display: block;
	overflow: scroll;
}
form section.add-comment p input {
    background: none repeat scroll 0% 0% #F6F6F6;
    border: 1px solid #DDD;
    border-radius: 2px;
    font-family: "open-sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #525254;
    font-size: 14px;
    height: 15px;
    outline: medium none;
    padding: 6px 0px;
    text-indent: 5px;
    resize: none;
    width: 99%;
}
a.button, input.button {
    background: none repeat scroll 0% 0% #231F20;
    padding: 8px 10px;
	margin: 5px 5px 0 0 !important;
    text-align: center;
    color: #FFF;
    text-transform: uppercase;
    font-family: "open-sans", sans-serif;
    font-style: normal;
    font-weight: 700;
    border: 0px none;
    display: block;
    text-decoration: none;
    font-size: 8px;
    border-radius: 2px;
    text-shadow: 1px 1px 1px #014264;
    float: left;
}
.details > header > .price-box {
    font-weight: 500;
    color: #FFF;
    font-size: 12px !important;
}
.details > header > .price-box strong {
    font-weight: 100 !important;
    color: #63A806;
    padding: 0px 2px;
}
.cartimageMob, .cartimageMob img { display: none; }

footer span {
  color: #000000;
  padding: 0 3px;
}
}


.hide { display: none; } 

.measurement-header { width: 100px !important; }

/* -- Matrx styles start -- */

.matrix {
  padding: 0;
  margin: 20px 0;
  border-spacing: 0;
  font-family: "open-sans", sans-serif;
  font-style: normal;
  font-size: 12px;
  color: #000;
  width: auto;
  font-weight: 400;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}

.matrix thead th {
  font-weight: 700;
  background: #6a6a6a;
  color: #fff;
  width: 50px;
  padding: 7px 0;
}

.matrix td.swatch img, .matrix td.swatch {
  width: 29px;
  height: 29px;
  overflow: hidden
}

.matrix td.swatch img {
  border: 1px solid #eee
}

.matrix td.swatch {
  padding-right: 0;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
  vertical-align: middle;
  color: #000;
  text-align: right
}

.matrix tr td {
  border-bottom: 1px #eee solid;
}

.matrix tr td span {
  background: #8dc640;
  border: 0;
  display: block;
  text-align: center;
  color: #231f20;
  padding: 5px;
  margin: 2px
}

.matrix tr td span.noquan {
  background: #eee;
  border: 0;
  display: block;
  text-align: center;
  color: #231f20;
  padding: 5px;
  margin: 2px
}

.matrix td {
  text-align: center;
  padding: 5px 10px
}

.matrix tr {
  border-bottom: 1px solid #eee;
}

.hide { display: none; } 

#price1 {background: #8dc640; border-color: #8dc640; color: #fff; font-size: 11px; padding: 7px 10px; border-left: none; border-right: none;} /* border-radius: 4px 0 0 4px; */
#price2 {background: #8dc640; border-color: #8dc640; color: #fff; font-size: 13px; padding: 7px 10px; border-left: none; border-right: none;}
#price3 {background: #8dc640; border-color: #8dc640; color: #fff; font-size: 13px; border-radius: 0 4px 4px 0; padding: 7px 10px; border-left: none; border-right: none;}

@media print {
  #price1 {background: none; color: #000;}
  #price2 {background: none; color: #000;}
  #price3 {background: none; color: #000;} 
  #price3 a { display: none; }
  
  .matrix thead th {
    color: #000;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
  }
  
  .matrix thead th:first-child {
    border-left: 1px solid #eee;
  }
  
  .matrix thead th:last-child {
    border-right: 1px solid #eee;
  }
  
  .matrix td:first-child {
    border-left: 1px solid #eee;
  }
  
  .matrix td:last-child {
    border-right: 1px solid #eee;
  }
}

@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}

.highlight_product_row { background-color: #9bc3db !important; }