/*
Green Fill Project

*/


/*--------------- Document Setup (body, divs, img) ---------------*/
body, div, img, a
{
	font-family: 'PT Sans', sans-serif;
 }
.clear
{
	clear:both;
}
ol, ul, li,{ list-style:none !important;}
a
{    
	transition:all .2s linear !important; 
    -o-transition:all .2s linear !important; 
    -moz-transition:all .2s linear !important; 
    -webkit-transition:all .2s linear !important;
}
a:hover{ text-decoration:none;}
input.field{ width:253px; height:39px; border:#d5d5d5 solid 1px; font-size:13px; color:#6f6f6f; padding:0 0 0 10px; margin-top:0px; border-radius: 0px; box-shadow: none !important; float:left;}
input.field2{ width:100%; height:50px; border:#dbdbdb solid 1px; font-size:13px; color:#6f6f6f; padding:0 0 0 10px; margin-top:0px; border-radius: 0px; font-family: 'Raleway', sans-serif !important; box-shadow: none !important;}
textarea{ width:100%; height:190px !important; border:#d9d9d9 solid 1px; font-size:14px; color:#666666; padding:10px !important; margin-bottom:20px; border-radius:0px !important;}

/*--------------- Heading Styles ---------------*/
h1
{
	font-family: 'PT Sans', sans-serif;
	font-size:60px;
	color:#FFF;
	text-align:center;
	font-weight:300;
	text-shadow:0px 1px 0px rgba(0, 0, 0, 0.5);
}

h2
{
	font-family: 'PT Sans', sans-serif;
	font-size:24px;
	color:#313391;
	line-height:normal;
	font-weight:300;
	margin:0px;s
}

h3
{
	font-family: 'PT Sans', sans-serif;
	font-size:23px;
	color:#FFF;
	font-weight:100;
	text-align:center;
	padding:10px 0 0 0;
	
}
h4
{
	font-family: 'PT Sans', sans-serif;
	font-size:13px;
	color:#333333;
	line-height:normal;
	font-weight:bold;
	padding:0px;
	margin:0px;
	
}
h5
{
	font-family: 'PT Sans', sans-serif;
	font-size:18px;
	color:#FFF;
	line-height:normal;
	padding:0px;
	margin:0px;
}
h6{ color:#5e5e5e; font-size:12px;}

/*--------------- Custom Nav Style ---------------*/
.nav-bg
{
	background:#313391;
	height:46px;
	border-radius: 0px !important;
	border-bottom:#181955 solid 3px;
	box-shadow: inset 0px 0px 10px #2a2c81;
	margin:20px 0 0 0;
}
.navbar
{
	margin-bottom:0px !important;
}
.navbar-nav
{
	height:46px;
}
.navbar-nav>li
{ 
	float:left;  
	padding:0px;
}
.navbar-nav>li>a
{ 
	float:left; 
	padding:0px 20px;
	font-size:14px; 
	color:#FFF; 
	line-height:46px; 
}
.navbar-nav>li>a:hover 
{ 
	background: #4aa02c !important;
	color:#FFF;
	box-shadow: inset 0px 0px 10px #429627;
}
.navbar-nav>li>a.active
{ 
	background: #4aa02c !important;
	color:#FFF;
	box-shadow: inset 0px 0px 10px #429627;
}

.navbar-nav>li>ul{
	position:absolute; 
	top:46px; 
	background:#FFF; 
	padding:0px;
	list-style:none;
	border:#d7d7d7 solid 1px;
	width:230px;
	display:none;
	z-index:10;
	}
	.navbar-nav>li>ul>li{border-bottom:#d7d7d7 solid 1px; float:left; width:100%;}
.navbar-nav>li>ul>li>a{
	float:left; 
	padding:0px 15px 0px 15px;
	font-size:14px; 
	color:#293448; 
	line-height:40px;
	font-weight:400; 
	border-left:#181955 solid 5px;
	
	margin-bottom:0px;
	width:100%;
	}
.navbar-nav>li>ul>li>a:hover
{
	border-left:#4aa02c solid 5px;
	color:##1f93c4;
}
.navbar-nav>li:hover ul{ display:block;}


/*--------------- Logo ---------------*/
.logo
{
	padding:10px 0 0 0 !important;
	float:left;
	margin-bottom:20px;
}

.search-box
{
	float:right;
	padding:0px;
	margin:45px 0px 0 0;
}
.mobile-search-box{ display:none;}
.search-btn2{ display:none;}

/*--------------- Content Style ---------------*/
.content-container
{
	margin:30px 0px;
}
.box-style
{ margin:0 0 30px 0px;}
.box-style .box-header
{
	padding:12px 15px;
	font-size:16px;
	color:#FFF;
	box-shadow: inset 0px 0px 10px #2a2c81;
	background:#313391;
	
}
.box-style ul{ padding:0px; margin:0px; list-style:none;}
.box-style ul > li{ float:left; width:100%; border:#e7e5e7 solid 1px; border-top:0px;}
.box-style ul > li > a{ float:left; font-size:13px; color:#868487; line-height:40px; padding:0 15px; width:100%; margin:1px 0 0 0;}
.box-style ul > li > a:hover{ background:#4aa02c; color:#FFF;}
.box-style ul > li > a.active{ background:#4aa02c; color:#FFF;}
.arrow{opacity:0.5;}
.box-style ul > li > a:hover .arrow{ opacity:1;}
.box-style ul > li.selected .arrow{ opacity:1;}
#all-banners-navigation{ margin-left:-30px;}
.news-row
{
	border-top:0px;
	border:#e7e5e7 solid 1px;
	padding:15px;
	border-top:0px;
}
.news-row .thumbnail
{
	float:left;
	border:0px;
	padding:0px;
	margin:0px;
}
.news-row .news-detail
{
	margin-left:60px;
}
.news-row .news-detail p{ font-size:13px; color:#333; margin:0px; padding:0px !important;}
.news-row .news-detail p a{ color:#4aa02c;}
.date{ font-size:12px; color:#5e5e5e;}
.slider-bg
{
	height:396px;
	overflow:hidden;
}
.slider-bg img
{
	width:100% !important;
}
.slide{ width: 100% !important;}
.slide img{ width:100% !important; height:396px;}
	.slide-dec{ position:absolute; text-align:left; top:140px; left:15%; width:440px;}
	.slide-dec h1{ color:#FFF; font-size:19px; line-height:28px; background:#313391; padding:10px 15px; height:44px; float:left; width:100%; text-align:left; margin:0px !important;}
	.slide-dec p{ color:#FFF; font-size:18px; background:#4aa02c; float:left; padding:10px; width:100%; height:44px;}
	
.welcome-box
{
	margin:20px 0px;
}
.welcome-box p
{
	font-size:13px;
	color:#666;
	line-height:24px;
	padding:20px 0 0 0 !important;
}
.product-listing{}
.product-col
{
	border:#FFF solid 1px;
	margin:30px 0 0 0;
	background:#4aa02c;
	border-right:0px;
}
.last{border-right:#e7e5e7 solid 1px;}
.product-col a img{ width:100%;}
.product-col p
{
	text-align:center;
	font-size:14px;
	color:#FFF;
	width:100%;
	padding:10px !important;
	margin:0px !important;
}

/*--------------- Footer Styles ---------------*/
.footer-bg
{
	background:#535353;
}

.heading-five
{
	text-align:left; 
	font-size:18px; 
	font-weight:300;
}
.tweet_icon
{ 
	float:left; 
	margin:0px 0 0 0;
}
.tweet_cont
{ 
	margin:20px 0 0 0;
}
.tweet_detail
{ 
	margin:0 0 0 50px;
}
.tweet_detail p
{ 
	font-size:13px; 
	color:#FFF;
}
.tweet_detail p a
{ 
	font-size:12px; 
	color:#b9b9b9;
}
.tweet_detail p a:hover
{ 
	font-size:12px; 
	color:#1f93c4;
}
.latest-news
{
	float:left;
}
.col-2
{
	width:430px;
	float:left;
}

.nav-col{ margin:10px 0 0 0;}
.nav-col ul
{
	float:left;
	margin:0px;
	padding:0px;
}
.nav-col ul li
{
	list-style:none;
	width:100%;
	float:left;
}
.nav-col ul li a
{
	float:left;
	width:100%;
	line-height:30px;
	font-size:13px;
	color:#cccccc;
}
.nav-col ul li a:hover
{
	color:#FFF;
}

.footer-nav{ border-bottom:#e7e5e7 solid 1px; padding:25px 0px; margin-bottom:20px;}
.footer-nav p{ text-align:center; font-size:14px; color:#333333; margin:0px;}
.footer-nav p a{ font-size:14px; color:#333333; padding:0 7px;}

.copyrights
{
	background:#424242;
	padding:10px 0px;
	margin:40px 0 0 0;
}
.copyrights p
{
	font-size:12px;
	color:#8e8e8e;
	font-weight:300;
	text-align:center;
	padding:10px 0 0 0;
}
.copyrights p a
{
	color:#8e8e8e;
}
.copyrights p a:hover
{
	color:#FFF;
}

/*--------------- inner Styles ---------------*/
.welcome-box ul{ list-style:none; padding:0px; margin:0px;}
.welcome-box ul li{ float:left; padding:15px 0 0 20px; line-height:normal; font-size:13px; color:#666666; background:url(../images/bullet-icon.png) 0px 16px no-repeat;}
.welcome-box ul li a{ color:#042049;}

.news-col{ margin:20px 0 0 0; padding-left:0px;}
.news-col-inner{ border:#e7e5e7 solid 1px !important;}

.detail-box{ margin:30px 0 0 0;}
.large-thumbanil{ float:left; width:300px;}
.large-thumbanil img{ width:100%;}

.detail-box .detail-content
{
	margin:0 0 0 320px;
}
.detail-box .detail-content h3{ font-size:18px; color:#333333; text-align:left;}

.table-content{}
.table-content table{ border:#e7e5e7 solid 1px;}
.table-content table tr{}
.table-content table tr th
{
	padding:15px;
	font-size:16px;
	font-weight:normal;
	vertical-align:middle;
	color:#FFF;
	background: #313391;
}
.table-content table tr td
{
	padding:10px 15px;
	font-size:13px;
	font-weight:normal;
	vertical-align:middle;
	color:#241f28;
	border-bottom:#e7e5e7 solid 1px;
}

.form-group label{ font-weight:normal; color:#666;}
.small_thumbnail{ background:#fafafa; border:#e7e5e7 solid 1px; padding:20px 0px;}
.small_thumbnail a{ float:left; margin-left:22px;}

.icon-box{ float:right;}
.icon-box a{ float:left; margin:0 0 0 5px;}
.offer-box{}
.offer-box .box-style2{ background:#f6f6f6; border:#e7e5e7 solid 1px; padding:20px; width:48%; margin:25px 0 0 0;}
.offer-box .box-style2 .title{ font-size:16px; color:#042049;}
.offer-box .box-style2 p{ font-size:14px; color:#333333; padding-top:10px;}

/*--------------- Search Results Styles ---------------*/
.search-results
{
	padding:0px;
	margin:20px 0 0 0;
}
.search-results .result-row
{
	border-bottom:#ebebeb solid 1px;
	padding:10px 0px;
}
.search-results .result-row h5
{
	text-align:left;
	color:#111a2c;
	font-size:16px;
	line-height:normal;
	padding:0px;
	margin:0px;
}
	.search-results .result-row h5 a
	{
		color:#333;
	}
	.search-results .result-row h5 a:hover
	{
		color:#1f93c4;
	}

.search-results .result-row p
{
	font-size:14px;
	color:#666;
	line-height:24px;
	padding:10px 0 0 0 !important;
}


/*--------------- Buttons Styles ---------------*/
.search-btn
{
	background: url(../images/search-icon.png) center center #4aa02c no-repeat !important;
	height:39px;
	width:40px;
	text-align:center;
	font-size:13px;
	color:#FFF;
	border:0px;
}
a.blue-btn
{
	height:39px;
	text-align:center;
	font-size:13px;
	color:#FFF;
	padding:0 30px;
	line-height:39px;
	float:left; margin:20px 10px 0 0;
	background:#4aa02c;
}
a.blue-btn:hover , a.grey-btn:hover{opacity:0.85;}
a.grey-btn
{
	height:39px;
	text-align:center;
	font-size:13px;
	color:#FFF;
	padding:0 30px;
	line-height:39px;
	float:left; margin:20px 10px 0 0;
	background: #4c4c4c;
}
.submit-btn
{
	height:39px;
	border:0px;
	text-align:center;
	font-size:13px;
	color:#FFF;
	padding:0 30px;
	line-height:39px;
	float:left; margin:0px 10px 0 0;
	background:#4aa02c;
}
.submit-btn-btn:hover , .grey-btn:hover{opacity:0.85;}

.grey-btn
{
	height:39px;
	text-align:center;
	font-size:13px;
	color:#FFF;
	padding:0 30px;
	line-height:39px;
	float:left; margin:0px 10px 0 0;
	background: #4c4c4c;
	border:0px;
}
/*--------------- 13. Padding, Margin, Color Styles ---------------*/

/*--Padding classes--*/
.padding0 { padding:0px !important;}
.margin-top0{ margin:0px;}
.margin-top20{ margin-top:20px;}
.paddingtop20{ padding-top:20px !important;}
/*--Color classes--*/


/*--------------- 14. Media Queries ---------------*/


@media (min-width: 768px) and (max-width: 990px) {
	.tablet-padding0{ padding:0px;}
	.logo img{ width:100%;}
	.search-box{ margin:24px 0 0 0;}
	.navbar-nav > li > a{ padding:0 14.2px;}
	.content-container{ margin:10px 0 0 0;}
	.box-style ul > li > a{ padding:0 7px;}
	.slider-bg{ height:238px;}
	#all-banners-navigation{ top:200px !important;}
	.slide-dec{ position:absolute; text-align:left; top:70px; left:4%; width:440px;}
}
@media (min-width: 991px) and (max-width: 1024px) {
	.tablet-padding0{ padding:0px;}
	.logo img{ width:100%;}
	.search-box{ margin:24px 0 0 0;}
	.navbar-nav > li > a{ padding:0 13px;}
	.content-container{ margin:10px 0 0 0;}
	.box-style ul > li > a{ padding:0 7px;}
	.slide-dec{ position:absolute; text-align:left; top:150px; left:5%; width:440px;}
}

@media (min-width: 320px) and (max-width: 640px) {
	.navbar-nav{ margin:0px -15px;}
	.field{ width:100% !important;}
	.search-btn{ float:right; margin:10px 0 0 0;}
	.content-container{ margin:0px;}
	.logo{ margin:9px 0 0 0; text-align:center; width:100%;}
	.logo img{ width:50%;}
	.tablet-padding0{ padding:0px;}
	.slider-bg{ height:150px !important; margin-bottom:30px;}
	.slide-dec h1{ font-size:16px;}
	.slide-dec p{ font-size:14px;}
	#all-banners-navigation{ top:100px !important; margin-left:-20px;}
	.align-center{ text-align:center;}
	/*--------------- Custom Nav Style ---------------*/
.navbar
{
	float:none !important;
}
.navbar-nav
{
	background:#313391;
	height:auto !important;
	z-index:1000;
	position:relative;
}
.navbar-nav>li
{ 
	float:left;  
	padding:0px;
	width:100%;
}
.navbar-nav>li>a
{ 
	float:left; 
	padding:0px 20px;
	font-size:14px; 
	color:#FFF; 
	line-height:46px; 
	width:100%;
}
.large-thumbanil{ width:100%;}
.detail-box .detail-content{ margin:0px 0 0 0 !important; float:left;}
.offer-box .box-style2{ width:100%;}
.mobile-padding-left{ padding-left:0px !important;}
.mobile-search-box{ margin:0 0 20px 0px; display:block; position:relative;}
.search-btn2{ background:#4aa02c; border:0px;float:right; padding:6px 12px; border-radius:5px; margin:7px 0 0 0;}
.mobile-search{ float:left; width:100%; height:36px; border:#CCC solid 1px; margin:15px 0 20px 0; padding: 0 0 0 10px;}
.upc_searchbutton{ position:absolute; right:0px; top:15px; background:#4aa02c; border:0px; height:36px; padding:7px 10px;}
.search-btn2{ display:block;}
h2{ font-size:17px; margin-top:20px !important;}
.mobile-padding0, .mLeftPadding0{ padding-left:0px;}
.space-mobile{ height:20px;}
.small_thumbnail{ padding:20px 15px !important;}
.nav-tabs{ width:100%;}
.nav-tabs li{ width:100%; border:#e5e5e5 solid 1px;}
.nav-tabs li.active{ width:100%; border:0px;}
.nav-tabs li a{ margin:0px;}
.submit-btn, .grey-btn, .blue-btn{ width:100%; margin:0 0 10px 0px !important;}
}