/*
***********************************************************************

The original version of this stylesheet and the associated (x)html is available at:
http://www.cssplay.co.uk/menus/pro_drop6.html

Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

Tested in IE6, IE7, Firefox, Opera, Netscape, Mozilla and Safari (PC) - IE6 Floating Issue - Fixed in this Example
http://www.cssplay.co.uk/menus/pro_drop8.html

Modified by: DH Interactive Ltd - 2009-07-03

Terms and Conditions

These menus can be used subject to the following terms and conditions.
1. You may use these menus in your 'paid projects' for client websites.
2. You may use these menus as part of an application interface.
3. You may use these menus on personal and commercial websites.
4. You may NOT place these menus on another site for others to download.
5. You may NOT redistrubute or resell these menus.
6. Users agree not to remove or edit the credit notice within the stylesheet, or claim that these menus are their own.

***********************************************************************
*/

/* Navigation */

#navigation_container { margin-left: auto; margin-right: auto; background: url(../../actionfirstplc/_img/_navigation/_bg/nav_bg.gif) repeat-x; }
#navigation_area { margin-left: auto; margin-right: auto; width: 960px; }
#navigation_shadow { height: 10px; background: url(../../actionfirstplc/_img/_navigation/_bg/nav_shadow.gif) repeat-x; }

.nav_preload1 {background: url(../../actionfirstplc/_img/_navigation/_dropdown/single_over.gif);}
.nav_preload2 {background: url(../../actionfirstplc/_img/_navigation/_dropdown/double_over.gif);}

#nav {padding:0; margin:0; list-style:none; width: 960px; height: 30px; background:#FFF url(../../actionfirstplc/_img/_navigation/_bg/nav_bg.gif) repeat-x; position:relative; z-index:200; font-size:13px; font-family: Lucida Grande, arial, Helvetica, verdana, lucida console, sans-serif; }
#nav li.top {display:block; width: 160px; float:left; }
#nav li a.top_link {display:block; float:left; width:160px; height:30px; line-height:28px; color: #666666; text-decoration:none; padding:0 0 0 0px; text-align: center; cursor:pointer; background: url(../../actionfirstplc/_img/_navigation/_dropdown/single.gif) 0px no-repeat; }

/*
#nav li a.top_link span {float:left; display:block; padding: 0px; width:160px; height:30px; background: url(../../actionfirstplc/_img/_navigation/_bg/nav_bg.gif) no-repeat left top; }
#nav li a.top_link span.down {float:left; display:block; padding:0px; height:30px; background: url(../../actionfirstplc/_img/_navigation/_dropdown/double.gif) no-repeat left top; }
*/
#nav li a.top_link span {float:left; display:block; padding: 0px; width:160px; height:30px; background: url(../../actionfirstplc/_img/_navigation/_bg/nav_bg.gif) no-repeat left top; }

#nav li a.top_link span.down {float:left; display:block; padding:0px; height:30px; background: url(../../actionfirstplc/_img/_navigation/_dropdown/double.gif) no-repeat left top; }



#nav li:hover a.top_link,
#nav a.top_link:hover
{color: #FFF; background: url(../../actionfirstplc/_img/_navigation/_dropdown/single_over.gif) no-repeat;}
#nav li:hover a.top_link span, 
#nav a.top_link:hover span
{background:url(../../actionfirstplc/_img/_navigation/_dropdown/single_over.gif) no-repeat right top;}
#nav li:hover a.top_link span.down,
#nav a.top_link:hover span.down
{background:url(../../actionfirstplc/_img/_navigation/_dropdown/double_over.gif) no-repeat right top; padding-bottom:3px;}

#nav table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:0px; top:30px; background: #666666; padding:0px; border:1px solid #edefef; border-bottom: none; white-space:nowrap; width:158px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:30px; position:relative; float:left; width:158px; border-bottom: solid 1px #edefef; }
#nav :hover ul.sub li a
{display:block; font-size:12px; color:  #edefef; text-align: center; height:30px; width:158px; line-height:30px; text-decoration:none; border: none; }
#nav li ul.sub li a.fly
{border-bottom: solid 1px  #edefef; background: #666666 url(../../actionfirstplc/_img/_navigation/_dropdown/arrow_right.gif) 97% 50% no-repeat; }
#nav :hover ul.sub li a:hover
{color: #FFF; border-color: #edefef; }
#nav :hover ul.sub li a.fly:hover
{background: #666666 url(../../actionfirstplc/_img/_navigation/_dropdown/arrow_right_over.gif) 97% 50% no-repeat; color: #FFF; }

#nav li b { background: #038099; font-weight:normal; display:block; font-size:12px; height:30px; width:158px; line-height:30px; text-align: center; color: #FFF; cursor:default; }

#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:156px; top:0px; background: #666666; border:1px solid #666666; white-space:nowrap; width:158px; z-index:400; height:auto;}

#nav ul, 
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover > ul
{left:156px; top:-4px; background: #666666; padding:0px; border:1px solid  #edefef; border-bottom: none; white-space:nowrap; width:158px; z-index:400; height:auto;}
#nav li:hover > ul ul 
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover li:hover > a.fly
{background: #666666 url(../../actionfirstplc/_img/_navigation/_dropdown/arrow_right_over.gif) 97% 50% no-repeat; color: #FFF; } 
#nav li:hover li:hover > li a.fly
{background: #666666 url(../../actionfirstplc/_img/_navigation/_dropdown/arrow_right.gif) 97% 50% no-repeat; color: #edefef; }

#nav li a.single_top_selected { display:block; float:left; width: 160px; height:30px; line-height:28px; color: #FFF; text-decoration:none; padding:0 0 0 0px; text-align: center; cursor:pointer; background: url(../../actionfirstplc/_img/_navigation/_dropdown/single_over.gif) no-repeat right top; }
#nav li a.double_top_selected { display:block; float:left; width: 160px; height:30px; line-height:28px; color: #FFF; text-decoration:none; padding:0 0 0 0px; text-align: center; cursor:pointer; background: url(../../actionfirstplc/_img/_navigation/_dropdown/double_over.gif) no-repeat right top; }
#nav .single_sub_selected { display:block; width: 158px; height:30px; color: #FFF; background-color: #038099; }
#nav .double_sub_selected { display:block; width: 158px; height:30px; color: #FFF; background: #038099 url(../../actionfirstplc/_img/_navigation/_dropdown/arrow_right_over.gif) 97% 50% no-repeat; }

.nav_links_1 { overflow: hidden; line-height: 12pt; padding-top: 4px; padding-left: 24px; height: 18px; border: solid 1px #e0e0e0; background: url(../../actionfirstplc/_img/_navigation/_links/links_arrow.gif) 9px 50% no-repeat; }
.nav_links_2 { overflow: hidden; line-height: 12pt; padding-top: 4px; padding-left: 24px; height: 18px; border: solid 1px #e0e0e0; background: url(../../actionfirstplc/_img/_navigation/_links/links_arrow.gif) 2% 50% no-repeat; }

.rss_container { overflow: hidden; margin-left: 10px; width: 937px; height: 40px; border: solid 1px #e0e0e0; }
.rss_text { float: left; line-height: 12pt; padding-left: 10px; padding-top: 12px; }
.rss_image { float: left; padding-left: 10px; padding-top: 5px; }
.rss_no_image { float: left; padding-left: 10px; padding-top: 10px; }

/*
***********************************************************************
DH Interactive Ltd
***********************************************************************
*/

/* Home Page */

.home_mod_text_area_1 { background: #b3dee7; width: 100%; height: 175px; }
.home_mod_text_area_2 { background: #cdedf3; width: 100%; height: 175px; }
.home_mod_text_area_3 { background: #b3dee7; width: 100%; height: 175px; }
.home_mod_button { position:absolute; width:auto; padding-left: 7px; height: 18px; background: url(../../actionfirstplc/_img/_home/_modules/corner-bl.gif) 0% 100% no-repeat; background-color: #666666; }
.home_mod_button a:hover { color: #FFF; text-decoration: none; }
.home_mod_text { width:auto; color: #FFF; font-size: 11px; line-height: 18px; padding-right: 14px; height: 18px; background: url(../../actionfirstplc/_img/_home/_modules/arrow-corner.gif) 100% 50% no-repeat; }
.home_mod_text a:link { color: #FFF; }
.home_mod_text a:visited { color: #FFF; }

/* Form Elements */

span.checkbox { width: 19px; height: 25px; padding: 0 5px 0 0; background: url(../../actionfirstplc/_img/_global/_forms/checkbox.gif) no-repeat; display: block; clear: left; float: left; }
span.radio { width: 19px; height: 25px; padding: 0 5px 0 0; background: url(../../actionfirstplc/_img/_global/_forms/radio.gif) no-repeat; display: block; clear: left; float: left; }
span.select { position: absolute; width: 240px; height: 21px; padding: 0 0 0 8px; color: #000; font: 12px/21px arial,sans-serif; background: url(../../actionfirstplc/_img/_forms/select.gif) no-repeat; overflow: hidden; }
.form_submit_button_1 { color: #FFF; background-color: #666666; border: none; width: 80px; height: 25px; cursor:pointer;cursor:hand;  }
.form_submit_button_2 { color: #FFF; background-color: #666666; border: none; width: 125px; height: 25px; cursor:pointer;cursor:hand;  }

/* General Content */

.highlight { font-weight: normal; color: #666666; }
.lowlight { color: #999999; }

.content_container h1 { display: inline; color: #666666; font-weight: normal; font-size: 36px; padding-top: 8px; line-height: 35px; }
.content_container h2 { display: inline; color: #000; font-size: 24px; font-weight: normal; }
.content_container h3 { display: inline; color: #898989; font-size: 21px; font-weight: normal; }
.content_container h4 { display: inline; color: #000; font-size: 18px; font-weight: normal; }
.content_container a:link { color: #666666; }
.content_container a:visited { color: #666666; }
.content_container a:active { color: #666666; }
.content_container a:hover { color: #666666; text-decoration: underline; }

/* Header */
.header_highlight { font-weight: normal; color: #666666; }
.header_addthis { padding-top: 10px; }

/* Footer */

.footer_links_selected { border: 1px solid #666666; }
.footer_links_txt { color: #666; font-size: 11px; }
.footer_links_txt a:link, .footer_links_txt a:visited, .footer_links_txt a:active  { color: #666666; }
