/* CSS Document */

/*-----------------------------------------*/
/* Reset */
/*-----------------------------------------*/

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,font,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{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/*-----------------------------------------*/
/* Framework */
/*-----------------------------------------*/
body {
margin, padding: 0;
text-align: center;
background: url(../img/body-background.jpg) repeat;
overflow: -moz-scrollbars-vertical;
font-size:100%;
line-height:1.125em; /* 16×1.125=18 */
}
#container {
width: 100%;
height: 100%;
}
#header, #nav-content, #content-container, #footer-container, #legal-container, #created-by-container {
margin-left: auto;
margin-right: auto;
}
#nav-content, #content-container, #footer-container, #legal-container {
text-align: left;
}
#created-by-container {
text-align: right;
}
#nav {
background: black;
float: left;
}
#content-container {
min-height: 300px;
}
#content {
background: #f8f2e4;
width: 100%;
float: left;
}
#content-body {
float: left;
display: inline;
margin: 10px 0;
}
#logo {
text-align: center;
}
#sidebar {
float: left;
display: inline;
}
img { -ms-interpolation-mode: bicubic; }
/*-----------------------------------------*/
/* Typography */
/*-----------------------------------------*/
/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 80%;
  color: #222; 
  font-family: Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
  line-height: 1.5;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 2em; line-height: 1; margin-bottom: 0.5em;}
h2 { font-size: 1.5em; margin-bottom: 0.75em; }
h3 { font-size: 1.2em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.25em; line-height: 1.25; margin-bottom:0; color: #1A4923;}
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }
/*body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}
a:focus{outline:1px dotted invert}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}
h6{font-size:15px}ol{list-style:decimal}ul{list-style:square}
li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:10px}
*/
/*-----------------------------------------*/
/* Navigation */
/*-----------------------------------------*/
#top-nav {
float: right;
margin-top:7px;
margin-right:0;
width: 300px;
height: 37px;
background: url(../img/top-nav-background.png) no-repeat;
text-align: center;
list-style: none;
}
#top-nav ul {
margin-left: 11px;
margin-top: 5px;
}
#top-nav li {
float: left;
height: 37px;
display: inline;
margin-left: 10px;
}
#top-nav a, #top-nav a:link, #top-nav a:visited {
color: #333333;
text-decoration: none;
font-size: 10px;
height: 33px;
display: inline;
}
#top-nav a:hover {
text-decoration: underline;
}
#nav {
width: 100%;
background: #292918;
font-family: Georgia,  serif;
color: #ffffff;
margin-top: 30px;
}
#nav ul {
list-style: none;
display: block;
margin: 0;
display: inline;
}
#nav li {
float: left;
display: inline;
}
#nav li a, #nav li a:link, #nav li a:visited {
display: block;
color: #ffffff;
text-decoration: none;
}
#nav .current_page_item a, #nav .current_page_item a:link, #nav .current_page_item a:visited {
background: #774023;
}
#nav li a:hover {
background: #506E32;
}
#nav .current_page_item a:hover {
background: #774023;
}
#secondary-nav {
background: #95522e;
font-family: Arial;
margin-right: 0;
}
#secondary-nav ul {
list-style: none;
margin-right: 0;
}
#secondary-nav a, #secondary-nav a:link, #secondary-nav a:visited {
color: #ffffff;
text-decoration: none;
display: block;
margin-right: 0;
}
#secondary-nav .current_page_item  a, #secondary-nav .current_page_item  a:link, #secondary-nav .current_page_item  a:visited, #secondary-nav .current_page_item a:hover {
border-top: none !important;
border-bottom: none !important;
}
a:hover {
cursor:hand;
}


/*-----------------------------------------*/
/* Frames */
/*-----------------------------------------*/
.pull-quote p, .description p, .event p, .special p, .coupon p {
margin: 0;
}
#content-body .pull-quote, #content-body .description {
margin: 15px 0;
}
.announcement {
padding: 10px;
margin: 10px auto;
background: #DFD7B5;
text-align: center;
}
.announcement-content {
border: 3px solid #F8F2E4;
padding: 10px;
}
.pull-quote {
background: #DFD7B5;
border: 2px solid #774023;
margin-top: 10px;
}
.pull-quote-content {
padding: 25px;
}
.description {
background: #292918;
color: #F8F2E4;
margin-top: 10px;
}
.description-content {
padding: 20px;
}
.coupon {
padding: 10px;
margin: 10px auto;
background: #DFD7B5;
text-align: center;
}
.coupon-content {
border: 3px solid #F8F2E4;
padding: 10px;
}
.coupon-content a, .coupon-content a:link, .coupon-content a:visited {
display: block;
text-decoration: none;
color: #F8F2E4;
}
.coupon-content a:hover {
color: #1B4923;
}
.coupon-content h1 {
margin-bottom: 5px;
}
.coupon-content h5 {
margin: 10px 20px 5px;
padding: 5px;
border: 2px solid #F8F2E4;
background: #7AA154;
color: #F8F2E4;
}
.special {
padding: 10px;
margin: 10px auto;
text-align: center;
color: #292918;
border: 15px solid #292918;
background: #E6B428;
}
.special-content {
padding:10px;
}
.special h1 { 
}
.event {
padding: 10px;
margin: 10px auto;
background: #A18A6B;
text-align: center;
color: #F8F2E4;
}
.event-content {
border: 2px solid #F8F2E4;
padding:10px;
}
.event h2 {
color:#292918;
}
.video{
padding: 10px;
margin: 10px auto;
text-align: center;
}
.video-content {
border: 1px solid #A5C282;
padding: 10px;
}
.video a, .video a:link, .video a:visited {
text-decoration: none;
color: #9FB33A;
font-weight: bold;
font-size: 14px;
font: verdana;
}
.video a:hover {
text-decoration: underline;
color: #5D6D25;
}
.product-image {
clear:left;
float:left;
margin-right:15px;
}
.product-description {
padding: 15px;
}
.description-content h3 {
color: #fff;
margin-bottom: 10px;
font-size: 17px;
}

/*-----------------------------------------*/
/* CTE */
/*-----------------------------------------*/

.content-container-left {
float:left;
width:50%;
}
.content-container-right {
float: right;
width: 50%;
}

/*-----------------------------------------*/
/* Plugins */
/*-----------------------------------------*/

.tx-indexedsearch-searchbox {
display: none;
}
.tx-indexedsearch-rules {
display: none;
}
#search {
margin-right: 0;
float: right;
}
#search-field {
background: url(../img/search-field-bkgd.png) no-repeat;
float: left;
border: 0;
margin-bottom: 0;
height: 20px;
}
#search-submit {
display: block;
background: url(../img/search-btn.png) no-repeat;
border: 0;
float: left;
}
#search img {
float: left;
}

/*-----------------------------------------*/
/* Footer */
/*-----------------------------------------*/


#footer {
width: 100%;
background: #292918;
float:left;
border-top: 5px solid #774023;
color: #fff;
font-size: 11px;
}
#footer a, #footer a:link, #footer a:visited {
color: #F2F1C1;
text-decoration: underline;
}
#footer a: hoover {
color: #fff;
}
#footer h3 {
color: #A8C283;
font-size: 13px;
font-weight: bold;
margin-bottom: 4px;
}
#footer ul {
list-style: none;
margin: 0;
}
#footer p {
margin: 0;
}
#contact-info, #footer-links {
padding: 15px 0;
display: block;
}
#legal {
color: #fff;
width: 100%;
background: #774023;
float:left;
font-size: 11px;
height: 34px;
}
#legal-links a, #legal-links a:link, #legal-links a:visited {
color: #F2F1C1;
text-decoration: underline;
}
#legal-links {
padding: 7px 20px 7px 0;
float: left;
}
#created-by {
text-align: right;
width: 100%;
margin-bottom: 50px;
font-size: 11px;
color: #292918;
float:left;
padding-bottom: 30px;
}
#created-by a, #created-by a:link, #created-by a:visited {
color: #292918;
}
#copyright {
float:left;
position: relative;
padding: 7px 20px 7px 0;
}


#home-page-badges { float: right; width: 110px; position: relative; margin-left: 15px; } 

/*-----------------------------------------*/
/* Clear-fix */
/*-----------------------------------------*/

html body div.clear,html body span.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}.clearfix{display:block}