/*	Less Framework 3
	by Joni Korpi
	http://lessframework.com	*/


/*	Resets
	------	*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figure,figcaption,hgroup,menu,header,footer,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}article,aside,canvas,figure,figure img,figcaption,hgroup,footer,header,nav,section,audio,video{display:block}a img{border:0}figure{position:relative}figure img{width:100%}


/*	Typography presets
	------------------	*/

.gigantic {
	font-size: 110px;
	line-height: 120px;
	letter-spacing: -2px;
}

.huge,
h1 {
	font-size: 68px;
	line-height: 72px;
	letter-spacing: -1px;
	text-transform:uppercase;
}

.large,

#content h1, #contentwide h1, #noimagecontent h1 {
	font-size: 2em;
	line-height: 1.2em;
	text-transform:uppercase;
	font-weight:300;
	margin-bottom:10px;
}

.big, h2,
#content h2, #contentwide h2, #noimagecontent h2 {
	font-size: 1.7em;
	line-height: 1.2em;
	margin-bottom:5px;
	font-weight:300;
	float:left;
	width:100%;
}

.normal,
#content h3, #contentwide h3, #noimagecontent h3 {
	font-size:1.2em;
	margin-bottom:5px;
	font-weight:bold;
	font-family:Helvetica,Arial,sans-serif;
	float:left;
	width:100%;
}

.productitem h3 {
	font-size:1.2em!important;
	margin-bottom:10px!important;
	font-family: 'Oswald', sans-serif!important;
	font-weight:300!important;
	border-bottom:2px solid #00833D;}

#sidebar h3, #hompagesidebarwidgetarea h3 {
	font-size:1.5em;
	line-height:28px;
	margin-bottom:5px;}

h4 {
	font-size:1em;
	float:left;
	font-family:Helvetica, "Helvetica Neue", Arial, Gotham, sans-serif!important;
	font-weight:bold!important;}
	
h5 {
	font-size:20px;
	float:left;}

h6 {
	font-size:18px;}

.small {
	font-size: 13px;
	line-height: 18px;
}

abbr,
acronym{
	border-bottom: 1px dotted;
	cursor: help;
	font-variant: small-caps;
}
address,
cite,
em,
i{
	font-style: italic;
}
a {
	text-decoration: none;
	outline: none;
}
a:active,
a:focus {
	text-decoration: none;
}

p, p.wp-caption-text {
	margin:0 0 15px 0;
	font-size:1.0em;
	line-height:1.2em;
	float:left;
	width:100%;}
	
p.wp-caption-text {
	padding:0 10px 0 0;}



/*	Default 8-column layout
	60 px columns, 24 px gutters, 60 px margins, 768 px total
	---------------------------------------------------------
	1     2      3      4      5      6      7      8     
	60px  144px  228px  312px  396px  480px  564px  648px	*/

#if-logged-in {
	position: relative;
	width: 100%;
	height: 24px;
	line-height: 24px;
	background: #000;
	color: #aaa;
	font-size: 10px;
	z-index: 1000;
}
	#if-logged-in .container {
		padding-top: 0;
		padding-bottom: 0;
	}
	#if-logged-in p {
		margin: 0;
	}
	#if-logged-in a:link,
	#if-logged-in a:visited {
		color: #fff;
		text-decoration: none;
	}
	#if-logged-in a:hover {
		text-decoration: underline;
	}
	#if-logged-in a:active {
		text-decoration: underline;
		margin-bottom: -1px;
	}


.container {
	width: 708px;
	margin: 0 auto;
	overflow: hidden;
}
	#header-image {
		padding: 0;
		overflow: hidden;
	}
		/* HEADER IMAGE
			full size - 1068x300
			8 column layout resized to 890x250 displayed at 648x250
			5 column layout resized to 534x150 displayed at 396x150
			3 column layout resized to 365x100 displayed at 228x100
		 */
		#header-image img {
			width: 890px;
			height: 250px;
			margin-left: -121px;
			padding: 0;
		}
	#content, #noimagecontent {
		width: 424px; /* 5 columns */
		float: left;
		margin: 0;
		padding: 20px;
		overflow: hidden;
	}
	
	#noimagecontent {
		width: 424px; /* 5 columns */
		float: left;
		margin: 30px 0 0 0;
		padding: 20px;
		overflow: hidden;}
	
	#contentwide {
		width:1028px;
		float:left;
		padding:50px 20px 20px;
		margin:0;
		overflow:hidden;}
		
	#contentwide .productitem {
		float:left;
		width:31%;
		min-height:270px;
		}
		
	#contentwide .productitem:nth-child(2n) {

		border-right:thin solid #999999;
		margin:10px 20px 30px 0;
		}
		
	#contentwide .productitem:nth-child(3n) {
		border:none!important;
		margin:10px 0 30px;}
		
	.noimagesidebar #sidebar {
		margin:0 20px 20px 0;}
	
	#sidebar {
		width: 184px; /* 3 columns */
		float: right;
		margin: -70px 20px 20px 0;
		padding: 20px 20px 7px;
		overflow: hidden;
		background-color:#00833d;
		color:#FFF;
	}

::selection {
	background: #c6d8cd;
}
::-moz-selection {
	background: #c6d8cd;
}
img::selection {
	background: transparent;
}
img::-moz-selection {
	background: transparent;
}




/*	13-column layout
	60 px columns, 24 px gutters, 72 px margins, 1212 px total (extra space for scrollbars)
	---------------------------------------------------------------------------------------
	1     2      3      4      5      6      7      8      9      10     11     12     13
	60px  144px  228px  312px  396px  480px  564px  648px  732px  816px  900px  984px  1068px	*/

@media only screen and (min-width: 1212px) {
	
	.container {
		width: 1068px;
	}
		#header-image img {
			width: 1068px;
			height: 300px;
			margin-left: 0;
		}
		#content, #noimagecontent {
			width: 679px; /* 8 columns */
		}
		
		
		#sidebar {
			width: 289px; /* 5 columns */
		}
		body .wooslider .slide-content{
			height:350px;	
			}
			
			
	
		
}



@media only screen and (max-width: 1222px) and (min-width: 768px) { 

#contentwide {
		width:668px;
		float:left;
		padding:20px;
		margin:0;
		overflow:hidden;}
		
#noimagecontent {
	margin:0;
	}
	
.noimagesidebar #sidebar {
	margin:20px 20px 20px 0;}

#contentwide .productitem {
		float:left;
		width:46%;
		min-height:270px;
		}
	
#contentwide .productitem:nth-child(2n) {

		border-right:none;
		}
		
#contentwide .productitem:nth-child(3n) {
		border:none!important;
		margin:10px 0 30px;}

}

/*	5-column layout
	60 px columns, 24 px gutters, 42 px margins, 480 px total
	---------------------------------------------------------
	1     2      3      4      5
	60px  144px  228px  312px  396px	*/

@media only screen and (max-width: 767px) and (min-width: 480px) {
	
	.container {
		padding:0;
		width: 438px;
		-webkit-text-size-adjust: 100%; /* Prevents Mobile Safari from bumping up font sizes in landscape */
	}
		#header .container {
			padding-bottom: 12px;
		}
			#title {
				height: 60px !important;
			}
				#tagline {
					line-height: 20px !important;
				}
			#header-image {
				height: 150px !important;
				padding: 0;
			}
				#header-image img {
					width: 534px;
					height: 150px;
					margin-left: -69px;
				}
		#content {
			width: 398px; /* 5 columns */
			float: none;
			padding: 20px;
		}
		
		#noimagecontent {
			width: 398px; /* 5 columns */
			float: none;
			padding: 20px;
			margin:0;
			}
		
		#contentwide {
		width:398px;
		float:left;
		padding:20px;
		margin:0;
		overflow:hidden;}

		#sidebar {
			width: 376px; /* 5 columns */
			float: none;
			padding: 10px;
		}
		
		.noimagesidebar #sidebar {
			margin:20px 0 0 0;}
	
	.gigantic {
		font-size: 68px;
		line-height: 72px;
		letter-spacing: -2px;
	}
	
	.huge,
	h1 {
		font-size: 42px;
		line-height: 48px;
		letter-spacing: -1px;
	}
	
	.large,
	h2 {
		font-size: 26px;
		line-height: 36px;
	}
	
	.big,
	h3,
	#post-single h2 {
		font-size: 16px;
		line-height: 25px;
	}
	
	.normal,
	body,
	#post-single h3 {
		font-size: 13px;
		line-height: 18px;
	}
	
	.small {
		font-size: 11px;
		line-height: 16px;
	}
	
	
	#contentwide .productitem {
		float:left;
		width:90%;
		min-height:150px;
		}
	
#contentwide .productitem:nth-child(2n) {

		border-right:none;
		}
		
#contentwide .productitem:nth-child(3n) {
		border:none!important;
		margin:10px 0 30px;}
	
}


/*	3-column layout
	60 px columns, 24 px gutters, 46 px margins, 320 px total
	---------------------------------------------------------
	1     2      3
	60px  144px  228px	*/

@media only screen and (max-width: 479px) {

	#if-logged-in {
		height: 40px;
		line-height: 20px;
	}
		#if-logged-in .right {
			float: left;
			clear: left;
		}
	
	.container {
		padding:0;
		width: 274px;
		-webkit-text-size-adjust: 100%; /* Prevents Mobile Safari from bumping up font sizes in landscape */
	}
		#title {
			height: 60px !important;
		}
			#tagline {
				line-height: 20px !important;
			}
		#header-image img {
			width: 365px;
			height: 100px;
			margin-left: -68px;
		}
		#content {
			padding: 20px;
			width: 234px; /* 3 columns */
			float: none;
		}
		#noimagecontent {
			padding: 20px;
			width: 234px; /* 3 columns */
			float: none;
			margin:0;
			}
		
		#contentwide {
		width:234px;
		float:left;
		padding:20px;
		margin:0;
		overflow:hidden;}
		
		#sidebar {
			padding: 10px;
			width: 208px; /* 3 columns */
			float: none;
		}
		
		.noimagesidebar #sidebar {
			margin:20px 0 0 0;}
	
	.gigantic {
		font-size: 68px;
		line-height: 72px;
		letter-spacing: -2px;
	}
	
	.huge,
	h1 {
		font-size: 42px;
		line-height: 48px;
		letter-spacing: -1px;
	}
	
	.large,
	h2 {
		font-size: 26px;
		line-height: 36px;
	}
	
	.big,
	h3,
	#post-single h2 {
		font-size: 16px;
		line-height: 25px;
	}
	
	.normal,
	body,
	#post-single h3 {
		font-size: 11px;
		line-height: 16px;
	}
	
	.small {
		font-size: 11px;
		line-height: 16px;
	}
	
	
	#contentwide .productitem {
		float:left;
		width:90%;
		min-height:150px;
		}
		
		#contentwide .productitem img {
			width:100%;
			}
	
#contentwide .productitem:nth-child(2n) {

		border-right:none;
		}
		
#contentwide .productitem:nth-child(3n) {
		border:none!important;
		margin:10px 0 30px;}
	
}

/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	
	body {
	
	}
	
}