/******************************************
MAIN.CSS: Styles governing every webpage.

CHANGE LOG:

VERSION			DATE			AUTHOR			NOTES
1.00			Dec 2007		khamilton		CSS file created
1.01			Jan 3 2008		khamilton		main menu modified to hide word wrap and expand. see notes inline
1.02			Jan 8 2008		Keith Lo		adds styles for sitemap page and search result page.  Fixes problem of 'menus do not stay on'

******************************************/

/******************************************
GENERAL STYLES
******************************************/

* { padding: 0; margin: 0; }  /* zero out default margins and padding */
.clear { clear: both; }
.titlecase { text-transform: capitalize; }
img { border: none; }

/*every link except in content column is black, and turns blue on rollover */
/*see content section to override a:link styles */
a { text-decoration: none; color: black; }
a:visited { color: black; }
a:hover { color: #009ddc; text-decoration: none; }

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

h1, h2, h3, h4 {
margin: 20px 20px 10px 0;
}

ul.more {
list-style-type: none;
margin: 0 0 0 10px;
padding: 0;
}
	
ul.more li {
list-style-image: none;
}

#content ul ul.more {
margin: 8px 0 8px 0;
list-style-type: none;
}
	
ul.more a {
color: black;
}

ul.more a:hover {
color: #009ddc;
text-decoration: none;
}

ul.more img {
margin-left: 2px;
}

ul#casestudylink {
font-size: 9px;
}

	/******************************************
	GENERAL STYLE FOR CALLOUT BOXES
	******************************************/

	div.box h1 {
	background-color: #c8d1de;
	font-size: 9pt;
	padding: 5px;
	}

	div.box p {
	margin: 5px;
	}

	div.box ul {
	margin: 5px 5px 8px 18px;
	}

	div.box li {
	margin: 0 0 5px 0;
	}

/******************************************
STYLES FOR PAGE SHADOWING
******************************************/

#pagecontainer {
width: 968px;
margin: auto;
}

/******************************************
STYLES FOR 3-COLUMN CONTENT LAYOUT
******************************************/

#wrapper {
float: right;
width: 790px;
margin: 0;
/* background-color: yellow; */
}

/******************************************
STYLES FOR SITE HEADER
******************************************/
#header {
position: relative;
}

#header img { /* company logo */
margin: 0 0 0 2px;
border: none;
float: left;
}

#header div.top {
height: 6px;
overflow: hidden;
/* USE THIS SECTION FOR NO TOP BORDER */
border: 1px solid #ccc;
border-top: none;
border-bottom: none;
/* USE THIS SECTION FOR ROUNDED CORNERS
position:relative; 
background-color: #f1f1f1;
background-image: url(/images/theme/sidebar/rounded-left-top.gif);
background-repeat: repeat-x;
background-position: left top;
*/
}

#header div.top span {
/*  USE THIS SECTION FOR ROUNDED CORNERS
display:block; 
height: 6px;
position:relative; 
background-image: url(/images/theme/sidebar/rounded-right-top.gif);
background-repeat: no-repeat;
background-position: right top; 
*/
}

#headerbox {
margin: 0;
padding: 0;
border-left: 1px solid #ccc;
height: 55px; 
position:relative; 
background: url(/images/theme/sidebar/rounded-side.gif) repeat-y right top; 
}

#header div.bottom {
height: 6px;
/* position:relative; */ /* make header not overlap lang menu  */
background-image: url(/images/theme/sidebar/rounded-left-bottom.gif);
background-repeat: repeat-x;
background-position: left top;
overflow: hidden; 
z-index: 1;
}

#header div.bottom span {
display:block;
height: 6px;
/* position:relative; */ /* make header not overlap lang menu  */
background-image: url(/images/theme/sidebar/rounded-right-bottom.gif);
background-repeat: no-repeat;
background-position: right top; 
z-index: 2;
}

#header ul.more li {
background-image: none;
font-size: 0.9em;
font-weight: bold;
text-transform: uppercase;
}

#topmenu {
text-align: right;
float: right;
margin: 0 5px 0 0;
padding-right: 0;
}

#topmenu a {
color: #000;
}

#topmenu a:hover {
color: #009ddc;
}

#topmenu ul {
list-style-type: none;
}

#topmenu ul li {
padding-left: 5px;
padding-right: 5px;
float:left;
position:relative;
}

#topmenu ul li {
display: inline;
}

#topmenu ul li.last {
padding-right: 0;
margin-right: 0;
}

#topmenu ul li a {
float:left;
}

#topmenu ul li img {
margin: 0.5em 0 0 0.5em;
padding:0;
display: inline;
float:left;
}

#topmenu input#txtSearch {
width: 144px;
border: 1px solid #ccc;
}

#topmenu input#btnSearch {
cursor: pointer; /* hand-shaped cursor */
text-indent: -9999px; /* to hide text unless CSS is disabled */
border: none;
height: 15px;
width: 15px;
margin-left: 5px;
margin-right: 0px;
padding-right: 0px;
background: transparent url(/images/theme/bt_search_icon.gif) no-repeat left top;
}

#topmenu div#langselector {
border: 1px solid #ccc;
background-color: white;
position: absolute;
top:2em;
right:5px;        
z-index: 1000;      
width: 140px;       
text-align: left;
padding: 0.8em 14px;
margin: 0;
visibility: hidden;
line-height: 1em;
}

#topmenu div#langselector strong {
margin:0;
padding: 0 0 0.3em;
border-bottom: 1px solid #ccc;
}

#topmenu div#langselector ul {
margin: 1.2em 0 0;
background-color: white;
}

#topmenu div#langselector ul li {
margin: 0;
padding: 0;
display:block;      
float:none;
line-height:0;
}

#topmenu div#langselector ul li a {
float:none;
display:block;
line-height: 1em;
margin: 0 0 0.2em;
}

#topmenu div#langselector ul li a:hover{
/* color: #0057B5; */ 
color: #009ddc; /* cdc cyan */
}

#topmenu input {
font-size: 9pt;
}

#topmenu ul li a.socialMedia {
float:none;
margin-right: 6px;
}

#topmenu ul li a.socialMedia img {
display: inline;
float: none;
border: 0;
margin: 0;
}


#topmenu2 {
text-align: right;
float: right;
margin: 0 5px 0 0;
padding-right: 0;
clear: right;
}

#topmenu2 a {
color: #000;
}

#topmenu2 a:hover {
color: #009ddc;
}

#topmenu2 ul {
list-style-type: none;
}

#topmenu2 ul li {
padding-left: 5px;
padding-right: 5px;
float:left;
position:relative;
}

#topmenu2 ul li {
display: inline;
}

#topmenu2 ul li.last {
padding-right: 0;
margin-right: 0;
}

#topmenu2 ul li a {
float:left;
}

#topmenu2 ul li img {
margin: 0.5em 0 0 0.5em;
padding:0;
display: inline;
float:left;
}

#topmenu2 ul li a.socialMedia {
float:none;
margin-right: 6px;
}

#topmenu2 ul li a.socialMedia img {
display: inline;
float: none;
border: 0;
margin: 0;
}


	/******************************************
	STYLES INSIDE CONTENT COLUMN
	******************************************/

	div#wrapper div#content {
	float: left;
	width: 560px;
	margin: 0 0 20px 0;
    /* background-color: cyan; */
	}

	p#breadcrumb {
	font-size: 9px;
	margin: 0;
	padding: 0;
	/* background-color: green; */
	}
	
	span.breadcrumbseparator {
	color: #666; 
	font-size: 8px;
	}
	
	#content h1 {
	font-size: 14pt;
	margin: 25px 20px 15px 0;
	}

	#content h2 {
	font-size: 15px;
	}

	#content h3 {
	font-size: 13px;
	}

	#content h4 {
	font-size: 12px;
	margin: 20px 20px 0 0;
	}

	#content a {
	color: #009ddc;
	}

	#content strong a, #content h2 a, #content h3 a, #content h4 a {
	font-weight: bold;
	}
	
	#content a:visited {
	}
	
	#content a:hover {
	text-decoration: underline;
	}
	
	#content p {
	margin: 0 20px 10px 0;
	}
	
	#content blockquote {
	margin: 0 20px 10px 0;
	font-style: italic;
	}
	
	#content ol {
	margin: 0 20px 10px 50px;
	}

	#content ul {
	/* list-style-image: url(/images/theme/bt_yellow_doublearrow.gif); */
	margin: 0 0 0 10px; 
	padding: 0 5px 0 5px;
	}
	
	#content div.box div.content ul {
	list-style-image: url(/images/theme/bt_yellow_doublearrow.gif); 
	}	

    /* DEFAULT LIST SPACING IS 10px */
	#content li {
	margin: 0 0 10px 0;
	}
	
	/* REDUCE RESOURCE LIBRARY LIST SPACING TO SINGLE-SPACING */
	#content ul.singlespacing li 
	{
	    margin: 0 0 2px 0;
	}
	
	/* REDUCE MENU CALLOUT BOX LIST SPACING TO SINGLE-SPACING */
	#content ul.menu ul li {
	margin: 0 0 2px 0;
	}
	
	#content ul.menu li a {
	font-weight: bold;
	}
	
	#content ul.menu ul li a{
	font-weight: normal;
	}

	#content ul li {
	margin: 8px 0 8px 0;
	}

	#content ul ul {
	margin: 8px 0 8px 10px;
	list-style-type: circle;
	}

	#content ul ul li {
	background-image: none;
	}	
	
	#content div.screenshot {
	float: right; 
	padding: 3px 0 10px 10px; 
	margin: 0 30px 0 0;
	text-align:center;
	}
	
	/******************************************
	NEWS INDEX FORMATS
	******************************************/

	#content ul.jump {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	}
	
	#content ul.jump li {
	display: inline;
	padding-right: 5px;
	border-right: 1px solid #eee;
	padding-left: 5px;
	}
	
	#content ul.jump li.first {
	padding-left: 0;
	}
	
	#content ul.jump li.last {
	padding-right: 0;
	border-right: none;
	}
	#content ul.jump li a {
	font-weight: normal;
	}


	/******************************************
	TABLE FORMATS
	******************************************/
	
	/*DEFAULT*/
	#content table {
	/* margin: 20px 25px 10px 0;*/
	margin: 20px 0 10px 0;
	width: 100%;
	border-collapse: collapse;
	}

	#content table td {
	vertical-align: top;
	border: 1px solid #eee;
	padding: 5px;
	width: 50%;
	}

	#content table p {
	margin: 0;
	}

	#content div.box table td {
	border: none;
	}

	/*INDEX:  USE TO DISPLAY NON-EQUAL 2-COLUMN INDICES*/
	#content table.index td {
	padding: 0 10px 10px 0;
	/*padding: 8px 10px 8px 0;*/
	border: none;
	}

	#content table.index td.date {
	width: 130px;
	}
	
	/*CONTACT: */
	#content table.contact {
	margin: 0 20px 0 0;
	border: none;
	}

	#content table.contact td {
	width: 280px;
	vertical-align: top;
	padding: 0;
	border: none;
	}

	/*TIER1: */	
	#content table.tier1 {
	margin: 0 25px 10px 0;
	}

	/*MENU: USE TO DISPLAY BULLETED MENUS ACROSS 2 EQUAL-WIDTH COLUMNS */		
	#content table.menu {
	padding: 0 15px 15px 0;
	width: 530px;
	margin: 0 0 10px 0;
	border: none;
	}
	
	#content table.menu td {
	width: 50%;
	border: none;
	}
	
	#content table.menu td li{
	margin: 0;
	}
	
	/* NEWS AND EVENTS INDICES */
	#content table.news {
	width: 100%;
	border: none;
	}
	
	#content table.news td {
	border: none;
	padding: 3px 0 3px 0;
	width: auto;	
	}
	
	#content table.news td.date {
	text-align: right; 
	padding: 3px 25px 3px 0;
	width: 130px;
	}
	
	#content div.box div.content h3 {
	margin: 0 0 3px 0;
	padding: 5px 5px 0 15px;
	}

	#content div.box div.content p {
	margin: 5px 0 5px 0; 
	padding: 0 5px 0 15px;
	}

	#content div.box p {
	margin: 10px 5px 10px 5px;
	}

	#content div.box ul {
	margin: 10px 0 10px 18px;
	}

	#content div.box li {
	margin: 0 5px 5px 0;
	}
	
	#content div.box table.menu.callout {
	padding: 0 15px 0 0;
	}
	
	#content div.box table.callout ul {
	padding: 0;
	}
	

	/*OFFICES*/	
	#content div.country {
	border: 1px solid #eee;
	padding: 0;
	margin: 10px 0 10px 0;
	}
	
	#content div.country table.offices {
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border: none;
	}
	
	#content div.country table.offices td {
	width: 50%;
	margin: 0;
	padding: 5px;
	border: none;
	
	}
	
	#content div.country h3 {
	margin: 0;
	padding: 5px 5px 10px 5px;
	border-bottom: 1px solid #eee;
	}
	
	#content div.country h3 img {
	position: relative;
	top: 4px;
	}
	

	#content div.box {
/*border: 1px solid #eee; */
background-color: white; 
margin: 8px 0 30px 0;
}

#content div.box table {
width: 100%;
margin: 0;
}



#content div.box table td {
width: 50%;
padding: 0 0 0 10px;
}


#content div.box {
	background-color: white;
	background-image: url(/images/theme/sidebar/rounded-side.gif); 
	background-repeat: repeat-y;
	background-position: left top; 
	border: none;
	margin: 0 0 6px 0;
	font-size: 10px;
	}
	
#content div.rounded div.top {
	height: 6px;
	/*position:relative; */
	background-color: #f1f1f1;
	background-image: url(/images/theme/sidebar/rounded-left-top-clear.gif);
	background-repeat: repeat-x;
	background-position: left top;
	overflow: hidden;
	}
	
	#content div.rounded h1 {
	margin-top: 0;
	padding-top: 0;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}
	
	#content div.top span {
	display:block; 
	height: 6px;
	/*position:relative; */
	background-image: url(/images/theme/sidebar/rounded-right-top.gif);
	background-repeat: no-repeat;
	background-position: right top; 
	}
	
	#content div.rounded div.content {
	/*position:relative; */
	background: url(/images/theme/sidebar/rounded-side.gif) repeat-y right top; 
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	}
	
	#content div.rounded div.bottom {
	height: 6px;
	/*position:relative; */
	background-color: #f1f1f1;
	background-image: url(/images/theme/sidebar/rounded-left-bottom.gif);
	background-repeat: repeat-x;
	background-position: left top;
	overflow: hidden;
	}
	
	#content div.bottom span {
	display:block;
	height: 6px;
	/*position:relative; */
	background-image: url(/images/theme/sidebar/rounded-right-bottom.gif);
	background-repeat: no-repeat;
	background-position: right top; 
	}
	
	/****************************
	2-COLUMN CONTENT TABLES
	****************************/
	

	#content table.twocolumn {
	width: 100%;
	border-collapse: collapse;
	}
	
	#content table.twocolumn thead {
	font-weight: bold;
	}
	
	#content table.twocolumn td {
	border: 1px solid #f1f1f1;
	padding: 10px;
	width: 75%;
	}
	
	#content table.twocolumn td.left {
	width: 25%;
	}
	
	#content table.twocolumn td.right {
	width: 75%;
	}


	/****************************
	3-COLUMN CONTENT TABLES
	****************************/
	

	#content table.threecolumn {
	width: 100%;
	border-collapse: collapse;
	}
	
	#content table.threecolumn thead {
	font-weight: bold;
	}
	
	#content table.threecolumn td {
	border: 1px solid #f1f1f1;
	padding: 10px;
	width: 33%;
	}
	
	#content table.threecolumn td.left {
	width: 34%;
	}
	
	#content table.threecolumn td.right {
	}

	
	/****************************
	EVENTS LISTINGS
	****************************/

	#content table.events p {
	margin: 0 0 5px 0;
	}

	#content table.events a {
	font-style: normal;
	}
	
	#content table.events p.location 
	{
    margin: 0 0 10px 0;
	font-style: italic;
	}

	
	/****************************
	CUSTOMER LISTINGS
	****************************/
	
	
	#content ul#azlist {
	list-style-image: none;
	text-align: left;
	margin-left: 0;
	padding-left: 0;
	padding-top: 12px;
	}
	
	
	#content  ul#azlist li {
	background-image: none;
	border-right: 1px solid #ccc;
	padding: 0 3px 0 3px;
	font-size: 1em;
	}
	
	#content  ul#azlist li.last {
	border-right: none;
	padding: 0 0 0 3px;
	}
	
	#content h2.index{
	padding-bottom: 5px;
	border-bottom: 1px solid #f1f1f1;
	}
	
	/****************************
	COUNTRY JUMP MENUS
	****************************/
	
	#content table.country {
	width: 100%;
	margin: 0;
	}
	
	#content table.country td {
	width: 25%;
	vertical-align: top;
	padding: 0 5px 5px 5px;
	}
	
	#content table.country th {
	padding: 5px 5px 0 5px;
	margin-bottom: 0;
	text-align: left;
	}
	
	#content table.country th a {
	font-weight: bold;
	}

	#content table.country ul
	{
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#content table.country li
	{
		margin: 0;
		padding: 0;
	}

	/******************************************
	STYLES FOR SIDEBAR
	******************************************/
	
	div#wrapper div#sidebar {
	float: right;
	width: 218px;
	font-size: 10px;
	margin: 0 0 10px 0;
	padding: 0;
	/*background-color: red; */
	}
	
	#sidebar div.quote {
	margin: 15px 10px 0 0;
	text-align: right;
	}
	
	#sidebar div.quote blockquote {
	color: #666;
	font-size: 11px;
	margin: 0 0 10px 0;
	}
	
	#sidebar div.quote p{
	font-size: 9px;
	}
	
	#sidebar div.quote img.rightquote {
	vertical-align: bottom;
	}
	
	#sidebar div.box {
	background-color: white;
	background-image: url(/images/theme/sidebar/rounded-side.gif); 
	background-repeat: repeat-y;
	background-position: left top; 
	border: none;
	margin: 0 0 6px 0;
	font-size: 10px;
	}
	
	#sidebar div.box h1 {
	background-color: #f1f1f1;
	background-image: url(/images/theme/bg_blue_sidebar_heading.gif);
	background-position: top-left;
    background-repeat: repeat-y;
	margin: 0;
	padding-left: 15px;
	padding-right: 10px;
	font-size: 11px;
	border-bottom: 1px solid #ccc;
	}
	
	#sidebar div.box ul {
	margin: 5px 1px 5px 1px; /* 1px margin so that lines don't overlap the box borders */
	list-style-type: none;
	}
	
	#sidebar div.box li {
	background-image: url(/images/theme/bt_sidebar_cyandoublearrow.gif);
	background-repeat: no-repeat;
	margin: 0;
	padding: 8px 10px 8px 15px;
	border-top: 1px solid #eee;
	}

	#sidebar div.box li.first, #sidebar div.box .more li {
	border-top: none;
	}
	
	#sidebar #contactus ul {
	margin: 5px 5px 8px 5px;
	list-style-type: none;
	}

	#sidebar #contactus li {
	background-image: url(/images/theme/bt_side_doublearrow.gif);
	background-repeat: no-repeat;
	margin: 0 0 5px 0;
	padding: 0 0 0 11px;
	}
	
	#sidebar #contactus h2 {
	font-size: 10px;
	padding: 5px 5px 3px 5px;
	margin: 0;
	}

	#sidebar div.box h2 {
	font-size: 10px;
	padding: 5px 5px 3px 5px;
	border-top: 1px solid #f1f1f1;
	margin: 0;
	}

	#sidebar div.box h2.first {
	border-top: none;
	}

	#sidebar div.ad 
	{
	margin: 0 0 5px 0;
	}
	
	#sidebar strong a, #sidebar h1 a, #sidebar h2 a {
	font-weight: bold;
	}	
	
	#sidebar div.rounded div.top {
	height: 6px;
	position:relative; 
	background-color: #f1f1f1;
	background-image: url(/images/theme/sidebar/rounded-left-top.gif);
	background-repeat: repeat-x;
	background-position: left top;
	}
	
	#sidebar div.rounded h1 {
	margin-top: 0;
	padding-top: 0;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}
	
	#sidebar div.top span {
	display:block; 
	height: 6px;
	/* position:relative;  */  /* Keith Lo - jan 8 2008 - comment this to let dropdown menu cover sidebar */
	background-image: url(/images/theme/sidebar/rounded-right-top.gif);
	background-repeat: no-repeat;
	background-position: right top; 
	}
	
	#sidebar div.rounded div.content {
	position:relative; 
	background: url(/images/theme/sidebar/rounded-side.gif) repeat-y right top; 
	margin: 0;
	padding: 0;
	padding-bottom: 1px;
	}
	
	#sidebar div.rounded div.bottom {
	height: 6px;
	position:relative; 
	background-image: url(/images/theme/sidebar/rounded-left-bottom.gif);
	background-repeat: repeat-x;
	background-position: left top;
	overflow: hidden;
	}
	
	#sidebar div.bottom span {
	display:block;
	height: 6px;
	position:relative; 
	background-image: url(/images/theme/sidebar/rounded-right-bottom.gif);
	background-repeat: no-repeat;
	background-position: right top; 
	}
	
	#sidebar ul.more li {
	background-image: none;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	}
	
	#sidebar img.banner {
	margin: 0 0 0 1px; /* moves item over 1px to not cover background img border */
	}
	
	#sidebar span.resourceType {
		font-size: 6.5pt; 
		color: #aaa;
	}
	
/******************************************
STYLES FOR LEFT NAV (MENU2)
******************************************/

#menu2 {
float: left;
width: 140px;
margin: 15px 0 0 0;
padding: 0 0 0 18px;
font-size: 10px;
/* background-color: green; */
}

#menu2 h1 {
text-transform: uppercase;
font-size: 10px;
margin: 0 13px 10px 0;
}

/* do not distinguish between visited and non-visited link */
#menu2 a:visited 
{
color: black; 
}

#menu2 a:hover
{
color: #009ddc;
text-decoration: none;
}

#menu2 ul {
list-style-type: none;
}

#menu2 li {
margin: 0 0 7px 0;
}

/* hide child nodes by default */
#menu2 ul ul, #menu2 ul ul ul {
display: none;
}


#menu2 ul ul li {
margin: 0 0 3px 0;
padding: 0 0 0 10px;
background-image: url(/images/theme/bt_arrow.gif);
background-repeat: no-repeat;
background-position: top left;
}

#menu2 ul ul ul li {
margin: 0 0 3px 10px;
background-image: url(/images/theme/bt_arrow2.gif);
}

/******************************************
STYLES FOR FOOTER
******************************************/
#footer {
font-size: 7pt;
margin: 10px 0 0 0;
padding: 10px 0 5px 0;
position: relative;
bottom: 0px;
clear: both;
text-align: right;
border-top: 5px solid #eee;
}

#footer h1 { /* tagline */
float: left;
text-align: left;
color: #807f83;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
font-variant: normal;	
margin: 0;
padding: 0;
}

#footer ul {
list-style-type: none;
margin: 3px 0 3px 0;
}

#footer li {
padding: 0 5px 0 5px;
display: inline;
border-right: 1px solid #ccc;
}

#footer li.last {
padding: 0 0 0 5px;
display: inline;
border-right: none;
}

#footer p {
margin-top: 2px;
}

#footer a:visited {
color: #000;
}

#footer p.copyright {
margin-top: 15px; 
font-size: 6.5pt; 
color: #ccc;
}



/* Display active nav */
#menu2 ul.active
{
    display: block;
    font-weight: normal;
}


/******************************************
STYLES FOR SITEMAP
******************************************/
.expandable
{
  list-style-image: url(../images/sitemap/plus.gif);
}
.leaf
{
  list-style-image: url(../images/sitemap/dot.gif);
  cursor: default;
}
.subList
{
  display: none;
}
/* Keith Lo - jan 8 2008 - sitemap page looks good with this block, starts */
/* overwrites default table style */
#content .SiteMap table {
width:auto;
}

#content .SiteMap table td {
width:auto;
padding: 2px 5px;
border:none;
}
/* Keith Lo - jan 8 2008 - sitemap page looks good with this block, ends */

/******************************************
STYLES FOR TOP NAV (MENU)
******************************************/

#menu {
clear: both;
text-align: left;
margin: 3px 10px 5px 13px; /* khamilton - jan 3 2008 - added 5px bottom for FF as overflow removes some height */
padding: 0;
height: 20px;
/* width: 739px;  OLD MENU WIDTH */
width: 955px; /* khamilton - jan 3 2008 - make menu span full page width */
/* overflow-x: hidden; */ /* Keith Lo - jan 8 2008 - this lines causes dropdown menus not to stay after the cursor moving out from the horizontal menu */ /* khamilton - jan 3 2008 - hide menu items that word wrap */
}

#menu ul.lvl01 {
list-style-type: none;
font-size: 8pt;
float:left;
color: #000;
padding: 5px 0 0 0;
}

#menu li.lvl01 {
/*
display: inline;
padding: 0 4px 0 5px;
*/
background-image:url('/images/theme/menu/ddmenu_sep.gif');
background-repeat:no-repeat;
background-position:top right;
padding-top:2px;
padding-bottom:7px;
padding-left:5px;
padding-right:5px;
}

#menu li.lvl01 a {
}

#menu ul.lvl01 > li.last {
/*padding: 0 0 0 5px;*/
background-image:none;
}

#header {
clear:both;
}

#menu2 {
clear:left;
}

/* CSS Menus - Horizontal CSS Menu with Dropdown and Popout Menus - 20050131 */



/* Begin CSS Popout Menu */

/*
#menu{
width:100%;
float:left;
}
*/

#menu a {
display:block;
white-space:nowrap;
margin:0;
}

#menu li li a{
padding:1px 0 1px 3px;
}

#menu a{
text-decoration:none;
}

#menu a, #menu a:visited{
color:#000;
}

#menu a:active{
color:#060;
background:#ccc;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
/*float:left;*/
/*width:9em;*/
background-color:#fff;
/* position:relative; */ /* Make drop-down menu not overlap sidebar  */
}

#menu li{
background-color:#fff;
}

#menu ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
margin-top:7px;
margin-left:-5px;
padding-bottom:13px;
padding-right:13px;
width:240px;
/*
padding:0 20px 0 15px;
border-width:1px;
border-style:solid;
border-color:#ccc #888 #555 #bbb;
*/

background:transparent url('/images/theme/menu/drop.png') no-repeat bottom right;
}

#menu ul ul li{
width:200px;
padding:0 15px 0 25px;
border-left-width:1px;
border-right-width:1px;
border-style:solid;
/*border-color:#ccc #888 #555 #bbb;*/
border-color:#bbb;
border-top:none;
border-bottom:none;
}

#menu ul ul li.first{
border-top:1px solid #ccc;
padding-top:3px;
}

#menu ul ul li.last{
/*
border-bottom:1px solid #555;
padding-bottom:5px;
*/
margin-bottom:5px;
}

#menu ul ul li:hover {
background-image:url('/images/theme/menu/ddmenu_bullet.gif');
background-repeat:no-repeat;
background-position:top left;
}

#menu ul ul li.first:hover {
background-image:url('/images/theme/menu/ddmenu_bullet_top.gif');
}

#menu a {
text-decoration: none;
color: #000;
}

#menu a:hover {
color: #000;
}


#menu ul ul a {
padding:3px 0 3px 5px;
font-size:10px;
white-space: normal; /* Make drop-down menu text wrap */
}

#menu ul ul a:hover {
color:#009DDC;
}

#menu ul ul a:active{
background-color:#fff;
}

#menu ul ul ul{
top:0;
left:100%;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu li:hover{
cursor:pointer;
z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* End CSS Popout Menu */

/* BEGIN filter styles */
#content div.box div.content.filter
{
  padding-top: 6px;
}
#content div.box table.filter
{
  width: auto;
  padding-bottom: 4px;
}
#content div.box table td.filterlabel
{
  width: auto;
  white-space: nowrap;
  text-align: right;
  line-height: 18px;
}
#content div.box table td.filter
{
  width: auto;
  white-space: nowrap;
  line-height: 18px;
  padding-left: 2px;
}
#content div.box table td.filter select.filter
{
  font-family: verdana;
  font-size: 10px;
}
#content div.box table td input.filter
{
  font-family: verdana;
  font-size: 10px;
}

/* END filter styles */


/* Keith Lo - jan 8 2008 - search result page looks good with this block, starts */

/* Search Results */

span.searchResultHeader
{
	font-weight: bold;
}
span.baskettotal
{
	font-weight: bold;
}
span.searchResultURL
{
	color: #807f83;
	font-size: 9px;
}
input.search
{
  font-family: verdana;
  font-size: 10px;
}

/* Keith Lo - jan 8 2008 - search result page looks good with this block, ends */


/* directoryNav */
.directoryNav {
	clear: both;
	font-size: 10px; /* font size for the links */
}
.directoryNav h4 {
	color: #666666;  /* color for the header */
	font-size: 10px;  /* font size for the header */
	margin: 0 0 10px;
}
.directoryNav h4 a {
	color: #666666;  /* color for the header links */
}
.directoryNav h4 a:focus,
.directoryNav h4 a:hover {
	color: #009DDC;  /* color for the header links when mouseover */
}
.directoryNav .plain {
	list-style: none;
	padding: 0;
}
.directoryNav ul {
	margin-bottom: 20px;
}
.directoryNav ul li a {
	color: #888888;  /* color for the links */
}
.directoryNav ul li a:focus,
.directoryNav ul li a:hover {
	color: #009DDC;  /* color for the links when mouseover*/
}
.directoryNav .column {
	float: left;
	margin: 10px 0 0 40px;
}
.directoryNav .first {
	margin-left: 0px;
}
.columnTotal_3 .column {
	width: 296px;
}
.columnTotal_4 .column {
	width: 212px;
}
.columnTotal_5 .column {
	width: 161px;
}
.columnTotal_6 .column {
	width: 128px;
}