/* =Reset
-------------------------------------------------------------- */
@import "css/reset.css";
/*@import "flexslider.css";*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
	font-size: 14px;
	font-size: 1rem;
	font-family: Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;
	color: #444;
	
	margin-top: 0px;
	padding-top: 0px;
	background-color: #ffffff;
	background-image: url('images/Retail_SunshineAdvanced_Flat.png'),url('images/back.jpg');
  background-repeat: no-repeat, repeat;
  background-position: bottom, top;
  background-size:contain;
  
}
	
.onlyMobile {
	display:none;
}

body.custom-font-enabled {
	font-family: Helvetica, Arial, sans-serif;
}
#main{
	margin-top:25px;
}
a {
	outline: none;
	color: #6A2191;
}
a:hover {
	color: #999;
}

/* Assistive text */
.assistive-text,
.site .screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}
.main-navigation .assistive-text:hover,
.main-navigation .assistive-text:active,
.main-navigation .assistive-text:focus {
	background: #fff;
	border: 2px solid #333;
	border-radius: 3px;
	clip: auto !important;
	color: #000;
	display: block;
	font-size: 12px;
	padding: 12px;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 100000; /* Above WP toolbar */
}

a{
	text-decoration: none;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
} 
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

.site-content {
	margin-top: 1.714285714;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0;
}
.widget-area1 {
	margin: 24px 0 0;
	margin: 1.714285714rem 0 0;
	width:300px;
}
.widget-area {
	margin: 24px 0 0;
	width:250px;
}

p{
	line-height:1.4;
	margin-top:15px;
	margin-bottom:15px;
}

.header-right{
	max-width:330px;
	float:right;
}


.sungro-logo{
	float:right;
	padding-top:25px;
	border:0;
	max-width:150px;
}

.green{
	color: #5F9A3E;
}

#wrapper2 h2{
 	line-height:.1;	
	padding-bottom:0px;
}
#wrapper2 ul{
margin-top:1px;
padding-top:1px;
}
#social {
	float:right;
	padding-top:25px;
	padding-left:5px;
}
.facebook{
	background:url(images/facebook.png);
	background-repeat:no-repeat;
	width:30px;
	height:30px;
	float:left;
	display:block;
	margin-right:10px;
}
.facebook:hover{
	background:url(images/facebook_ovr.png);
	background-repeat:no-repeat;
	
}
.twitter{
	background:url(images/twitter.png);
	background-repeat:no-repeat;
	width:30px;
	height:30px;
	float:left;
	display:block;
	
}
.twitter:hover{
	background:url(images/twitter_ovr.png);
	background-repeat:no-repeat;
		
}
#s{
	width:140px;
}
/* Header */
.site-header {
	padding: 24px 0;
	padding: 1.714285714rem 0;
}
.site-header h1,
.site-header h2 {
	text-align: center;
}
.site-header h1 a,
.site-header h2 a {
	color: #515151;
	display: inline-block;
	text-decoration: none;
}
.site-header h1 a:hover,
.site-header h2 a:hover {
	color: #21759b;
}
.site-header h1 {
	font-size: 24px;
	font-size: 1.714285714rem;
	line-height: 1.285714286;
	margin-bottom: 14px;
	margin-bottom: 1rem;
}
.site-header h2 {
	font-weight: normal;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
}
.header-image {
	margin-top: 24px;
	margin-top: 1.714285714rem;
}
/* Navigation Menu */
.main-navigation {
	margin-top: 0px;
	margin-top: 0rem;
	text-align: center;
}
.main-navigation li {
	margin-top: 0px;
	margin-top: 0rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.42857143;
}
.main-navigation a {
	color: #5e5e5e;
}
.main-navigation a:hover {
	color: #000;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	display: none;
}
.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
	display: inline-block;
}
/* Banner */
section[role="banner"] {
	margin-bottom: 48px;
}


/* Footer */
footer[role="contentinfo"] {
	border-top: 1px solid #ededed;
	clear: both;
	font-size: 10px;
	font-size: 0.757142857rem;
	line-height: 2;
	max-width: 960px;
	max-width: 68.571428571rem;
	margin-top: 24px;
	margin-top: 1.714285714rem;
	margin-left: auto;
	margin-right: auto;
	padding: 24px 0;
	padding: 1.714285714rem 0;
}
footer[role="contentinfo"] a {
	color: #686868;
}
footer[role="contentinfo"] a:hover {
	color: #21759b;
}
article.sticky .featured-post {
	border-top: 4px double #ededed;
	border-bottom: 4px double #ededed;
	color: #757575;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 3.692307692;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
	text-align: center;
}
img.alignleft {
	margin: 12px 24px 12px 0;
	margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
img.alignright {
	margin: 12px 0 12px 24px;
	margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
img.aligncenter {
	margin-top: 12px;
	margin-top: 0.857142857rem;
	margin-bottom: 12px;
	margin-bottom: 0.857142857rem;
}
.widget-area .widget ul ul {
	margin-left: 12px;
	margin-left: 0.857142857rem;
}
.widget_rss li {
	margin: 12px 0;
	margin: 0.857142857rem 0;
}
.widget_recent_entries .post-date,
.widget_rss .rss-date {
	color: #aaa;
	font-size: 11px;
	font-size: 0.785714286rem;
	margin-left: 12px;
	margin-left: 0.857142857rem;
}
#wp-calendar {
	margin: 0;
	width: 100%;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #686868;
}
#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
	text-align: left;
}
#wp-calendar #next {
	padding-right: 24px;
	padding-right: 1.714285714rem;
	text-align: right;
}
.widget_search label {
	display: block;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.widget_twitter li {
	list-style-type: none;
}
.widget_twitter .timesince {
	display: block;
	text-align: right;
}
.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
	/*border-bottom: 1px solid #ededed;
	border-top: 1px solid #ededed;*/
	display: inline-block !important;
	text-align: left;
	width: 1010px;
	padding-bottom:0px;	
	background-image: url(images/nav-back.jpg);
	background-repeat: repeat-x;
	margin-top:15px;

	
	}
	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}
	.main-navigation li a,
	.main-navigation li {
		display: inline-block;
		text-decoration: none;
		font-size:14px;
		font-weight:bold;
	}
	.main-navigation li{
	float:left;
	}
	.main-navigation li a {
	border-bottom: 0;
	color: #000;
	line-height: 3.692307692;
	text-transform: uppercase;
	white-space: nowrap;
	padding-right: 13px;
	padding-left: 13px;
	}
	.main-navigation li a:hover {
	color: #FFF;
	background: #000;
	}
	.main-navigation li {
		margin: 0 0 0 0;
		position: relative;
	}
	.main-navigation li ul {
		display: none;
		margin: 0;
		padding: 0;
		margin-left: 0;
		position: absolute;
		top: 100%;
		background-image:url(images/left-box.png);
		background-repeat:repeat;;
		z-index: 99;
		width:180px;
		box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
		-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	}
	.main-navigation li ul ul {
		top: 0;
		left: 210px;
		margin-left: 0;
	}
	.main-navigation ul li:hover > ul {
		border-left: 0;
		display: block;
		
	}
	.main-navigation li ul li a {
	margin: 0 0 0 0;
	background-color: #FFF;
	border-bottom: 1px solid #ededed;
	display: block;
	font-size: 13px;
	line-height: 2.181818182;
	padding: 8px 10px;
	padding: 0.471428571rem 0.714285714rem;
	min-width: 160px;
	min-width: 11.85714286rem;
	white-space: normal;
		
	}
	.main-navigation li ul li a:hover {
		background: #EAAE1F;!important;
		color: #FFF!important;
	}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #EAAE1F;
		font-weight: bold;
	}
	.menu-toggle {
		display: none;
	}
/* NEW */
.breadcrumbs{
	text-align: left;
	vertical-align: top;
	min-height: 25px;
	width: 96%;
	margin-left:0px;
	padding-left:2%;
	padding-top:10px;
	color:#000;
	background-image:url(images/left-box.png);
	background-repeat:repeat;
	
}
.breadcrumbs li{
	float: left;
	padding-right: 10px;\
	color: #000;
}
.breadcrumbs a{
	color: #EAAE1F;	
}
.breadcrumbs a::after { 
    content: " →";

}
.breadcrumbs a:hover{
	color: #000;
}
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 0px !important; background: #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 75px; height: 53px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;
height:60px !important;
color:transparent !important;

}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

/*Home*/

#main-home-mid{
	text-align:center;
}
#main-home-mid h2{
	color: #643819;
	font-size:20px;
	/*color: #3e8a22;*/
	line-height:1.4;
	text-transform: uppercase;
		text-shadow: 0px 3px 3px rgba(0,0,0,0.5);
		-ie-text-shadow: 0px 3px 3px rgba(0,0,0,0.5);
		-moz-text-shadow: 0px 3px 3px rgba(0,0,0,0.5);
		-webkit-text-shadow: 0px 3px 3px rgba(0,0,0,0.5);
}
/* Form fields, general styles first */
#button,
button,
input,
textarea {
	border: 1px solid #ccc;
	border-radius: 3px;
	font-family: inherit;
	padding: 6px;
	padding: 0.428571429rem;
}
#button,
button,
input {
    line-height: normal;
}
textarea {
	font-size: 100%;
	overflow: auto;
	vertical-align: top;
}
article{
	background:#F2EFDF;
	-webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	box-shadow:inset 0px 0px 3px rgba(0,0,0,.5);
	-webkit-box-shadow:inset 0px 0px 3px rgba(0,0,0,.5);
	-moz-box-shadow:inset 0px 0px 3px rgba(0,0,0,.5);
	padding:15px;
	margin-bottom:20px;
}
article img{
	max-width:95%;
	margin:5px;
}
/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
	border: 0;
	border-radius: 0;
	padding: 0;
}

/* Buttons */
.menu-toggle,
input[type="button"],
input[type="reset"],
#button,
article.post-password-required input[type=submit],
li.bypostauthor cite span {
	font-size: 13px;
	font-size: 0.785714286rem;
	line-height: 1.428571429;
	font-weight: normal;
	color: #FFF;
	background: #000;
	padding-top: 6px;
	padding-right: 30px;
	padding-bottom: 6px;
	padding-left: 30px;
}
#search11 #button, input[type="submit"]{
	font-size: 13px;
	font-size: 0.785714286rem;
	line-height: .95;
	font-weight: normal;
	color: #eaae1f;
	background-color: #ffffff;
	padding-top: 6px;
	padding-right: 30px;
	padding-bottom: 5px;
	padding-left: 30px;
	border:0 !important;
	border-radius:0 !important;
	min-width:90px !important;
}
.menu-toggle,
#button,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	cursor: pointer;
}
#button[disabled],
button[disabled],
input[disabled] {
    cursor: default;
}
.menu-toggle:hover,
#button:hover,button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover {
	background: #999;
}
.menu-toggle:active,
.menu-toggle.toggled-on,
#button:active,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	background: #999;
}
li.bypostauthor cite span {
	color: #fff;
	background-color: #21759b;
	background-image: none;
	border: 1px solid #1f6f93;
	border-radius: 2px;
	box-shadow: none;
	padding: 0;
}

/*-------- 2015 Updates ----------*/
.headerwrapper {
  height: 635px !important;
  border-bottom: 26px solid #e7b311;
}

.int-pages {
  position: relative;
  top: -400px;
  margin-top:20px;
  float:left;
  width:100%;
}

.best-sellers-wrapper {
  padding: 25px 0;
  background-color: #ffffff;
  width: 100%;
  max-width: 100%;
  margin-bottom: 50px;
  float:left;
}
.best-sellers-container {
  float: left;
  padding: 0px 0;
  min-height: 200px;
  background-color: #ffffff;
  box-shadow: 0 0 5px #cccccc;
  -moz-box-shadow: 0 0 5px #cccccc;
  -o-box-shadow: 0 0 5px #cccccc;
  -webkit-box-shadow: 0 0 5px #cccccc;
  -ms-box-shadow: 0 0 5px #cccccc;
  white-space:nowrap;
  text-align:center;
  width:100%;
}
.best-sellers-container h2 {
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  padding-top: 20px;
  white-space:normal;
}

.best-sellers-block {
  max-width: 202px;
  float: none;
  box-shadow: 0 0 5px #cccccc;
  min-height: 350px;
  display:inline-block;
  vertical-align:middle;
}

.best-sellers-block-img{
	margin-right:auto;
	margin-left:auto;
}

.best-sellers-block h2 {
  text-align: center;
  padding: 20px 10px;
  font-weight: bold;
  font-size: 16px;
}
.home-widget-wrapper {
  width: 100%;
  float: left;
}

.home-widget-row {
  float: left;
  max-width: 30%;
  margin-right: 50px;
}

.home-widget-block {
  padding: 20px;
  margin: 10px 0;
  float: left;
  background-color: #ffffff;
  width: 90%;
}


img{
	max-width:100%;
}


.wrapper{
	width:100%;
	position:relative;

}

/*	background-image:url(images/Retail_SunshineAdvanced_Flat.png);
	background-repeat:no-repeat;
	background-position:bottom;
	background-size:contain;
*/
#backflower{
	z-index:-999;
	position:absolute;
	bottom:-20px;
	left:0px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	height:auto;
}
#backflower img{
	width:100%;	
}
.container{
	max-width:1010px;
	margin-left:auto;
	margin-right:auto;


}


.header{
	height:260px;
	background-color:#eaae1f;
	background-image:url(images/sunshine-header-back-left.png), url(images/sunshine-header-back-right.png);
	background-repeat:no-repeat, no-repeat;
	background-position:top left, top right;

}

.logo{
	max-width:340px;
	float:left;
	padding-top:25px;

}
h1.site-title img{
}
#footerwrapper{
	max-width:1080px;
	
	margin: 0 auto;
}

#sublefttop{
	float:left;
	width:100%;
	height:75px;
	margin:0px;
	color:white;
	background:black;
}
#sublefttop h2{
	padding-left:20px;
	color: #FFF;
	font-size:33px;
	line-height:2.5;
	text-transform: uppercase;
		text-shadow: 0px 3px 3px rgba(0,0,0,0.5);
		-ie-text-shadow: 0px 3px 3px rgba(0,0,0,0.5);
		-moz-text-shadow: 0px 3px 3px rgba(0,0,0,0.5);
		-webkit-text-shadow: 0px 3px 3px rgba(0,0,0,0.5);
}
#leftwrapmain{
	float:left;
	max-width:63%;	
	
	
}

.subseperator{
	display:none;
}

#subleftwrapper{
	float:left;
	width:100%;
	margin:0px;
	background-color:#ffffff;

	
}
#subleftwrapperint, #subleftwrapperprod{
	float:left;
	width:100%;
	margin:0px;
	background-color:#ffffff;
}
#subleftwrapperprod img{
	max-width:100%; 
}
#subleftwrapperint img{
	max-width:100% !important;

	border-radius:5px;
	box-shadow:0px 0px 5px #000000;

}

#subleftwrapperint p{
	margin:20px 20px;
}
#subleftwrapperint ul{
	list-style:disc !important;
	margin:20px;
}

#subleftwrapperint li{
	margin:0 20px;
	line-height:1.2;
}
#subleftwrapperint h2{
	font-size:20px;
	padding:0 20px;
	text-decoration:none !important;
	padding-bottom:10px;
}

#subleftwrapperinside{
	float:left;
	width:90%;
	margin-bottom:20px;
	min-height:200px;
	margin-left:5%;
	margin-right:5%;
	background:white;
	-webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	box-shadow:inset 0px 0px 3px rgba(0,0,0,.5);
	-webkit-box-shadow:inset 0px 0px 3px rgba(0,0,0,.5);
	-moz-box-shadow:inset 0px 0px 3px rgba(0,0,0,.5);


}


#leftwrapmain-sf{
	float:left;
	width:100%;	
	margin-left:20px;
}

#subleftwrapper-sf{
	float:left;
	width:100%;
	margin:0px;
}
	
#subleftright{
	float:right;
	width:58%;
	height:auto;
	margin-right:3%;
	margin-left:3%;
	margin-top:15px;
	font-size:20px;
}

.article-block{
	margin-right:0;
	margin-left:0;
	margin-top:15px;
	font-size:20px;
	width:100%;
	background-color:#ffffff;
	float:left;
}


.article-block p{
	font-size:16px;
	color:#000000;
}

.article-block li{
	font-size:16px;
	color:#000000;
	line-height:25px !important;
	list-style-type:disc !important;
	margin-left:30px !important;
}

.article-block a{
	color:#03C;
	
}

.article-block h2{
	padding-bottom:20px;
}
.article-block h3{
	padding-bottom:20px;
	color:#000000;
	font-size:20px;
}

.comment-respond{
	padding:30px;
}
.comment-respond h3{
	margin-left:20px;
	font-weight:bold;
}

input[type=submit]{
	padding:10px 5px;
	background-color:#000000;
	color:#ffffff;
	
	
}
	

#comments h2{
	font-size:20px;
	font-weight:bold;
	margin-top:30px;
}

.retailers-int img{
	text-align:center;
}

.retailers-int ul {
}

.retailers-int ul li {
	list-style:outside !important;
	list-style-type:disc !important;
}

.more-link{
	color:#ffffff !important;
	padding:5px 20px;
	display:block;
	background-color:#000000;
	max-width:200px;
	border-radius:2px;
}
	

.aligncenter{
	width:100% !important;
}

.alignleft{
	float:left;
}
.alignright{
	float:right;
}

.single-post-heading{
	color:#ffffff;
	font-size:18px;
}

.home-heading {
  height: 40px;
  background-color: #000000;
  position: relative;
  z-index: 99;
  top: -20px;
  margin: 0 30px;
}
.home-heading h1 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 15px;
  color: #ffffff;
  padding: 15px 27px;
  text-transform: uppercase;
  text-align:center;
}
	
#subleftright h2, .article-block h2{
	font-size:20px;
	line-height:1.2;
	margin-top:10px;
	font-weight:bold;
	text-transform:uppercase;
}
#subleftright p, #sub1wrapper p{
	font-size:16px;
	line-height:1.2;
}
#sub1wrapper h2{
	font-size:33px;
	line-height:1.4;
	margin-top:5px;
	font-weight:bold;
}
#subleftright #button, #sub1wrapper #button{
	margin-right:10px;
	margin-top:20px;
	margin-bottom:10px;
	float:right;
	clear:both;
	color:white;
}
#subleftleft{
	float:left;
	width:30%;
	height:auto;
	margin-left:3%;
	margin-top:15px;
	margin-bottom:15px;
}
#subleftleft img{
	width:100%;
	border-radius:0 important;
	box-shadow:none;
}
#sub1wrapper{
	float:right;
	max-width:35%;
	
	padding-left:20px;
	


}

#subleftright ul {
	font-size: 16px;
	list-style:url('images/leafBullet.png');
	margin: 10px 0px 10px 40px;
}
#subleftright ul li{
	list-style:url('images/leafBullet.png');
	font-size: 16px;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

#subleftright h3 {
	margin: 10px 0px 10px 0px;
	line-height: normal;
	font-weight: 600;
	font-size: 18px;
}

#sub1wrapperinside{
	background:white;
	width:100%;
	padding:5%;
	margin-bottom:20px;
	float:left;
	text-align:left;
	
}
#sub1wrapperinside2{
	background:white;
	width:100%;
	padding:0px;
	min-height:100px;
	clear:both;
	border-left:solid #999 1px;
	border-right:solid #999 1px;
	border-bottom:solid #999 1px;
}
#sub1wrapperinside2 li{
	padding-bottom: 10px;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 5px;
	margin-right: 0px;
	margin-top: 0px;
	margin-left: 0px;
	color:#000;		
}
#sub1wrapperinside2 li:hover{
	background:#EAAE1F;
	color:#FFF;
	
}
#sub1wrappertop{
	width:100%;
	padding:0px;
	height:30px;
	color:white;
	padding:2%;
	font-size:20px;
	
	text-align: left;
	clear:both;
	background:#000;
}
#onea, #twoa, #threea{
	display:block;
}
#one, #two, #three{
	min-width:20%;	max-width:28%;
	float:left;
	color: #000;
	cursor:pointer;
	text-align:center;
	height:50px;
	padding:5px;
	margin-right:3px;
	background:white;
	font-size:14px;
	border-left:solid #999 1px;
	border-top:solid #999 1px;
	border-right:solid #999 1px;

}
#one:hover, #two:hover, #three:hover{
	background:#EAAE1F;
}
#sub1wrapper img{
	margin-top:15px;
}
#sub1wrapperinside img{
	margin:0px;
	padding:0px;
	width:100%;
	
}
#sub1wrapperinside img:hover{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}



.jcarousel-skin-tango .jcarousel-container-horizontal {
	padding-top:0!important;
}
#sub2wrapper{
	clear:both;
	width:100%;
	height:100px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/header.png);
	background-repeat:repeat;
	padding:0px;
	text-align:center;
	display:block;
}
#sub2wrapper h2{	
	color:white;
	padding-top:20px;
	text-transform:uppercase;
	font-size:18px;
}
#sub2wrapper img{
	margin: 0px 20px;
}
#sub2wrapper img:hover{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
#sub3wrapper{
	text-align:center;
	clear:both;
	width:100%;
	height:140px;
	margin-left:auto;
	margin-right:auto;
	background:white;
	padding:0px;
	display:block;

}
#sub3wrapper h2{	
	padding-top:20px;
	text-transform:uppercase;
	font-size:18px;
}
/*#sub3wrapper img{
	margin: 20px 20px; float:left; width:60px;
}*/
#sub2wrapper img:hover, #sub3wrapper img:hover{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}

.home-sliders{
	text-align:center;
	max-width:100%;
	float:left;
	width:100%;
	
}

#searchformmobile{
	margin-top:15px;	
}

#mid-home-one{
	width:100%;
	

	padding-top:25px;
	margin-top:-25px;

}
#mid-home-one h2{
	color: #333;
	font-size: 20px;
	font-weight:bold;/*color: #3e8a22;*/
	line-height: 1.4;
	text-transform: uppercase;
	text-shadow: 0px 3px 3px rgba(0,0,0,0.1);
	-ie-text-shadow: 0px 3px 3px rgba(0,0,0,0.1);
	-moz-text-shadow: 0px 3px 3px rgba(0,0,0,0.1);
	-webkit-text-shadow: 0px 3px 3px rgba(0,0,0,0.1);
}
.resilience_article{
	width:100% !important;
}
	.site {
		margin: 0 auto;
		width: 960px;
		overflow: hidden;
		min-height:600px;
		clear:both;

	}
	.site2 {
		margin: 0 auto;
		width: 1010px;
		margin-top: 0px;
		margin-bottom: 15px;
		padding-left:20px;
		position:relative;
		

	}
	.site3 {
		position:relative;
		z-index:1;
		margin: 0 auto;
		width: 1010px;
		height:42px;
	}
	.site4 {
		position:relative;
		z-index:0;
		
		margin: 0 auto;
		overflow: hidden;
		
		width: 100%;
	}
	/*Search menu*/
	#search11 {
		float:left;
		height:auto;
		margin: 0 auto;
		max-width: 300px;
		display: block;
		margin-top:25px;
		margin-bottom:10px;
		border-right:1px solid #ffffff;
		padding-right:10px;
		
	}
	
.site-content {
		float: right;
		width: 630px;
		padding:25px;
		background:white;
		margin-top:25px;
		border: 15px solid rgb(255, 255, 255);
		border: 15px solid rgba(255, 255, 255, .7);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	box-shadow:inset 0px 0px 2px rgba(0,0,0,.3);
-webkit-box-shadow:inset 0px 0px 2px rgba(0,0,0,.3);
-moz-box-shadow:inset 0px 0px 2px rgba(0,0,0,.3);
	
	}
#menu {
      display: block;
    }
#menumobile {
      display: none;
    }
	
.foot-navigation ul{
	float:left;
	
}
.foot-navigation ul li{
	display:inline;
	margin-left:15px;
}
#menu_footer-left{
	float:left;
	margin-top:25px;
	line-height: 1.55;
	margin-left:10px;
	font-size: 10px;
	font-size: 0.757142857rem;
	width:60%;
}
#menu_footer-left a{
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	font-weight:bold;
}
#menu_footer-left a:hover{
	color:#000000;
	font-weight:normal;
	text-decoration:none;
	font-weight:bold;
	
}
#menu_footer-right{
	color: #FFF;
	width: 30%;
	
	
	float: right;
	margin-top: 25px;
	margin-bottom: 25px;
	line-height: 1.25;
	margin-right: 20px;
	font-size: 10px;
	font-size: 0.757142857rem;
	padding-left: 20px;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #FFF;
}
#menu_footer-right img{
	float:left;
	width:40%;
}
.menu-item-44 a, .menu-item-81 a, .menu-item-121 a, .menu-item-85 a, .menu-item-84 a, .menu-item-1537 a{
	font-size:13px;
	font-weight:bold !important;
}

.menu-item-2126 a{
	font-weight:normal!important;
	font-size:10px!important;
}
#footer_map{
	float:left;
	width:150;
	height:auto;
}
#footer_address{
	float:right;
	width:150;
	height:auto;
	color: #000000;
	width: 100%;
	line-height: 1.25;
	font-size: 10px;
	font-size: 0.757142857rem;
	text-align:right;
}
#footer_right-text{
	clear:both;
	width:100%;
	padding-top:20px;
	text-align:right;
	color:#000000;
	
}
	
/*Subpage Widget */
.widgettitle{
	margin:0px 0px;
	width:100%;
	padding:7px;
	font-size: 16px;
	color: #FFF;
	background:#643819;
	font-size:20px !important;
	
	
}
.widget_subpages_current_page{
	font-weight:bold;
}
.widgettitle a{
	color: #00703C;
}
	.widget_subpages li a,
	.widget_subpages li {
		display: inline-block;
		text-decoration: none;
		width:96.75%;
	}
	.widget_subpages li a {
		border-bottom: 0;
		color: #6a6a6a;
		line-height: 1.5;
		padding-left:15px;
	}
	.widget_subpages li a::before{
    content: "» ";
} 
	.widget_subpages li a:hover {
	color: #FFF;
	background-color: #669933;		
	}
	.widget_subpages li {
		margin: 0 0 0 0;
	}

	.widgettitle_off a {
		font-size: 16px;
		display: inline-block;
		text-decoration: none;
		width:95.75%;
		border-bottom: 0;
		color: #6a6a6a;
		line-height: 2;
		white-space: nowrap;
		padding-left:10px;
	}
	
	.widgettitle_off a:hover {
	color: #FFF;
	background-image:url(images/header.png);
	background-repeat:repeat;
	}
	.widgettitle_off{
		margin: 0 0 0 0;
	}

/*----- Tabs -----*/
.tabs {
    width:100%;
    display:inline-block;
}
 
    /*----- Tab Links -----*/
    /* Clearfix */
    .tab-links:after {
        display:block;
        clear:both;
        content:'';
    }
 
    .tab-links li {
        margin:0px 5px;
        float:left;
        list-style:none;
    }
	
	.tab-links {
		border-bottom:2px solid #EAAE1F;
	}
     .tab-links a {
            padding:9px 15px;
            display:inline-block;
            border-radius:3px 3px 0px 0px;
            background:#EAAE1F;
            font-size:14px;
            font-weight:normal;
            color:#FFF;
            transition:all linear 0.15s;
        }
 
        .tab-links a:hover {
	text-decoration: none;
	background-color: #FC3;
        }
 
    li.active a, li.active a:hover {
        background:#fff;
        color:#EAAE1F;
    }
 
    /*----- Content of Tabs -----*/
    .tab-content {
       
    }
 
        .tab {
            display:none;
        }
 
        .tab.active {
            display:block;
        }
	.tab-content li{
	
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 5px;
	margin-right: 0px;
	margin-top: 0px;
	margin-left: 0px;
	color:#000;		
	float:left;
	padding:10px;
}
.tab-content li::before{
	content:"»";
}

.tab-content li a{
	display:block;
	width:90%;
	float:right;
	
	color:#000000;
	font-size:14px;

}


.tab-content ul{
	margin:0px;
	padding:0px;
	float:left;
}




#tab1 a{
	text-transform:lowercase, capitalize;

}

.newsletter{
	height:150px;
}

.newsletter h4{
	color:#EAAE1F;
	font-weight:bold;
	font-size:26px;
	margin-bottom:15px;
}

.morearticles{
	padding:10px;
	display:block;
	background-color:#000000;
	margin:0;
	padding:7px 15px;
	float:left;
	color:#ffffff;
}
.wp-caption {
border: 1px solid #ddd;
text-align: left;
background-color: #f3f3f3;
padding-top: 0px;
margin: 0px;
border-radius: 0px;
padding:10px;
margin:10px;
}

.wp-caption img {
margin: 0;
padding: 0;
padding-right: 0px;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: .80em;
line-height: 17px;
padding: 0 5px;
margin: 0;
}

.cmxform{
	margin-top:30px;
}
.form-row{
	padding:5px 20px;
}
.form-row p{
  color: #747160;
  font-size: 14px;
  line-height: 24px;
  margin-right: 20px;
  font-family: Arial, Helvetica, sans-serif;
}
.formCheckbox {
    max-width: 200px;
    line-height: 13px;
    margin: 10px 0 10px 200px !important;
}
.form-wrapper p{
	float:none !important;
	margin-top:15px !important;
}
.required{
	color:#ff0000;
}
.cmxform label {
  color: #747160;
  font-size: 14px;
  line-height: 24px;
  margin-right: 20px;
  font-family: Arial, Helvetica, sans-serif;
  display: block;
  width: 130px;
  float: left;
  padding-top: 5px;
}
.cmxform input, select, textarea {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 7px;
  font-size: 13px;
  width:250px;
  max-width: 250px;
  box-shadow: 2px 2px 5px #eeeeee;
}
.cmxform input[type="checkbox"]{
	margin-right:10px;
	width: 20px;
}
.correctmain{
	padding:20px;
	display:block;
	background-color:#eaae1f;
	color:#ffffff;
	margin:10px;
}
.slide-box{
	position:relative;
	z-index:9;
}
.slider-video-wrapper{
	float:right;
	padding:20px;
	width:56%;
	text-align:right;
	padding-bottom:0;
	
	
}
.slider-video-wrapper iframe{
	border:5px solid #ffffff;
	background-color:#ffffff;
	height:300px;
	box-shadow:0 0 5px #333333;
}

.slider-vid-nav{
	float:right;
	max-width:30%;
	margin:20px 20px 20px 0;
	background-image:url('images/back_01.png');
	min-height:300px;
	border:3px solid #ffffff;
}

.slider-vids{
	display:block;
	padding:10px 14px;
	margin:10px;
	color:#000000;
	background-color:#ffffff;
	max-width:150px;
	cursor:pointer;	
}

#slider-link{
	position:absolute;
	top:50px;
	left:10px;
	background-color:transparent;
	width:250px;
	height:300px;
	
}

/*--------------------------- responsive line -------------------------*/
.responsive-menu{
	display:none;
}

iframe{
	width:100% !important;
	max-width:100% !important;
	height:250px;
	
}

.map-iframe{
	height:550px;
}




@media all and (max-width:1000px){
.best-sellers-container {
  white-space:normal;
  text-align:center;
  width:100%;
}
.best-sellers-container h2 {
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  padding-top: 20px;
  white-space:normal;
}

.best-sellers-block {
  max-width: 202px;
  float: left;
  box-shadow: 0 0 5px #cccccc;
  min-height: 350px;
  display:block;
  vertical-align:auto;
}
}

@media all and (max-width:870px){
#leftwrapmain{
	max-width:100%;
	float:left;
	padding:20px;
	margin-left:0;
}
#sub1wrapper{
max-width:100%;
width:100%;
}

.int-pages{
	top:0;
}
.subseperator{
	width:2%;
	display:block;
	float:left;
}

	

#sub1wrapperinside{
	width:97%;
	
	

	padding-bottom:30px;
	margin-bottom:30px;
}
#sub1wrapperinside h2{
	font-size:20px;
}

#social{
	padding-top:12px;
}
#search11{
	margin-top:10px;
}

.sungro-logo{
	display:none;
}

.home-heading{
	font-size:18px;
	
}
.logo{
	max-width:235px;
	padding-top:15px;
}
.main-site-nav{
	display:none;
}

.responsive-menu{
	position:absolute;
	top:30px;
	left:93%;
	z-index:99999;
	display:block;
	width:40px;
	height:40px;
	border:0;
	background-image:url(images/nav-menu.jpg);
	background-color:transparent;
	box-shadow: 0 0 5px #000000;
  	-moz-box-shadow: 0 0 5px #000000;
 	-ms-box-shadow: 0 0 5px #000000;
  	-o-box-shadow: 0 0 5px #000000;
  	-webkit-box-shadow: 0 0 5px #000000;
}

.responsive-menu:hover{
	background-color:transparent;
	background-image:url(images/nav-menu.jpg);
}
.headerwrapper{
	height:150px !important;
}
.flexslider{
	display:none !important;
}
.home-heading{
	display:none;
}
.best-sellers-container{
	float:none;
}
.best-sellers-block{
	
	max-width:100%;
	width:100%;
	float:none;
}
.best-sellers-block img{
	width:100%;
}

.home-widget-row{
	float:none;
	max-width:100%;
	width:100%;
}
.home-widget-block{
	max-width:100%;
	width:100%;
}

.tab-content li{
	float:none;
}

}


@media all and (max-width:768px){
	
#search11, #social{
	display:none;
}
#menu_footer-left{
	width:40%;
}
#menu_footer-right{
	width:50%;
}
.foot-navigation ul li{
	display:block;
}
}


@media all and (max-width:550px){
#sub1wrapperinside{
	width:96%;
	
}

#sub1wrapperinside img{
	width:70%;
	
}

.coupon{
	text-align:center;
}

#subleftright h2{
	font-size:18px;
}
#subleftright p{
	font-size:14px;
}

#subleftleft{
	padding-top:50px;
}
.header{
	height:100px;
}


#search11, #social{
	display:none;
}

.logo{
	max-width:150px;
	position:absolute;
	padding-top:10px;
	left:10px;
	z-index:99999;
}
.responsive-menu{
	top:10px;
	left:90%;

}
.flexslider{
	display:none;
}
.formCheckbox{
	max-width:200px;
	margin-left:0px !important;
}
}

@media all and (max-width:480px){

#subleftleft {
    padding-top: 10px;
}

#subleftleft, #subleftright {
	width:95%;
	float:left;
}
#subleftleft img {
	max-width: 200px;
}
#sub1wrapperinside{
	width:96%;
	
}

#sub1wrapperinside img{
	width:70%;
	
}
.onlyMobile {
	display:inline-block;
}
.noMobile {
	display:none;
}


}