/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.3.0


Whitespace Reset 
----------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;} table {font-size:inherit;font-size:100%;}  pre,code,kbd,samp,tt {font-family:monospace; line-height:99%;}

/* Reset Whitespace 
-------------------*/
strong,th,h1,h2,h3,h4,h5,h6{ font-weight: bold; }h1,h2,h3,h4,h5,h6{margin: 1em 0;}em{font-style: italic;}ul li{list-style: disc;}ol li{list-style: decimal;}

body{
	color:#000; font-family: arial,verdana,clean,sans-serif; font-size: 100%; color: #074B11; text-align: center; background-color: #054A11;   
} 

/*  Generic styles
-------------------*/  
.hide{
	position: absolute; top: -1000em;
}

/* Clearing :note: In IE < v.7 This relies on the Holly Hack being prescent ie specific css file*/
.clear:after{
	content: "."; height: 0; visibility: hidden; display: block; clear: both;
}

strong{
	font-weight: bold;
}

/*Center content divs*/
#content-wrapper,
#header,
#footer{
	width: 942px; text-align: left; margin:0pt auto; /*position:relative;*/
}

/* set content background colours */
#sub-navigation,
#content{
	background-color: #fff;
} 


 /* Footer
----------------------------*/
#footer{
	background: url(i/footer.jpg) transparent; height: 367px;
}

#footer-wrapper{
	background: url(i/footer-gradient.jpg) repeat-x left bottom #397D2D;
}

#footer ul{
	float: right; margin-right: 29px;
}

#footer ul li{
	float: left; list-style: none !important;
}

#footer ul li{
	float: left;
}

/* Position anchors with hidden text over header background image */
#footer a.corporate-website{
	width: 122px; 
}

#footer a.faq{
	width: 41px;
}

#footer a.legal-copyright{
	width: 116px;
}

#footer a.contact-us{
	width: 84px; 
}

#footer a.privacy{
	width: 60px; 
}

#footer ul a:link, 
#footer ul a:visited{
	color: #fff; height: 28px; display: block;
}

#footer a{
	text-transform: capitalize;
}

/* Wrapper
----------------------------*/ 
#wrapper{
	background: url(i/top-gradient.jpg) repeat-x #397D2D;
}

/* Sub-wrapper
----------------------------*/ 
#sub-wrapper{
	background-color: #fff;
}

/* Sub-wrapper
----------------------------*/ 
#content-wrapper{
	padding-bottom: 46px; background: url(i/tag-line.jpg) bottom right no-repeat;
}

/* Header
----------------------------*/ 
#header{
	height: 130px; background: url(i/header.jpg) no-repeat; position: relative;
}

#header .home-link{
	display: block; float:left; height: 130px; width: 200px;
}

/* Navigation
----------------------------*/

/* :note: Nav is image replaced */
#main-navigation{
	position: absolute; right: 24px; top: 56px;
	 font-family: "arial narrow", arial, verdana, clean, sans-serif;
}	

#main-navigation li{
	float: left; list-style: none; 
}

/* :note: Position anchors with hidden text over header background image */
#main-navigation a.home{
	width: 55px; 
}

#main-navigation a.aboutus{
	width: 80px; 
}

#main-navigation a.culture{
	width: 64px;
}

#main-navigation a.people{
	width: 63px;
}

#main-navigation a.customers{
	width: 88px; 
}

#main-navigation a.brands{
	width: 64px; 
}

#main-navigation a.rewards{
	width: 73px; 
}

#main-navigation a.careers{
	width: 67px; 
}

#main-navigation a.locations{
	width: 81px; 
}

#main-navigation a.job-search{
	width: 91px;
}

#main-navigation a:link, 
#main-navigation a:visited{
	color: #fff; font-size: 1.125em; text-decoration: none; font-weight: bold; height: 24px; display: block;

}

/* sub-navigation */
#sub-navigation{
	margin-left: 8px; margin-top: 48px; 
	width: 210px; float: left; font-family: Verdana, Geneva, Arial, sans-serif;
}

#sub-navigation li.first{
	border-top: solid #5AAC30 2px; padding-top: 10px;
}

#sub-navigation li.last{
	border-bottom: solid #5AAC30 2px; padding-bottom: 10px;
}
	

/* hide subnav for JOIN pages that don't have subnav*/
body.jobsearch #sub-navigation,
body.login #sub-navigation,
body.apply_default #sub-navigation,
body.jobdetails #sub-navigation,
body.apply_appform #sub-navigation,
body.apply_stage #sub-navigation,
body.apply_mediasource #sub-navigation,
body.apply_cv #sub-navigation,
body.registerprefs #sub-navigation,
body.register #sub-navigation,
body.apply_eeo #sub-navigation{
	display: none;
}

#sub-navigation #subnav{
	padding: 0;
}

#sub-navigation li{
	border-bottom: 1px solid #CEE4C2; list-style: none;
}

#sub-navigation a:link, 
#sub-navigation a:visited{
	font-size: 0.68em; color: #000; text-decoration: none; padding: .9em 0 .9em 16px; display: block;
	background: url(i/subnav-arrow.gif) 6px center no-repeat;
} 

#sub-navigation a:focus, 
#sub-navigation a:hover,
#sub-navigation a:active{
	background: url(i/subnav-arrow-selected.gif) 6px center no-repeat;
}

#sub-navigation a.selected{
	background: url(i/subnav-arrow-selected.gif) 6px center no-repeat;
}

/*user-navigation*/
#user-controls p{
	font-size: .625em; color: #5AAB31; float: right; clear: right; margin-right: 41px; margin-top: 7px;
}

#user-navigation{
	float: right; font-family: arial, verdana, clean, sans-serif; margin-right: 37px;
}	

#user-navigation li{
	float: left; list-style: none; 
}

#user-navigation a:link, 
#user-navigation a:visited{
	color: #fff; font-size: .75em; text-decoration: none; padding: .2em; font-weight: bold; color: #02762B; /*background-color: #fff;*/
}

#user-navigation a:focus, 
#user-navigation a:hover,
#user-navigation a:active{
	font-family: arial, verdana, clean, sans-serif; font-size: .75em;
}

#user-navigation a.selected{
	
}

/*login link*/
#user-navigation a#ctl00_LoginControl1{
	
}

/*register link*/
#user-navigation a#ctl00_UserTypeLink1{
	 
}

/* Content
----------------------------*/
#content{
	margin-left: 233px; background: url(i/content-green-line.gif) 0px 48px no-repeat #fff; padding-top: 15px;
}

#content h1{
	height: 40px; font-weight: normal; padding: 0 0 0.5em 0; margin: 0; color: #000; font-size: 1.5em; font-weight: bold; font-family: "arial narrow", arial, verdana, clean, sans-serif;
}

#content h2,
#content h3{
	margin: 0; font-weight: bold; font-size: .75em;
}


#content h2.name-position{
	font-family:"arial narrow",arial,verdana,clean,sans-serif; color: #000; font-size: 1.25em; border-bottom: 1px solid #d1e1bf; padding-bottom: .5em; margin-bottom: 1em;
}

#content h2 .position{
	color: #7bbc5a;
}

#content h2 .name{
	color: #000;
}

#content p {
	font-size: .75em; margin-bottom: 1.125em; color: #074B11;
}

#content  ul, 
#content ol {
	margin: 1em 0; margin-left: 40px;
}

#content a:link, 
#content a:visited{
	text-decoration:underline; color: #074B11;
}

#content a:focus, 
#content a:hover,
#content a:active{
	color: #000;
} 

#content img.right{
	float: right; margin-left: 10px; margin-bottom: 5px;
}

/* Homepage */
body.default h1{
	position: absolute; top: -1000em;	
}

body.default #launchpad{
	width: 904px; height: 475px; background: url(i/homepage.jpg) no-repeat; position: relative;
}

body.default #launchpad .section h2{
	color: #195231; font-size: 1em; 
	/*:note: hide it*/ position: absolute; top: -1000em;
}

body.default #launchpad .section p{
	color: #9B9B9B; font-weight: bold; margin-bottom: 0; padding-top: 22px; width: 120px;
}

body.default #launchpad .section a{
	color: #195231; font-size: .875em; text-decoration: underline;
}

body.default #launchpad .section a:hover{
	 text-decoration: none;
}

/*Position home page panels*/
body.default #launchpad .people{
	position: absolute;	top: 34px; left: 26px; 
}

body.default #launchpad .culture{
	position: absolute;	top: 34px; left: 476px; 
}

body.default #launchpad .brands{
	position: absolute;	top: 260px; left: 26px; 
}

body.default #launchpad .careers{
	position: absolute;	top: 260px; left: 476px; 
}

body.default #content{
	background-image: none; margin-left: 0;
}

body.default #sub-navigation{
	display: none;
}

/* FAQ page */
#content #faq h2{
	font-size: 1em; text-decoration: underline; cursor: pointer; padding: .4em 0;
}

#content #faq h2:hover,
#content #faq dl dt:hover{
	color: #000;
}

#content #faq dl dt{
	text-decoration: underline; cursor: pointer; padding: .3em 0; font-size: .9em;
}

#content #faq dl dd{
	color: #000; font-size: .9em;
}




/*:note: JOIN specific styles */

/*:note: Application form - AppForm.aspx */
body.apply_appform #content h3{
	font-size: 1em;
} 

body.apply_appform table.appform{
	font-size: .75em;
}


body.apply_appform a{ /* :note: change size of all non <p> enclosed links */
	font-size: .75em;
}

body.apply_appform p a{
	font-size: 100%;
}


body.apply_appform ol#jobappform{ /* :note: override default ol indenting*/ 
	margin-left: 0;
}

/* :note:  Turn off ordered list numbering for application pages */ 
ol#jobappform li{
	list-style: none;
}

/*:note:  Edit Page link */
.editlink{
	text-align: center; background: url(i/subnav-arrow.gif) 10px center no-repeat transparent !important; border-bottom:1px solid #CEE4C2; border-top: 1px solid #CEE4C2; padding: .5em 0; font-weight: bold;
}

.editlink:hover{
	border-top: 1px solid #397D2D; border-bottom: 1px solid #397D2D; font-weight: bold; text-decoration: none !important;
}
 
 
 
 
/*:note: Candidiate zone*/ 
#applicant-info{
	margin-bottom: 1em; padding-bottom: 1em; background: url(i/content-green-line.gif) left bottom no-repeat #fff;
}

#applicant-info h2{
	color: #000; font-size: 1em; margin-top: 0 !important; 
} 

#applicant-info div span{
	font-size: .75em;
}

/* Register.aspx
--------------------------------*/
span.mandatory{ /* :temp note: Should apply to all forms */ 
	color: #900;
} 

 
/* :note: flash msg change these styles to suit the design.*/
body #content .flash{ 
	background-color: #fff; padding: .5em 1em; border: 1px solid #000; margin-bottom: 1em; background: url(i/footer.jpg) 50% 25%; 
}

body #content .flash p{ 
	padding: 0; margin: 0; /* :note: reset <p> */
	color: #fff;  font-size: 1em; font-weight: bold;
}



/* validation summary */
.validationerrors {
	color: #f00 !important; font-size: .75em;
}

/* legend color */
fieldset legend { 
	color:#000; font-size:1em; 
}

fieldset label,
fieldset select,
fieldset input{ /* :note: style decloration also exists in form.css */
	font-size:.75em;  	
}

/* :note: candidate zone */
.apply_default #content ul li{
	list-style: disc;	
}

.apply_default table.prettytable th{
	font-size: .875em;
}

.apply_default table.prettytable td{
	font-size: .75em;
}

body.apply_default #content h2{
	font-size: 1em; margin-top: .75em;
}

body.apply_default #content ul li a{
	font-size: .75em;
}

/* Job search */
fieldset div {
	margin-bottom:10px;
	padding-bottom: 0 !important; /* :note: reset form css */
}

/*job title*/
body.jobsearch h2 a{
	font-size: 1em;
}  


/*Tables*/
.apply_default .prettytable th{
	font-weight: bold;
}

table.prettytable tr.AlternatingItem, table.appform tr.AlternatingItem {

}

/*:note: Job Preferences - RegisterPrefs.aspx*/
body.registerprefs strong{
	font-size: .75em;
}

body.registerprefs table{
	font-size: .75em;
}

/* :note: fixes table spacing issue in RegisterPrefs.aspx :temp note: can also apply to sitemap if activated */
.registerprefs table{
	width: auto;
}

.registerprefs table td{
	padding: 0; vertical-align: middle; 
}

#loggedinview{
	position: absolute;
	left: 0;
	top:0;
}

/* :note:  Application form pages */

/* :note: Job search / job results */
.job-result dl{ /*:note: space job details from job title*/ 
	margin-top: 5px;
}
/* :note: Ensure job description text size is consistant whether in <p> or not */ 
.job-result .jobdescription{
	margin: 1em 0; font-size: .75em;
}
#content .job-result .jobdescription p{
	font-size: 100%;
}

div.job-result{
	margin-bottom: 1.5em;
}

#content div.job-result h2{
	font-size: 1em;
}

body.login #content label{
	font-size: .75em;
}

div.job-result h2 a{
	font-weight:normal; background: url(i/subnav-arrow.gif) 0px center no-repeat; padding-left: 6px; color: #000; display: block; border-bottom:1px solid #CEE4C2;  
}

div.job-result h2 a:hover{ /* :note: triggers Guillotine bug in IE7*/
}

#content .job-result .jobdescription p{
	font-size: 100%;
}

.job-result dt,
.job-result dd{
	font-size: .75em; padding: .2em 0;
}

.job-result dt{
	clear: right !important; /*:note: override forms.css*/
}

#content .cibbutton input{
	cursor: pointer;
}

/* Apply process Input buttons + details and apply links */ 
input.button,
input#ctl00_content_CancelPb,
input#ctl00_content_ApplyCancel1{
	font-size: .875em;
}

#content .cibbutton .jobdetails,
#content .cibbutton .jobapply{
	font-size: 0.75em; color: #333; text-decoration: none; padding: 8px 16px 8px 20px; background: url(i/subnav-arrow.gif) 10px center no-repeat; border-bottom:1px solid #CEE4C2; border-top: 1px solid #CEE4C2;
}

#content .cibbutton .jobdetails:hover,
#content .cibbutton .jobapply:hover{
	border-top: 1px solid #397D2D; border-bottom: 1px solid #397D2D; color: #000;
}

#content .cibbutton .jobdetails{
	margin: 0 1em;
}	

/*login screen*/

/*space register / enter password options*/
body.login div#ctl00_content_bob{
	margin-top: 8px;
}

span.forgot-password{
	font-size: .75em;
}

/*:note:  content area defaults */
#content  ul, 
#content ol {
	margin: 1em 0; margin-left: 40px;
}


/*:note: Locations.aspx table */
table.locations{
	width: 700px !important;
}

#content table.locations th{
	color: #fff; background-color: #008000; border-color: #008000; 
}

table.locations th,
table.locations td{
	font-size: .75em; border: 1px solid #CEE4C2; margin: 5px; padding: 2px;
} 

#content table.locations td p{
	font-size: 100%; width: auto !important; 
}

 /* :note: These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* :note: Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* :note: These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #content h1{
	visibility: hidden; font-size: 16px; height: auto; margin-bottom: 30px; padding: 0; line-height: 20px; margin-left: 0px; margin-left: -6px;
}