/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/osl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @copyright  Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
 * @license    http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
 */


#nav { font-size:13px; height: 35px; width: 948px; padding-left: 1px;}

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav li { position:relative; text-align:left; }
#nav li.over { z-index:999; }
#nav a,
#nav a:hover { display:block; line-height:1.3em; text-decoration:none; }
#nav span { display:block; cursor:pointer; white-space:nowrap; }
#nav li ul span {white-space:normal; }

/************ 0 LEVEL  ***************/
#nav li { float:left; }
/* Winter #nav li.active a { color:#FFFFFF; font-weight:bold; background: #91907B; } */
/* Beach */ #nav li.active a { color:#FFFFFF; font-weight:bold;/* border-bottom:1px solid #FFFFFF;*/ background: #AC5858; }
#nav a { float:left; padding:7px 13px 8px 8px; color:#FFFFFF; font-weight:bold; border-right:1px solid #EFEFEF;}
/*#nav li.over a,
#nav a:hover { color:#666666; background: #CBD8C5; font-weight:bold;} */
/* Beach */#nav li.over a,
#nav a:hover { color:#333333; background: white; font-weight:bold; text-decoration:none;} 

/************ 1ST LEVEL ************/
#nav ul li,
#nav ul li.active { float:none; margin:0; padding-bottom:1px; background:#696E4E; }
/*#nav ul li.over { background:#d5e4eb url(../images/nav_divider.gif) repeat-x 0 100%; }*/
#nav ul li.last { background:#ecf3f6; padding-bottom:0; }

#nav ul a,
#nav ul a:hover { float:none; padding:0; background:none; }
#nav ul li a { font-weight:normal !important; }

/************ 2ND LEVEL ************/
#nav ul { position:absolute; width:15em; top:25px; left:-10000px; border:1px solid #899ba5; }

/* Show menu */
#nav li.over > ul { left:0; }
#nav li.over > ul li.over > ul { left:100px; }
#nav li.over ul ul { left:-10000px; }

#nav ul li a { background:#ecf3f6; }
#nav ul li a:hover { background:#d5e4eb; }
#nav ul li a,
#nav ul li a:hover { color:#2f2f2f !important; }
#nav ul span, #nav ul li.last li span { padding:3px 15px 4px 15px;}

/************ 3RD+ LEVEL ************/
#nav ul ul { top:5px; }




/**********************************************Vertical Nav ****************************************/
#nav_vert { padding:0 20px; font-size:1em; z-index:999; width:190px; }

/************** ALL LEVELS *************/ /* Style consistent throughout all nav levels */
#nav_vert li {
width:175px;
list-style:none;
position:relative;
text-align:left;
}
#nav_vert li.over { z-index:999; }
#nav_vert li.active { z-index:999; } /* to prevent the li separator from showing through on mouseover on li */
#nav_vert a { line-height:1.3em; }
#nav_vert a, #nav_vert a:hover { display:block; text-decoration:none; }
#nav_vert span { display:block; cursor:pointer; }

/************ 1ST LEVEL ***************/
#nav_vert li { float:left; background:url(../images/nav_bg.gif) repeat-x 50%; height:30px; margin-right:1px; }
#nav_vert li.active a { color:#4c6a16; }
#nav_vert a {

float:left;
padding:5px 12px 6px 8px;
color:#4c6a16;
font-weight:bold;
font-family:Trebuchet MS;
font-size:13px;}
#nav_vert li.over a, #nav_vert a:hover { color:#CCCCCC; }

/************ 1ST LEVEL RESET ************/
#nav_vert ul li, #nav_vert ul li.active {

float:none;
height:auto;
background:none;
margin:0;
}
#nav_vert ul a, #nav_vert ul a:hover {
float:none;
padding:0;
background:none;
}
#nav_vert ul li a { font-weight:normal !important; }

/************ 2ND LEVEL ***********/
#nav_vert ul {
position: absolute;
width:15em;
margin-left:125px;
top:5px;
left:-10000px;
border:1px solid #666666;
}

/* Show menu */
#nav_vert li.over ul { left:0; }
#nav_vert li.over ul ul { left:-10000px; }
#nav_vert li.over ul li.over ul { left:100px; }

#nav_vert ul li a { background:#FFFFFF/*#ecf3f6*/; }
#nav_vert ul li a:hover { background: #F2F1D2; /*#d5e4eb;*/ }
#nav_vert ul li a span { background:url(../images/nav_divider.gif) repeat-x 0 100%; }
#nav_vert ul li a, #nav_vert ul li a:hover { color:#2f2f2f !important; }
#nav_vert ul span, #nav_vert ul li.last li span { padding:3px 15px 4px 15px;}
#nav_vert ul li.last span { background:none; }

/************ 3RD+ LEVEL ************/

#nav_vert ul ul { top:5px;}
#nav_vert ul ul ul { left:-10000px;}
#nav_vert li.over ul li.over ul ul { left:-10000px;}
#nav_vert li.over ul li.over ul li.over ul { left:100px; }

/* Fix for the IE bug */

#nav_vert iframe {
position: absolute;
left: -1px;
top: 0;
z-index: -1;
filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
} 


ul#nav_vert ul.level0 {
    list-style-type:circle;
}
ul#nav_vert ul.level1 {
    list-style-type:square;
}

ul#nav_vert li a:link,
ul#nav_vert li a:visited,
ul#nav_vert li ul li a:link,
ul#nav_vert li ul li a:visited,
ul#nav_vert li ul li ul li a:link,
ul#nav_vert li ul li ul li a:visited {
    font-size:11px;
    font-weight:bold;
    color:#ffffff;
    letter-spacing:0.1em;
    text-align:left;
    text-decoration:none;
}

ul#nav_vert li a:link,
ul#nav_vert li a:visited {
    line-height:20px;
    text-transform:uppercase;
}

ul#nav_vert li ul li a:link,
ul#nav_vert li ul li a:visited,
ul#nav_vert li ul li ul li a:link,
ul#nav_vert li ul li ul li a:visited {
    line-height:16px;
    text-transform:none;
}

ul#nav_vert li a:hover,
ul#nav_vert li.active a,
ul#nav_vert li ul li a:hover,
ul#nav_vert li ul li.active a,
ul#nav_vert li ul li ul li a:hover,
ul#nav_vert li ul li ul li.active a {
    color:#ffffff;
	    font-weight:bold;
    }

ul#nav_vert li ul {
    margin:0 0 0 20px;
}

ul#nav_vert li ul li a:hover,
ul#nav_vert li ul li ul li a:hover {
    text-decoration:underline;
} 

/* Mega Menu Start */

.megamenu-b {
float: left;
	padding-right:10px;
	font-weight: bold;
} 


.megamenu-top {
float: left;
	padding-top:10px;
	padding-left:55px;
} 


.megamenu-top a{
    color:#6279AB; 
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	padding:15px 5px 5px 5px;
} 

.megamenu-top a:hover{
    color:#FF0000; 
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	padding:15px 5px 5px 5px;
} 

.megamenu-stores {
float: left;
	padding-top:10px;
	padding-left:190px;
} 


.megamenu-stores a{
    color:#FFFFFF; 

	font-size:14px;
	padding-right: 10px;
	text-decoration:none;
} 

.megamenu{
position: absolute;
display: none;
left: 0;
top: 0;
background: white;
border: 1px solid #6279AB;
border-width:0px 2px 5px 2px;
padding: 10px;
font: normal 12px Verdana;
z-index: 100;
margin-top: 0px;

}


.megamenu .column{
float: left;
min-width: 180px; /*width of each menu column*/
margin-right: 5px;
text-align: left;
}

.megamenu .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.megamenu .column ul li{
padding: 0px 0px 5px 0px;
}

.megamenu .column h3{
background: #6279AB;
font: bold 13px Arial;
margin: 0 0 5px 0;
padding: 2px 5px 3px 5px;
color: #ffffff;
}

.megamenu .column ul li a{
text-decoration: none;
color:#6279AB;
font-weight: bold;
padding-left: 8px;
}

.megamenu .column ul li a:hover{
text-decoration: underline;
color:#6279AB;
padding-left: 10px;
font-weight: bold;
}

.mm-column{
float: left;
min-width: 150px; /*width of each menu column*/
margin-right: 0px;
text-align: left;
padding-right: 10px;
}


.megamenu-GH{
position: absolute;
display: none;
left: 0;
top: 0;
background: #ffffff;
border: 1px solid #974D41;
border-width:0px 2px 5px 2px;
border-bottom: 2px solid #974D41;
padding: 10px;
font: normal 12px Verdana;
z-index: 100;
}


.mm-column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.mm-column ul li{
padding: 0px 0px 5px 0px;
font: bold 12px Arial;
text-align: left;
}

.mm-column h3{
font: bold 13px Arial;
margin: 0 0 5px 0;
padding: 2px 5px 0px 0px;
color:#233477;
text-align: left;
}

.mm-column ul li a{
text-decoration: none;
color:#082B47;
font-weight: normal;
padding-left: 5px;
}

.mm-column ul li a:hover{
text-decoration: underline;
color:#233477;
padding-left: 5px;
}


.mm-column-top{
float: left;
min-width: 150px; /*width of each menu column*/
margin-right: 0px;
text-align: left;
padding-right: 10px;
}

.mm-column-top ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.mm-column-top ul li{
padding: 0px 0px 5px 0px;
font: bold 14px Arial;
text-align: left;
}

.mm-column-top h3{
font: bold 16px Arial;
margin: 0 0 5px 0;
padding: 2px 5px 0px 0px;
color:#974D41;
text-align: left;
}

.mm-column-top ul li a{
text-decoration: underline;
color:#233477;
font-weight: bold;
padding-left: 5px;
}

.mm-column-top ul li a:hover{
text-decoration: none;
color:#233477;
padding-left: 5px;
}


.stores-megamenu{
position: absolute;
display: none;
left: 0;
top: 0;
background: white;
border: 1px solid #6279AB;
border-width:0px 2px 5px 2px;
padding: 10px;
font: normal 12px Verdana;
z-index: 100;
margin-top: 5px;
margin-left: -5px;
}

.stores-megamenu .column{
float: left;
min-width: 180px; /*width of each menu column*/
margin-right: 5px;
text-align: left;
}

.stores-megamenu .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.stores-megamenu .column ul li{
padding: 0px 0px 5px 0px;
}

.stores-megamenu .column h3{
background: #6279AB;
font: bold 13px Arial;
margin: 0 0 5px 0;
padding: 2px 5px 3px 5px;
color: #ffffff;
}

.stores-megamenu .column ul li a{
text-decoration: none;
color:#6279AB;
font-weight: bold;
padding-left: 8px;
}

.stores-megamenu .column ul li a:hover{
text-decoration: underline;
color:#6279AB;
padding-left: 10px;
font-weight: bold;
}
/* Mega Menu End */

/* root element for tabs  */
/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(/backyardPS/greenhouse-layout/blue.png) no-repeat -420px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}


.prod-pad
{
		
	padding:15px 20px 15px 20px;

}

.morecat a{
color: #082B47;
text-decoration: none;
/* background-color:  #F8F7F5; */
padding: 5px 0px 5px 2px;
text-weight: bold;
line-height: 1.5em;
font-family: arial;
font-size: 12px;
font-weight: normal;
}

.morecat a:hover{
/* background-color: #FFFFFF; */
 /* 	 background: url(/backyardPS/greenhouse-layout/menu-bg.jpg) repeat; */
color: blue;
text-decoration: underline;
font-style: italic;
}

.morecat a:active{
color: black;
text-decoration: none;
}

.cat-top {
color: blue;
text-decoration: none;
/* background-color:  #F8F7F5; */
padding: 5px 0px 5px 2px;
text-weight: bold;
line-height: 1.5em;
font-family: arial;
font-size: 12px;
font-weight: bold; }

<!-- tooltip styling -->


</style>