/*
Author: Mario S. Cisneros, P: 469 484 6839
Author URI: http://www.triadbusinessmarketing.com/
CSS: Navigation
Client/Project: BACCTO
Version: 0.1 - 1/12/10
----------------------------------------------------------------------------------*/

/* TOP NAVIGATION BAR
----------------------------------------------------------------------------------*/
#topnavbar
{color: #464602;
 height: 25px;
 left: 72%;
 position: absolute;
 top: 5px;
 width: 270px;}

#topnavbar ul
{margin: 4px 0 0 0;
 padding: 0;
 list-style: none;}

#topnavbar ul li
{display: inline;
 margin: 0;
 padding: 0;}		 
 
#topnavbar ul li a:link, #topnavbar ul li a:visited
{font: normal 0.9em "trebuchet ms", verdana, serif; 	
 color: #464602;
 text-decoration: none;
 text-transform: uppercase;
 padding: 0 10px;}
  
#topnavbar ul li a:hover
{color: #EE1B2E; 
 text-decoration: none;}
 

/* GLOBAL NAVIGATION BAR
----------------------------------------------------------------------------------*/
#menu
{background-color: #7F7F03;
 border-top: 1px solid #FFF;
 height: 45px;
 left: 0;
 position: relative;
 top: 134px;
 width: 960px;}

#menu ul
{float: left;
 margin: 10px 0 10px 10px;
 padding: 0;
 list-style: none;	
 text-align: center;}

#menu ul li
{display: inline;}

#menu ul li a:link, 
#menu ul li a:active, 
#menu ul li a:visited
{border-right: 1px solid #E9E5BF ;
 color: #E9E5BF; 
 font: bold 0.74em trebuchet, verdana, arial, sans-serif !important;
 padding: 14px 15px;
 position: relative;
 text-decoration: none;
 text-align: center;
 text-transform: uppercase;}

#menu ul li a:hover
{background-color: #464602;
 color: #FFF;
 text-decoration: none;}

#menu #pipe
{border-left: 1px solid #FFF;}


/* GLOBAL NAV: ACTIVE LINK
----------------------------------------------------------------------------------*/
body#home #menuHome a,
body#about #menuAbout a,
body#retail #menuRetail a,
body#grower #menuGrower a,
body#elitehp #menuElite a,
body#basics #menuBasics a,
body#contactUs #menuContactUs a
{background-color: #464602;
 color: #EEE !important;
 font-weight: bold;}


/* UTILITIES: BREADCRUMBS and PAGETOOLS
----------------------------------------------------------------------------------*/
#utilities
{border-bottom: 1px solid #DDD;
 font: normal 0.9em trebuchet, arial, verdana, sans-serif;
 height: 15px;
 margin: 0 auto;
 padding: 15px 0;
 width: 960px;}

/* --- Controls Breadcrumbs --- */
#utilities #breadcrumb
{float: left;
 position: relative;}

#utilities #breadcrumb ul
{list-style: none;
 margin: 0 0 0 15px;
 padding: 0;
 text-align: left;}

#utilities #breadcrumb ul li
{display: inline;}

#utilities #breadcrumb a:link, #breadcrumb a:visited
{color: #005A97;
 padding: 0 4px;
 text-decoration: underline;}

#utilities #breadcrumb a:hover
{color: #EE1B2E;
 text-decoration: none;}
 
/* --- Controls Pagetools --- */
#utilities #pagetools
{float: right;
  position: relative;}

#utilities #pagetools ul
{list-style: none;
  margin: 0;
  padding: 0;}

#utilities #pagetools li
{display: inline;
  padding-right: 15px;}

#utilities #pagetools li a
{color: #005A97;
  padding-left: 20px;}

#utilities #pagetools li a:hover
{color: #EE1B2E;
  padding-left: 20px;}

#utilities #pagetools #printthis
{background: url("/img/icons/print-friendly.gif") no-repeat 0% 50%;}

#utilities #pagetools #emailthis
{background: url("/img/icons/envelope.gif") no-repeat 0% 50%;} 


/* SIDE NAVIGATION BAR:
----------------------------------------------------------------------------------*/
#sidebar #sidenav
{margin-bottom: 20px;
 width: 265px;}

#sidebar #sidenav ul
{list-style: none;
 margin: 0;
 padding: 0;}

#sidebar #sidenav ul li
{background: #D8CA81 url(/img/bullets/pipe.gif) no-repeat 2% 50%;
 border-bottom: 1px solid #FFF;
 list-style: none;}

#sidebar #sidenav ul li a:link, 
#sidebar #sidenav ul li a:active, 
#sidebar #sidenav ul li a:visited
{display: block;
 color: #464602;
 font: normal 1em arial, verdana, sans-serif; 
 text-align: left;
 text-transform: capitalize;
 padding: 7px 0 7px 15px;
 text-decoration: none;}

#sidebar #sidenav ul li a:hover
{color: #EE1B2E;
 text-decoration: none;
 background: #FFF url(/img/bullets/red-arrow.gif) no-repeat 98% 50%;}

#sidebar #sidebar #sidenav .uberlink
{color: #FF6600 !important;
 font-weight: bold;
 background: #FFF url(/img/bullets/orange-arrow.gif) no-repeat 2% 50%;}

.active
{border-top: solid 1px #DAD6CD;}


/* SAME NAVIGATION CODE ON THE PRODUCTS SECTION FOR THE SIDENAV
----------------------------------------------------------------------------------*/
html#baccto .baccto a,
html#community .community a,
html#dealer .dealer a,
html#distributor .distributor a,
html#access .access a,
html#overview .overview a,
html#mix .mix a,
html#potting .potting a,
html#peat .peat a,
html#top .top a,
html#lite .lite a,
html#hort .hort a,
html#garden .garden a,
html#sphag .sphag a,
html#whollycow .whollycow a,
html#containermix .containermix a,
html#rose .rose a,
html#veggie .veggie a,
html#professional .professional a,
html#planting .planting a,
html#density .density a,
html#porosity .porosity a,
html#bark .bark1 a,
html#bark2 .bark2 a,
html#seedling .seedling a,
html#fortified .fortified a,
html#potting .potting a,
html#development .development a,
html#trees .trees a,
html#vegetables .vegetables a,
html#expert .expert a,
html#faq .faq a

{background: #FFF url(/img/bullets/red-arrow.gif) no-repeat 98% 50%;
 color: #EE1B2E !important;
 font-weight: normal;}
 
 
/* GLOBAL NAVIGATION BAR: DEALER OPPORTUNITIES SUBMENU
------------------------------------------------------------------------------------*/
#sidebar #sidenav ul li ul li
{background-image: none;
 background-color: #FFF;
 border-bottom: none;}

#sidebar #sidenav ul li ul li a:link,  
#sidebar #sidenav ul li ul li a:active, 
#sidebar #sidenav ul li ul li a:visited
{color: #005CA1;
 font-size: 0.9em;
 margin: 0;
 padding: 2px 0 2px 30px;
 text-align: left;}
 
#sidebar #sidenav ul li ul li a:hover
{background-color: #FFF;
 color: #EE1B2E;}
 
#sidebar #sidenav ul li a.portfolio
{background-color: #006B98;
 color: #FFF !important;}
 
#sidebar #sidenav ul#first
{background-color: #006B98;
 color: #FFF !important;}
 
html#overview .overview a,
html#tc .tc a,
html#collateral .collateral a
{background-color: #FFF;
 color: #EE1B2E !important;
 font-weight: bold;}
 

/* INLINE HYPERLINKS 
----------------------------------------------------------------------------------*/
a:link, 
a:active, 
a:visited
{color: #005CA1;
 font-size: 1em;
 font-weight: normal;
 text-decoration: underline;
 text-transform: none;}

a:hover
{color: #FF6600; 
 font-weight: normal;}

.read a:link, 
.read a:active, 
.read a:visited
{color: #005CA1;
 font-size: 0.8em;
 font-weight: bold;
 padding-left: 5px;
 text-align: left;
 text-decoration: none;}

.read a:hover
{color: #FF6600;
 text-decoration: none;}
 

/* FOOTER: HOMEPAGE 
---------------------------------------------------------------------------------------------------------------------------------*/
#homeFooter
{background: #E9E5BF url(/img/home/content.jpg) no-repeat center top;
 background-color: #E9E5BF;
 color: #333;
 font-size: 0.8em;
 height: 260px; 
 margin: 45px auto 0; 
 padding: 0;
 width: 960px;}
 
#homeFooter #getInTouch h1,
#homeFooter #relatedContent h1,
#homeFooter #newsletter h1
{border-bottom: 1px solid #7F7F03;
 color: #7F7F03;
 font: normal 1.5em georgia, garamond, times, "times new roman", serif;
 margin: 0 0 10px 0;
 padding: 0 0 2px 0;}
 
#homeFooter p
{font-size: 1em;
 margin: 0; 
 padding: 0;}

#homeFooter #getInTouch
{float: left;
 margin: 85px 0 0 20px;
 padding: 0;
 position: relative;
 text-align: left;
 width: 360px;}
 
#homeFooter #relatedContent
{float: left;
 margin: 85px 0 0 60px;
 padding: 0;
 position: relative;
 text-align: left;
 width: 180px;}
 
#homeFooter #newsletter
{float: left;
 margin: 85px 0 0 60px;
 padding: 0;
 position: relative;
 text-align: left;
 width: 260px;}
 
#homeFooter a
{color: #0977A6;
 text-decoration: none;}
 
#homeFooter a:hover
{color: #F60;
 text-decoration: underline;}

#homeFooter ul
{line-height: 1.6;
 margin: 0;
 padding: 0;}

#homeFooter li
{list-style-type: none;
 margin: 0;
 padding: 0;}
 
#homeFooter #relatedContent li
{list-style-type: disc;
 margin: 0 0 0 15px;
 padding: 0;}


/* FOOTER: CORE PAGES
----------------------------------------------------------------------------------*/
#footer
{background: #E9E5BF url(/img/home/content.jpg) no-repeat center top;
 font-size: 0.8em;
 height: 150px; 
 margin: 35px auto 0; 
 padding: 0;
 width: 960px;}

#footer ul
{color: #7F7F03;
 list-style: none;
 margin: 0;
 padding: 0;
 position: relative;
 top: 95px;}

#footer ul li
{display: inline;}

#footer ul li a
{color: #7F7F03;
 padding: 0 10px;
 text-decoration: none;}

#footer a:hover
{border-bottom: none;
 color: #EE1B2E;
 padding: 0 10px;
 text-decoration: underline;}