@charset "utf-8";
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #00ff99;
	margin: 0;
	padding: 0;
	color: #000;
}
.container {
	width: 95%;
	max-width: 1260px;/* max-width to keep layout from getting too wide on large monitors. */
	min-width: 780px;/* min-width to keep layout from getting too narrow. */
	margin: 0 auto; /* auto value on the sides with the percent width centers layout */
}
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1{ /* navigation font */
	margin: 0;
	font-family:"Arial Black", Gadget, sans-serif;
	font-weight:bolder;
	font-size:18px;
	position:absolute;
}

h2 { /* info to stand out */
	margin-top: 5%;
	margin-bottom: 1%;
	font-family: "Hobo Std";
	font-size: 35px;
	color: #000;
	text-align:center;
}

h3 { /* headers */
	margin-top: 0;	
	margin-bottom: 1%;
	font-family: "Hobo Std";
	font-size: 35px;
	color: #00ff99;
	text-align:center;
}

h4 { /*contact */
	margin-top: 5%;
	margin-bottom: 5%;
	padding-right: 5%;
	padding-left: 4%;
	font-size: 18px;
	text-align:center;
}

p {
	margin-top: 0;
	padding-right: 5%;
	padding-left: 4%;
}
a img { /* removes blue border around an image when it is surrounded by a link displayed in some browsers */
	border: dashed;
}

a:link {
	color:#00ff99;
	text-decoration: underline;
}

a:visited {
	color: #00ff99;
	text-decoration: underline;
}

a:hover, a:active, a:focus { /* these selectors give keyboard navigators the same hover experience as using a mouse. */
	text-decoration: none;
}

.header {
	width: 100%;
	text-align: center;
}

.h_left { /*address */
	margin-top: 1%;
	margin-bottom: 70px;
	padding-top: 1%;
	float: left;
	width: 22%;
	font-size:18px;
	font-weight:bolder;
	text-align: left;
}

.h_mid { /*logo */
	margin-top: 1%;
	margin-bottom: 35px;
	float: left;
	width: 56%;
	z-index: -1;
}

.h_right { /*hours */
	margin-top: 1%;
	margin-bottom: 70px;
	padding-top: 1%;
	float: right;
	width: 22%;
	font-size:18px;
	font-weight:bolder;
	text-align:right;
}


/*NAVIGATION */

.navigationbar { /*navigation */
	width: 100%;
	background: #FFF;
	border-radius:10px 10px 0px 0px;
	box-shadow: 0px -10px 15px 7px #002A35;
	text-align: center;
	float: left;
}

/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
	list-style: none; /* removes the list marker */
}

ul.nav li {
	display: inline;
	color: #000;
}

ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	display: inline; 
	text-decoration: none;
	color: #000;
	font-weight:bolder;
}

ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	color: #000;
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a.nav:link {
	color:#000;
}

a.nav:hover {
	color: #FFF;
}

.imgnav {
	background-image:url(images/tag.png);
	width: 10%;
	display:inline;
	border: none;
	margin: -20px 1% 20px 1%;
	background-repeat:no-repeat;

}

/* END NAVIGATION */

.content {
	padding: 10px 20px 0px 0px;
	width: 100%;
	background-color: #FFF
	box-shadow: -10px 10px 5px #888888;
	text-align:left;
}

.footer { /* footer */
	padding: 10px 0;
	background: #00ff99;
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	text-align:center;
	margin-top: 30px;
}

#desc { /* home summary */
	margin-top: 0;
	padding-right: 5%;
	padding-left: 4%; 
	text-align: justify;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:18px;
	font-weight:bolder;
}

/* SIDEBARD */

.sidebar {
	background: #00ff99;
	margin: .5% .5% 1% 3%;
	padding-bottom: 20px;
	padding-top: 20px;
	border-radius:10px 10px 0px 0px;
	display:inline-block;
	float: left;
	width: 28%;
	height: auto;
}

ul.sidebar {
	width: 90%;
	clear: both;
	list-style: none;
}

ul.sidebar a, ul.sidebar a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	display: inline; 
	text-decoration: none;
	color: #000;
	font-weight:bolder;
}

ul.sidebar a:hover, ul.sidebar a:active, ul.sidebar a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	color: #FFF;
}

/* END SIDEBAR */

/* PRODUCTS */

.imgthumbhold
{
	margin: 0px 0px 15px 0px;
	height:280px;
	width:auto;
	float:left;
	text-align:center;
	clear:right;
}
.imgthumb
{
	height: 123px;
	width: 150px;
	margin: 3px;
	border: 1px solid #600;
}
.text_line {
	margin: 3px;
	clear: both;
	font-size: 12px;
	padding: .5px;
}

/* END PRODUCTS */

form {
	margin:auto;
	position:relative;
	width: auto;
	height: auto;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	line-height: 24px;
	text-decoration: none;
	padding:10px;
}

.coupons {
	margin: auto;
	width: 95%;
	text-align: center;
}

.spec {
	width:300px;
	height:174px;
}
.spec_giveaway {
	border: dashed;
	border-color:#00ff99;
	width:675px;
	height:450px;
}


.box {
        display:inline;
        width: auto;
        height: auto;
}
    
#selectField {
        border: 1px solid #ddd;
        width: 200px;
}

.email { /* contact */
	padding-left: 10%;
	font-size: 18px;
}

/***************** Sort Filters Styles *******************/
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}