/* ================================================================ 
Style Sheet based upon Stu Nicholls CSS PLAY
Copyright 2008 Orlando WEB development All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.preload1 {background:  url(pro_dropdown_7/ld_2a.png);}
.preload2 {background:  url(pro_dropdown_7/ld_2b.png);}
.preload3 {background:  url(pro_dropdown_7/ld_2c.png);}


#nav {padding:0; margin:0 0 20px; list-style:none; height:38px; background:#fff url(pro_dropdown_7/ld_0.png) repeat-x; position:relative; z-index:200; font-family:arial, verdana, sans-serif; width:961px; }
#nav li.top {display:block; float:left;}
#nav li a.top_link {
	display:block;
	float:left;
	height:35px;
	line-height:33px;
	color:#ccc;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	padding:0 0 0 20px;
	cursor:pointer;
	background:  url(pro_dropdown_7/ld_0.png);
	font-family: Arial, Tahoma, Verdana;
}
#nav li a.top_link span {float:left; display:block; padding:0 20px 0 0; height:35px; background:  url(pro_dropdown_7/ld_0.png) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 20px 0 0; height:35px; background:  url(pro_dropdown_7/ld_0b.png) right top no-repeat;}
#nav li.current a.top_link {color:#ff0; background:  url(pro_dropdown_7/ld_2a.png);}
#nav li.current a.top_link span {background:  url(pro_dropdown_7/ld_2b.png) no-repeat right top;;}
#nav li.current a.top_link span.down {background:  url(pro_dropdown_7/ld_2c.png) no-repeat right top;;}

#nav li:hover a.top_link,
#nav a.top_link:hover
{color:#fff; background:  url(pro_dropdown_7/ld_1a.png) no-repeat;}
#nav li:hover a.top_link span, 
#nav a.top_link:hover span
{background: url(pro_dropdown_7/ld_1b.png) no-repeat right top;}
#nav li:hover a.top_link span.down,
#nav a.top_link:hover span.down
{background: url(pro_dropdown_7/ld_1c.png) no-repeat right top; padding-bottom:3px;}

#nav li.current:hover a.top_link,
#nav li.current a.top_link:hover
{color:#F5C040; background:  url(pro_dropdown_7/ld_2a.png) no-repeat;}
#nav li.current:hover a.top_link span, 
#nav li.current a.top_link:hover span
{background: url(pro_dropdown_7/ld_2b.png) no-repeat right top;}
#nav li.current:hover a.top_link span.down,
#nav li.current a.top_link:hover span.down
{background: url(pro_dropdown_7/ld_2c.png) no-repeat right top; padding-bottom:3px;}

#nav table {border-collapse:collapse; padding:0; width:0; height:0; margin:0 -20px 0 0;}

#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:1px; top:38px; background: url(pro_dropdown_7/nav-drop-bg.png) repeat-x center top; padding:3px; border:1px solid #BBF1FF; white-space:nowrap; width:190px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:190px; font-weight:normal;}
#nav :hover ul.sub li a
{
	display:block;
	font-size:11px;
	height:18px;
	width:188px;
	line-height:18px;
	text-indent:5px;
	color:#fff;
	text-decoration:none;
	border:1px solid #0099FF;
	font-weight: bold;
}
#nav :hover ul.sub li a:hover 
{background:#da3; color:#fff; border-color:#97EAFF;}

#nav li.current a:hover,
#nav li.current:hover
{position:static; white-space:normal; z-index:1;}


#nav li.current .line
{margin:0; padding:0; list-style:none; position:absolute; left:0; top:35px; width:961px; height:25px; background: url(pro_dropdown_7/back.gif) repeat-x; border:0;}

#nav li.current .line li {display:inline; font-weight:normal; height:25px; margin:0; padding:0;}
#nav li.current .line li a
{display:block; float:left; padding:0 20px; margin:0; color:#97EAFF; text-decoration:none; border:0; height:25px; line-height:25px; font-size:11px;}
#nav li.current .line li a:hover {text-decoration:underline;}

.cat-main {
	background: #0066FF;
}