@import url("/css/Vacancies.css");
@import url("/css/ContactForm.css");
@import url("/css/Search.css");
@import url("/css/Accessibility.css");

#headerBackground
{
    background-image: url(../images/bg/bg_header.jpg);
    background-repeat: repeat-x;
    padding: 0;
}

#headerContainer, #headerContainer_02, #headerContainer_03
{
    width: 760px;
    margin: 0 auto;
    padding: 0;
    height: 125px;
    background-image: url(../images/header_0x.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    text-align: left;
}

#headerContainer_02
{
    background-image: url(../images/header_02.jpg);
}

#headerContainer_03
{
    background-image: url(../images/header_03.jpg);
}

#contentBackground
{
    /*text-align:left;*/ /* THIS IS A FIX - POSSIBLY NOT NEEDED AT ALL - DELETE PROPERTY IF DEFINATELY NOT NEEDED */
    color: #fff;
    text-decoration: none;
    margin: 0 auto;
    padding: 0;
}

#contentContainer
{
    width: 760px;
    margin: 0 auto;
    padding: 0;
}

#footerBackground
{
    text-align: center;
    clear: both;
}

#footerContainer
{
    width: 760px;
    margin: 0 auto;
    padding: 16px 0 40px 0;
    text-align: left;
}

/* -----------------  Three col layout --------------- */

#left_col
{
    float: left;
    width: 160px;
    margin: 0 0 0 0; /*margin-right: 11px;*/ /* THIS IS A FIX - POSSIBLY NOT NEEDED AT ALL - DELETE PROPERTY IF DEFINATELY NOT NEEDED */
    padding: 0;
    border: 1px dotted #333;
    height: 0px;
    display: inline;
}

#pageHead, #pageHeadAthlete
{
    float: right;
    width: 586px;
    height: 53px;
    background-image: url(../images/bg/page_head_bg.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding: 0;
    margin: 0;
}

#pageHeadFix, #pageHeadAthleteFix
{
    float: right;
    width: 586px;
    height: 53px;
    background-image: url(../images/bg/page_head_bg.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding: 0;
    margin: 0;
	_margin-right: 10px;
}

#pageHeadAthlete
{
    background-image: url(../images/bg/athlete_page_head_bg.gif);
}


#mid_col
{
    float: left;
   
    width: 388px;
 
    display: inline;
    overflow: hidden;
}

#right_col
{
    float: right;
    width: 186px;
	_width: 186px;

   
}

.inputHolder
{
	width: 159px;
	margin-top: -3px;
}

.inputHolder3
{
	width: 161px;
}

.inputHolder2
{
	width: 159px;
	margin-top: 3px;
}

.inputLeft
{
	float: left;
	width: 125px;
}

.inputRight
{
	float: right;
	width: 20px;
}

.inputLeft2
{
	float: left;
	width: 139px;
}

.inputRight2
{
	float: right;
	width: 20px;
}

.inputBT
{
	margin-top: 14px;
}

.inputBox
{
	width: 125px;
}

.mainContent
{
    float: right;
    width: 586px;
	_width: 586px;
    clear: both;
}

.mainContentFix
{
    float: right;
    width: 586px;
	_width: 599px;
    clear: both;
	margin-left: 13px;
}

.mainRegionContent
{
    float: right;
    width: 586px;
    clear: both;
}

/* ----------------------------------------------------- */

/* -----------------  Text boxes  --------------- */

.text_container, .address_container, .text_container_dark, .text_container_athlete, .text_container_grey
{
    background-image: url(../images/contentbox_bg.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding: 0;
    margin: 0;
    clear: both;
}

.text_container_access
{
    width: 300px;
    margin-left: 200px;
}

.text_container_dark
{
    background-image: url(../images/contentbox_dark_bg.gif);
    padding: 0 0 16px 0;
}

.text_container_dark p
{

	color: #FFFFFF;
}

.text_container_athlete
{
    background-image: url(../images/contentbox_athlete_bg.gif);
    padding: 0 0 16px 0;
}

.text_container_grey
{
    background-image: url(../images/contentbox_grey_bg.gif);
    padding: 0 0 16px 0;
}

.address_container
{
    background-image: url(../images/bg/address_box_bg.gif);
    height: 190px;
    background-position: left top;
    padding: 4px 0 0 0;
}

.address_columns
{
    clear: left;
    margin: 0;
    padding: 0;
}

.address_label
{
    float: left;
    width: 126px;
    margin: 0;
    padding: 0;
}

.address_entry
{
    float: right;
    width: 240px;
    margin: 0;
    padding: 0;
}

.newsRow
{
    clear: left;
    font-size: 11px;
    padding: 4px 0 0 0;
    font-family: Arial, Helvetica, Sans-serif;
}

.newsRowLeft, .newsBackLeft
{
    text-align: left;
    font-weight: bold;
    float: left;
    width: 290px;
    margin: 0 0 0 8px;
    padding: 0;
    display: inline;
}

.newsRowRight, .newsBackRight
{
    color: #b7b9ba;
    text-align: right;
    float: right;
    width: 70px;
    margin: 0 8px 0 0;
}

.newsBackLeft
{
    width: 110px;
}

.newsBackLeft img
{
    border: 0;
    margin: 0;
    padding: 0;
}

.newsBackRight
{
    width: 250px;
}


.address_line
{
    float: left;
    height: 1px;
    border-bottom: 1px solid #b7b9ba;
    margin: 0 0 4px 8px;
    padding: 0px 0 8px 0;
    width: 368px;
    display: inline;
    line-height: 0;
}

.address_label p, .address_entry p
{
    font-size: 12px;
    font-weight: bold;
    color: #b7b9ba;
    margin: 0px 8px;
    padding: 1px 0;
}

.text_container_header, .text_container_header_dark, .text_container_header_athlete, .text_container_header_grey
{
    background-image: url(../images/contentbox_hdr.gif);
    background-repeat: no-repeat;
    background-position: left top;
    margin: 0;
    padding: 0;
    height: 7px;
    display: block;
}

.text_container_header img
{
    border: 0;
}

.text_container_header_dark
{
    background-image: url(../images/contentbox_hdr_dark.gif);
}

.text_container_header_athlete
{
    background-image: url(../images/contentbox_hdr_athlete.gif);
    margin: 0;
    padding: 0;
}

.text_container_header_grey
{
    background-image: url(../images/contentbox_hdr_grey.gif);
}


.text_container_clear
{
    clear: both;
    height: 1px;
    min-height: 1px;
    padding: 0;
    margin: 0;
}

#siteSearch, #subHeadBox
{
    background-image: url(../images/bg/searchbox_bg.gif);
    background-repeat: no-repeat;
    background-position: left top;
    margin: 0;
    padding: 0;
    height: 70px;
    display: block;
}

#siteSearch, #subHeadBox
{
    height: 90px;
}

#subHeadBox
{
    background-image: url(../images/bg/subhead_bg.gif);
    height: 26px;
    padding: 4px 0 0 0;
}

#subHeadBox p
{
    font-size: 12px;
    font-weight: bold;
}

.pageSubHeadBox
{
    background-image: url(../images/bg/page_subhead_bg.gif);
    background-repeat: no-repeat;
    background-position: left top;
    height: 30px;
    padding: 7px 0 0 0;
}

.pageSubHeadBox p
{
    font-size: 12px;
    font-weight: bold;
}

#subHeadList, #subHeadList_bottom
{
    background-image: url(../images/bg/subhead_list_bg.jpg);
    background-repeat: no-repeat;
    background-position: left top;
	min-height: 70px;
	_height: 70px;
    padding: 4px 2px 0 0;
    clear: both;
}

* + html #subHeadList, #subHeadList_bottom
{
    background-image: url(../images/bg/subhead_list_bg.jpg);
    background-repeat: no-repeat;
    background-position: left top;
	min-height: 70px;
	height: 70px;
    padding: 4px 2px 0 0;
    clear: both;
}

subHeadList_bottom
{
    margin-bottom: 10px;
}

#subHeadList p, #subHeadList h1, #subHeadList_bottom p, #subHeadList_bottom h1
{
    font-size: 11px;
    line-height: 13px;
    padding: 0;
    margin: 0;
}

#pageButtonBox
{
    background-image: url(../images/bg/page_btn_bg.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 31px;
    width: 130px;
    padding: 6px 0 0 0;
    float: right;
    margin: 4px 0 16px 8px;
}

#pageButtonBox p
{
    font-size: 11px;
    font-weight: bold;
    color: #fff;
}

#pageButtonBoxLong
{
    background-image: url(../images/bg/page_btn_bg_Long.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 31px;
    width: 160px;
    padding: 6px 0 0 0;
    float: right;
    margin: 4px 0 16px 8px;
}

#pageButtonBoxLong p
{
    font-size: 11px;
    font-weight: bold;
    color: #fff;
}



#subHeadBox h1
{
    font-weight: bold;
}

#siteSearch label, #newsletterSignup label, #jumpMenu label, #rightJumpMenu label, #insetUKJumpMenu label
{
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    padding: 8px 0 6px 0;
}

#jumpMenu label, #rightJumpMenu label, #insetUKJumpMenu label
{
    font-size: 11px;
}

#siteSearch, #newsletterSignup, #jumpMenu, #rightJumpMenu, #insetUKJumpMenu
{
    margin: 0;
    text-align: left;
    font-family: Arial, Helvetica, Sans-serif;
    padding-right: 0px;
    padding-left: 14px;
    padding-bottom: 0px;
    padding-top: 6px;
}

#siteSearch input, #newsletterSignup input, #newsletterSignup select, #jumpMenu select, #siteSearch select, #rightJumpMenu select, #insetUKJumpMenu select
{
    font-size: 10px;
    font-weight: normal;
    color: #333;
    width: 147px;
    height: 17px;
    border: 1px solid #d7334d;
    margin: 0; /*text-align:left;                  /* THIS IS A FIX - POSSIBLY NOT NEEDED AT ALL - DELETE PROPERTY IF DEFINATELY NOT NEEDED */
    padding: 0;
    margin: 6px 0 0 0;
}

#rightJumpMenu select, #insetUKJumpMenu select
{
    width: 169px;
    height: 17px;
}


#newsletterSignup input, #newsletterSignup select, #jumpMenu select, #rightJumpMenu select, #insetUKJumpMenu select
{
    border: 1px solid #808486;
}

#jumpMenu label select option, #insetUKJumpMenu select option
{
    font-size: 10px;
}


#siteSearch input.searchButton, #newsletterSignup input.searchButton
{
    background-image: url(../images/nav/btn_search.gif);
    width: 20px;
    height: 24px; /*padding:0;*/ /* THIS IS A FIX - POSSIBLY NOT NEEDED AT ALL - DELETE PROPERTY IF DEFINATELY NOT NEEDED */
    background-color: transparent;
    background-position: 0 0;
    border: 0;
    background-repeat: no-repeat;
}

#newsletterSignup input.searchButton
{
    background-image: url(../images/nav/btn_grey.gif);
}

#newsletterSignup, #jumpMenu, #rightJumpMenu, #insetUKJumpMenu
{
    background-image: url(../images/bg/newsletter_bg.gif);
    background-repeat: no-repeat;
    background-position: left top; /*margin:0; padding:0;*/ /* THIS IS A FIX - POSSIBLY NOT NEEDED AT ALL - DELETE PROPERTY IF DEFINATELY NOT NEEDED */
    height: 120px;
    display: block;
}

#jumpMenu
{
    background-image: url(../images/bg/jump_menu_bg.gif);
    height: 62px;
    width: 160px;
}



#rightJumpMenu
{
    background-image: url(../images/bg/right_jump_menu_bg.gif);
    height: 62px;
    width: 186px;
}

#insetUKJumpMenu
{
    background-image: url(../images/bg/inset_jump_menu_bg.gif);
    height: 62px;
    width: 186px;
    float: right;
    margin-left: 192px;
    margin-top: 10px;
}

.hanging_pic
{
    float: left;
    width: 76px;
    margin: 0 0 0 8px;
    display: inline;
}

div.hanging_pic img
{
    padding: 0;
    margin: 0;
}

.hanging_copy
{
    float: right;
    width: 290px;
    margin: 0 8px 0 0;
}

.right_hanging_pic
{
    float: right;
    width: 160px;
    margin: 0 6px 8px 8px;
}

div.right_hanging_pic img
{
    padding: 0;
    margin: 0;
}

.left_hanging_copy
{
    float: left;
    width: 200px;
    margin: 0 8px 0 0;
}

/* ----------------------------------------------------- */

/* -----------------  Left hand nav --------------- */



ul#leftnav
{
    margin: 0 0 10px 0;
    padding: 0;
    font-family: Arial,Helvetica,sans-serif;
    list-style-type: none;
}

#leftnav li
{
    width: 160px;
    text-decoration: none;
    list-style: none;
    padding: 0;
    margin: 0 0 2px 0;
    line-height: 22px;
}

#leftnav a
{
    display: block;
    text-align: left;
    text-decoration: none;
    margin: 0;
    padding: 0px 0 0px 0;
    background-image: url(../images/nav/prinav_bg_sprite.gif);
    background-repeat: no-repeat;
    background-position: 0 -44px;
    text-indent: 5px;
    border: 0;
    font-weight: bold;
    font-size: 10px;
}

#leftnav a:link, #leftnav a:active, #leftnav a:visited
{
}

#leftnav a:hover
{
    background-image: url(../images/nav/prinav_bg_sprite.gif);
    background-repeat: no-repeat;
    background-position: 0 -22px;
}

li#active a:link, li#active a:visited, li#active a:hover
{
    background-image: url(../images/nav/prinav_bg_sprite.gif);
    background-position: 0 0;
    color: #fff;
}


#leftsubnav
{
    margin-left: 0px;
    -moz-margin-start: -40px;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
    /* THIS IS A HACK - TARGETING SAFARI ONLY!!! */
    #leftsubnav
    {
        margin-left: -40px;
    }
}



li#active ul#leftsubnav
{
    /*margin:2px 0 10px 0;                           padding:0;*/ /* THIS IS A FIX - POSSIBLY NOT NEEDED AT ALL - DELETE PROPERTY IF DEFINATELY NOT NEEDED */
    font-family: Arial,Helvetica,sans-serif;
    list-style-type: none;
    line-height: 18px;
    clear: both; /*postion: relative;*/
}

li#active #leftsubnav li
{
    /*width:160px;*/ /* THIS IS A FIX - POSSIBLY NOT NEEDED AT ALL - DELETE PROPERTY IF DEFINATELY NOT NEEDED */
    text-decoration: none;
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    line-height: 19px;
    border-bottom: 1px solid #7e8487; /*clear: both; postion: relative;*/ /* THIS IS A FIX - POSSIBLY NOT NEEDED AT ALL - DELETE PROPERTY IF DEFINATELY NOT NEEDED */
}

li#active #leftsubnav li a
{
    display: block;
    text-align: left;
    text-decoration: none;
    margin: 0;
    padding: 0px 0 0px 0;
    background-image: url(../images/nav/subnav_bg_sprite.gif);
    background-repeat: no-repeat;
    background-position: 0 -23px;
    text-indent: 5px;
    border: 0;
    font-weight: bold;
    font-size: 10px;
}

li#active #leftsubnav a:link, li#active #leftsubnav a:active, li#active #leftsubnav a:visited
{
}

li#active #leftsubnav a:hover
{
    background-image: url(../images/nav/subnav_bg_sprite.gif);
    background-repeat: no-repeat;
    background-position: 0 -105px;
}

li#active #leftsubnav li#active a:link, li#active #leftsubnav li#active a:visited, li#active #leftsubnav li#active a:hover
{
    background-image: url(../images/nav/subnav_bg_sprite.gif);
    background-position: 0 -105px;
    color: #fff;
}

li#active #leftsubnav li#top a, li#active #leftsubnav li#topactive a, li#active #leftsubnav li#bottom a, li#active #leftsubnav li#bottomactive a
{
    display: block;
    text-align: left;
    text-decoration: none;
    margin: 0;
    padding: 6px 0 0 0;
    background-image: url(../images/nav/subnav_bg_sprite.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    text-indent: 5px;
    border: 0;
    font-weight: bold;
    font-size: 10px;
}

li#active #leftsubnav li#topactive a
{
    background-position: 0 -81px;
}


li#active #leftsubnav li#bottomactive, li#active #leftsubnav li#bottom
{
    border-bottom: 0;
    padding: 0px 0 0px 0;
}

li#active #leftsubnav li#bottomactive a
{
    background-position: 0 -119px;
    padding: 2px 0 10px 0;
}

li#active #leftsubnav li#bottom a
{
    background-position: 0 -42px;
    padding: 2px 0 10px 0;
}


li#active #leftsubnav li#top a:hover, li#active #leftsubnav li#topactive a:hover
{
    background-image: url(../images/nav/subnav_bg_sprite.gif);
    background-position: 0 -81px;
    color: #fff;
}

li#active #leftsubnav li#bottomactive a:hover, li#active #leftsubnav li#bottom a:hover
{
    background-position: 0 -123px;
    padding: 2px 0 10px 0;
}











ul.hygiene li a
{
    color: #8f9699;
}

ul.hygiene li a:hover
{
    color: #fff;
}


/* ----------------------------------------------------- */



body
{
    margin: 0 0 0 0;
    background-color: #2b3031;
    text-align: center;
}

div#headerContainer img, div#headerContainer_02 img, div#headerContainer_03 img
{
    margin: 0 0 0 0;
}

img
{
    margin: 0 8px 8px 8px;
    padding: 0;
    border: 0;
}

img.left
{
    float: left;
    margin: 0 8px 8px 8px;
    padding: 0 8px 8px 0;
}

#subHeadList_bottom img.left, #subHeadList img.left
{
    float: left;
    margin: 0 4px 0px 6px;
    padding: 0 2px 0px 0;
}

img.float
{
    margin: 0;
    padding: 0;
    border: 0;
}

.pageHeadLeft
{
    float: left;
    margin: 0;
    padding: 0;
}

.pagePrint
{
    float: right;
    margin: 20px 0px 0 0;
    padding: 0;
}

.pagePrint img
{
    border: 0;
}

.athlete_nav_box_left, .athlete_nav_box_right
{
    background-image: url(../images/nav/navbox_athlete_bg.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding: 0;
    margin: 0;
    width: 191px;
    float: left;
}

.athlete_nav_box_right
{
    float: right;
}


.athlete_nav_box_header
{
    background-image: url(../images/nav/navbox_hdr_athlete.gif);
    background-repeat: no-repeat;
    background-position: left top;
    margin: 0;
    padding: 0;
    height: 7px;
    display: block;
}

div.ukMap img
{
    margin: 0;
    padding: 0;
    border: 0;
}

#science_nav
{
    display: block;
    height: 360px;
    background-image: url(../images/nav/science_nav_bg.gif);
    background-repeat: no-repeat;
    background-position: center top;
    padding: 16px 0 0 0;
}

table
{
    width: 388px;
    border: 0;
    border-collapse: collapse;
    margin: 0;
}

tr
{
    border: 0;
}

td
{
    border: 0;
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 0;
    margin: 0;
}

#insetUKJumpMenuCont
{
    width: 387px;
    height: 127px;
    background-image: url(../images/map/map_hdr.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
}


#access_cont
{
    width: 300px;
    margin-left: 300px;
    float: right;
    padding-left: 300px;
    position: absolute;
}

.newsletterText
{
    width: 140px;
    display: block;
    line-height: 12px;
    padding-bottom: 0px;
}

.searchInputBox
{
    width: 120px;
}

.atheletZoneDropDownBox
{
    width: 225px;
}

.recipeCont
{
    width: 100%;
    padding: 5px;
    clear: both;
}

.recipeImageLeft
{
    width: 76px;
    height: 76px;
    float: left;
}

.recipeTextRight
{
    width: 270px;
    float: right;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    margin-right: 10px;
}

.recipeTextRight a
{
    font-weight: bold;
}

.recipeTextRight a:hover
{
    font-weight: bold;
}

.labelJT
{
    line-height: 5px;
}

.MainHeaderGrey
{
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}

.MainHeaderOrange
{
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}

.hidden
{
    height: 0px;
    visibility: hidden;
}

shown
{
    visibility: visible;
}


#sendToFriend table, td
{
    /*margin-left:-100px;*/
    text-align: left;
}

#sendToFriend table
{
    width: 350px;
}

.errorBox
{
    /* margin-left:-100px;*/
    text-align: left;
    width: 300px;
    border-right: #ff0000 2px solid;
    border-top: #ff0000 2px solid;
    border-left: #ff0000 2px solid;
    color: #ff0033;
    border-bottom: #ff0000 2px solid;
    background-color: #ffffff;
    padding: 5px; /*float:left;*/
    margin-bottom: 10px;
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 11px;
}

.clear {clear:both;}

.newsletterWrap
{
	_margin-top: -3px;
}