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

html, body { 
margin: 0;
padding: 0px;
height: 100%; 
background: #fff url('/images/bg.jpg') repeat-x;
font-family: 'Trebuchet MS' ,arial, sans-serif;
} 

/*
 * 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; }
.success { font-weight:bold;color:Green; }


.line { border: none; border-bottom: 1px solid #4e5b28; height: 0px; margin: 0 auto }
.clear { clear: both; }
.center{text-align: center;}

.pdf {background: url(/odorcide/images/adobereader3.png) no-repeat top left; padding: 3px 0px 6px 30px;margin: 0px 20px 0px 0px;}
.graphics{ text-align:center; vertical-align:middle;}

.graphics img{margin-right: 60px; }

/* ----------CART--------------------- */

font, table, tr, td { border: none; background-color: transparent;}
table, td, tr { border: none; font: 9pt 'Trebuchet MS' ,arial, sans-serif; color: #453c2c; }
td { line-height: 20px; }
table b { color: #004d17; }
table a, tr a, td a, font a, .content table a {color: #004d17; font: 9pt 'Trebuchet MS' ,arial, sans-serif; }
table a:hover, tr a:hover, td a:hover, font a:hover, .content table a:hover {color: #004d17;}
table hr {border: none; border-bottom: 1px solid #453c2c; height: 0px;}
font img { margin-right: 10px; }


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

#container { 
min-height: 100%; 
height: auto !important; 
height: 100%; 
margin: 0 auto; /* make sure this matches in the body footer DIV */
width: 960px;
background: url('/images/mainbg.jpg') no-repeat top center;
padding-top: 15px;

} 





/* --------------LABELS BUTTONS & FORMS-----------*/
 
#main .content input[type="submit"], #main .content input[type="button"], #main .content .button{border: 2px solid silver;text-decoration: none!important;background: #004d17;padding:7px 10px 8px 7px;*padding:5px;color: #fff!important;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#main .content input:hover[type="submit"], #main .content input:hover[type="button"], #main .content .button:hover{background:#01651f;}


input, input[type="text"], input[type="password"], select, textarea{border: 1px solid #72644a;padding: 5px; font: 9pt 'Trebuchet MS' ,arial, sans-serif;color: #453c2c; margin-top: 3px;}
input[type="checkbox"]{margin-bottom: 5px; margin-right: 5px;border: 0px;}
input[type="image"], #main .content input[type="radio"]{border: 0px!important;}
.required {border: 1px solid #72644a;padding: 5px; font: 9pt 'Trebuchet MS' ,arial, sans-serif;color: #453c2c; margin-top: 3px;}


/* --------------HEADER------------- */

#header {background: #fff;height:380px;margin: 0 auto;width: 960px;}
#header img{margin: 15px 0px 0px 15px;border: 1px #d0ccc5 solid;}
#headerbottom{background: url('/images/pictureshadow.png') no-repeat bottom center;height:20px;margin: 0 auto;width: 960px;}

#headertop {height:30px;margin: 0 auto;width: 960px;text-align: right;}

#headertop ul { margin: 0px; padding: 0px;}
#headertop li {display: inline;list-style-type: none;}
#headertop li a {text-decoration: none;padding: 0px 20px 0px 0px;font: 9pt 'Trebuchet MS' ,arial, sans-serif;color: #004d17;}
#headertop li a:hover { text-decoration: underline; }



#headercart {background: #fff url('/images/pictureshadowcart.png') no-repeat bottom center;height:160px;margin: 0 auto;padding: 20px;border-top: 1px solid #bdb5a8;border-left: 1px solid #bdb5a8;
border-right: 1px solid #bdb5a8;}


/* --------------LOGO IN HEADER *always use this*------------- */

.logolink, #swap { width: 137px; height: 121px;}
.logolink { background-image: url('/images/logo.gif'); background-repeat: no-repeat;}
.logolink a { float: left;  }
 
#swap { background-image: url(/images/logo.gif); }
 
.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */




/* --------------MAIN CONTENT----------------*/

#main {margin: 0 auto;width: 960px;min-height: 100%; height: auto !important; height: 100%; }
#maincart {border-bottom: 1px solid #bdb5a8;border-left: 1px solid #bdb5a8;border-right: 1px solid #bdb5a8;margin: 0 auto;min-height: 100%; height: auto !important; height: 100%; background: white;padding: 20px;}

#main .content {padding: 0px;margin:0px;height: auto;}
#maincart .contentcart {padding: 0px;margin:0px;height: auto;background: white;font: 9pt 'Trebuchet MS' ,arial, sans-serif;color: #453c2c;min-height: 550px;}

#main h1 {margin-bottom: 15px;height: 30px;padding: 8px 0px 0px 5px;border:1px #81735f solid;Background : url('/images/h1bg.gif') repeat-x;color: #fff;font: 14pt 'Trebuchet MS' ,arial, sans-serif;}

#main h2 {color: #004d17;font: 14pt 'Trebuchet MS' ,arial, sans-serif;}
#main h3 {color: #004d17;font: 12pt 'Trebuchet MS' ,arial, sans-serif;margin: 10px 0px 25px 0px;}
#main h4 {color: #004d17;font: 12pt 'Trebuchet MS' ,arial, sans-serif;margin: 0px 0px 5px 0px;}
#main h5 {color: #453c2c;font: bold 10pt 'Trebuchet MS' ,arial, sans-serif;margin: 0px 0px 5px 0px;}


#main p { font: 9pt 'Trebuchet MS' ,arial, sans-serif;color: #453c2c;margin-bottom: 15px;}
#main .note { font: 8pt 'Trebuchet MS' ,arial, sans-serif;color: #453c2c;margin-bottom: 15px; font-style:italic!important}

#main .content .left{width: 300px; float: left;}
#main .content .right{width: 630px; float: right;}


#main .content .pagecontent{width: 730px; float: right;}
#main .content a{ color: #004d17; }
#main .content .pagecontent .leftsm{width: 250px; float: left;}
#main .content .pagecontent .right{width: 450px; float: right;}
#main .content .pagecontent .left{width: 450px; float: left;}
#main .content .pagecontent .rightsm{width: 250px; float: right;}


#main .content .pagecontent ul { padding: 0px;margin: 10px 0px 0px 10px;}
#main .content .pagecontent li {background: url(/images/arrow.gif) no-repeat top left;list-style-type: none;padding: 0px 0px 10px 10px;font: bold 9pt 'Trebuchet MS' ,arial, sans-serif;color: #004d17;}
#main .content .pagecontent li a {text-decoration: underline;font: bold 9pt 'Trebuchet MS' ,arial, sans-serif;color: #004d17;}
#main .content .pagecontent li a:hover { color: #004d17; }

#main .content .pagecontent .column ul { padding: 0px;margin: 0px 0px 0px 0px;}
#main .content .pagecontent .column li {background: none!important;list-style-type: none;padding: 0px 0px 10px 0px;font: 9pt 'Trebuchet MS' ,arial, sans-serif;color: #004d17;}
#main .content .pagecontent .column li a {text-decoration: none;font: 9pt 'Trebuchet MS' ,arial, sans-serif;color: #004d17;}
#main .content .pagecontent .column li a:hover { color: #004d17; }


/* --------------LEFT NAV----------------*/

#main .content .leftnav{width: 200px; float: left;}
#main .content .leftnav ul { margin: 10px 0px 20px 20px; padding: 0px;}
#main .content .leftnav li {list-style-type: none;padding: 0px 0px 10px 0px;}
#main .content .leftnav li a {text-decoration: none;font: 14pt 'Trebuchet MS' ,arial, sans-serif;color: #766648;}
#main .content .leftnav li a:hover { color: #004d17; }
#main .content .leftnav p{font: bold 9pt 'Trebuchet MS' ,arial, sans-serif;color: #004d17;padding: 20px 0px 0px 0px;}
#main .content .leftnav p a{color: #004d17;}
#main .content .leftnav img{margin-left: 10px;}


.underline{ text-decoration:underline;}
.green {color: #004d17!important; font-weight:bold!important;}
.brown{ color: #453c2c!important;}

/* --------------LOGO BAR----------------*/
#logobar{ border-collapse:collapse;width: 960px;margin-bottom: 20px;}
#logobar td{ vertical-align:bottom; text-align: center; padding: 0px 5px 0px 5px;font: bold 8pt 'Trebuchet MS' ,arial, sans-serif!important;color: #766648;}
#logobar a{color: #766648; text-decoration:none;}


/* --------------tables----------------*/
.general{padding: 0px; border-collapse:collapse; width: 100%;}
.general td{padding: 5px; vertical-align:top;font: 9pt 'Trebuchet MS' ,arial, sans-serif;color: #453c2c;}


.productholder{padding: 0px; border-collapse:collapse; width: 100%;}
.productholder td{padding: 5px; vertical-align:top;font: 9pt 'Trebuchet MS' ,arial, sans-serif;color: #453c2c;text-align: center;}
.productholder a{font-size: 10pt;}


.productholderbottom{padding: 0px; border-collapse:collapse; width: 100%;}
.productholderbottom td{padding: 5px; vertical-align:bottom;font: 9pt 'Trebuchet MS' ,arial, sans-serif;color: #453c2c;text-align: center;}
.productholderbottom a{font-size: 10pt;}


.holder{padding: 0px; border-collapse:collapse; width: 100%;}
.holder td{padding: 5px 20px 5px 5px; vertical-align:top;font: 9pt 'Trebuchet MS' ,arial, sans-serif;color: #453c2c;width: 50%;}


.rightimg{float: right; margin-right: 10px;}

.productlist{width: 370px; float: right; background-color: #bfb7ac; padding: 10px; font-size: 9pt;color: #453c2c;border:1px #81735f solid;margin-left: 20px;}
.productlist a{color: #453c2c!important; font-weight:bold;}

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

#footer, .push { 
clear: both;
width: 100%;
height: 4em; /* make sure this matches in the body container DIV */
bottom: 0;
left: 0;
margin: 0 auto; 
position: relative;
} 

#footer {background:#bab2a4 url('/images/footerbg.gif') repeat-x;min-height: 300px;height: auto;font: 10pt 'Trebuchet MS' ,arial, sans-serif;color: #fff;margin-top: 20px;
}

#footer .content { width: 960px; margin: 0 auto; position: relative; padding-top: 20px;}
#footer .content p{margin-bottom: 15px;}

#footer .contact{width: 400px;float: right;font: 10pt 'Trebuchet MS' ,arial, sans-serif;color: #fff; text-align:right;}
#footer .leftlinks{width: 400px;float: left;}
#footer .leftinfo{width: 400px;float: left;margin-top: 50px;color: #e2dfd9;}



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

#footer .links ul { margin: 0px; padding: 0px;}
#footer .links li {display: inline;list-style-type: none;}
#footer .links li a {text-decoration: none;padding: 0px 20px 0px 0px;font: 10pt 'Trebuchet MS' ,arial, sans-serif;color: #fff;}
#footer .links li a:hover { text-decoration: underline; }


/* --------ASC LINKS--------- */

#footer .asc ul { margin: 0px; padding: 0px;}
#footer .asc li { display: block; list-style-type: none;}

#footer .asc li a {
color: #e2dfd9;
text-decoration: none;
padding: 5px 0px 0px 0px;
font: 8pt 'Trebuchet MS' ,arial, sans-serif;
}

/* --------W3 LINKS--------- */

#footer .w3 ul { margin: 0px; padding: 10px;}
#footer .w3 li { display: inline; list-style-type: none;}
#footer .w3 li a { color: #000; text-decoration: none; border-right: 1px solid; padding: 0px 10px 0px 10px; font: 10pt Arial, 'Trebuchet MS', Sans-Serif;}
#footer .w3 li a:hover { text-decoration: underline;}




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


#footer .seo {
height: auto;
text-align: left;
min-height: 100px;
width: 750px;
font: 8pt 'century gothic', Sans-Serif;
}
 

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

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


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