/* Core elements */

html {color:#333;background:transparent}
body {text-align:center;margin:0px;padding:0;}

/* YUI Grid Overrides */
.yui-gc .yui-g {float:none;margin:0 236px 0 0;padding:0px;position:static;width:auto;}
.yui-gc div.first {float:right;margin:0;padding:0em 0em 0em 0em;width:221px;background:transparent}
.yui-t2 .yui-b {background:transparent;float:left;width:221px;}
.yui-t1 #yui-main, .yui-t2 #yui-main, .yui-t3 #yui-main {float:right;margin-left:-25em;}
#yui-main {background:transparent;width:100%;}
.yui-t2 #yui-main .yui-b {font-size:100%;margin-left:236px;margin-right:0px}
.yui-t2 {}
.yui-t2 .yui-b .border {border:0}
#cmsbody .border {border:0}
#rightcol {padding-top:2px;}
#content {/*overflow:hidden;*/margin-bottom:1em;}
.yui-t2 li {margin-bottom:0.5em;}

a, a:active {color: #36A7E9;}
a:hover {color: #333333;}
h1 { font-size: 160%; }
h2 { font-size: 120%; }

h1.pageTitle {margin-top:0}

/* Common layout styles */
#logo { padding-top: 34px; padding-bottom: 40px; }
.wrapper {margin:auto;width:auto;min-width:900px;max-width:1300px}

/* - Header image */
.yui-b .header h1 { color: white; width: 66%; padding: 185px 0px 10px 10px; margin: 0;min-width:500px;_width:500px;/*meh!*/}
.yui-b .header {height:280px;position:relative;margin-bottom:1.6em;}
.yui-b .header .h1bg {position:absolute;height:116px;background:black;opacity:0.5;filter:alpha(opacity=50);width:100%;bottom:0;left:0}

.hd_corner_nw {background:url("/img/header_corner_nw.gif") top left no-repeat;position:absolute;width:100%;z-index: 9}
.hd_corner_ne {background:url("/img/header_corner_ne.gif") top right no-repeat;}
.hd_corner_se {background:url("/img/header_corner_se.gif") bottom right no-repeat;}
.hd_corner_sw {background:url("/img/header_corner_sw.gif") bottom left no-repeat; height: 280px;}

/* - Left and right edge gradient page borders */
#leftedge { background: url(/img/page_bg_left.jpg) left repeat-y; padding-left: 60px; }
#rightedge { background: url(/img/page_bg_right.jpg) right repeat-y; padding-right: 60px; padding-bottom:16px/*fixes clearfix issues*/}

/* - Search form */
#search { text-align: right; margin: 16px 0 20px 0; }
#search form { float: right; }
#search fieldset { margin: 0; }
#search label { color: #333333; margin-right: 5px; float: left; font-size:94%;padding-top:2px; }
#search input { float: left; }
#search input[type=image] { display:block; }
#searchbox {width:129px;height:18px;background:transparent url(/img/search_bg.gif) no-repeat;border:0;padding: 2px 8px 0px 8px;font-size:95%;}

/* - Main navigation */

/* -- General */
#nav {margin:20px 0 48px 0}
#nav a { outline: none; cursor: pointer; }
#nav ul { margin: 0; padding: 0; width: 221px; }
#nav li { background: url(/img/nav_bg_n.jpg) top left no-repeat; list-style: none; padding: 0 0 0 0; margin: 0 0 10px 0; _height: 0; }

/* -- Top Level */
#nav ul li a { background: url(/img/nav_bg_s.gif) bottom left no-repeat; padding: 9px 10px; display: block; text-decoration: none; color: white; font-weight: bold; }
#nav ul li a span { float: right; font-size: 150%; line-height: 88%; cursor: pointer;}
#nav ul li.current { background: url(/img/nav_bg_current_n.jpg) top left no-repeat; }
#nav ul li.current a { background: url(/img/nav_bg_current_s.gif) bottom left no-repeat; }

/* -- Second level */
#nav ul ul { margin: 0 0 0 0; padding: 5px 0 0 0; background: white; width: auto; } 
#nav ul ul li { background: none; margin: 0; border-top: 1px solid #dddddd; }
#nav ul ul li:first-child { border-top: none;  }
#nav ul ul li.current { background: none; }
#nav ul ul li a { display: block; }
#nav ul ul li a:hover { background: #efefef; }
#nav ul ul li.current a { color: #37A7E9; font-weight: bold; background: none; }
#nav ul ul li.current a:hover { background: #efefef; }
#nav ul ul li a, #nav ul li.current ul li a  { background: none; padding-top: 5px; padding-bottom: 5px;  color: #003E71; font-weight: normal; }
#nav li#brands a { color: white; }

/* -- Third level */
#nav ul ul ul { padding: 0; margin-bottom: -1px; border-top: 1px solid #dddddd; }
#nav ul ul ul li { padding: 0; }
#nav ul ul ul li a { font-size: 90%; color: #003E71; padding: 5px 10px 5px 20px; font-weight: normal; display: block; }

/* -- Fourth level */
#nav ul ul ul ul li a { padding-left: 30px; }

/* -- Fifth level */
#nav ul ul ul ul ul li a { padding-left: 40px; }

/* -- Sixth level */
#nav ul ul ul ul ul ul li a { padding-left: 50px; }

/* -- Seventh level */
#nav ul ul ul ul ul ul ul li a { padding-left: 60px; }

/* - Left column nav boxes */
#navboxcontainer { padding-bottom: 30px;}

.navbox {display:block;width:219px;height:70px;position:relative;margin-bottom: 1em;text-decoration: none;}
.navbox .trans {height:24px;width:219px;position:absolute;top:0px;left:0px;background:#000;filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;z-index:1}
.navbox .text {display:block;height:24px;width:215px;font-weight:bold;color:#FFF;overflow:hidden;padding:0px 0px 0px 4px;position:absolute;z-index:2;cursor:pointer}
.navbox .header {display:block;height:24px;font-weight:bold;line-height:24px;font-size:110%}
.navbox .content {display:block;padding:2px 4px 0px 0px}

.people {background:url(/img/navbox_people_bg.jpg)}
.people .header {background:url(/img/navbox_people_arrow.gif) no-repeat right top}

.environment {background:url(/img/navbox_environment_bg.jpg)}
.environment .header {background:url(/img/navbox_environment_arrow.gif) no-repeat right top}

.healthwellness {background:url(/img/navbox_healthwellness_bg.jpg)}
.healthwellness .header {background:url(/img/navbox_healthwellness_arrow.gif) no-repeat right top}

/* - Login form */
#siteloginform {margin-top:20px;}
#siteloginform label {float:left;width:120px;}
#siteloginform fieldset {margin:2em;}

/* - Mailing list form */
#mailinglist { background: url(/img/mail_list_border_n.gif) top no-repeat; width: 221px; margin: 0 0 15px 0; padding: 0; height: 1%; }
#mailinglist form { background: url(/img/mail_list_border_s.gif) bottom no-repeat; margin: 0; padding: 0 10px 10px 10px; }
#mailinglist fieldset { padding: 0; margin: 0; }
#mailinglist h3 { padding: 10px 0; margin: 0 0 0 0; }
#mailinglist input { margin: 0; }
#mailinglist a {padding: 5px 0 0 0; font-size: 85%; color: #333333; }
#mailinglist p {margin-bottom:0.5em}
#mailinglist #submitform {color:#333;}

/* - Contact form */
.contactform label {display:block;}
.contactform span.label {float:none;}
.contactform ul.radiocheck {margin:0 0 1em 0;padding:0}
.contactform ul.radiocheck li {list-style:none;margin-bottom:0.4em;}
.contactform ul.radiocheck input {float:left;margin-right:0.3em;}
.contactform .error {font-style:italic;font-size:94%;color:red;}
input.textinput {width:219px;height:18px;background:transparent url(/img/textinput_bg.gif) no-repeat 0 0;border:0;padding:2px 8px 0px 8px;}
input.textinput-small {height:18px;width:182px;background:transparent url(/img/textinput_small.gif) no-repeat 0 0;border:0;padding:2px 8px 0px 8px;}
textarea.textinput {width:379px;height:145px;background:transparent url(/img/textarea_bg.gif) no-repeat 0 0;border:0;padding:4px 8px;}
input.textinput-captcha {width:80px;height:24px;}

/* - Newsletter form */
.newsletterform {}
.newsletterform fieldset {margin: 2em;}
.newsletterform label {display:block;}
.newsletterform li {list-style:none;}
.newsletterform li label {display:inline;}
.newsletterform .error {font-style:italic;color:red;font-size:94%}

/* E-newsletter page */
.enewsletter-story {border-bottom:1px solid #DCDCDC;padding:1em 0em;overflow:hidden;}
.enewsletter-story img {padding:0 0 10px 10px;}
.enewsletter-moreinfo1 {border:2px solid #F86A29;padding:10px;}
.enewsletter-moreinfo1 h3 {color:#F86A29}
.enewsletter-moreinfo2 {border:1px solid #DCDCDC;margin:20px 0;padding:10px;}
.enewsletter-list .date {color:#3B5DA4; font-size:110%; font-weight:bold; margin:10px 0; padding:0;} 

/* - Quick links */
#quicklinks { width: 221px; margin: 0 0 15px 0; padding: 0; background: url(/img/quicklinks_border_s.gif) bottom no-repeat; }
#quicklinks h3 { background: url(/img/quicklinks_border_n.gif) top no-repeat; padding: 12px 10px 10px 10px; margin: 0; }
#quicklinks ul { padding: 0 0 20px 0; margin: 0 10px; border-top: 1px solid #DCDCDC; _padding-bottom:0px;}
#quicklinks ul li { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #DCDCDC; }
#quicklinks ul li a { display:block; padding: 4px 0 4px 15px; background: url(/img/list_arrow_right.gif) left no-repeat; text-decoration: none; }

/* - Share This */
#sharethis { background: url(/img/sharethis_border_n.gif) top no-repeat; width: 221px; padding-top: 15px; }
#sharethis div { background: url(/img/sharethis_border_s.gif) bottom no-repeat; padding: 0 10px 25px 10px; zoom:1}
#sharethis a { color: #333333; padding: 3px; }
#sharethis #sharethisbutton { display:block;padding-left: 25px; background: url(/img/icon_sharethis.gif) left no-repeat; }

/* - Brand ticker (home page) */
#brand-ticker { border:1px solid #E4E4E4; border-width:1px 0; margin:0 0 0.5em; padding:10px 0; position:relative; overflow:hidden}
#brand-ticker a {display:block;width:103px;height:103px;float:left;text-decoration:none;margin-right:6px;}
#brand-ticker .viewer {height:103px; margin:0; overflow:hidden;width:auto} 
#brand-ticker .viewer .viewer-frame { height:103px; width:9000px; padding-left:6px; _width:auto;}
#brand-ticker .button-left {cursor:pointer; position:absolute; left:0; top:50px; width:20px; z-index:2}
#brand-ticker .button-right { cursor:pointer; position:absolute;right:0;top:50px; width:20px; z-index:2}
#brand-ticker .fade-left  {position:absolute;z-index:1;left:0;top:0;width:89px;height:120px;background:url(/img/ticker_fade_left.png) no-repeat 0 center;_display: none;}
#brand-ticker .fade-right {position:absolute;z-index:1;right:0;top:0;width:89px;height:120px;background:url(/img/ticker_fade_right.png) no-repeat 0 center;_display: none;}

#brand-ticker .viewer-frame div, 
#brand-ticker-landing .viewer-frame div {position:absolute;width:100%;height:103px;}
#brand-ticker .viewer-frame div.secondrow,
#brand-ticker-landing .viewer-frame div.secondrow {top:103px;}
#brand-ticker .viewer-frame, 
#brand-ticker-landing .viewer-frame {position:relative;}

/* - Brand ticker (brands landing page) */
#brand-ticker-landing {margin: 0.5em 0; position:relative;border:1px solid #E4E4E4;height:210px;border-width:1px 0;padding:10px 0;overflow:hidden;margin-bottom:2em}
#brand-ticker-landing a {display:block;width:103px;height:103px;float:left;text-decoration:none;margin-right:6px;}
#brand-ticker-landing .viewer {height:206px; margin:0; overflow:hidden; padding:0 5px; width: 100%;_width:auto;} 
#brand-ticker-landing .viewer .viewer-frame { height:206px; width:9000px; padding-left:6px;}
#brand-ticker-landing .button-left {cursor:pointer;position:absolute;left:0;top:50%;margin-top:-10px;width:20px;z-index:2}
#brand-ticker-landing .button-right {cursor:pointer;position:absolute;right:0;top:50%;margin-top:-10px;width:20px;z-index:2}
#brand-ticker-landing .fade-left  {position:absolute;z-index:1;left:0;top:50%;width:89px;height:193px;margin-top:-96px;background:url(/img/ticker_fade_left.png) no-repeat 0 center;_display: none;}
#brand-ticker-landing .fade-right {position:absolute;z-index:1;right:0;top:50%;width:89px;height:193px;margin-top:-96px;background:url(/img/ticker_fade_right.png) no-repeat 0 center;_display: none;_margin-right:-1px;}

/* - GoogleMap */
#googlemap { width: 100%; height: 700px;}

/* - Footer */
#footer { margin: 20px 0 0 234px;}
#footer a { color: #999999; font-size: 85%; font-weight: bold; text-decoration: none; }
#footer a:hover {color: #666}
#footer ul { padding: 5px 0 0 0; margin: 5px 0 0 0; width: 100%; border-top: 1px solid #999999; }
#footer li { list-style: none; float: left; color: #999999; line-height: 120%; border-left: 1px solid #BBB; padding-left: 7px; margin: 0; }
#footer li a { padding: 0 7px 0 0; display: block; }
#footer li:first-child { border: none; padding: 0; }
#footer li.right {float:right;}
#footer li.right a {display:inline;}
#footer li.first {border:0;padding-left:0}

/* Layout: Feature boxes */
.feature, .featurevideo { float: left; width: 48.75%; margin: 0px 0px 15px 0px; }
#rightcol .feature, #rightcol .featurevideo { width: 100%; float:none;}
.fb_container .featurevideo {margin-top:5px;}

.feature {display:block; background: url(/img/fbox_bg.jpg) bottom repeat-x;text-decoration: none;color: black;cursor:pointer;zoom:1;z-index:2}
.featurevideo {display:block; background: url(/img/fvideo_bg.jpg) top repeat-x; text-decoration: none; color: black;min-width:221px;}
.featurevideo span, .feature span {display:block;}
.featuervideo .video-player {text-align:center;height: 120px;display: block;}

.feature .fb_nw {background: transparent url(/img/fbox_border_nw.gif) no-repeat left top;}
.feature .fb_ne {background: transparent url(/img/fbox_border_ne.gif) no-repeat right top;padding-top: 12px;}
.feature .fb_se, .featurevideo .fb_se {background: transparent url(/img/fbox_border_se.gif) no-repeat right bottom;padding-right: 12px;}
.feature .fb_sw, .featurevideo .fb_sw {background: transparent url(/img/fbox_border_sw.gif) no-repeat left bottom;padding-top: 0px;padding-left: 12px;}

.featurevideo .fb_nw {background: url(/img/fvid_border_nw.png) top left no-repeat;}
.featurevideo .fb_ne {background: url(/img/fvid_border_ne.png) top right no-repeat;padding-top: 12px;}

.feature .fb_content {padding: 1px 1px 35px 1px;}
.featurevideo .fb_content {padding: 1px 1px 10px 1px;}
.featurevideo .fb_larger {padding-top:10px;}
.feature .fb_arrow, .featurevideo .fb_arrow  {height: 20px; margin: 10px 0 10px 0;}
.feature span.head, .featurevideo span.head {padding: 10px 0 5px 0;margin: 0;font-size: 110%;}

.fb_left {margin-right: 1.99%;}

.featuredvideo-header {margin-bottom:1em;}

.fb_arrow {background: url(/img/fb_arrow_grey.gif) right no-repeat; }
/* - Colour variations for feature boxes */
.fb_yellow span.head {color:#DDA821}
.fb_yellow .fb_arrow {background: url(/img/fb_arrow_yellow.gif) right no-repeat; }
.fb_green span.head {color:#57AB55}
.fb_green .fb_arrow {background: url(/img/fb_arrow_green.gif) right no-repeat; }
.fb_blue span.head {color:#3B5DA4}
.fb_blue .fb_arrow {background: url(/img/fb_arrow_blue.gif) right no-repeat; }
.fb_aqua span.head {color:#339999}
.fb_aqua .fb_arrow {background: url(/img/fb_arrow_aqua.gif) right no-repeat; }

.feature { position: relative; }
.fb_arrow { height: 20px; width: 20px; position: absolute; bottom: 0; right: 10px; }
.fb_container {overflow:hidden;width:100%;margin-bottom:15px;}
.fb_container a {margin-bottom:0;}

/* News (right column) */
#news { margin: 0 0 15px 0; clear: both; }
#news ul {margin:-6px 0 0 0;padding:0;}
#news li.odd { background: #EBEBEB; }
#news li { background: white; padding: 10px; font-size: 90%; list-style: none; margin:0;border-bottom: 1px solid #CCCCCC; }
#news li p { margin: 0; padding: 0; font-weight: bold; }
#news li a { color: #37A7E9; font-style: italic; }
#news .newsheader { background: url(/img/news_header_border_n.gif) top no-repeat; position: relative;z-index:100;}
#news .newsheader h2 { font-size: 110%; background: url(/img/news_header_border_s.gif) bottom no-repeat; /*padding: 0px 15px 28px 15px;*/ margin: 0; }
#news .newsheader h2 a { display: block; padding: 13px 15px 28px 15px; text-decoration:none;}
#news .more { background: #C2C2C2; margin-top: 10px; padding: 5px 10px; }
#news .more a { color: #333333; text-decoration: none; font-weight: bold; display:block; background: url(/img/news_more_arrow.gif) right no-repeat; }

/* Quote box */
.quotebox { margin: 20px 0 0 0; } 
.quotebox p { font-weight: bold; color: #36A7E9; font-size: 110%; }
.quotebox p#quotes { background: url(/img/quotes.gif) top left no-repeat; padding-top: 24px; text-indent: 50px; font-weight: bold; color: #36A7E9; font-size: 110%; }

/* Search Results */
ol.search-results { border-top: 1px solid #DCDCDC; margin: 0; padding: 0; }
ol.search-results li { padding: 10px 0 10px 0; border-bottom: 1px solid #DCDCDC; margin: 0; display:block; }

/* News Centre */

/* - Main content layout */
.story h3 a {text-decoration:none;}
.story h3 { color: #36A7E9; margin: 0 0 0 0; padding: 20px 0 0 0; } 
.leadstory { border-top: 1px solid #DCDCDC; padding-top: 20px; } 
.leadstory h3 {padding:0px}
.story .datestamp { color: #333; margin: 6px 0 10px 0; padding: 0;  } 
.story .standfirst { font-weight: bold; }
.secondstory { margin: 20px 0; width: 48.75%; _width: 48.25%;	float: left; background: url(/img/news_second_border_e.gif) top right no-repeat; }
.secondstory h3 { background: url(/img/news_second_border_w.gif) top left no-repeat; } 
.storyleft { margin-right: 1.99%; } 
.storylist { border-top: 1px solid #DCDCDC; _clear:both;}
.storylist ul {margin:0;padding:0}
.storylist ul li {list-style:none;margin-bottom:0.3em}
.storylist ul li .right {width:100%;margin-left:-6.8em;}
.storylist ul li .right-marg {margin-left:6.8em;position:static;}
.storylist ul li div.datestamp {width:6em;}
.storylist ul li.odd { background: #E6E6E6; } 
.storylist ul li a { white-space: nowrap; }
.storylist ul li .clear {clear:none;overflow:hidden;}
/* rounded corners meh */
.border-ne {background:url(/img/news_bord_ne.gif) no-repeat right 0}
.border-se {background:url(/img/news_bord_se.gif) no-repeat right bottom}
.border-nw {background:url(/img/news_bord_nw.gif) no-repeat 0 0;padding:0.8em;}
.border-sw {background:url(/img/news_bord_sw.gif) no-repeat 0 bottom}
.storylist ul li.even div {background:transparent;}
.metadata {background: #E6E6E6;margin-top:0.6em;_height:0}
.metadata p {margin-bottom:0.6em;}
.metadata p.last {margin-bottom:0}

/* - News navigation (right column) */
.headerwrapper { background: url(/img/rightcol_header_bg_n.jpg) no-repeat top; } 
.headerwrapper a { color: black; text-decoration: none; } 
.headerwrapper h1 { background: url(/img/rightcol_header_bg_s.gif) no-repeat bottom;	padding: 10px; font-size: 110%; color: #666666; margin: 0; }
#newsarchive {margin-bottom:2em;}
#newsarchive ul {margin: 0; padding: 0;}
#newsarchive li {list-style: none;clear:left;}
#newsarchive h2 { font-size: 100%; clear: left;}
#newsarchive #newsbydate li.year span.title { float:left;color: #666666; text-decoration: none; font-weight: bold; }
#newsarchive li a { color: #666666; }
#newsarchive #newsbydate ul { margin-bottom: 10px; clear: left}
#newsarchive #newsbydate li li, #newsarchive #newsbycategory li { margin-left: 15px; margin-bottom:3px;}
#newsarchive #newsbydate li li a:hover, #newsarchive #newsbycategory li a:hover {text-decoration:none;color:#36A7E9}
#newsarchive a.toggle-news-cats {float: left;margin-left: 5px;width:10px;height:1em;background:url(/img/list_arrow_down.gif) no-repeat 0 center;}
#newsarchive a.toggle-close {background: url(/img/list_arrow_right.gif) no-repeat 0 center;}

/* News list summary */
#storylistlong { border-top: 1px solid #DCDCDC; }
#storylistlong .story h3 { padding-top: 10px; }
#storylistlong .story .author, .author { color: #FF6600}
#storylistlong .story .comments a { color: #FF6600}
#storylistlong .odd { background: #E9E9E9; }
#storylistlong .story .standfirst a { white-space: nowrap; font-weight: normal; }
#storylistlong .pagenum { border-bottom: 1px solid #DCDCDC; padding: 10px 0; }
#storylistlong .story { border-bottom: 1px solid #DCDCDC; padding: 0 10px; }
#storylistlong .pagenum ul { float: left; margin: 0; padding: 0; }
#storylistlong .pagenum ul li { float: left; list-style: none; }
#storylistlong .pagenum ul li a { display:block; padding: 0 5px; }

/* Individual news page */
#storydetail .datestamp { color: #999999; font-weight: bold;}
#storydetail .standfirst { font-weight: bold; }
#storydetail .storymeta {background: url(/img/grey_box_bg.gif);margin-bottom: 20px}
#storydetail .storymeta .stm_nw {background: url(/img/grey_box_nw.gif) top left no-repeat;}
#storydetail .storymeta .stm_ne {background: url(/img/grey_box_ne.gif) top right no-repeat;}
#storydetail .storymeta .stm_se {background: url(/img/grey_box_se.gif) bottom right no-repeat;}
#storydetail .storymeta .stm_sw {background: url(/img/grey_box_sw.gif) bottom left no-repeat;}
#storydetail .storymeta h3 { font-size: 100%; margin: 0; padding: 5px 10px; float: left; width: 20%; clear: left; }
#storydetail .storymeta p { padding: 5px 10px; margin: 0; float: left; }
#storydetail #storycomments { margin-top: 20px; border-top: 1px solid #DCDCDC; }
#storydetail .comment { border-bottom: 1px solid #DCDCDC; } 

#news-comments {margin-top:2em;}
.commentform { background: url(/img/comment_form_bg.jpg) top left repeat-x; margin-top:2em;} 
.commentform h2 { padding: 5px 10px; margin: 0; } 
.commentform h3 { margin:0 0 0.5em 0;}
.commentform ol { padding: 0; margin: 0; } 
.commentform li { list-style: none; clear: left; padding: 5px 10px }
.commentform label { float: left; width: 10em; }
.commentform .error, .champion-form .error {font-size:94%;color:red;}

.comment-info {border-top:1px solid #CCC;padding-top:1em;}

.commentlist {margin:0;padding:0}
.commentlist li {list-style:none;border-top:1px solid #CCC;padding-top:1em;}
.commentlist .metadata {font-size:92%;margin-bottom:0.4em;background:transparent;margin-top:0}
.commentlist .metadata .date {font-weight:bold;}
.commentlist .pepsico-comment {float:left;margin:0px 5px 5px 0px;}
.commentlist .author { color: #FF6600} 


/* Individual Brand page */

/* - Brand logo box (right column) */
#brandlogo {text-align: center;/*_margin-top: 20px;*/margin-bottom:15px;}
#brandlogo .bl_n {background: url(/img/brand_box_border_n.gif) top no-repeat; padding: 12px 0 0 0;}
#brandlogo .bl_s {background: url(/img/brand_box_border_s.gif) bottom no-repeat; padding: 0 10px 12px 10px;}

/* - Did you know box (right column) */
#didyouknow #dyk_header {background: url(/img/dyk_header_border_n.gif) top no-repeat; padding: 12px 0 0 0; margin-top: 20px;}
#didyouknow #dyk_header h2 {background: url(/img/dyk_header_border_s.gif) bottom no-repeat; padding: 0 15px 40px 15px;margin: 0; font-size: 110%;}
#didyouknow ul li {list-style-image:url("/img/bull_1.gif"); list-style-type:square;margin-bottom:0.4em;}

/* - Brand website link box (right column) */
#brandlink {margin-top: 20px;}
#brandlink .bv_n {background: url(/img/brandlink_border_n.gif) top no-repeat; padding: 12px 0 0 0;}
#brandlink .bv_s {background: url(/img/brandlink_border_s.gif) bottom no-repeat; padding: 0 10px 12px 10px;}
#brandlink h2 {font-size: 110%;padding: 0 7px;margin: 0;}
#brandlink p {padding:3px 7px 0 7px; margin: 0;}
#brandlink h2 span { color: #37A7E9; text-transform: uppercase; }
#brandlink span.brandname { color: black; }

/* Job search */
#jobsearch-iframe {width:100%;height:900px;}

/* RSS page */
ul.feeds {margin-top:1.5em;margin-bottom:1.8em;}
ul.feeds li {list-style:none;margin-bottom:0.7em;}
ul.feeds li a, ul.feeds li a:visited {background:url(/sledge/img/icons/16x16/icon_feed.gif) no-repeat left center;padding:2px 0px 2px 20px;}

/* Tag manager (media library)
---------- ---------- ---------- ----------*/
#yui-main #tag_manager_container ul { margin-left: 0em; padding-left: 0em; } 
#yui-main #tag_manager_container ul ul { margin-left: 0em; }
#yui-main #tag_manager_container ul ul ul { margin-left: 1em; } 
#yui-main #tag_manager_container a { text-decoration: none; color: #333; } 
#yui-main #tag_manager_container .leftpane a:hover { text-decoration: underline; }
#yui-main #tag_manager_container span.collapse {width: auto; height: auto; display: inline;}
#yui-main #tag_manager_container .toplevel { background: #A9D5EE; }
#yui-main #tag_manager_container .toplevel-loading span { background:url(/img/ajax-loader.gif) no-repeat right center; }
#yui-main #tag_manager_container .tree li li a { background: transparent url(/img/icons/sprite_folders.gif) no-repeat scroll left top; } 
#yui-main #tag_manager_container .header div { background: #A9D5EE; color:#333; } 
#yui-main #tag_manager_container .header div.actions { background: #F5F5F5; color: #0E1B47; } 
#yui-main #tag_manager_container .thumbs div { float: left; width: 102px; height: 150px; border: 0px; } 
#yui-main #tag_manager_container .thumbs div a span { border: 1px solid #CCC; } 
#yui-main #tag_manager_container .thumbs div small, #yui-main #tag_manager_container div small a { color: #00868C; font-size: 90%; } 
#yui-main #tag_manager_container .thumbs small a { text-decoration: underline; } 
#yui-main #tag_manager_container .header {height:auto;}

/* Progress bar (media library)
---------- ---------- ---------- ----------*/
.loader-corner-all { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } 
.loader-progressbar {background:#FFFFFF url(/sledge/img/loader/bg_glass.png) repeat-x scroll 0 0;border:1px solid #AAAAAA;height:1.2em;width:15em}
.loader-progressbar-value {height:100%;margin:-1px;background:#CCCCCC url(/sledge/img/loader/bg_highlight.png) repeat-x scroll 0 50%; border:1px solid #AAAAAA;}

/* Agriculture map */

#agriculture-map { text-align: center; position: relative; z-index: 9999; }
#agriculture-map-bg { width: 380px; height: 623px; margin: 0 auto; background: transparent url(/img/agriculture_map.jpg) no-repeat center center; position: relative; z-index: 1;}
#agriculture-map a, #agriculture-map a:visited { position: absolute; text-indent: -9999px; width: 30px; height: 30px; cursor: default;}
#agriculture-map .cupar { top: 155px; left: 152px }
#agriculture-map .skaithmuir { top: 188px; left: 120px; width: 60px; }
#agriculture-map .burnthouse { top: 274px; left: 206px; width: 60px; }
#agriculture-map .jhford { top: 308px; left: 244px; width: 40px; }
#agriculture-map .strawson { top: 348px; left: 226px; width: 50px; }
#agriculture-map .suckley { top: 400px; left: 198px; width: 44px; }
#agriculture-map .spearhead { top: 420px; left: 249px; width: 50px; }
#agriculture-map .sheepwash { top: 442px; left: 186px; width: 60px; }
#agriculture-map .cargill { top: 400px; left: 336px; width: 50px; }
#agriculture-map .griffiths { top: 474px; left: 218px; width: 50px; }
#agriculture-map .fuggle { top: 460px; left: 275px; width: 40px; }
#agriculture-map .mansfield { top: 488px; left: 329px; width: 40px; height: 23px; } 
#agriculture-map .newmafruits { top: 502px; left: 283px; width: 42px; }
#agriculture-map .tooltip { display: none; z-index: 9999; }
#agriculture-map .tooltip a, #agriculture-map .tooltip a:visited { position: static; cursor: pointer;text-indent:0;width:auto;height:auto;}
#agriculture-map .readmore { cursor: pointer !important; }
#agriculture-map-key { margin-bottom: 1em; }

/* Agriculture header */

.agriculture-header { position: relative; overflow: hidden; background: transparent url(/img/agri_bg_sun.png) no-repeat center top; } 
.agriculture-header a, .agriculture-header a:visited { position: absolute; text-indent: -9999px; } 
.agriculture-header .sun { width: 122px; height: 60px; left: 50%; margin-left: -106px; z-index: 1; }
.agriculture-header .cloud-bg { width: 59px; height: 36px; left: 17%; top: 22px; background: transparent url(/img/agri_cloud.png) no-repeat 0 0; position: absolute; z-index: 1}
.agriculture-header .cloud { width: 59px; height: 36px; left: 17%; top: 22px; z-index: 2;}
.agriculture-header .turbines-bg { left: 0; top: 85px; background: transparent url(/img/agri_turbines.png) no-repeat 0 0; width: 318px; height: 147px; z-index: 1; position: absolute; } 
.agriculture-header .turbines { left: 0; top: 85px; width: 150px; height: 60px; z-index: 2; } 
.agriculture-header .shed-hill-bg { right: 0; bottom: 0; background: transparent url(/img/agri_hill_2.png) no-repeat 0 0; width: 757px; height: 116px; z-index: 3; position: absolute; } 
.agriculture-header .shed-hill { right: 180px; bottom: 0; width: 260px; height: 90px; z-index: 6; } 
.agriculture-header .tractor-hill-bg { bottom: 0; right: 32%; width: 729px; height: 121px; background: transparent url(/img/agri_hill_3.png) no-repeat 0 0; z-index: 5; position: absolute; } 
.agriculture-header .tractor-bg { right: 70%; top: 140px; background: transparent url(/img/agri_tractor.png) no-repeat 0 0; width: 143px; height: 69px; z-index: 5; position: absolute; }
.agriculture-header .tractor { right: 70%; top: 140px; width: 143px; height: 69px; z-index: 6; }
.agriculture-header .shed-bg { right: 20px; top: 90px; background: url(/img/agri_shed.png) no-repeat 0 0; width: 228px; height: 97px; z-index: 7; position: absolute; }
.agriculture-header .shed { right: 20px; top: 90px; width: 228px; height: 97px; z-index: 7; }
.yui-b .agriculture-header .h1bg { height: 60px; z-index: 10; background: #4D7521; opacity: .6; filter: alpha(opacity=60); } 
.yui-b .agriculture-header h1 { padding: 0; position: absolute; bottom: .9em; left: 30px; z-index: 11; font-size: 156%; font-weight: normal; } 
.agriculture-header .tooltip { display: none; z-index: 20; width: 141px; color: #fff; font-size: 12px; } 
.agriculture-header .tooltip.top .copy { background: transparent url(/img/green_arrow_top.png) no-repeat; padding: 10px 10px 2px 10px; min-height: 40px; } 
.agriculture-header .tooltip.left, .agriculture-header .tooltip.right { float: none; width: 155px; }	
.agriculture-header .tooltip.left .copy { background: transparent url(/img/green_arrow_left_top.png) no-repeat; padding: 10px 28px 0 10px; min-height: 28px; }
.agriculture-header .tooltip.left .foot { background: transparent url(/img/green_arrow_left_bot.png) no-repeat; height: 10px; }
.agriculture-header .tooltip.right .copy { background: transparent url(/img/green_arrow_right_top.png) no-repeat; padding: 10px 10px 0 34px; min-height: 28px; }
.agriculture-header .tooltip.right .foot { background: transparent url(/img/green_arrow_right_bot.png) no-repeat; height: 10px; }
.agriculture-header .tooltip.top .arrow { background: transparent url(/img/green_arrow_bot.png) no-repeat; height: 27px; }
.agriculture-header .cnr { position: absolute; width: 14px; height: 14px; z-index: 9999; }
.agriculture-header .cnr.nw { background: transparent url(/img/header_corner_nw.gif) no-repeat; left: 0; top: 0}
.agriculture-header .cnr.ne { background: transparent url(/img/header_corner_ne.gif) no-repeat; right: 0; top: 0}
.agriculture-header .cnr.sw { background: transparent url(/img/header_corner_sw.gif) no-repeat; left: 0; bottom: 0}
.agriculture-header .cnr.se { background: transparent url(/img/header_corner_se.gif) no-repeat; right: 0; bottom: 0}

/* Helpers */
.hidden {display:none;}
.right {float:right;}
.left {float:left;}
.clear {clear:both;}
.pdf {background:url(/img/icons/icon_pdf.gif) no-repeat left center;padding-left:20px;}
.pagination {margin-top: 1em;}
.pagination a {padding:0px 2px;}
a.download, a.download:visited {padding-left:20px}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
 html .clearfix { height:1%; }
* .clearfix { display:block; }

iframe#iFrameEnquiry {border:none; width:100%; height:350px; padding:15px 0 0 0;}

/* Twitter (Careers page) */
#twitter {background: url(/img/twitter_left.jpg) no-repeat top left;}
#twitter .twitter-right {background: url(/img/twitter_right.jpg) no-repeat top right;}
#twitter h3 {padding: 1em 0; margin: 0 1em;}
#twitter h3 a {background: url(/img/twitter_logo.png) left top no-repeat; padding: .4em .3em .4em 39px; color: #ffffff; text-decoration: none;}
#twitter h3 a:hover {text-decoration: underline;}
#twitter li {list-style: none; padding-top: 1em; padding-bottom: .5em; background: url(/img/twitter_bg.gif) repeat-x top left;}
#twitter ul {margin: 1em;}

/* Fixing the wysiwyg */
#didyouknow .wysiwyg ul.panel li {list-style-image: none !important; list-style-type: none;}

/* News article video */
.newsvideo { margin-bottom: 1em }

/* Student placement logo */
.placements-logo {margin-bottom: 1em;}
.placements-logo a {display: block; width: 221px; height: 0; padding-top: 50px; background: url(/img/student_placements.jpg) -221px 0px no-repeat; font-size: 0; color: #ffffff; overflow:hidden; }
.placements-logo a:hover {background: url(/img/student_placements.jpg) left top no-repeat;}