/********************************************
   AUTHOR:          http://www.ambitiouswebdesign.com 
   WEBSITE:     http://www.#.com/
   TEMPLATE NAME:  NAME OF COMAPNY
   DATE:           Mar-28th-2009
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 
 
* { margin: 0; padding: 0px; }

html, body { 
margin: 0;
padding: 0px;
height: 100%; 
font-family:century gothic, Arial, Helvetica, sans-serif;} 

body { background: #FFF url(/images/bg.gif) repeat-x; }

/*
 * These two classes affect form submition messages 
 * i.e. user gives bad data, error message is styled 
 * with the .error class.  Change the colors to match
 * the site's color scheme.
 */
.error { font-weight:bold;color:Red !important; }
.success { font-weight:bold;color:Green !important; }

.line { border: none; border-bottom: 1px solid #000; height: 0px; margin: 0 auto }
.clear { clear: both; }
.rightalign: {text-align: right!important;}
.leftalign: {text-align: left!important;}
.center: {text-align: center!important;}

img {border: 0px;}

.rightimg{ float: right; margin-left: 20px;}
.leftimg{ float: left; margin-right: 20px;}
.nowrap{ white-space:normal;}
/* ----------CART--------------------- */

font, table, tr, td { border: none; background-color: transparent;}
table, td, tr { border: none; color: #484928; font-size:10pt;}
td { line-height: 20px; }
table b { color: #5d8117; }
table a, tr a, td a, font a, .content table a {color: #5d8117; }
table a:hover, tr a:hover, td a:hover, font a:hover, .content table a:hover {color: #5d8117; }
table hr {border: none;  height: 0px;}
font img {  margin-right: 10px; }
.formtable{width: 700px!important; border-collapse:collapse;padding: 0px;}
#cartholder{ width: 710px;  }


/* ----------Centered Container Or the Layout--------------------- */

#container { 
min-height: 100%; 
height: auto !important; 
height: 100%; 
margin: 0 auto -4em; /* make sure this matches in the body footer DIV */
width: 990px;
background: url(/images/mainbg.png) repeat-y top center;
padding: 0px 20px;
margin-top: 5px;
position: relative} 


/* --------------LABELS BUTTONS & FORMS-----------*/
 
label {color: #000;}
 
  
#main .content input[type="text"], #main .content input[type="password"], #main .content select, #main .content textarea, #main .content input[type="checkbox"]{border: 1px solid #b5cc4e;padding: 5px;margin-bottom: 10px;}
#main .content input[type="checkbox"]{margin-bottom: 5px; margin-right: 5px;}

#main .content input[type="submit"], #main .content input[type="button"], .button{ border:1px solid #89ae3e; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;border-radius: 5px; background:#a8c237;padding: 10px;color: #fff!important; text-transform:uppercase; font-weight:bold;
}
#main .content input:hover[type="submit"], #main .content input:hover[type="button"], .button:hover{background:#769835;}


.buttonsm{ border:1px solid #89ae3e; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;border-radius: 5px; background:#a8c237;padding: 5px;color: #fff!important; text-transform:uppercase; font-weight:bold; font-size:12px!important;
}
.buttonsm:hover{background:#769835;}

#main .content ul{padding: 5px 0px 20px 30px; list-style-type:disc; }
#main .content ul li{padding: 0px 0px 10px 0px;font-size: 10pt; color: #000;}


#navshadow {background: url(/images/navshadow.png) repeat-x;height: 16px; width: 990px;top: 203px;position: absolute; margin: 0 auto; z-index:200}
/* --------------HEADER------------- */

#header {height: 154px; background: #FFF url(/images/headerbg.jpg) no-repeat top left}
#header .logo{float: left; padding: 20px 0px 0px 20px;}
#header .cart{background: url(/images/searchbg.gif) no-repeat top left;float: right;text-align:right; padding-top: 10px;*padding-top: 5px; margin-right: 0px;width: 270px; }
#header .cart a{ font-weight:bold; font-size:16px; color: #6b8c2b; text-decoration:none; text-transform:uppercase;padding-right: 27px;}
#header .cart a:hover{color: #b4cb4b;}
#header .cart td input[type="text"]{border: 1px solid #769835;padding: 5px;height: 12px;width: 140px;margin: 0px;}
#header .cart table {margin: 10px 0px 0px 0px; width: 200px!important;height: 12px;}
#header .usa {padding: 10px 30px 0px 0px;}
#header .cart td { vertical-align:top;}

#blog{height: 118px; width: 72px;position: absolute; top: 131px; right: 75px; }
.phonenumbers{height: 40px; width: 120px;position: absolute; top: 110px; right: 160px;font-size:16px; color: #6b8c2b;  font-weight:bold;}

/* --------------TOPNAV------------- */
#topnavleft {background: url(/images/navleft.gif) no-repeat;height: 63px; width: 15px;margin-left: -15px;margin-top: 154px;float: left;}
#topnavright {background: url(/images/navright.gif) no-repeat;height: 63px; width: 15px;margin-right: -15px;margin-top: 154px;float: right;}

#topnav {height: 29px;background:url(/images/navbg.gif) repeat-x left top;padding-top: 20px;
}
#topnav ul{    margin:0;padding:0;   list-style:none; position:relative; z-index:2000}
#topnav li{ display:inline;padding: 0px 28px; font-size:14px;border-right: 1px solid white; text-transform:uppercase;
   margin:0 0 0 5px; float:left; position:relative;}
#topnav li a{color: #fff;text-decoration: none; font-weight: bold; display:block; margin:0; float:left;}
#topnav li a:hover{color: #f4ea73;}
#topnav .last{ border: none!important}

#topnav ul ul {
   display:none; position:absolute;top:16px; left:0; right:auto;  width:10em; background-color:#f4ea73; }
#topnav ul ul li {
   left:auto;  /*resets the left:50% on the parent li */
   margin:0; /* Reset the 1px margin from the top menu */
   clear:left;
   width:100%;
   padding: 5px 5px; display: block; border: 0px;}
#topnav ul ul li a,
#topnav ul li.active li a,
#topnav ul li:hover ul li a,
#topnav ul li.hover ul li a { /* This line is required for IE 6 and below */
   font-size:10px;
   font-weight:normal; /* resets the bold set for the top level menu items */
color: #7e951b;
   line-height:1.4em; /* overwrite line-height value from top menu */
   background:none;
}
#topnav ul ul li a:hover,
#topnav ul li.active ul li a:hover,
#topnav ul li:hover ul li a:hover,
#topnav ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
text-decoration: underline;
}

/* Flip the last submenu so it stays within the page */
#topnav ul ul.last {
   left:auto; /* reset left:0; value */
   right:0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
#topnav ul li:hover ul,
#topnav ul li.hover ul { /* This line is required for IE 6 and below */
   display:block; /* Show the sub menus */
}



/* --------------MAIN CONTENT, LEFT NAVIGATION----------------*/

#main {min-height: 100%; height: auto !important; height: 100%;padding-bottom: 20px;background: url(/images/leftnavbg.jpg) repeat-y;}

#main .content {padding: 0px;margin-left: 215px;min-height: 400px; height: auto;padding:20px 20px 20px 20px;}

#main .content h1 {font-size: 20px;color: #5d8117; text-transform:uppercase; font-weight:bold; border-bottom:1px dashed #5d8117; margin-bottom: 15px;}
#main .content h2 {font-size: 16px;color: #a8c137;  font-weight:bold; margin-bottom: 5px;}
#main .content h3 {font-size: 16px;color: #484928; text-transform:uppercase; font-weight:bold; }
#main .content h4 {font-size: 16px;color: #5d8117;  font-weight:bold; margin-bottom: 5px;}

#main .content p {font-size: 10pt; margin-bottom: 15px;color:#484928}
#main .content a {color: #6b8c2b;}
#main .content .testimonialSubscript {color: #5d8117;font-weight:bold;}


#main .navleft {float:left; width: 215px;margin: 0px 0px 0px 0px;padding: 20px 0px 20px 0px; }
#main .navleft ul{margin: 5px 0px 0px 15px;padding: 0;list-style-type: none;width: 180px;z-index: 200; }
#main .navleft ul li{position:relative;display: block;padding: 10px 0px 0px 0px;color: #6b8c2b;}	
#main .navleft ul li a{overflow: auto; color: #6b8c2b;text-decoration: none; font-weight:bold; font-size:13px; text-transform:uppercase;}
#main .navleft ul li a:hover{color: #a7c436}
#main .navleft ul li ul{position: relative;visibility: visible; margin: 0px 0px 5px 0px; }
#main .navleft ul li ul li{padding: 1px 0px;line-height:12px; }
#main .navleft ul li ul li a{color: #6b8c2b; text-transform: lowercase; font-size:11px;line-height:12px;}
#main .navleft ul li ul li a:hover{color: #a7c436;text-decoration: underline;}
#main .navleft ul li ul li:hover{}
#main .navleft .subfolderstyle{}

#main .navleft img{padding-left: 18px;}


#main .navleft .socialicons img{padding-left: 0px; padding-right: 10px;}
#main .navleft .socialicons {padding: 15px 0px 15px 18px}


/* --------------FOOTER------------- */


#footer, .push { 
clear: both;
width: 1020px;
height: 4em;
bottom: 0;
left: 0;
margin: 0 auto; 
position: relative;
} 

#footer {background: #a8c136 url(/images/footerbg.gif) repeat-x;height: 100px;height: auto;}
#footertop {clear: both;
width: 990px;
height: 13px;
bottom: 0;
left: 0;
margin: 0 auto; 
position: relative;
}

#footerleft {background: url(/images/footerleft.png) no-repeat;height: 13px; width: 15px;margin-left: 0px;margin-top: -13px;float: left;}
#footerright {background: url(/images/footerright.png) no-repeat;height: 13px; width: 15px;margin-right:0px;margin-top: -13px;float: right;}

#footer .content { width: 990px; margin: 0 auto; position: relative; padding: 30px 20px 20px 20px;}

#footer .blockone{float: left;margin-right: 20px; width: 95px; text-align:center; }
#footer .blockone img{margin:0px 10px 10px 0px; }

#footer .blocktwo{float: left;margin-right: 20px; width: 150px; }
#footer .blockthree{float: left;margin-right: 20px;  width: 180px;}
#footer .blockfour{float: left; margin-right: 20px; width: 450px;}

#footer .blockone h1, #footer .blocktwo h1, #footer .blockthree h1, #footer .blockfour h1{ margin-bottom: 10px;color: #fff; font-weight:bold; font-size:14px; text-transform:uppercase;  }


#footer .blocktwo ul, #footer .blockthree ul { margin: 0px; padding: 0px;}
#footer .blocktwo li, #footer .blockthree li { display: block; list-style-type: none;}
#footer .blocktwo li a, #footer .blockthree li a {color: #fff;text-decoration: none;padding: 0px 10px 0px 0px; font-size:10px;}
#footer .blocktwo li a:hover, #footer .blockthree li a:hover { text-decoration:underline;}

#footer .blockfour table { margin: 0px; border-collapse:collapse;}
#footer .blockfour td { padding: 3px; vertical-align:middle;}

/* --------------SEO------------- */


#footer .seo { width: 990px; float: left;color: #c8dc6e;font-size:9px; }
#footer .seo a{color: #c8dc6e;font-size:8px; text-decoration:none; }
#footer .seo .left { width: 330px; float: left; margin-left: 120px;}
#footer .seo .right{ width: 450px; float: right;margin-right: 20px; }
#footer .seo .right a { border-right: 1px solid #c8dc6e; padding: 0px 3px; }

a.seodark:link {color: #000 !important; text-decoration: none!important;}
a.seodark:active {color: #000!important; text-decoration: none!important;}
a.seodark:visited {color: #000!important; text-decoration: none!important;}
a.seodark:hover {color: #000!important; text-decoration: none!important;}


a.seolight:link {color: #fff!important; text-decoration: none!important;}
a.seolight:active {color: #fff!important; text-decoration: none!important;}
a.seolight:visited {color: #fff!important; text-decoration: none!important;}
a.seolight:hover {color: #fff!important; text-decoration: none!important;}


/* --------------INDEX------------- */
.indexleft{width: 464px; float: left;}
.indexleft img{margin-bottom: 15px;}
.indexright{width: 274px; float: right;margin-right: -33px;}
.indexright img{margin-bottom: 5px;}

#featuredproducts{
    height: 310px; width: 458px;
    border:3px solid #89ae3e;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    margin-top: 48px;
}

#featuredproducts .heading{width: 380px; height:108px;margin: 0 auto; margin-top:-50px;margin-bottom: 10px;}


#featuredproducts .left{width: 285px;}
#featuredproducts .right{width: 138px;}

#featuredproducts .featured{margin: 0 auto; width: 450px;}
#featuredproducts .featured td{ vertical-align:top;padding: 5px;}


#featuredproducts .featured p{color: #6b8c2b; font-size:10px; line-height:15px;}
#featuredproducts .featured a{color: #6b8c2b; font-size:12px; font-weight:bold; padding-top: 10px;}

#featuredproducts .featured img{border: 2px solid #6b8c2b; margin-right: 5px;margin-bottom: 5px}
#featuredproducts .featured .left img{float: left;margin-bottom: 15px;}



.general { border-collapse:collapse; margin: 0px; padding: 0px; width: 100%; margin-bottom: 20px;}
.general td { padding: 8px 5px; border-bottom: 1px solid #b3ca49;}
.general th{ background-color:#769835; font-size:12px; font-weight:bold; color: #fff;padding: 5px; text-align:left;}
.general .heading{  padding: 8px; text-align:left;}

.general .heading span{  background-color:#f4ea73;color:#769835; font-size:14px; font-weight:bold;padding: 10px; text-align:left;}
.general .spacer{  border: none!important;}