@charset "utf-8";

/****************************************************/
/* HORIZONTAL NAVIGATION                            */
/****************************************************/
#headerTopNavigation ul {list-style-type:none; padding:0; margin:0;}
#headerTopNavigation ul li {list-style-type:none; float:left; font-size:0.7em; padding:0; text-align:center; border-bottom:solid 1px #d0d0d0;}
#headerTopNavigation ul li:hover { border-bottom:solid 1px #d0d0d0;}
#headerTopNavigation ul li.navSel {border-bottom:solid 1px #fff;}
#headerTopNavigation ul li a {display:block; background-color:#eaeaea; text-decoration:none; color:#0083c9; min-height:1.5em; padding:5px 3px 1px 3px; vertical-align:middle;}
#headerTopNavigation ul li a:hover {background-color:#fff; text-decoration:none; color:#044c6c; border-top:solid 1px #eaeaea; border-left:solid 1px #eaeaea; border-right:solid 1px #eaeaea; padding:4px 2px 1px 2px;}
#headerTopNavigation ul li.navSel a {background-color:#fff !important; color:#044c6c; border-top:solid 1px #eaeaea; border-left:solid 1px #eaeaea; border-right:solid 1px #eaeaea; padding:4px 2px 2px 2px;}

/* IE 6 Hack */
* html div #headerTopNavigation ul li a {height:1.5em; padding-bottom:2px;}
* html div #headerTopNavigation ul li a:hover {border-bottom:solid 1px #fff; padding:4px 2px 1px 2px;}

/* Google Chrome and Safari Hack */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
#headerTopNavigation ul li  {border-bottom:none;}
#headerTopNavigation ul li a:hover {border-bottom:solid 1px #fff; padding:4px 2px 1px 2px;}
}

#home_button a {width:65px; margin-right:4px;}
#overview_button a {width:73px; margin-right:4px;}
#performance_button a {width:128px; margin-right:4px;}
#business_review_button a {width:115px; margin-right:4px;}
#governance_button a {width:89px; margin-right:4px;}
#financial_statements_button a {width:147px; margin-right:4px;}
#shareholder_information_button a {width:171px;}

/****************************************************/
/* HOMEPAGE SPLASH                                  */
/****************************************************/
#homeSplashArea {width:851px; height:220px; background-color:#fff;}

/****************************************************/
/* VERTICAL NAVIGATION                              */
/****************************************************/

ul#sidebarNav{list-style:none; min-height:140px; margin:0 0 20px 0; padding:10px 0 0 0; display:block; font-family:"Trebuchet MS", Helvetica, sans-serif; background:#fff url(../images/sidebarNavBackground.jpg) repeat-x;}
* html div ul#sidebarNav {height:192px;}
ul#sidebarNav li{margin:0 2px 0 0; padding:0 0 0 12px; font-size:0.7em; font-weight:bold; line-height:1.5em; display:block;}
ul#sidebarNav li a {display:block; width:100%; color:#0083c9; text-decoration:none; padding:2px 1px;}
ul#sidebarNav li a:hover {color:#044c6c;}
ul#sidebarNav li.navSel a {color:#044c6c;}


/****************************************************/
/* JUMP MENU                                        */
/****************************************************/

#jumpMenuContainer {float:left; width:215px; margin:0; padding:94px 0 0 0; background:#fff url(../resources/images/homepage/downloadsFocus.jpg) no-repeat top center;}
* html div #jumpMenuContainer {padding:100px 0 0 0;}
#jumpMenuContainer h2 {font-size:0.9em; color:#666363; margin-left:0 !important; padding:0 !important;}
#jumpMenuContainer p {font-size:0.7em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666363; margin-left:0 !important; padding:0 !important;}
#jumpMenuContainer label {font-size:0.7em; font-family:Verdana, Arial, Helvetica, sans-serif; clear:both; color:#666363; padding-left:5px;}
#jumpMenuContainer select {width:210px; border:solid 1px #333; font:0.6em Verdana, Geneva, Arial, Helvetica, sans-serif; color:#2e657c; padding:1px !important; margin:0 !important;}
#jumpMenuContainer ul {list-style-type:disc !important; font-size:0.7em !important;}
#jumpMenuContainer ul li {padding:0 0 0 5px !important; margin:0 !important;}
#jumpMenuContainer ul li a {color:#0083c9;}
#jumpMenuContainer ul li a:hover {color:#044c6c;}

/****************************************************/
/* CRUMB TRAIL                                      */
/****************************************************/

.crumbPanel {
	color: #FFFFFF;
	font-size: 0.58em;
	font-weight:bold;
	width: 574px;
	height: 15px;
	padding-left: 5px;
	padding-top: 2px;
}

.homePanel {
	background-image:url(../../siteFiles/images/crumbPanelAbout.gif);
}
.aboutSmithsPanel {
	background-image:url(../../siteFiles/images/crumbPanelAbout.gif);
}
.investorRelationsPanel {
	background-image:url(../../siteFiles/images/crumbPanelInvRel.gif);
}
.corporateGovernancePanel {
	background-image:url(../../siteFiles/images/crumbPanelCorGov.gif);
}
.mediaCentrePanel {
	background-image:url(../../siteFiles/images/crumbPanelMedCen.gif);
}
.corporateResponsibilityPanel {
	background-image:url(../../siteFiles/images/crumbPanelCorRes.gif);
}
.careersPanel {
	background-image:url(../../siteFiles/images/crumbPanelCareers.gif);
}

a.crumbTrail {
	color:#FFFFFF;
	background-color: transparent;
	text-decoration:none;
}
a.crumbTrail:hover {
	text-decoration: underline;
}