/*
Green: #39B54A
Darker Green: #006838
Yellow: #B47D09
*/

/*phones*/
@media (max-width: 768px) {.bj_font_resizer {font-size:12px;} .bj_td_resizer{ width:100px;}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 769px) {.bj_font_resizer {font-size:14px;} .bj_td_resizer{ width:260px;}}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {.bj_font_resizer {font-size:16px;} .bj_td_resizer{ width:260px;}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {.bj_font_resizer {font-size:16px;} .bj_td_resizer{ width:260px;}}


/*
ul.nav li.dropdown:hover > ul.dropdown-menu{
display: block;
margin-top:0px;
}

@media (max-width: 768px) {

.dropdown-menu {
float:none;	
z-index:0;
position:relative;
border:0px;
border-radius:0px;
}
*/

html { min-height: 100%; margin-bottom: 1px; overflow-y:scroll; }  /* Firefox / IE8 scroll-fix*/

body {
font-size:16px;
background-color: #00532D;
}

@font-face {
    font-family: JosefinSans-Regular;
    src: url(..//fonts/JosefinSans-Regular.ttf);
}

@font-face {
    font-family: JosefinSans-SemiBold;
    src: url(..//fonts/JosefinSans-SemiBold.ttf);
}

@font-face {
    font-family: JosefinSans-Bold;
    src: url(..//fonts/JosefinSans-Bold.ttf);
}

ul, ol{
	margin: 20px 0px;	
}

.border{
	border: #000000 1px solid;
}

.topbar {
padding: 7px 0 5px 0;
border-bottom: #006838 1px solid;
}

.topbar a {
color: #FFFFFF;
font-size: .75em;
font-weight: bold;
text-shadow: 0 -1px 0 rgba(0,0,0,.8);
transition: all .7s ease-in-out;
}

.topbar a:hover {
color: #D7F0DB;
text-decoration: none;
}

.mainsection {
width:100%;
background-color:#FFFFFF;
padding: 10px;
margin: 0px 0 0 0;
border-bottom: #006838 1px solid;
box-shadow: 0 4px 15px rgba(0,0,0,.3);
}

.mainsection h1{
	font-family: 'JosefinSans-Bold';
}

.masthead {
margin:0px 0px 0px 0px;
background-color:#f4f4f4;
padding: 5px 0;39B54A
}

.headerlogo {
	margin:0 0 0 0;
	display: block;
}



.tagline {
display: block;
margin: 30px 0 0 0;
font-size: 24px;
font-family: 'JosefinSans-Bold';
}

ul.bottomimages{
	text-align: center;
	padding-left: 0px;
}

.bottomimages li{
	list-style-type: none;
	display: inline-block;
	padding-top: 30px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 25px;
	font-family: 'JosefinSans-SemiBold';
}

.bottomimages li p{
	font-family: 'JosefinSans-Bold';
	text-shadow: 1px 1px 1px #000;
}

.bottomimages h4{
	font-family: 'JosefinSans-Bold';
	font-size: 22px;
	color: #000000;
}

.myButton {
	-moz-box-shadow: 0px 10px 14px -7px #3e7327;
	-webkit-box-shadow: 0px 10px 14px -7px #3e7327;
	box-shadow: 0px 10px 14px -7px #3e7327;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77b55a), color-stop(1, #72b352));
	background:-moz-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:-webkit-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:-o-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:-ms-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b55a', endColorstr='#72b352',GradientType=0);
	background-color:#77b55a;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #4b8f29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size: 40px;
	padding: 26px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #5b8a3c;
}

.myButton:active {
	position:relative;
	top:1px;
}


@media (max-width: 1199px) and (min-width:991px){
	
}

@media (max-width: 990px) {
    .headerlogo img {
    margin: 0 auto;
    }
    .tagline {
    margin: 5px 0 0 0;
    font-size: 1.1em;
    text-align: center;
    width: 100%;
    }
}

.btn {
border-radius: 0;
}

h1 {
	margin-top:10px;
	color: #006838;
    text-transform: uppercase;
	font-family: 'JosefinSans-SemiBold';
}

h2 {
color:#B47D09;
font-family: 'JosefinSans-SemiBold';
font-size: 24px;
}

h3 {
}

a:hover p{
	color:#EDEDED;
	text-decoration: none;
}



a:hover{
	color:#000000;
	text-decoration: none;
}

hr {
border-color:#c3efc8;
}

/* --- --- TOP NAVBAR STYLES --- --- */
.navbar {
margin-bottom:0;
min-height:35px;
}

.navbar-default {
background-color:#000000;
border-radius: 0;
padding-left: 2%;
}

.navbar-default .navbar-nav > li > a {
padding:8px 12px 8px 12px;
color: #FFFFFF;
font-size: 17px;
text-shadow: 0 -1px 0 rgba(0,0,0,.8);
transition: all .7s ease-in-out;
font-family: 'JosefinSans-Bold';
}

.navbar-default .navbar-nav > li > a:hover {
color:#D7F0DB;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
color:#FFFFFF;
background-color: #39B54A;
}

/* --- Styles to change the dropdown from showing on a click to showing on hover --- */
ul.nav li.dropdown:hover > ul.dropdown-menu {
display: block;
margin-top:0px;
}

.navbar .nav > li > .dropdown-menu {
background-color: #39B54A;
}

.navbar .nav > li > .dropdown-menu li a, .navbar .nav > li > .dropdown-menu li a {
color: #ffffff;
}

.navbar .nav > li > .dropdown-menu li a:hover, .navbar .nav > li > .dropdown-menu li a:focus {
background-color:#000000;
}

.dropdown-header {
    color: #ffffff;
    font-weight: bold;
    font-size: 1.1em;
}

.nav .dropdown-menu {
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
}

.nav .dropdown-menu > li > a {
padding:7px 20px 7px 20px;
}

.nav .dropdown-menu > li > a:hover {
background-image: none;
color: white;
background-color: rgb(0, 129, 194);
background-color: rgba(0, 129, 194, 0.5);
}

.nav .dropdown-menu > li > a.maintainHover {
color: white;
background-color: #E51A38;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #ffffff;
    background-color: transparent;
}

.container .jumbotron, .container-fluid .jumbotron {
text-align: center;
border: #DDDDDD 1px solid;
border-radius: 0;
background-image: url(../img/restaurant-staff.jpg);
background-repeat: no-repeat;
background-position: center top;
padding: 15px;
}

.jumbotron-inner {
background: #FFFFFF;
background-color: rgba(255,255,255,.85);
padding: 130px 10px;
box-shadow: 0 0px 15px rgba(0,0,0,.3);
}

.jumbotron-inner h2 {
font-size: 1.5em;
margin: 0 0 10px 0;
text-transform:uppercase;
color: #006838;
text-shadow: 1px 1px 1px rgba(255,255,255,.9);
}

.jumbotron .btn-default {
background: #B47D09;
background-color: rgba(180, 125, 9, 0.7);
color: #FFFFFF;
font-weight: bold;
border: #ffffff 2px solid;
padding: 6px 25px;
transition: all .7s ease-in-out;
text-shadow: 0 -1px 0 rgba(0,0,0,.7);
box-shadow: 0 0px 15px rgba(0,0,0,.3);
}

.jumbotron .btn-default:hover {
border: #fafafa 2px solid;
background-color: rgba(180, 125, 9, 1);
}

.rightside {
margin:0px 0 0 0;
background-color:#fcfcfc;
font-size: .85em;
color: #444444;
border: #eaeaea 1px solid;
box-shadow: 0 0px 15px rgba(0,0,0,.1);
}

.rightside-inner {
    padding: 10px 10px;
}

.rightside-inner ul li{
    font-size: 16px;
}

.rightside a {
color: #39B54A;
}

.rightside .btn {
background-color: #FCC10B;
font-weight: bold;
color: #0c324c;
}

.rightside .btn:hover {
background-color: #fcc419;
}

@media (max-width: 1199px) and (min-width:991px){
    .rightside .btn {
        font-size: .9em;
    }
	
	.navbar-default {
		background-color:#000000;
		border-radius: 0;
		padding-left: 8%;
	}
}

.rightside dd {
    margin-bottom: 15px;
}

.rightside blockquote {
    border-left: none;
    padding: 0;
    font-size: 1em;
}

.rightside blockquote footer {
}

.rightside form .btn-default {
}

@media (min-width: 1200px){
	.rightside {
		min-height:570px;
	}
	
	.navbar-default {
		background-color:#000000;
		border-radius: 0;
		padding-left: 10%;
	}
	
	.navbar-default .navbar-nav > li > a {
		padding:8px 20px 8px 20px;
		color: #FFFFFF;
		font-size: 17px;
		text-shadow: 0 -1px 0 rgba(0,0,0,.8);
		transition: all .7s ease-in-out;
		font-family: 'JosefinSans-Bold';
	}
}

@media (max-width: 1199px) and (min-width:991px){
.rightside {
min-height:474px;
}
}

@media (max-width: 990px){
.rightside {
margin-bottom:10px;
}
.feature_product_box {
    text-align: center;
    width: 200px;
    display: block;
    margin: 20px auto;
}
}

.rightside h2 {
font-size: 22px;
margin-top:0px;
color:#FFFFFF;
background-color: #006838;
border-bottom: #00532D 1px solid;
border-top: #00532D 1px solid;
padding: 10px;
}
.rightside h2:first-child {
border-top: none;
}

.rightside h2 span {
    margin-right: 6px;
}

.rightside h3 {
font-size:1em;
margin-top:5px;
color:#000000;
}

.linklist {
    list-style: none;
    padding: 0;
    margin: 0;
}

.linklist li a {
}

.icons {
width:150px;
margin:0 auto 0 auto;
}

.leftside {
width:96%;
padding:0 2% 10px 2%;
font-size:.75em;
}

.leftside h2 {
font-size:1.75em;
font-weight:bold;
}

.leftside h3 {
font-size:1.5em;
border-bottom:#F5F5F5 1px solid;
padding-bottom:3px;
}

.breadcrumb {
font-size:.75em;
margin-top:5px;
margin-bottom:5px;
}

.pagination > li > a, .pagination > li > span {
color:#E51A38;
}

.pagination > li > a:hover, .pagination > li > span:hover {
color:#831E2D;
}

.media {
padding-bottom:10px;
border-bottom:#333333 1px solid;
}

.media-body {
font-size:.85em;
}

.media-object {
border:#E51A38 2px solid;
}

a h4.media-heading {
color:#E51A38;
}

.media:last-child {
border:none;
}

.price {
font-size:1.25em;
font-weight:bold;
padding-left:10px;
width:100%;
text-align:right;
margin-top:10px;
}

.detail-rightside {
background-image:url(../img/noise.png);
background-color:#801323;
border-radius:6px;
position:relative;
width:100%;
padding:10px 5px 5px 5px;
color:#ffffff;
text-align:center;
min-height:430px;
}

.price-lg {
font-size:2.5em;
line-height:1em;
margin-top:10px;
margin-bottom:10px;
padding-left:0px;
}

.reviews {
font-size:.85em;
}

.reviews .glyphicon {
color:#E51A38;
}

.searchtobuy {
font-size:.85em;
width:100%;
padding-top:5px;
margin:35px 0 32px 0;
text-align:right;
display:inline;
}

.searchtobuy2 {
font-size:.85em;
width:100%;
padding-top:5px;
margin:0 0 32px 0;
}

.favorites {
margin-top:3px;
display:block;
width:100%;
text-align:right;
}

.favorites2 {
margin-top:3px;
margin-bottom:25px;
text-align:center;
background-color:#FFFFFF;
}

.nav-tabs {
border-bottom:#333333 1px solid;
}

.nav-tabs > li > a {
background-color:#E51A38;
color:#FFFFFF;
}

.nav-tabs > li.active > a {
border-color:#333333 #333333 rgba(0,0,0,0);
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
background-color:#ff1c3e;
border-color:#E51A38;
}

.tab-content {
margin-bottom:10px;
min-height:300px;
font-size:.85em;
}

.main_img_container {
position:relative;
float:left;
width:434px;
}

.overview-img {
border:#E51A38 2px solid;
margin:0 10px 10px 0;
clear:both;
position:relative;
float:left;
display:block;
}

.overview-img-thumb {
list-style:none;
}

.overview-img-thumb li {
margin-bottom:3px;
}

.overview-img-thumb li img {
border: 1px solid #DDDDDD;
border-radius:4px;
}

.review_list {
list-style:none;
margin:0;
padding:0;
}

.review_list li {
padding:0 0 5px 0;
margin:0 0 20px 0;
border-bottom: 1px solid #333333;
}

.color_dd {
position:relative;
float:left;
width:100%;
margin:20px 0 50px 0;
text-align:center;
}

.color_dd label {
display:block;
width:100%;
text-align:center;
margin:0;
}

.color_dd select {
color:#000000;
text-align:center;
width:90%;
margin:0 5% 0 5%;
}

.color-choice {
list-style:none;
margin:0 0 10px 0;
padding:0;
position:relative;
float:left;
display:table;
width:100%;
}

.color-choice li {
display:table-cell;
text-align:center;
}

.color-choice li a {
border-radius:6px;
width:50px;
height:50px;
}

.color-choice li a:hover {
text-decoration:none;
}

.btn-danger {
background-color:#E51A38;
}

.btn-danger:hover {
background-color:#d91835;
}

footer {
font-size:.75em;
padding:10px 0 0 0;
color:#FFFFFF;
}

footer ul {
list-style:none;
margin:0;
padding:0;
font-size:1em;
}

footer a, footer a:hover {
color:#FFFFFF;
}

.phone_num {
    color: #002040;
    font-weight: bold;
    font-size: 1.1em;
}

/* CONTACT FORM CAPTCHA STYLES
--------------------------------------------------*/
#CAPTCHA { width: 300px; background: #EEDBB1; border: 2px solid #D1C09B; border-radius: 8px; padding: 10px; position: relative; text-align: left; }

#CAPTCHA p { width: 210px; margin: 7px 0 7px 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 110%; text-align: left; color:#000000; }

#CAPTCHA-help { position: absolute; z-index: 5; width: 200px; background: #EEEEEE; padding: 10px; top: -40px; left: 20px; border: 1px solid #CCCCCC; border-radius: 8px; box-shadow: 5px 5px 5px #696969; }

/* --- CONTACT FORM FIX --- */
input, textarea, .uneditable-input {
width:auto;
}

/* --- --- ECOMMERCE SHARE THIS BOX --- --- */
.shareBox {
font-size: 13px;
font-weight: bold;
color:#000000;
text-align:center;
position:relative;
float:left;
width:94%;
margin:20px 3% 5px 3%;
}

.shareLink { float: left; margin: 1px 3px 0 0; }

.shareBox span {
float: left;
margin-right:3px;
}

@media (max-width: 1024px) {
ul.dropdown-menu li.overview-link {
	display:block;
}
.top_social {
	display:none;	
}
#showfilters {
	font-size: 14px;
	background-color:#E51A38;
	padding:4px 10px;	
	color:#fff;
	font-weight:bold;
	cursor:pointer;
}
.filterdetails {
	display:none;
}
}

#shareFacebook a { background: url(../img/share_facebook.png) top center no-repeat; border: none; display: block; height: 24px; width: 24px; overflow: hidden; text-indent:-4000px; }

#shareTwitter a { background: url(../img/share_twitter.png) top center no-repeat; border: none; display: block; height: 24px; width: 24px; overflow: hidden; text-indent:-4000px; }

#sharePinterest a { background: url(../img/share_pinterest.png) top center no-repeat; border: none; display: block; height: 24px; width: 24px; overflow: hidden; text-indent:-4000px; }

#shareEmail a { background: url(../img/share_email.png) top center no-repeat; border: none; display: block; height: 24px; width: 24px; overflow: hidden; text-indent:-4000px; }

a.shareLink:hover, a.shareLink:active { background-position: 0 -14px; cursor: pointer; }

.question {font-weight:bold;}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #FFF;
    background-color: #E51A38;
    border-color: #E51A38;
    cursor: default;
}

.btn-primary {
    background: none repeat scroll 0% 0% #002040;
    border-color: #002e5c;
}	
.btn-primary:hover {
    background: none repeat scroll 0% 0% #00284f;
    border-color: #002e5c;
}	

.error {
	color:#F00;
}

.nl-input {
	width:200px;
}


.btn-default {
  background-color: #77b55a;
  border-color: #77b55a; 
  color:#FFF;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
  background-color: #6aa94c;
  border-color: #5f9844; 
  color:#FFF;
}
.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled:active,
.btn-default.disabled.active,
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled]:active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active {
  background-color: #77b55a;
  border-color: #77b55a; 
  color:#FFF;
}

.bj_linklist { 
    padding: 0;
    margin: 10px;
}
.bj_linklist li a { 
	font-size:14px;
}
