﻿@import url("layout.css");

/* ================================================================ 
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/pro_line_down_fly_v2.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#pro_linedrop {
/*height:58px; */
height:28px;
width:872px;
background:#666666;  
/* background: transparent; */
/* background:  #0370ff;  repeat-x left center; */
/* background: url('../images/Texture_lt_gray_013b.jpg'); */
position:relative; 
font-family:arial, verdana, sans-serif; 
font-size:11px;
z-index:500;
padding:1px;
/* border:1px solid #dde; */
}

#pro_linedrop .select {
margin:0; 
padding:0 0 0 5px; 
list-style:none; 
white-space:nowrap;
}

#pro_linedrop li {
float:left;
height:29px;
padding-top:1px;
margin-right:1px;
}

#pro_linedrop .select a {
display:block; 
height:26px; 
float:left; 
/*border-left:1px solid #7e8586;
border-right:1px solid #2d2d2d; */
/* 4/15 change padding from 25 to 20 to have Netscape & Firefox look right */
/* changed 11/21/11 added another heading    padding:0 20px 0 20px; */
padding:0 12px 0 12px; 
text-decoration:none; 
line-height:24px; 
white-space:nowrap;
font-weight:bold;
color:white;
}

/* #pro_linedrop .select li.line a {color:#ddd;} */


#pro_linedrop .select a:hover, 
#pro_linedrop .select li:hover a {
/*border-left:1px solid #2d2d2d;
border-right:1px solid #000; */
color:white;
background:url(pro-line-down-fly/over.gif);
text-decoration:underline;
}

#pro_linedrop .select li.line a:hover, 
#pro_linedrop .select li.line:hover a {
color:white;
}


#pro_linedrop .sub {
display:none;
}
#pro_linedrop ul ul {display:none;}

/* IE6 only */
#pro_linedrop table {
border-collapse:collapse; 
margin:-1px -10px; 
font-size:1em; 
width:0; 
height:0;
}

#pro_linedrop .sub {
margin:0; 
padding:0;
list-style:none;
}

#pro_linedrop .sub li {padding:0; margin:0;} 

#pro_linedrop .select :hover .sub {
height:25px;
display:block; 
position:absolute;
float:left; /* */
width:825px;
top:28px;
padding-top:3px;
left:10px; 
text-align:center;
background:transparent;
}

#pro_linedrop .select :hover .rt li {float:right; /* */}

#pro_linedrop .select :hover .sub li a 
{display:block; height:30px; line-height:21px; float:left; /* */ background:transparent url(pro-line-down-fly/trans.gif);  padding:0; margin:0; white-space:nowrap; color:white; border:0; font-weight:normal;}

#pro_linedrop .select :hover .sub li.subline a {color:white;}
#pro_linedrop .select :hover .sub li a span {display:block; height:21px; margin-top:2px; float:left; /* */ padding:0 15px;}
#pro_linedrop .select :hover .sub li.subline a span {padding:0 2px;}
#pro_linedrop .select :hover .sub li.subline a span b {padding:0 14px; background:url(pro-line-down-fly/arrow.gif) no-repeat right center; font-weight:normal;  margin-right:auto; margin-left:auto;}

#pro_linedrop .select :hover .sub li a:hover {color:white; position:relative; line-height:19px;}
#pro_linedrop .select :hover .sub li:hover {position:relative;}

#pro_linedrop .select :hover .sub li a:hover span {border:1px solid #c5d5e8; padding:0 14px; background:url(pro-line-down-fly/sub.gif); cursor:pointer;}
#pro_linedrop .select :hover .sub li.subline a:hover span {padding:0 1px;}
#pro_linedrop .select :hover .sub li:hover > a span {border:1px solid #c5d5e8; padding:0 14px; background:url(pro-line-down-fly/sub.gif); cursor:pointer;}
#pro_linedrop .select :hover .sub li.subline:hover > a span {padding:0 1px; line-height:19px;}

/* set width of fly out here 1 of 2 */
#pro_linedrop .select :hover .sub :hover ul {padding:0; margin:0; list-style:none; display:block; width:280px; position:absolute; left:0; top:30px; border:1px solid #999; background:#fff;}

#pro_linedrop .select :hover .sub :hover ul ul {position:absolute; left:-9999px;}

#pro_linedrop .select :hover .sub :hover ul li {height:18px; margin:0;}
/* AND set width of fly out here 2 of 2 */
#pro_linedrop .select :hover .sub :hover ul li a {width:280px; text-align:left; height:18px; line-height:18px; background:#fff; font-weight:normal; padding:0; color:#06c;}

#pro_linedrop .select :hover .sub :hover ul li.fly a {background:url(pro-line-down-fly/arrowR.gif) no-repeat right center;}
#pro_linedrop .select :hover .rt :hover ul li.fly a {background:url(pro-line-down-fly/arrowL.gif) no-repeat left center;}

#pro_linedrop .select :hover .sub :hover ul li a:hover {color:#06c;}
#pro_linedrop .select :hover .sub :hover ul li:hover > a {color:#06c;}

#pro_linedrop .select :hover .sub :hover ul :hover ul {left:105px; top:-1px; border:1px solid #999; background:#fff;}
#pro_linedrop .select :hover .sub :hover ul :hover ul li a {background:#fff;}

#pro_linedrop .select :hover .rt :hover ul :hover ul {left:-110px; top:-1px; border:1px solid #999;}


