@charset "utf-8";

/* CSS Document */

* {margin:0; padding:0;}



body {

font-size: 62.5%;

text-align: center; /* center for ie */

margin: 0;

padding: 0;

/* background-color: #d1e8f4; */

background: #d6e0d6 url(null) fixed no-repeat;

}



P {

font-size: 1.2em;

}

h1 {

font-size: 2.6em;

}

h2 {

font-size: 2.0em;

}

.clear {

display: block;

height:1px;

clear:both;

margin-top: -10px;

} 

/* Page Structures -------------------------------------*/

/* Page Header -----------------------------------------*/

#headercontainer {

background: #fff url(images/header_bg.jpg);

background-position: top center;

background-repeat: no-repeat;

width: 952px;

margin-top: 0;

padding-top: 0;

margin-right: auto;

margin-left: auto;

margin-bottom: 0;

text-align: center;

clear: both;

}



#header {

width: 922px;

position: relative;

margin-top: 0;

margin-right: auto;

margin-bottom: 0;

margin-left: auto;

padding: 0;

min-height: 160px;

height: 160px;

text-align: center;

border-bottom: solid 5px #336633;

}



* html #header{height: 160px;}

#header h1 {position: absolute; left: 0px; top: 0px;}



#logocontainer {

float: left;

width: 268px;

height: 132px;

margin-top: 20px;

margin-left: 0;

padding-left: 35px;

}

#tagcontainer {

float: left;

width: 352px;

height: 37px;

margin: 80px 0 0 10px;

padding: 0;

background-image: url(images/tagline.jpg);

background-position: top center;

background-repeat: no-repeat;

}

#navcontainer {

float: left;

width: 242px;

/* height: 145px; */

margin: 0;

}

/* Page Body ---------------------------------------------------*/



#bodycontainer {

background: #fff url(images/bg_shaddow.jpg);

background-position: top center;

background-repeat: repeat-y;

width: 952px;

border-top: 1px;

margin-top: 0;

padding-top: 0;

margin-right: auto;

margin-left: auto;

margin-bottom: 0;

text-align: center;

clear: both;

}

#pagebody {

background: #fff url(images/left_col_img.jpg);

background-position: bottom left;

background-repeat: no-repeat;

width: 922px;

margin-top: 0;

margin-right: auto;

margin-bottom: 0;

margin-left: auto;

text-align: center;

padding: 0;

}



#leftcol {

float: left;

width: 242px;

/*border-right: dashed 1px #44c5b6;*/

margin: 0;

min-height: 600px;

}



#leftcol img {

border: 0;

margin: 10px 0 0 0;

}

#content {

width: 677px;

float: left;

margin: 0;

padding: 0;

text-align: left;

border-left: solid 2px #f6a439;

}

#midcol {

width: 475px;

float: left;

margin: 0;

padding: 0;

text-align: left;

}

#rightcol {

width: 202px;

float: left;

margin: 0;

padding: 0;

text-align: left;

}



.rightspace {

height: 200px;

min-height: 200px;

}

.smallspace {

height: 75px;

min-height: 75px;

}



#fullcol {

width: 677px;

float: none;

margin: 0;

padding: 0;

text-align: left;

}

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

#footercontainer {

background: #336633 url(images/footer_shaddow.jpg);

background-position: top center;

background-repeat: repeat-y;

width: 952px;

border-top: 1px;

margin-top: 0;

padding-top: 0;

margin-right: auto;

margin-left: auto;

margin-bottom: 0;

clear: both;

}

#footer {

width: 922px;

margin-top: 0;

margin-right: auto;

margin-left: auto;

}



/* Logo -----------------------*/

#header #logo { 

position: relative;

overflow: hidden;

margin: 0;

padding: 0;

width: 268px; 

height: 132px;

}

#header #logo span {

display: block;

position:absolute;

left: 0;

top: 0;

z-index: 1;

width: 268px;

height: 132px;

margin: 0;

padding: 0;

background: url("images/logo.jpg") top left no-repeat;

cursor: pointer;

overflow: hidden;

}

#header #logo a {

position: static;

display: block;

height: 132px;

white-space: normal;

color: #45a642;

}

#header #tagcontainer p {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 2.0em;

color: #4ba948;

}

/* --- Global Navigation --------------------------------------------------*/

#nav {

width: 205px;

margin-top: 10px;

margin-right: auto;

margin-bottom: 0.5em;

margin-left: 20px;

text-align: center;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-weight: bold;

font-size: 1.0em;

}

#nav ul {

list-style: none;

margin: 0;

padding: 0;

text-align: center;

}

#nav ul ul{

list-style: none;

margin-top: 5px;

margin-bottom: -5px;

padding: 0;

text-align: center;

}



#nav li {

border-bottom: 5px solid #fff;

text-align: left;

font-family: Helvetica, verdana, arial, sans-serif;

font-size: 1.4em;

font-weight: normal;

}

#nav li ul li {

/* border-bottom: 5px solid #fff; */

text-align: left;

font-family: Helvetica, verdana, arial, sans-serif;

font-size: 1.0em;

font-weight: normal;

}



#nav li a:link, #nav li a:visited {

font-size: 90%;

display: block;

padding: 0.5em 0 0.5em 25px;

background-color: #99b299;

color: #fff;

text-decoration: none;

} 

#nav li ul li a:link, #nav li ul li a:visited {

/* font-size: 90%; */

display: block;

padding: 0.5em 0 0.5em 25px;

background-color: #f7a237;

color: #fff;

text-decoration: none;

}



#nav li a:hover {

font-size: 90%;

display: block;

padding: 0.5em 0 0.5em 25px;

background-color: #336633;

color: #fff;

text-decoration: none;

}

#nav li ul li a:hover {

font-size: 90%;

display: block;

padding: 0.5em 0 0.5em 25px;

background-color: #d67801;

color: #fff;

text-decoration: none;

}

#navcontainer #nav .navcurrent {

background-color: #336633;

}

#navcontainer #nav .storecurrent {

background-color: #d67801;

}

/* ----------- Content Images --------------------------------------*/

.imagecontainer {

width: 420px;

text-align: left;

margin-top: 10px;

margin-bottom: 0;

margin-right: auto;

margin-left: 25px;

}



.imagecontainer img {

text-align: left;

margin-left: 0;

}



.fullcollimage {

width: 645px;

text-align: left;

margin-top: 10px;

margin-bottom: 0;

margin-right: auto;

margin-left: 25px;

}

.fullcollimage img {

text-align: left;

margin-left: 0;

}

/* --- Content / Text ----------------------------------------------*/

#hometext {

width: 415px;

text-align: justify;

margin: 15px 0 0 25px;

padding: 0 0 5px 0;

letter-spacing: normal;

}

#hometext h1 {

font-family: Helvetica, verdana, arial, sans-serif;

font-weight: normal;

color: #336633;

line-height: 2.0em;

}

#hometext h2 {

font-family: Helvetica, verdana, arial, sans-serif;

font-weight: normal;

margin-bottom: 0;

color: #336633;

line-height: 1.6em;

text-align: left;

font-size: 3.8em;

}

#hometext h3 {

font-family: Helvetica, verdana, arial, sans-serif;

font-weight: normal;

font-size: 2.0em;

margin-bottom: 15px;

color: #336633;

line-height: 2.0em;

}

#hometext h4 {

font-family: Helvetica, verdana, arial, sans-serif;

font-weight: normal;

font-size: 2.0em;

margin-bottom: 15px;

color: #336633;

line-height: 2.0em;

}

#hometext h5 {

font-family: Helvetica, verdana, arial, sans-serif;

font-weight: normal;

margin-bottom: 15px;

font-size: 2.0em;

color: #336633;

line-height: 2.0em;

}

#hometext p {

font-family: Helvetica, verdana, arial, sans-serif;

font-weight: normal;

font-size: 1.3em;

padding-bottom: 15px;

color: #000;

line-height: 1.2em;

/* letter-spacing: 0.1em; */

}

#hometext span {

font-weight: bold;

}



#hometext ul {

list-style: disc;

margin-bottom: 25px;

}

#hometext li {

font-family: Helvetica, verdana, arial, sans-serif;

font-size: 1.2em;

color: #000;

font-weight: normal;

margin: 0 0 5px 65px;

padding: 0;

line-height: 1.4em;

}  

/*------------------ Content Graphic Image --------------*/



#midcol .graphic {

width: 375px;

margin: 0 0 0 30px;

padding: 0 0 0 0;

letter-spacing: normal;

}

#midcol .graphic p {

font-family: Helvetica, verdana, arial, sans-serif;

font-weight: normal;

font-size: 1.8em;

text-align: left;

padding: 0;

color: #336633;

line-height: 1.2em;

}





#fullcol .graphic {

width: 555px;

margin: 0 0 0 30px;

padding: 0;

letter-spacing: normal;

text-align: center;

}

#fullcol .graphic p {

font-size: 1.2em;

text-align: center;

}



/*----------------   Full Collumn Content Text Style ----------*/



#text {

width: 555px;

text-align: left;

margin: 0 0 0 25px;

padding: 0 0 5px 0;

letter-spacing: normal;

}

#text h1 {

font-family: Helvetica, verdana, arial, sans-serif;

font-weight: normal;

color: #336633;

line-height: 2.0em;

}

#text h2 {

font-family: Helvetica, verdana, arial, sans-serif;

font-weight: normal;

margin-bottom: 0;

color: #336633;

line-height: 1.6em;

font-size: 3.8em;

}

#text h3 {

font-family: Helvetica, verdana, arial, sans-serif;

font-weight: normal;

font-size: 2.0em;

margin-bottom: 0;

color: #336633;

line-height: 2.0em;

}

#text h4 {

font-family: Helvetica, verdana, arial, sans-serif;

font-weight: normal;

font-size: 2.0em;

margin-bottom: 15px;

color: #336633;

line-height: 2.0em;

}

#text h5 {

font-family: Helvetica, verdana, arial, sans-serif;

font-weight: normal;

margin-bottom: 15px;

font-size: 2.0em;

color: #336633;

line-height: 2.0em;

}

#text p {

font-family: Helvetica, verdana, arial, sans-serif;

font-weight: normal;

font-size: 1.3em;

padding-bottom: 15px;

color: #000;

line-height: 1.2em;

text-align: justify;

/* letter-spacing: 0.1em; */

}

#text span {

font-weight: bold;

}



#text ul {

list-style: disc;

margin-bottom: 25px;

}

#text li {

font-family: Helvetica, verdana, arial, sans-serif;

font-size: 1.2em;

color: #000;

font-weight: normal;

margin: 0 0 5px 65px;

padding: 0;

line-height: 1.6em;

}   
/*----- Text form style -----*/
#text fieldset {
border: none;
}
#text legend {
display: none;
}
#text .fixedwidth {
display: block;
width: 155px;
float: left;
}
#text #username {
width: 205px;
}
#text #password {
width: 205px;
}
/*------------- News Article Style ---------------------*/

#text .news {

width: 555px;

text-align: left;

margin: 0 0 10px 0;

padding: 0 0 5px 0;

border-bottom: solid 1px #336633;

}



#text .news h3 {

font-family: Helvetica, verdana, arial, sans-serif;

font-weight: normal;

font-size: 1.8em;

color: #336633;

line-height: 1.4em;

text-align: left;

}

#text .news p {

font-family: Helvetica, verdana, arial, sans-serif;

font-weight: normal;

font-size: 1.3em;

padding-bottom: 15px;

color: #000;

line-height: 1.6em;

text-align: justify;

}

#text .news a {

float: right;

}

/*-------------- Jobs Item Style ------------------------------*/

#text .job {

width: 555px;

text-align: left;

margin: 25px 0 0 0;

padding: 0 0 5px 0;

border-bottom: solid 1px #336633;

}



#text .job h3 {

font-family: Helvetica, verdana, arial, sans-serif;

font-weight: normal;

font-size: 1.8em;

color: #336633;

line-height: 1.4em;

text-align: left;

}

#text .job p {

font-family: Helvetica, verdana, arial, sans-serif;

font-weight: normal;

font-size: 1.3em;

padding-bottom: 15px;

color: #000;

line-height: 1.6em;

text-align: justify;

}



#midcol .testimonials {

/* background: #fff url(images/openquote.jpg);

background-position: top left;

background-repeat: no-repeat; */

width: 375px;

margin: 0 0 0 30px;

padding: 0 0 0 0;

letter-spacing: normal;

}

#midcol .testimonials p {

font-family: Helvetica, verdana, arial, sans-serif;

font-weight: normal;

font-size: 1.8em;

text-align: left;

padding: 0;

color: #336633;

line-height: 1.2em;

/* background: #fff url(images/closequote.jpg);

background-position: bottom right;

background-repeat: no-repeat;

/* letter-spacing: 0.1em; */

}

#midcol .testimonials span {

font-weight: bold;

font-size: 0.8em;

line-height: 1.0em;

color: #2c5e2c;

}



.midcolspace {

min-height: 35px;

height: 35px;

}



#fullcol .customertestimonial {

width: 555px;

margin: 0 0 0 10px;

padding: 0;

letter-spacing: normal;

}

#fullcol .customertestimonial p {

font-family: Helvetica, verdana, arial, sans-serif;

font-weight: normal;

font-size: 1.8em;

text-align: left;

padding: 0;

color: #336633;

line-height: 1.2em;

/* background: #fff url(images/closequote.jpg);

background-position: bottom right;

background-repeat: no-repeat;

/* letter-spacing: 0.1em; */

}





.storedetails {

width: 555px;

text-align: left;

margin: 0 0 0 25px;

padding: 0 0 5px 0;

letter-spacing: normal;

}

.storedetails .tableheading {

font-family: Helvetica, verdana, arial, sans-serif;

font-size: 1.4em;

font-weight: bold;

color: #336633;

line-height: 1.6em;

text-align: left;

}

.storedetails .tablecontent {

font-family: Helvetica, verdana, arial, sans-serif;

font-size: 1.3em;

font-weight: normal;

color: #000;

text-align: left;

}

.location {

width: 555px;

text-align: left;

margin: 25px 0 15px 25px;

padding: 0 0 5px 0;

letter-spacing: normal;

}

.location h5 {

font-family: Helvetica, verdana, arial, sans-serif;

font-weight: normal;

margin-bottom: 15px;

font-size: 2.0em;

color: #336633;

line-height: 2.0em;

}

/*  --------------- Right Col Elements -----------------*/

#findyourstore {

text-align: center;

margin-top: 10px;

margin-right: auto;

margin-left: auto;

}

#findyourstore img {

border: none;

}

/*---Featured News --------*/

#news {

width: 175px;

text-align: left;

margin: 15px 0 15px 10px;

}

#news h4 {

font-family: Helvetica, verdana, arial, sans-serif;

color: #336633;

font-size: 2.6em;

font-weight: normal;

margin: 0 0 0 0;

line-height: 1.6em;

}

#news h4 span {

color: #ffa041;

font-weight: bold;

margin-left: -5px;

}

#news .story {

border-bottom: solid 2px #336633;

padding: 5px 0 10px 0;

}

#news .story h5 {

font-family: Helvetica, verdana, arial, sans-serif;

color: #336633;

font-size: 1.2em;

font-weight: bold;

margin-bottom: 5px;

}

#news .story p {

font-family: Helvetica, verdana, arial, sans-serif;

color: #336633;

font-size: 1.2em;

font-weight: normal;

}

#news .story a:link, #news .story a:visited, #news .story a:hover, #news .story a:active {

color: #336633;

font-weight: bold;

font-size: 1.3em;

text-decoration: none;

} 

/* ---------------- Contact Form ------------------------*/

#form {

width: 555px;

text-align: left;

margin: 0 0 0 25px;

padding: 0 0 5px 0;

}

#form h4 {

color: #336633;

font-family: Helvetica, verdana, arial, sans-serif;

font-weight: normal;

font-size: 2.2em;

margin: 15px 0 25px 0;

line-height: 1.0em;

letter-spacing: normal;

}

#form p {

font-family: Helvetica, verdana, arial, sans-serif;

color: #000;

font-size: 1.2em;

margin: 15px 0 5px 0;

word-spacing: 0.1em;

line-height: 1.3em;

}

#form .contactform fieldset {

border: none;

}

#form .contactform legend {

display: none;

}

.contactform .fixedwidth {

display: block;

width: 185px;

float: left;

}

.contactform #name {

width: 205px;

}

.contactform #email {

width: 205px;

}

.contactform #phone_no {

width: 205px;

}

.contactform #preferred_store {

width: 205px;

}

.contactform #subject {

width: 205px;

}

.contactform .btn {

font-family: Arial, Helvetica, sans-serif;

font-size: 1.0em;

width: 75px;

margin-right: 105px;

}/* -------- Footer Formatting ---------------------------*/



#copy {

width: auto;

}

#copy p {

font-family: Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 1.0em;

color: #fff;

text-align: left;

padding: 15px 0 0 20px;

}

#copy span {

font-weight: bold;

}

#designby {

width: auto;

text-align: left;

padding: 15px 0 5px 20px;

}

#designby p {

font-family: Arial, Helvetica, sans-serif;

font-size: 0.9em;

color: #fff;

}

#designby a {

text-decoration: underline;

}

#designby a:link {

text-decoration: none;

color: #fff;

}

#designby a:visited {

text-decoration: none;

color: #fff;

}

#designby a:hover, #designby li a:active {

text-decoration: underline;

}

/* ----- Footer Nav style / format ----------*/

#footernav {

margin: 15px 0 5px 20px;

padding: 0;

text-align: left;

}

#footernav ul {

margin: 0 0 0 0;

padding: 0;

}

#footernav li {

list-style: none;

display: inline;

font: normal 1.1em Arial, Helvetica, sans-serif;

color: #fff;

border-right: solid 1px #fff;

margin: 0 5px 0 0;

padding: 0 5px 0 0;

}

#footernav li a:link {

text-decoration: none;

color: #fff;

}

#footernav li a:visited {

text-decoration: none;

color: #fff;

}

#footernav li a:hover, #footernav li a:active {

text-decoration: underline;

}



/***-------------style for form and table -----------*/

td {

  font-size: 1.0em;

}



input {

   font-size: 1.0em;

   padding: 5px;

}