@charset "utf-8";
/* CSS Document */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_lists.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


/*#products li.product-background {
	background: url(../images/product-tab.png);
}

#products li.product-background:hover  {
	background: url(../images/product-tab-rollover.png);
}*/

#newnav { padding-left: 197px;background: url(../images/top-nav-gg.jpg) 31px top; line-height: 31px;}
#products {padding:0; margin:0px 0 0px 0px; list-style:none; position:relative; height:31px; float:left; background:url(../images/line.gif) no-repeat 100% 4px; width:100%; z-index:500; background: url(../images/top-nav-gg.jpg) 31px top; line-height: 31px;} 
#products li {display:inline; float:left; height:31px; background:url(../images/bar-separation.png) no-repeat 0 0;}

/*#products li a.tl {display:block; width:115px;  text-decoration:none; height:31px; line-height:27px; font-family:Arial;	font-size: .70em; font-weight:bold; text-indent:10px;  color:#000; text-transform: uppercase; }*/
#products li a.tl {display:block; width:149px;  text-decoration:none; height:31px; line-height:26px; font-family:Arial;	font-size: 13px; font-weight:bold; text-align: center;  color:#000; text-transform: uppercase; }

#products li a.nav-products {display:block; width:151px; height:31px; text-decoration:none; line-height:26px; font-family:Arial;	font-size: 13px; font-weight:bold; text-align: center; color:#000; }
#products li.product-background {background: url(../images/top-nav-og.jpg) 2px 0px;}
#products li.product-background a:hover span, #products li.product-background a.active span{
	background:url(../images/allProductArrows.gif) right -14px no-repeat;
}
#products li a.nav-products span{
	background:url(../images/allProductArrows.gif) right top no-repeat;
	padding-right:15px;
}

#products li a.nav-special {display:block; width:90px; height:31px; text-decoration:none; line-height:27px; font-family:Arial;	font-size: .7em; font-weight:bold; text-indent:10px;  color:#000; text-transform: uppercase; }

#products div {display:none;}

#products li a:hover {text-decoration:none; white-space:normal; background-position:130px 15px; background-color: #ff6633; background: url(../images/top-nav-og.jpg) 2px 0px; border-left: 1px solid #000;}
#products li:hover > a {text-decoration:none; white-space:normal; background-position:130px 15px; background: url(../images/top-nav-og.jpg) 1px 0px; border-left: 1px solid #000;}

#products :hover div /* pos1 */
{display:block; width:595px; background:#999999; position:absolute; left:0; top:31px; border:1px solid #000; padding-bottom:10px; background: url(../images/nav-dd-grad-bk.jpg);}


#products :hover div.pos2 {background:#f0f5ee;}
#products .single:hover {position:relative;}

#products .single:hover div.pos2 {padding-bottom: 0px;  margin-bottom: 0px;}
#products .single:hover div.pos3 {padding-bottom: 0px;  margin-bottom: 0px;}
#products .single:hover div.pos4 {padding-bottom: 0px;  margin-bottom: 0px;}
#products .single:hover div.pos2 {background: url(../images/nav-dd-grad-bk.jpg); width:260px;}
#products .single:hover div.pos3 {background: url(../images/nav-dd-grad-bk.jpg); width:166px;}
#products .single:hover div.pos4 {background: url(../images/nav-dd-grad-bk.jpg); width:247px;}
#products .single:hover div.pos6 {background: url(../images/nav-dd-grad-bk.jpg); width:166px;}


/*#products :hover div dl {display:inline; padding:0; margin:0 10px 10px 10px; float:left; width:170px;}*/
#products :hover div dl {display:inline; padding:0; margin:0 0px 10px 0px; float:left; width:195px;}
#products :hover div dl dt {width:170px; text-indent:10px; margin:5px 0 0px 0; text-decoration:none; height:20px; line-height:20px; }

#products .two:hover div {left:-150px;}
#products .two:hover div dl {width:129px;}
#products .two:hover div dl dt {width:129px;}

#products .single:hover div dl dt {width:149px;}
#products .single:hover div.pos2 dl {width:260px; margin: 0px;}
#products .single:hover div.pos3 dl {width:166px; margin: 0px;}
#products .single:hover div.pos4 dl {width:247px; margin: 0px;}
#products .single:hover div.pos6 dl {width:166px; margin: 0px; height: 135px;}

#products :hover div dl dd {padding:0; margin:0; }

#products :hover div dt a {text-decoration:none; cursor:default; font-weight: bold; color:#000; font-family: Arial; font-size: 1.2em; background: none; border-left: none; display: block;}
html>body #products :hover div dt a {text-decoration:none; cursor:default; font-weight: bold; color:#000; font-family: Arial; font-size: .8em; background: none; border-left: none;}

#products :hover div dd a {display:block; text-decoration:none; font-weight:normal; font-family: Arial; font-size: 1em; color:#000; text-indent:17px; line-height:18px; background: none;border-left: none; text-transform: capitalize;}
html>body #products :hover div dd a {display:block; text-decoration:none; font-weight:normal; font-family: Arial; font-size: .75em; color:#000; text-indent:17px; line-height:18px; background: none;border-left: none; text-transform: capitalize;}

#products .single:hover div dd a {display:block; text-decoration:none; font-weight:normal; font-family: Arial; font-size: 1em; color:#000; text-indent:0px; padding-left: 5px; line-height:18px; }

html>body #products .single:hover div dd a {display:block; text-decoration:none; font-weight:normal; font-family: Arial; font-size: .7em; color:#000; text-indent:0px; padding-left: 5px; line-height:18px; }

#products .single:hover div.navdd dd a {font-size: .75em; text-indent:12px;}

#products :hover div dd a:hover {font-weight: bold; color: #000; background-color: #FF6633;}
#products .single:hover div.navdd dd a:hover { background-color:#F0682C; text-decoration: none; text-transform:capitalize; color: #000000; font-weight: bold;}

#products :hover div dl dt a:hover {background-color:#F0682C; cursor: pointer;}

#products .clear {clear:both;}