@charset "utf-8";

#captcha_code {
	background-color:#DDDDDD;
}

img {max-width: 100%; height: auto;}

/* General Styles */

.serif,



cite,



blockquote,



h1,



h2,



h3,



h4,



h5,



h6 {
	font-family: 'Oswald', sans-serif;
	font-weight: 300;

}

.post h2,



.post h3,



.post h4,



.post h5nav.post h6 {
	margin: 24px 12px 5px 0;
}


.monospace,



var,



code {
	font-family: courier new, courier, monospace;
}


.amp {
	font-style: italic;
	font-family: baskerville,palatino,palatino linotype,book antiqua,georgia,times,times new roman,serif;
	font-weight: normal;
}

hr {
	margin-bottom:15px;
	border:thin solid #000000;
	float:left;
	width:100%;
}

a:link {
	color: #F38A00;
}

a:visited {
	color: #F38A00;
}


a:hover,



a:active {
	text-decoration:underline;

}

.post-meta {
	font-size:0.8em;
	line-height:1.2em;
}

.post-content ul,



.post-content ol {
	padding-left: 24px;
	font-size:1.0em;
	margin:10px 0 15px;
	line-height:1.2em;
}


.post-content ol li {
	margin-bottom:10px;
}


input,
textarea { 

	border: 1px #FFFFFF solid;



	padding: 5px;



	outline: none;



}







input:hover,



textarea:hover,



input:focus,



textarea:focus {



	border: 1px #000000 solid;



}







input:focus,



textarea:focus {



	



}



.wp-caption-text {

	font-size:1.0em;

	line-height:1.2em;

	color:#888888;}



#searchform {



	background-color:#DDDDDD;



	padding-top:3px;



	width:175px;



}







#searchform #s {



	width:130px;



	background-color:#DDDDDD;



	border:none;



}	







#searchform #searchsubmit {



	border:none;



	background-color:#DDDDDD;



	background-image:url("https://www.biobagusa.com/cms/wp-content/uploads/2015/09/Search.png");



	background-repeat:no-repeat;



	width:25px;



}







textarea {



	min-height: 150px;



	width: 100%;



}







blockquote {



	text-align: justify;



	margin: 20px;



	padding: 12px;



}







blockquote p {



	font-size:22px;



	line-height:24px;



}







table {



	border-collapse:collapse;



	margin-bottom:10px;



}







table,



th,



td {



	border: 0px solid black;



	font-size:1.0em;



}







td,



th {



	padding:5px;



}











/* Layout Styles */







#if-logged-in .container {



	background: #000000;



	margin-top: -24px;



}







body {



	background: #FFFFFF;



	color: #000000;



	font-family:Helvetica, Arial, sans-serif;



}
p , p.wp-caption-text {
float: none;
width: auto;
}



#main {

	background-image:url("images/Leaves-Background.jpg");

	background-attachment:fixed;

	background-size:cover;

	background-color:#CCCCCC;}



.container {



	background-color:#FFFFFF;



	filter:alpha(opacity=90); /* For IE8 and earlier */



}







#header {



	background-color:#FFFFFF;



	position:relative;



	z-index:90;



	height:100px;



}



	



#header .container {



	background:none;



}







#title {



	position: relative;



	height: 80px;



}







#logo,



#tagline {



	bottom: 0;



}







#logo {



	float:left;



	margin:5px 0 0 10px;



}







#tagline {



	font-size: 18px;



	right: 0;



	line-height: 36px;



}







#header-image.container {



	padding: 0;



}







#nav-primary {



	float:left;



	padding: 0 10px;



}







#nav-primary ul,



#nav-primary li {



	list-style: none;



}







#nav-primary li {



	float:left;



	min-width:50px;



}







#nav-primary li:hover {



	background-color:#DDDDDD;



}







#nav-primary li ul:hover {



	border-top:medium solid #00833D;



}



		



#nav-primary ul ul {



	display:none;



}



		



#nav-primary ul li:hover ul {



	display:block;



	padding:0;



	width:100px; 



	background-color:none;



	font-size:0.8em;



	background-color:#DDDDDD;



}



		



#nav-primary ul ul a {



	border:none;



	background-color:#DDDDDD;



	height:auto;



	padding:7px 15px;



	min-width:140px;



}



		



#nav-primary ul ul a:hover {



	border:none;



	font-weight:700;



}



		



#nav-primary a {



	float: left;



	display: block;



	padding: 17px 10px 0; 



	color:#000000;



	border-top:medium solid rgba(0,0,0,0);



	height:80px;



}



			



#nav-primary .nav_ordernow a {



	float: left;



	display: block;



	padding: 5px 10px 0; 



	margin-top:12px;



	color:#00833D;



	border-top:medium solid #FFFFFF;



	height:80px;



	background-color:#FFFFFF;



}



				



#nav-primary .nav_ordernow a span {



	color:#00833D;



}







#nav-primary .nav_ordernow a:hover {



	background-color:#DDDDDD;



	border-top:medium solid #00833D;



	text-decoration:none;



	height:80px;



	padding: 17px 10px 0; 



	margin:0;



	color:#00833D;



}







#nav-primary .nav_ordernow a:hover span {



	color:#00833D;



}



	



#nav-primary a strong {



	text-transform:uppercase;



	font-size:0.9em;



	font-family: 'Oswald', sans-serif;



	font-weight:400;



}



		



#nav-primary a span {



	display:block;



	width:80px;



	font-size:0.8em;



	line-height:16px;



	text-transform:lowercase;



	color:#00833d;



}



				



#nav-primary a:hover,



#nav-primary a:active {



	background-color:#DDDDDD;



	border-top:medium solid #00833D;



	text-decoration:none;



}







				



#languagewidget {



	height:80px;



	padding:20px 10px 0 0;



	float:left;



} 



		



#languagewidget h4 {



	text-transform:uppercase;



	font-size:0.9em;



	margin-bottom:2px;



	font-family: 'Oswald', sans-serif!important;



	font-weight:400!important;



	width:100%;



}	



		



#languagewidget ul li {



	list-style:none;



	float:left;



	margin-right:5px;



}	



	



#headerwidget {



	float:right;



	width:180px;



	padding:14px 15px 0 0;



}







.widget-header {



	float:left;



	padding:7px 5px 5px 2px;



}







#widget-header {



	clear: both;



}



	



.widget-header ul li {



	list-style:none



}



	



.featuredthumbnail-container {



	float:left;



	width:100%;



}



		



.featuredthumbnail-container img {



	float:left;



	width:100%;



	height:auto;		



}



	



#content {







}



	



.breadcrumbs {



	margin-bottom:20px;



	font-size:0.8em;



}



		



.breadcrumbs a:hover {



	text-decoration:underline;



}



	



#homepagecontent {



	float:left;



	width:100%;



}







.widget-slider {



	height:350px;



}







#widget-slider {



	background: #DDDDDD;



	border: 1px #00833D solid;



	padding: 24px;



	margin-bottom: 24px;



}







	



/*WooSlider*/







.wooslider {



	border:none;



	border-radius:0;



	box-shadow:none;



	margin:0;



	background: none;



}



		



body .wooslider.wooslider-type-slides img {



	height:auto;



}



		



body .wooslider .slide-content {



	margin:0;



}



			



.wooslider-control-nav {



	text-align:left;



	padding:0 0 0 20px!important;



	margin:-30px 0 0 0!important;



	z-index:0;



	width:50%;}



			



.wooslider-control-paging li a {



	background:none repeat scroll 0 0 rgba(255, 255, 255, 0.5);



}



			



.wooslider-control-paging li a.wooslider-active {



	background:none repeat scroll 0 0 rgba(255, 255, 255, 0.9)



}



		



		



/*Home Page Widget Area*/







#homepagewidgetarea {



	float:left;



	width:100%;



	padding:0 20px 20px;



}



			



#homepagewidgetarea .widget-homepagecontent {



	float:left;



	margin:20px 20px 0 0;



	width:329px;



	height:220px;



}


#homepagewidgetarea .widget-homepagecontent h3 {
	margin:0;
}


#homepagewidgetarea .widget-homepagecontent h3 a{
	text-transform:uppercase;
	font-size:1.2em;
	line-height:1.2em;
	background-color:#FFFFFF;
	padding:3px 15px 4px;
	position:absolute;
	float:left;
	color:#000000;
	margin:135px 0 0 0;
}


#homepagewidgetarea .widget-homepagecontent h3 a:hover {
	background-color:#f38a00;
	color:#FFFFFF;
	text-decoration:none;
}

#sidebar h3 {



	letter-spacing:1px;



	margin-bottom:10px;



	text-transform:uppercase;



	font-weight:300;



	font-size:1.2em;



	line-height:1.2em;



}



			



#hompagesidebarwidgetarea .widget-homepagesidebar .textwidget, #sidebar .textwidget {



	font-size:1.0em;



	line-height:18px;



}



			



#hompagesidebarwidgetarea .widget-homepagesidebar .textwidget a {



	color:#FFFFFF;



	font-weight:bold;



}



			



#homepagecontentwidgetarea {
	float:left;

}



/*Product Front Widget Area - Same widgets as Home Page, different styling*/

#productfrontcontent #homepagecontentwidgetarea {
	float:left;
	margin-top:0;
}

#productfrontcontent #homepagecontentwidgetarea .widget-homepagecontent {
	float:left;
	margin-bottom:20px;
}

#productfrontcontent #homepagecontentwidgetarea .widget-homepagecontent:nth-child(odd) {
	margin-right:20px;
}

#productfrontcontent #homepagecontentwidgetarea .widget-homepagecontent h3 {
	margin:0;
	font-family: 'Oswald', sans-serif;
}

#productfrontcontent #homepagecontentwidgetarea .widget-homepagecontent h3 a{
	text-transform:uppercase;
	font-size:1.2em;
	line-height:1.2em;
	background-color:#FFFFFF;
	padding:3px 15px 4px;
	position:absolute;
	float:left;
	color:#000000;
	margin:135px 0 0 0;
	font-weight:300;

}

#productfrontcontent #homepagecontentwidgetarea .widget-homepagecontent h3 a:hover {
	background-color:#00833D;
	color:#FFFFFF;
	text-decoration:none;
}


/*Single Post*/	
.post-single {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 0px #dedede solid;
}







		



/*Products*/







.productdescription {



	font-size:1.0em;}







.productdescription2 {



	font-size:1.0em;}







.productitem {



	float:left;



	margin:10px 20px 30px 0;



	width:47%;



	min-height:180px;



	padding:0 5px 0 0;



}







.productitem2 {



	float:left;



	margin:5px 10px 15px 0;



	width:100%;



	min-height:180px;



	padding:0 5px 0 0;



}



			



.productitem:nth-child(even) {



	margin:10px 0 30px 0;



}



			



.productitem img {



	float:left;



	width:auto;



}







.productitem2 img {



	float:left;



	width:auto;



}



			



.productiteminfo {



	float:left;



	width:59%;



	margin:0 0 0 0%;



}







.productiteminfo2 {



	float:left;



	width:100%;



	margin:0 0 0 3%;



}



			



.productiteminfo li {



	list-style:none;



	font-size:0.8em;



}







		



.productitem a {



	float:left;



	font-family: 'Oswald', sans-serif;



	font-size:1.5em;



	color:#000000;



	margin:0 0 10px 0;



}



			



h3.productcatheading a {



	font-size:1.3em;



	width:100%;



	font-weight:300;



	line-height:1.2em;



}







			



/*Product Table*/







.productiteminfo table.productitemtable {



	border:none!important;



}







.productitemtable tbody tr td {



	border:none;



	font-size:0.8em;



	padding:2px 3px 2px 5px;



}







.productitemtable2 tbody tr td {



	border:none;



	font-size:1.4em;



	padding:2px 3px 2px 0;



}



.productfeature {
	width:77px;
}


.productdata {



	text-align:left;



	font-weight:bold;



	width:250px;



}







.productfeature2 {



	text-align:left;



	width:125px;



}



			



.productdata2 {



	text-align:left;



	font-weight:bold;



	width:250px;



}



			



.productitem ul {



	float:left;



	list-style:none;



	font-size:14px;



	line-height:18px;



}



			



.extraphotos_headline {



	font-weight:bold;



	padding:15px 3px 5px 0!important;



}



			



.biobag_photofeature img {



	margin-right:5px;



	border:thin solid #DDDDDD;



}





	

.disclaimer {

	float:left;

	width:96%;

	border:2px solid #00833d;

	padding:2%;

	font-size:0.9em;

	margin-top:20px;}

		



/*MapPress*/







.mapp-layout {



	margin:0 0 20px 0!important;



	border:none!important;



	float:left!important;



	width:100%!important;



}



			



.mapp-map-links {



	border:none!important;



}







			



/*Column plugin*/







.one_third {



	width:30.3%!important;



	padding-right:3%;



}



			







/*Gravity Forms*/







.gform_wrapper {



	margin:10px 0 0!important;



}



		



.gform_description {



	font-size:0.8em;



}



			



.gform_wrapper h3.gform_title {



	font-weight:400;



}



			



.gform_wrapper .gform_heading {



	margin-bottom:12px!important;



}



		



.gform_button,

.gform_wrapper .top_label .gform_button,

.gform_wrapper .eclub .top_label .gform_button,
.gform_wrapper .calendar_contest .top_label .gform_button {



	background-color:#F38A00;



	border: thin solid #FFFFFF;



	color:#FFFFFF;



	border-radius:5px;



}





.gform_button:hover,

.gform_wrapper .top_label .gform_button:hover,

.gform_wrapper .eclub .top_label .gform_button:hover,
.gform_wrapper .calendar_contest .top_label .gform_button:hover {



	background-color:#FF9900;



	border: thin solid #FFFFFF;



	color:#FFFFFF;



	border-radius:5px;



}







.gform_wrapper .top_label input.medium,



.gform_wrapper .top_label select.medium {



	width:60%!important;



}




.gform_wrapper .eclub .top_label textarea,
.gform_wrapper .eclub .top_label input,

.gform_wrapper .eclub .top_label option,

.gform_wrapper .eclub .top_label select {



	background-color:#CCCCCC;



}



.gform_wrapper .calendar_contest .top_label input,

.gform_wrapper .calendar_contest .top_label option,

.gform_wrapper .calendar_contest .top_label select {



	background-color:#CCCCCC;



}




		



.gform_wrapper ul.gfield_checkbox,



.gform_wrapper ul.gfield_radio {



	font-size:1.5em!important;



}



			



.gform_wrapper .gform_footer {



	padding:0!important;



	margin:10px 0 0!important;



}



		



.gform_wrapper li,



.gform_wrapper form li {



	font-size:0.8em!important;



}



			



			



/*Social Share*/







.shareaholic-canvas {



	float:left;



	width:100%;



}



	



.shareaholic-share-buttons-container .shareaholic-share-buttons-container ul.shareaholic-share-buttons {



	margin-left:0!important;



}



		



#sidebar {



	color:#FFFFFF;



}



	



#sidebar a {



	color:#FFFFFF;



	text-decoration:underline;



}



	



#sidebar a:hover {



	text-decoration:none;



}


#sidebar .post-date {
	color: #F38A00;
	font-size: 0.8em;
}
		



#sidebar .widget-area {



	padding-bottom: 15px;



	margin-bottom: 20px;



	border-bottom: 1px #DDDDDD solid;



}







#sidebar ul,



#sidebar li {



	padding: 0;



	margin: 0;



	list-style: none;



	font-size:1.0em;



	line-height:18px;



}







#sidebar .children {



	padding-left: 10px;



}







#sidebar .children .children {



	padding-left: 10px;



}



					



#partnerportalsidebar {



	background-color:#00833D;



	float:right;

	

	width:289px;



	margin:-70px 20px 20px 0;



	overflow:hidden;



	padding:20px 20px 7px;



	color:#FFFFFF;



}



		



#partnerportalsidebar .logininfo {



	margin-bottom:20px;



}



	



#partnerportalsidebar .logininfo p {



	margin-bottom:10px;



}



		



#partnerportalsidebar .widget-area {



	border-bottom:1px solid #DDDDDD;



	margin-bottom:20px;



	padding-bottom:15px;



}



	



#partnerportalsidebar .widget-partnerportalsidebar h3 {



	font-size:1.2em;



	font-weight:300;



	letter-spacing:1px;



	line-height:1.2em;



	margin-bottom:10px;



	text-transform:uppercase;



}



		



#partnerportalsidebar .widget-partnerportalsidebar .textwidget,



#sidebar .textwidget {



	font-size:1.0em;



	line-height:18px;



}



		



#partnerportalsidebar ul,



#partnerportalsidebar li {



	font-size:1.0em;



	line-height:18px;



	list-style:none;



	margin:0;



	padding:0;



}



		



#partnerportalsidebar .widget-partnerportalsidebar a {



	color:#FFFFFF;



	text-decoration:underline;



	}



		



#partnerportalsidebar .widget-partnerportalsidebar a:hover {



	text-decoration:none;



}



	



#footer .container {



	margin-top:10px;



	padding: 20px;



	width:1028px;



	background-color:#00833D;



}



	



#footer .container .widget-area {



	color:#FFFFFF;



	font-size:0.8em;



	line-height:18px;



}



		



#footer .container #footerleft {



	float:left;



	width:29%;



	padding:0 3% 0 0;



	margin:0 1% 0 0;



}



		



#footer .container #footermiddle {



	float:left;



	border-right: thin solid #FFFFFF;



	border-left: thin solid #FFFFFF;



	width:30%;



	padding:0 1% 0 3%;



	margin:0 3% 0 0;



}



		



#footer .container #footermiddle .menu {



	float:left;



}



		



#footer .container #footermiddle .widget-footermiddle {



		margin-right:4%;



}



		



#footer .container #footerright {



	float:left;



	width:29%;



}







#footer .container #footerright img {


	margin:10px 12px 0 0;



}







#footer .container #footerright p {



	margin-bottom:10px!important;



}



			



#footer .container #footerright p.login-submit .button-primary {



	border-radius:5px;



	background-color:#DDDDDD;



	border:thin solid #DDDDDD;



	color:#FFFFFF;



}







#footer .container #footerright .widget-footerright {



	width:100%;



	margin-right:1%;



}



	



#footer .container #footerright .widget-footerright h3, #footer .container #footermiddle .widget-footermiddle h3 {



	font-size:1.0em;



	font-family:Helvetica, Arial,  sans-serif;



	font-weight:bold;



	line-height:16px;



	margin-bottom:5px;



}



		



#footer-content {



	padding: 20px;



}







#footer ul,



#footer li {



	display: inline;



	list-style: none;



	display:block;



}







#footer li a {



	padding: 0 20px 0 0;



	color:#FFFFFF;



}



				



#footer li a:hover {



	text-decoration:underline;



}



				



.widget-footer {



	float:left;



}











/*	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 {



		



	}



		#content {



			



		}



		#sidebar {



			



		}







}








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







		#searchform {



			width:350px;}







		#searchform #s {



			width:305px;}		



	



		#headerwidget {



			width:350px;



			padding:5px;}







		#headerwidget img {



			padding:15px 0 0 20px;



			width:20px;}



			



		#headerwidget .widget-header {



			padding:5px 2px 2px 0;}



}






@media only screen and (max-width: 1211px) and (min-width: 960px) {







		#searchform {



			width:125px;}







		#searchform #s {



			width:85px;}		



	



		#headerwidget {



			width:125px;



			padding:5px;}







		#headerwidget img {



			padding:10px 0 0 2px;

			width:11px;}



			



		#headerwidget .widget-header {



			padding:10px 2px 2px 0;}



}












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











		#searchform {



			width:685px;}







		#searchform #s {



			width:640px;}		



	



		#headerwidget {



			width:690px;



			padding:5px;}







		#headerwidget img {



			padding:0 0 0 53px;



			width:25px;}



			



		#headerwidget .widget-header {



			padding:2px 0 2px 0;}







}



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

		#footer .container {



			width:668px;}

		#footer .container #footerright img {



			width:24px;



}


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



	



		#header {



		background-color:#FFF;



		position:none;



		height:239px;



		}



	



		#logo {



			width:100%;



			text-align:center;



			margin:5px 0;}



	



			



		#nav-primary {



			float:none;



			margin-left:auto;



			margin-right:auto;



			



			}



			



		#nav-primary a {



			height:75px;}



			



		#nav-primary .nav_ordernow a, #nav-primary .nav_ordernow a:hover {



			height:75px;}



			



		#languagewidget {



			background:none;



			padding:0;



			margin-top:20px;



			margin-left:10px;



			height:auto;



			width:115px;}



			



		#languagewidget h4 {



			color:#000;



			font-weight:600;}











		.widget-slider {



			height:232px;}



			



		#homepagewidgetarea {



			width:100%;}


		#homepagewidgetarea .widget-homepagecontent {



			width:324px;



			margin:20px 20px 0 0;



			height:220px;}



	


		#homepagewidgetarea .widget-homepagecontent img {
			width:100%;
			height:auto;
			float:left;}

		#hompagesidebarwidgetarea {
			width:284px;}

		#partnerportalsidebar {



			width:184px;}



			



		.productitem {



			width:100%;



			height:auto;



			border:none;}



			







			



		#footer .container #footermiddle .widget-footermiddle {



				width:92%;



				margin-bottom:20px;}







		#footer .container #footerright img {



			width:17px;



			margin:10px 4px 0 3px;}



	



	



	}











/*	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 {



		



	}



	



	#header {



		background-color:#FFF;



		position:none;



		height:260px;



		}



		#logo,



		#tagline {



			position: relative;



			line-height: 30px;



		}



		#logo {



			width:100%;



			text-align:center;



			margin:10px 0;



		}



		



		#nav-primary {



			width:100%;



			padding:0;}



			



		#searchform {



			width:425px;}







		#searchform #s {



			width:375px;}		



	



		#headerwidget {



			width:425px;



			padding:5px;}



			



		#headerwidget img {



			width:25px;



			padding:0 0 0 23px}







		#headerwidget .widget-header {



			padding:5px 2px 2px 0;}



			



		#languagewidget {



			background:none;



			height:auto;



			padding:20px 0 0 0;}



			



		#languagewidget h4 {



			color:#000;}



		



		#content {



			float: none;



		}



		



		.widget-slider {



			height:144px;}



		



		#homepagewidgetarea {



			width:90.9%;}



			



		#hompagesidebarwidgetarea {



			margin:0 0 0 34px;



			position:none;



			float:left;



			}



			



		#homepagecontentwidgetarea {



			margin-top:0;}



			



		#homepagewidgetarea .widget-homepagecontent, #homepagewidgetarea .widget-homepagecontent:nth-child(2), #homepagewidgetarea .widget-homepagecontent:nth-child(3), #homepagewidgetarea .widget-homepagecontent:nth-child(5), #homepagewidgetarea .widget-homepagecontent:nth-child(6), #homepagewidgetarea .widget-homepagecontent:nth-child(8), #productfrontcontent #homepagecontentwidgetarea .widget-homepagecontent {



			margin:20px 0 0 34px;}



			



			



		.productitem {



			width:100%;



			height:auto;



			border:none;



			}



			



		



		#sidebar {



			float: none;



			background: #00833d;



			margin:0;



			padding:20px;



			width: 398px;



			border-bottom: 1px #ccc solid;



		}



		



		



		#partnerportalsidebar {



			width:398px;



			padding:20px;



			margin:0;}



#footer {
	font-size: 1.5em;}		



		#footer .container {



			padding-top: 20px;



			width:398px;



		}



			#footer-content {



				border: 0;



				padding: 10px;



			}



			



		#footer .container #footerleft, #footer .container #footermiddle, #footer .container #footerright {



			width:100%;



			border:none;



			padding: 0 0 20px 0;



			margin:0;}



			



			#footer .container .widget-area {



			width:100%;



			margin-bottom:20px;}



			



			#footerleft img {



				margin-right:20px;}



				



				#footer .container #footermiddle .widget-footermiddle {



				width:100%;



				margin-bottom:20px;}







		#footer .container #footerright img {



			width:25px;



			margin:10px 4px 0 19px;}



	



}











/*	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 {



		



	}



	



	#header {



		background-color:#FFF;



		position:none;



		height:250px;



		}



	



		#logo,



		#tagline {



			position: relative;



			line-height: 30px;



		}



		#logo {



			width:100%;



			text-align:center;



			margin:5px 0;



		}



		#tagline {



			font-size: 16px;



		}



		



		#nav-primary {



			width:100%;



			padding:0;}



			



		#languagewidget {



			background:none;



			height:auto;



			padding:20px 0 0 20px;



			float:right;



			}



			



		#languagewidget h4 {



			color:#000;}



			



		#searchform {



			width:265px;}







		#searchform #s {



			width:215px;}		



	



		#headerwidget {



			width:265px;



			padding:5px;}



			



		#headerwidget img {



			width:25px;



			padding:0 0 0 6px}







		#headerwidget .widget-header {



			padding:5px 2px 2px 0;}



			



	



		#content {



			float: none;}



		



		.widget-slider {



			height:90px;}



		



		/*Home Page Widget Area*/



		#homepagewidgetarea {



			width:85.3%;}



			



		#hompagesidebarwidgetarea {



			margin:0;



			float:left;



			width:194px;



			height:auto;}



			



		#homepagecontentwidgetarea {



			margin-top:0;}



			



		#homepagewidgetarea .widget-homepagecontent, #homepagewidgetarea .widget-homepagecontent:nth-child(2){



			width:234px;



			height:156px;



			margin:20px 0 0 0



			}



			



		#homepagewidgetarea .widget-homepagecontent img {



			float:left;



			width:100%;



			height:auto;}



			



		#homepagewidgetarea .widget-homepagecontent h3 a {



			margin:95px 0 0;}



			



		/*Product Front Widget Area. Same widgets as Home Page, different styling */



		



		#productfrontcontent {



			float:left;



			width:100%;}



			



		#productfrontcontent #homepagecontentwidgetarea {



			float:left;



			width:100%;}



			



		#productfrontcontent #homepagecontentwidgetarea .widget-homepagecontent img {



			float:left;



			width:100%;



			height:auto;}



			



		#productfrontcontent #homepagecontentwidgetarea .widget-homepagecontent:nth-child(2n+1) {



			margin-right:0;}



			



		#productfrontcontent #homepagecontentwidgetarea .widget-homepagecontent h3 a {



			margin:95px 0 0;}



			



		/*Products*/



		.productitem {



			width:100%;



			height:auto;



			border:none;}



			



		.productitem img {



			margin-bottom:10px;



			max-width:100%;



			height:auto;}



			



		.productiteminfo {



			width:100%;}



		



		#sidebar {



			float: none;



			background: #00833d;



			margin:0; 



			padding:20px;



			width: 234px;



			border-bottom: 1px #ccc solid;



		}



		



		



		#partnerportalsidebar {



			width:234px;



			padding:20px;



			margin:0;}



		
#footer {
font-size: 1.6em;}


		#footer .container {



			padding-top: 20px;



			width:234px;



		}



			#footer-content {



				border: 0;



				padding: 10px;



			}



			



		



			



		#footer .container #footerleft, #footer .container #footermiddle, #footer .container #footerright {



			width:100%;



			border:none;



			padding: 0 0 20px 0;



			margin:0;}



			



			#footer .container #footermiddle .widget-footermiddle {



				width:100%;}






		#footer .container #footerright img {



			width:25px;



			margin:15px 15px 0 15px;}







	



}







/* Enable images in posts to automatically resize */



/* as browser window changes sizes.               */







.post-content img {



  max-width: 100%;



  height: auto;



}











/* Always remember to compress your live stylesheet and keep an uncompressed backup */