﻿/*Copyright Bridgeline Software, Inc. An unpublished work created in 2007. All rights reserved. 
This software contains the confidential and trade secret information of Bridgeline Software, Inc. ("Bridgeline").
Copying, distribution or disclosure without Bridgeline's express written permission is prohibited.*/

/*BEGIN top-level menu styles*/
ul.mainMenu
{
	float:right;
	list-style: none;   
	margin: 0;	padding: 0;	
	position:relative;
	z-index:93;
}
#megaNav
{
	margin-left:125px;
	_margin-left:0;

}
ul.mainMenu li
{
	float:left; 
	position:relative;
	display:block;  
	/*z-index:500;  */
} 
ul.mainMenu li span, ul.megaMenu li span.megamenuItem { font-size:133.3%; display:none;}
ul.mainMenu li a, ul.mainMenu li a:visited
{
	_float:left;
	padding-top:20px; padding-left:15px;  
    height:31px;
	display:block; 
}
ul.mainMenu li a:hover, ul.mainMenu li a:active
{
    text-decoration:none;     
}
#megaNav
{
    width:154px;     
} 
ul.mainMenu li.link1 
{
    width:154px;   
}
ul.mainMenu li.link3
{
	width:119px;
}
ul.mainMenu li.link2 
{
    width:148px;   
}
ul.mainMenu li.link2 a
{
    padding-left:12px;
}
li#megaNav:hover 
{
     background: url(/images/link1Bg.gif) no-repeat 0 0;   
} 
ul.mainMenu li.link1:hover 
{
    background: url(/images/link1Bg.gif) no-repeat 0 0;   
}
ul.mainMenu li.link2:hover, ul.mainMenu li.link3:hover
{
    background: url(/images/link4Bg.gif) no-repeat 0 0;   
}  
ul.mainMenu li.current a
{
    color:#666;
}
/*END top-level menu styles*/
#megaNav div.subLevel
{
    position:absolute; 
    left:-999em; 
    float:left;
    width:924px;
    _top:50px;
	margin-top:-3px;       padding:3px;  
    background:#f83a17 url(/images/whiteBg.gif) no-repeat 390px 0;   
    z-index:88;    
}
#megaNav:hover div.subLevel, #megaNav.sfhover div.subLevel
{
   right:0;  left:-387px; 
}  
#megaNav div.subLevel div.subnavWrap
{
    width:905;
    padding:10px;
    /*padding:20px 0 20px 25px;
    height:440px;
    *height:460px;*/
    overflow:visible; 
    background:#fff;
}
#megaNav div.subLevel div.subnavWrap div.menuColumns
{
    float:left;
    width:290px; 
	/*height:300px;
	padding-bottom:20px;*/
    overflow:visible;
    margin-right:15px;    
}
#megaNav div.productColumn
{
    float:left;
    width:200px;  
}
#megaNav div.insertfeaturedProd
{
    float:left; 
    width:192px; 
    margin-bottom:5px; padding-right:8px; padding-bottom:8px;
    background: url(/images/featuredProdBg.gif) no-repeat right bottom;
}
#megaNav div.insertfeaturedProd div.heading
{
    float:left;
    width:178px; 
    padding:5px 5px 5px 8px;
    border-left:1px solid #e9e9e9;
}
#megaNav div.insertfeaturedProd div.heading h5
{
    color:#fff;
    margin:0;
    font-size:75%;
}
#megaNav div.prod1 div.heading
{
    background: #f83a17;
}
#megaNav div.prod2 div.heading
{
    background: #666;
}
#megaNav div.prod3 div.heading
{
    background: #006ba7;
}
#megaNav div.insertfeaturedProd div.features
{
    float:left;
    width:191px;  
    border-left:1px solid #e9e9e9;
}
#megaNav div.insertfeaturedProd div.features a, #megaNav div.insertfeaturedProd div.features a:visited
{
    height:auto;
    padding:0;
}
#megaNav div.insertfeaturedProd div.features img
{
    float:left;
    width:191px;
    height:52px;
}
#megaNav div.lastMenu
{
    margin-right:0px !important;
}
#megaNav div.extendedMenu th h4
{
	margin-left:-30px;
}
#megaNav div.menuColumns table.menuTable
{
    width:100%; 
}
#megaNav div.menuColumns table td, #megaNav div.menuColumns table th
{
    vertical-align:top;
    text-align:left;
}
#megaNav div.menuColumns table th h4
{
    font-size:135%;
    color:#000;
    margin-bottom:0;   padding-bottom:8px;
    border-bottom:1px solid #bbb;
}
#megaNav div.menuColumns table td  
{
    width:auto; 
    /*padding-bottom:6px;*/
    background: url(/images/submenuDots.gif) repeat-x 0 bottom;
} 
#megaNav div.menuColumns table td.lastRow
{
    background: none;
}
#megaNav div.menuColumns table td h5
{
    margin-bottom:0; padding-top:2px; padding-bottom:2px;  
}
#megaNav div.menuColumns table td h5 a:link,#megaNav div.menuColumns table td h5 a:visited
{
    float:none;
    font-size:90%; font-weight:bold;
    color:#f83916;
    padding:0;
    height:auto; 
} 
#megaNav div.menuColumns table td h5 a:hover,#megaNav div.menuColumns table td h5 a:active
{
    text-decoration:underline;
}
#megaNav div.menuColumns table td h6
{
   float:left; 
   color:#666;
   font-size:95%;
   margin:0 6px 0 0;    padding-top:2px;   padding-bottom:5px; 
}
#megaNav div.menuColumns table td h6 a:link, #megaNav div.menuColumns table td h6 a:visited
{
    float:left;  
    font-weight:normal; 
    color:#666;
    border-right:1px solid #666;
    padding:0; padding-right:6px;
    height:auto;
   line-height:0.9em;
   *line-height:1em;
   display:block;
}
#megaNav div.menuColumns table td h6 a:hover,#megaNav div.menuColumns table td h6 a:active
{
    color:#000;
}
#megaNav div.menuColumns table td h6 a.last
{
    padding-right:0 !important;
    border-right:none !important;
}
#megaNav div.menuColumns table td dfn
{
   float:left;
   width:100%;
   color:#666;
   font-size:95%; 
   line-height:1.1em;
   *line-height:1.2em;
   margin:0; padding:0 0 5px 0; font-style:normal;  
}
#megaNav div.menuColumns table td span span.seperator
{
    float:left; padding-top:0; 
    color:#666;
}
#megaNav .headerImages
{
	padding-top:15px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {

 div.menuColumns table td dfn {
   line-height:1em; } 

}

/*Sub level Menu*/ 
ul.mainMenu li ul 
{
    position: absolute;
    clear:both;
    width:200px;
    margin:-3px 0 0 0; padding:3px;    
	left:-999em;  
	z-index: 444;  
	background:#f83a17 url(/images/whiteBg.gif) no-repeat 3px 0; 
}
/*ul.mainMenu li.link1 ul
{
    background:#f83a17 url(/images/whiteBg3.gif) no-repeat 3px 0 !important; 
} */
ul.mainMenu li.link2 ul
{
    width:187px;
    background:#f83a17 url(/images/whiteBg4.gif) no-repeat 3px 0 !important; 
}  
ul.mainMenu li.link3 ul
{
	background:#f83a17 url(/images/whiteBg5.gif) no-repeat 90px 0 !important; 
}
ul.mainMenu li li{
    float:left;
    width:100%;
    margin:0;   padding:3px 0;
    list-style:none; 
    background:#fff;
}
ul.mainMenu li li.sfhover, #mainNav li.sfhover li 
{
    background:fff !important;
}
ul.mainMenu li li a, ul.mainMenu li li a:visited {
    color:#f83916;
    font-size:95%; font-weight:bold;
    height:auto !important; padding-top:5px !important;    
    text-decoration:none !important;    
}
ul.mainMenu li.current li a, ul.mainMenu li.current li a:visited 
{
	color:#f83916;
}
ul.mainMenu li li.last a
{
    padding-bottom:10px;
}
ul.mainMenu li li a:hover, ul.mainMenu li li a:active, #mainNav li.sfhover a{
	 color:#666;
	 text-decoration:none !important;
}
ul.mainMenu li:hover ul, #mainNav li.sfhover ul{
	left: auto; /*to revert back Sub menu items to their original positions  */	 
}
_#mainNav li.sfhover ul
{
    margin:0 !important;
}
ul.mainMenu li.link3:hover ul 
{
    right: 0;
    _right: -1px;
}

/*Sub level Menu*/

/* BEGIN support for the "menu_ie_hoverfix.js" */
_ul#mainNav iframe  {
	position: absolute;
	/* account for the border */
	left: -1px;
	top: -1px;
	z-index: -1;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}
_ul#megaNav iframe
{
	position: absolute;
	/* account for the border */
	left: -1px;
	top: -1px;
	z-index: -1;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}
_ul#megaNav li
{
	z-index: 201;
}
_ul#mainNav li  { z-index: 201; }
 
/* END support for the "menu_ie_hoverfix.js" */

div.leftContent ul.mainMenu li span { display:block;}
div.leftContent ul.mainMenu li.link1, div.leftContent ul.mainMenu li.link2, div.leftContent ul.mainMenu li.link3,div.leftContent ul.mainMenu li.link4
{
	width:auto;
}
div.leftContent ul.mainMenu li.link1:hover, div.leftContent ul.mainMenu li.link2:hover, div.leftContent ul.mainMenu li.link3:hover,
div.leftContent ul.mainMenu li.link4:hover, div.leftContent #mainNav li.sfhover
{
	background:none;
}
div.leftContent ul.mainMenu li a, div.leftContent ul.mainMenu li a:visited
{
	padding:6px 0; 
	font-size:75%;
	width:170px;
	height:auto;
}
div.leftContent ul.mainMenu li a:hover, div.leftContent ul.mainMenu li a:active
{
	background:none;
}
/*Start Left Nav */
div.leftContent, div.leftNavigation
{
    float:left;
    width:170px;
    padding-right:26px; 
    font-weight:bold;
    border:1px solid #fff;
}
.NoChildNode, .FirstNoChildNode, .LastParentNode, .HasChildNode, .FirstHasChildNode, .FirstSecondLevelTreeNode, .LastSecondLevelTreeNode, .SecondLevelTreeNode
{
    background: url(/images/redArrow1.gif) no-repeat 0 8px;    
    padding:3px 0 3px 12px;
    display:block; 
    cursor:pointer;
    width:160px;
}
.FirstNoChildHoverNode, .NoChildHoverNode, .LastParentNodeHover,.HasChildHoverNode, .FirstHasChildHoverNode, .FirstSecondLevelHoverTreeNode, .LastSecondLevelHoverTreeNode, .SecondLevelHoverTreeNode 
{
    cursor:pointer;
    padding:3px 0 3px 12px;
    width:160px;
    background: url(/images/grayArrow.gif) no-repeat 0 8px;     
}
.NoChildNode nobr, .FirstNoChildNode nobr, .LastParentNode nobr, .FirstHasChildNode nobr, .HasChildNode nobr, .FirstSecondLevelTreeNode nobr, .LastSecondLevelTreeNode nobr, .SecondLevelTreeNode nobr
{
    display:block;
    color:#ed2e26;    
}
.FirstNoChildHoverNode nobr, .NoChildHoverNode nobr, .LastParentNodeHover nobr, .FirstSecondLevelHoverTreeNode nobr, .LastSecondLevelHoverTreeNode nobr, .SecondLevelHoverTreeNode nobr, 
.FirstSecondLevelSelectedTreeNode nobr, .SecondLevelSelectedTreeNode nobr, .LastSecondLevelSelectedTreeNode nobr,.FirstSecondLevelSelectedHoverTreeNode nobr, .SecondLevelSelectedHoverTreeNode nobr, .LastSecondLevelSelectedHoverTreeNode nobr  
{
    color:#a7a7a7;        
}
.FirstSelectedNodeNoChild, .SelectedLastParentNode, .SelectedNodeNoChild, .FirstSelectedParentNode, .FirstSelectedParentHoverNode, .FirstSelectedNodeNoChildHover, .SelectedLastParentNodeHover, .SelectedNodeNoChildHover
{
    padding:3px 0 3px 12px;
    width:160px;
    background: url(/images/blkArrow.gif) no-repeat 0 8px;   
}
.SelectedParentNode, .SelectedParentHoverNode, .FirstSelectedParentNode, .FirstSelectedParentHoverNode
{
    padding:3px 0 3px 12px;
    width:160px;
    background: url(/images/blkDwnArrow.gif) no-repeat 0 10px;   
}
.FirstSecondLevelTreeNode, .LastSecondLevelTreeNode, .SecondLevelTreeNode, .FirstSecondLevelHoverTreeNode, .LastSecondLevelHoverTreeNode, .SecondLevelHoverTreeNode, 
.FirstSecondLevelSelectedTreeNode, .SecondLevelSelectedTreeNode, .LastSecondLevelSelectedTreeNode,.FirstSecondLevelSelectedHoverTreeNode, .SecondLevelSelectedHoverTreeNode, .LastSecondLevelSelectedHoverTreeNode
{
    padding:3px 0 3px 21px;
    width:149px;
    background: url(/images/childNode.gif) no-repeat 12px 9px; 
    font-weight:normal;
    font-size:95%;
} 
.FirstSecondLevelHoverTreeNode, .LastSecondLevelHoverTreeNode, .SecondLevelHoverTreeNode, .FirstSecondLevelSelectedTreeNode, .SecondLevelSelectedTreeNode, .LastSecondLevelSelectedTreeNode,.FirstSecondLevelSelectedHoverTreeNode, .SecondLevelSelectedHoverTreeNode, .LastSecondLevelSelectedHoverTreeNode
{
    background: url(/images/childNodeHover.gif) no-repeat 12px 9px;     
}

/*End Left Nav */

/* Third Level */

.FirstThirdLevelTreeNode, .ThirdLevelTreeNode, .LastThirdLevelTreeNode, .ThirdLevelSelectedTreeNode, .FirstThirdLevelSelectedTreeNode, .LastThirdLevelSelectedTreeNode,
.FirstThirdLevelHoverTreeNode, .ThirdLevelHoverTreeNode, .LastThirdLevelHoverTreeNode, .ThirdLevelSelectedHoverTreeNode, .FirstThirdLevelSelectedHoverTreeNode, .LastThirdLevelSelectedHoverTreeNode
{
    width:140px;
    padding:2px 10px 2px 32px;
    font-size:95%; font-weight:normal;
    color:#666; 
}
.FirstThirdLevelHoverTreeNode, .ThirdLevelHoverTreeNode, .LastThirdLevelHoverTreeNode, 
.ThirdLevelSelectedHoverTreeNode, .FirstThirdLevelSelectedHoverTreeNode, .LastThirdLevelSelectedHoverTreeNode,
.FirstThirdLevelSelectedTreeNode, .ThirdLevelSelectedTreeNode, .LastThirdLevelSelectedTreeNode
{
    color:#000; 
}
.FirstThirdLevelHoverTreeNode, .ThirdLevelHoverTreeNode, .LastThirdLevelHoverTreeNode
{
    cursor:pointer;
} 
div.LeftNavigation nobr
{
    white-space:normal;
    display:block;  
}
