﻿/* 6:12:07 removed the max-width and change the width of the float from PX to EM */

/****
TJK_keyBoardDropDown
Pure CSS Drop Down Menu [TJK_keyBoardDropDown] v1.2
Copyright 2006, Thierry Koblentz - TJKDesign.com - All rights reserved.
Read www.TJKDesign.com/articles/Pure_CSS_dropdown_Menu.asp.asp
****/
/* zeroing padding/margin for all elements */

/**********************
CSS Image Replacement - RS 24/01/07 - refer to http://dustinbrewer.com/css-image-replacement-technique/ 
***********************/
#SubMenu_DomainRural{width: 138px;}
#SubMenu_DomainRural div { text-indent:-9000px; }
#SubMenu_DomainRural div a {width: 138px;display: block; background: transparent url(/images/logo_domainrural.gif) no-repeat;}
#SubMenu_Domain{width: 138px;}
#SubMenu_Domain div { text-indent:-9000px; }
#SubMenu_Domain div a {width: 138px;display: block; background: transparent url(/images/logo_domain.gif) no-repeat;}
#SubMenu_Drive{width: 46px;}
#SubMenu_Drive div { text-indent:-9000px; }
#SubMenu_Drive div a {width: 138px;display: block; background: transparent url(/images/logo_drive.gif) no-repeat;}
#SubMenu_MyCareer{width: 138px;}
#SubMenu_MyCareer div { text-indent:-9000px; }
#SubMenu_MyCareer div a {width: 138px;display: block; background: transparent url(/images/logo_mycareer.gif) no-repeat;}
#SubMenu_Jobs{width: 138px;}
#SubMenu_Jobs div { text-indent:-9000px; }
#SubMenu_Jobs div a {width: 138px;display: block; background: transparent url(/images/logo_jobs.png) no-repeat; height: 20px !important;}

#TJK_dropDownMenu, #TJK_dropDownMenu * 
{
    margin:0;
    padding:0;
    z-index:9000; /*Keep it above everything else*/    
}

/* "Master" UL (the whole Menu) */
#TJK_dropDownMenu 
{
    position:relative;    
    max-width:100%;
    float:left;    
    
    margin:4px 0px 0px 10px;
    /*background-color:#000000;*/
    /*margin-bottom:3.5em;*/
    /*border-bottom:1px solid #666;*/
}


/* All LIs */
#TJK_dropDownMenu li {
	position:relative;
	/*max-width:16.5%;*/
	/*cursor:pointer;*/
	float:left;
	list-style-type:none;
	
	/*HACK - Sometimes there's an inexplicable 1px gap underneath a root item (only ones that have bold text, oddly),
	where the hover state doesn't extend to, and so the submenu disappears as you slide down from the root 
	to the sub. This bridges the gap.*/
	border-bottom:1px solid transparent; /*Part 1 of 2*/
	

}

/*HACK - Stop that border cascading into submenu LIs*/
#TJK_dropDownMenu li ul li{
    border-bottom: none; /*Part 2 of 2*/
}


#TJK_dropDownMenu li div.cnrtopleft{
	position:absolute;
	top:0px;
	left:0px;		
	width:4px;
	height:3px;
	/*background: transparent url(/images/cnr_menu_topleft.png) no-repeat 0 0;*/
	background:url(/images/sprites.png) 0px 0px no-repeat;
}
#TJK_dropDownMenu li div.cnrtopright{
	position:absolute;
	top:0px;
	right:0px;	
	width:4px;
	height:3px;
	/*background: transparent url(/images/cnr_menu_topright.png) no-repeat 0 0;*/
	background:url(/images/sprites.png) -5px 0px no-repeat;	
}
#TJK_dropDownMenu li div.cnrbottomleft{
	position:absolute;
	bottom:0px;
	left:0px;	
	width:4px;
	height:3px;
	/*background: transparent url(/images/cnr_menu_bottomleft.png) no-repeat 0 0;*/
	background:url(/images/sprites.png) -10px 0px no-repeat;	
}
#TJK_dropDownMenu li div.cnrbottomright{
	position:absolute;
	bottom:0px;
	right:0px;	
	width:4px;
	height:3px;
	/*background: transparent url(/images/cnr_menu_bottomright.png) no-repeat 0 0;*/
	background:url(/images/sprites.png) -15px 0px no-repeat;
}

/* All anchors */
#TJK_dropDownMenu li a {
	/*color:#666;*/
	text-decoration:none;
	display:block;	
	float:left;
	background-color:#CCCCCC;
	/*padding:0 .4em;*/
    /*  uncomment the declaration below if you want to go "full width" */
    /*	width:7.47em; */
    /*border-left:1px solid #333;*/
    /*cursor:default;*/
    /*TESTING!*/
	/*height:2em; 
	line-height:2em;*/
	/* A style for this class is now in farmonline_mac.css */
}

/* sub-menu ULs */
#TJK_dropDownMenu li ul {
	/*width:10em !important;*/ /* leaves room for padding */
	width:152px;  /* ADJUST MENU WIDTH HERE (AND BELOW) */
	cursor:default;
	position:absolute;
	height:auto;
	display:none;
	left:0px;
	top:23px;
	/*padding:1px 10px 10px 10px;*/
	/*background:url(/images/space.gif);*/ /* trick to keep'em open */
	background-color:#FFFFFF;
	border-top:1px solid #CCCCCC;

}

/* sub-menu LIs */
#TJK_dropDownMenu li ul li {
	/*width:100%;*/ /*FF*/
	width: 142px; /* ADJUST MENU WIDTH HERE (AND BELOW) */
	/*padding:0;*/
    /*max-width:120%;*/
    
	/*border:1px solid #CCCCCC;*/
	border-top:none;
	
	
	
	/*Inactive menu items - the stuff below can be removed once there are no non-link menu items */
	
	/*color: #B55454;*/
	line-height:1.5em;
	/*font-weight:normal;*/ /*here*/

}

/* sub-menu Anchors */
#TJK_dropDownMenu li ul li a {
	/*width:100%;*/ /*FF*/
	width: 142px; /* ADJUST MENU WIDTH HERE */
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	/*white-space:normal;*/
	
	
	line-height:1.5em;
	height:1.5em;

	/*border:1px solid #fff;*/
	color:#404040; /*#666;*/
	background-position:0 50% !important;
	padding: 2px 5px 2px 5px;
    
	/*border:1px solid #40A503;*/
}

/* sub-menu Anchors */
#TJK_dropDownMenu li ul li a.notreadyyet {
	/*width:100%;*/ /*FF*/
	width: 142px; /* ADJUST MENU WIDTH HERE */
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	/*white-space:normal;*/
	
	line-height:1.5em;
	height:1.5em;
	/*font-weight:normal;*/ /*here*/
	border:1px solid #fff;
	color:#B55454;
	background-position:0 50% !important;
	padding: 0 0 0 0px;
	/*border:1px solid #40A503;*/
}

/* :hover and stuff - RS 25/01/07 Commented out as the grey on hover 
was covering the underlayed double-buffered image (see: line 16 onwards of this file)*/

/* ORIGINAL
#TJK_dropDownMenu li a:hover,
#TJK_dropDownMenu li a:focus,
#TJK_dropDownMenu li a:active {color:#000; background-color: #ECECEC;}
*/

#TJK_dropDownMenu li a.root {padding: 3px 6px 3px 6px; font-family:Lucida Sans Unicode, arial, verdana;} /*#ECECEC*/ 

#TJK_dropDownMenu li a.sub {font-size:11px; font-family:Lucida Sans Unicode, arial, verdana; }
#TJK_dropDownMenu li a.sub:hover,
#TJK_dropDownMenu li a.sub:focus,
#TJK_dropDownMenu li a.sub:active {color:#000; background-color: #E6E6E6;} /*#C8C8C8;}*/


/* move the declarations from the rule below the one above if you want a background swap on *all* anchors, including the top level ones */
/*#TJK_dropDownMenu ul li.hov a:hover,
#TJK_dropDownMenu ul li.hov a:focus,
#TJK_dropDownMenu ul li.hov a:active {color:#000 !important;background:#9CA9B6;}*/

/* display and z-index for the sub-menus */

#TJK_dropDownMenu li:hover ul,
#TJK_dropDownMenu li.msieFix ul {display:block;z-index:100;} /*top:2em !important;*/

/* "trigger" and "msieFix" classes */
#TJK_dropDownMenu_ li.msieFix a {}

