*
{
    border: none;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
}

/* ---------- GLOBAL ------------------------------------------------------- */

html
{
    /*	height: 101%;*/ /* was introducing scrollbars on chart iframes */
}

body
{
    font-size: 62.5%;
    background-color: #fff;
}

.clear
{
    clear: both;
}

.centred
{
    position: relative;
    width: 780px;
    margin: 0 auto;
}

.left
{
    float: left;
}

.right
{
    float: right;
}

hr
{
    display: none;
}

br
{
    clear: both;
}

h1
{
    margin-bottom: 1.2em;
    font-size: 1.55em;
    font-weight: normal;
    color: #486700;
}

p, #column1 ul, #column1 ol
{
    margin-bottom: 1.2em;
    font-size: 1.2em;
    line-height: 1.4em;
    color: #363532;
}

#column1 ul, #column1 ol
{
    list-style-position: inside;
}

p a
{
    color: #486700;
}

p a:hover
{
    text-decoration: none;
}

.highlight
{
    font-weight: bold;
    color: #B20026;
}

.fancyHeading
{
    font-size: 1.4em;
    font-weight: normal;
    line-height: 2.2em;
    color: #486700;
    border-top: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
}

h2 a
{
    font-weight: normal;
    color: #486700;
    text-decoration: none;
}

a, input
{
    outline: none;
}

.selected
{
    font-weight: bold;
}

.hiddenSpan span
{
    display: none;
}

.textInput
{
    padding: 2px;
    font-size: 1.2em;
    background: #fff;
    border-top: 1px solid #757575;
    border-left: 1px solid #757575;
    border-bottom: 1px solid #E3E3E3;
    border-right: 1px solid #E3E3E3;
}

.textInput-long
{
    width: 375px;
    margin-bottom: 4px;
}

select
{
    padding: 0px !important;
}

option
{
    padding: 2px;
}

.textInput, textarea
{
    margin-bottom: 6px;
}

form a
{
    color: #444;
}

#column1, #column2
{
    float: left;
    margin-left: 25px;
    margin-top: 23px;
}

#column1
{
    width: 580px;
}

.nuggetPage #column1
{
    width: 360px;
}

.nuggetPage #column2
{
    width: 213px;
    overflow: hidden;
}

.wrapAround
{
    float: left;
    margin: 0 15px 15px 0;
}

.fancyLink
{
    cursor: pointer;
    display: inline-block;
    margin-right: 10px;
    color: #454545;
    font-size: 1.1em;
    text-decoration: none;
    background: transparent url(/images/fancylink-left.png) bottom left no-repeat;
}

.fancyLink:hover, .buttonLink:hover
{
    color: #111;
}

.fancyLink span
{
    position: relative;
    display: block;
    left: 10px;
    height: 24px;
    line-height: 24px;
    padding-right: 10px;
    background: transparent url(/images/fancylink-right.png) bottom right no-repeat;
}

.fancyLink-selected
{
    background: transparent url(/images/fancylink-left-selected.png) bottom left no-repeat !important;
}

.fancyLink-selected span
{
    background: transparent url(/images/fancylink-right-selected.png) bottom right no-repeat !important;
}

.buttonLink
{
    cursor: pointer;
    display: inline-block;
    color: #454545;
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    background: transparent url(/images/buttonlink-left.png) bottom left no-repeat;
}

.buttonLink span
{
    display: block;
    height: 24px;
    line-height: 24px;
    padding: 0 15px;
    background: transparent url(/images/buttonlink-right.png) bottom right no-repeat;
}

.pdfList
{
    list-style-type: none;
}

.pdfList li, .pdfLink
{
    display: block;
    padding: 0.25em 0 0.25em 23px;
    background: transparent url(/images/pdficon-small.gif) center left no-repeat;
}

.pdfLink
{
    font-size: 1.2em;
}

#resetPassword h2
{
    font-size: 1.4em;
}

/* ---------- HEADER ------------------------------------------------------- */

#header
{
    height: 130px;
    background: #232825 url(/images/headerbg.png) top left repeat-x;
}

#topSection
{
    float: right;
    height: 41px;
    margin-right: 10px;
    padding-right: 12px;
    background: #232825 url(/images/topbitsbg-right.png) top right no-repeat;
}

#topSection div
{
    height: 41px;
    padding-left: 12px;
    background: transparent url(/images/topbitsbg-left.png) top left no-repeat;
}

#topSection a
{
    display: inline-block;
    height: 28px;
    padding: 0 6px 0 6px;
    line-height: 28px;
    font-size: 1.0em;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    color: #858585;
}

#topSection input
{
    vertical-align: top;
    margin-top: 4px;
}

#topSection .textInput
{
    width: 135px !important;
    color: #555;
    font-size: 1.15em;
}

#topSection .selected, #topSection a:hover
{
    color: #A4A4A4;
}

#logo
{
    position: absolute;
    top: 12px;
    left: 0px;
    width: 96px;
    height: 106px;
    background: #fff url(/images/logo.png) top left no-repeat;
}

/* ---------- FOOTER ------------------------------------------------------- */

#footer
{
    border-top: 1px solid #d3d3d3;
    margin-top: 20px;
    padding: 5px 0 5px 0;
    color: #9b9b9b;
    text-align: left;
}

#footer a
{
    color: #808080;
    text-decoration: none;
}

#footer a:hover
{
    color: #555;
}

/* ---------- MAIN MENU ---------------------------------------------------- */

#mainMenu
{
    float: left;
    width: 145px;
    margin-top: 23px;
}

/* ----- Level 1 ----- */

#mainMenu ul
{
    list-style-type: none;
    border-top: 1px solid #D1D0C7;
}

#mainMenu li a
{
    display: block;
    color: #363532;
    font-size: 1.4em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 6px;
    text-decoration: none;
    border-bottom: 1px solid #D1D0C7;
}

#mainMenu li a:hover
{
    background-color: #F1F0E9;
}

/* ----- Level 2 ----- */

#mainMenu ul ul
{
    border: none;
    margin: 5px 0 7px 15px;
}

#mainMenu ul ul li a
{
    padding-left: 12px;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    font-size: 1.2em;
    border: none;
}

#mainMenu ul ul li a:hover, #mainMenu ul ul .selected > a
{
    color: #486700;
    background-image: url(/images/submenubullet.png);
    background-position: center left;
    background-repeat: no-repeat;
}

#mainMenu ul ul .selected > a
{
    font-weight: bold;
}

/* ----- Level 3 ---- */

#mainMenu ul ul ul li a:hover
{
    background-image: url(/images/submenubullet.png) !important;
    background-position: center left;
    background-repeat: no-repeat;
}

/* ----- Level 4 ----- */

/* More ULulation. This is starting to sound like a Native American war cry */
#mainMenu ul ul ul ul li a
{
    font-weight: normal !important;
}

/* ---------- LEVEL 5 HORIZONTAL NAVIGATION -------------------------------- */

#siteMenu
{
    font-size: 1.3em;
    margin: 0 0 10px 0;
    padding: 0px;
    background: #E9E8E4 url(/images/sitemenubg.png) 288px 0px repeat-y;
}

#siteMenu .menuRow
{
    border-bottom: 1px solid #C9C7C2;
    border-top: 1px solid #F1F0EC;
}

.menuRow a
{
    display: block;
    float: left;
    width: 279px;
    padding: 5px;
    color: #363532;
    text-decoration: none;
    text-align: center;
}

#siteMenu a:hover, #siteMenu .selected
{
    color: #486700;
}

#siteMenu .selected
{
    background: #D4D3D0;
}

/* Jon-inserted Ian-inspired Publications 2nd onscreen submenu styling. Phew. */
#siteMenu2
{
    font-size: 1.3em;
    margin: 0 0 10px 0;
    padding: 0px;
    background: #F3F2F8 url(/images/sitemenubg.png) 288px 0px repeat-y;
}

#siteMenu2 .menuRow
{
    border-bottom: 1px solid #C9C7C2;
    border-top: 1px solid #F1F0EC;
}

#siteMenu2 a:hover, #siteMenu2 .selected
{
    color: #486700;
}

#siteMenu2 .selected
{
    background: #D4D3D0;
}

/* /Jon-inserted Ian-inspired Publications 2nd onscreen submenu styling. */

/* ---------- NUGGETS ------------------------------------------------------ */

.nugget
{
    overflow: hidden;
    margin-bottom: 8px;
    background: #F5F4EE url(/images/nuggetbg.png) bottom left repeat-x;
}

.nugget h2
{
    line-height: 33px;
    padding-left: 12px;
    margin-bottom: 10px;
    line-height: 2.3em;
    font-size: 1.4em;
    font-weight: normal;
    color: #263E66;
    border: none;
}

.blue h2
{
    background: #7fb0f5 url(/images/nuggettitle-blue.png) top left no-repeat;
}

.green h2
{
    background: #9ac231 url(/images/nuggettitle-green.png) top left no-repeat;
}

.nugget .date
{
    font-size: 1.1em;
    font-weight: bold;
}

.blue .date
{
    color: #486700;
}

.green .date
{
    color: #5C7F00;
}

.nugget img
{
    float: left;
    margin: 0 10px 10px 10px;
    border: 2px solid #fff;
}

.nuggetText
{
    float: right;
    width: 90px;
    margin: 0 10px 10px 0;
}

.nuggetText div
{
    margin-bottom: 1em;
    color: #282828;
}

.nugget a
{
    font-size: 1.1em;
    color: #1C1C1C;
}

/* ---------- REGISTER / MY ACCOUNT / ABBATOIR FORM bits ---------------------------- */

.abbatoirForm
{
    padding: 20px 25px;
    background: transparent url(/images/formbg-contact.png) bottom left repeat-x;
}

.registerForm
{
    padding: 20px 25px;
    background: transparent url(/images/formbg-register.png) bottom left repeat-x;
}

.abbatoirForm label, .contactForm label, .registerForm label
{
    display: block;
    float: left;
    width: 175px;
    font-size: 1.2em;
    font-weight: bold;
    color: #111314;
}

.registerForm label
{
    padding-left: 10px;
}

label span
{
    font-size: 0.9em;
    font-weight: normal;
}

.abbatoirForm .textInput, .contactForm .textInput, .registerForm .textInput
{
    display: block;
    float: left;
}

.abbatoirForm .textInput
{
    width: 335px;
}
/*
input.textInput {
	width: 335px !important;
}
*/
select.textInput
{
    width: 170px !important;
}

.formHeading
{
    padding: 0.7em;
    margin-bottom: 1em;
    border-top: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
}

.formHeading h2
{
    float: left;
    color: #486700;
    font-size: 1.4em;
    font-weight: normal;
}

.formHeading span
{
    display: block;
    float: right;
    font-size: 1.1em;
    padding-left: 10px;
    background: transparent url(/images/mandatory.png) 0px 5px no-repeat;
}

.mandatory
{
    background: transparent url(/images/mandatory.png) center left no-repeat;
}

.checkboxContainer
{
    margin-bottom: 1.5em;
    line-height: 2.3em;
}

.checkboxContainer label
{
    display: inline;
    float: none;
    font-weight: normal;
}

#contactForm label, #loginForm label, .loginishForm label
{
    display: block;
    float: left;
    width: 130px;
    vertical-align: top;
    font-weight: bold;
    font-size: 1.2em;
}

#pnlNewPassword label
{
    padding-left: 10px;
    width: 120px;
}

/* ---------- HOME --------------------------------------------------------- */

#home #column1
{
    width: 372px;
    margin-left: 0px;
}

#sky
{
    height: 303px;
    background: #4271B3 url(/images/skybg.jpg) top center no-repeat;
}

#grass
{
    height: 300px;
    background: #A9C934 url(/images/grassbg.jpg) top center no-repeat;
}

#homeImage
{
    position: absolute;
    top: -87px;
    left: 151px;
    width: 320px;
    height: 387px;
}

/* ----- Main Menu ----- */

#home #mainMenu
{
    margin-top: 8px;
}

#home #mainMenu ul
{
    border-top: 1px solid #95B12B;
    border-bottom: 1px solid #B8D453;
}

#home #mainMenu li a
{
    width: 145px;
    display: block;
    padding-top: 0.31em;
    padding-bottom: 0.31em;
    color: #232825 !important;
    border-top: 1px solid #B8D453;
    border-bottom: 1px solid #95B12B;
}

#home #mainMenu li a:hover, #home #mainMenu .selected a
{
    background: transparent url(/images/homemenubg.png) top left repeat;
}

/* ----- Middle Bit ----- */

#homeIntro
{
    z-index: 100;
    position: absolute;
    left: 475px;
    line-height: 1.7em;
    width: 275px;
}

#homeIntro h1
{
    width: 259px;
    height: 40px;
    margin-top: 22px;
    text-indent: -9999px;
    background: transparent url(/images/welcomeheading.png) top left no-repeat;
}

#homeIntro h2
{
    color: #232825;
    font-size: 1.2em;
    font-weight: bold;
}

#homeIntro p
{
    color: #232825;
}

#homeIntro p a
{
    color: #232825;
}

/* ----- Butcher Thumbnails ----- */

#butcherThumbnails
{
    position: absolute;
    top: 230px;
    left: 0px;
}

#butcherThumbnails a
{
    display: block;
    float: left;
    width: 52px;
    height: 52px;
    margin-right: 9px;
    position: relative;
}

#butcherThumbnails span
{
    display: block;
    position: absolute;
    top: 2px;
    left: 0px;
    width: 52px;
    height: 51px;
    background: transparent url(/images/butcherthumboverlay.png) 0px 0px;
}

#butcherThumbnails span:hover
{
    background-position: 0px -52px;
}

#butcherThumbnails img
{
    border: 2px solid #fff;
}

/* ---- Main Home Page Content ----- */

#homeContent
{
    background: transparent url(/images/homecontentbg.png) top left repeat-x;
}

.bookmarkLink, .printLink
{
    display: block;
    float: left;
    text-indent: -9999px;
}

.bookmarkLink
{
    width: 184px;
    height: 34px;
    background: transparent url(/images/bookmarkthispage.png) top left no-repeat;
}

.printLink
{
    width: 184px;
    height: 34px;
    background: transparent url(/images/printthispage.png) top left no-repeat;
}

#marketPrices
{
    margin-top: 1em;
    padding-bottom: 25px;
    background: transparent url(/images/marketpricesbg.png) bottom center no-repeat;
}

#marketPrices h2
{
    width: 354px;
    color: #486700;
    padding-left: 12px;
    margin-left: 4px;
    line-height: 2.1em;
    font-size: 1.5em;
    font-weight: normal;
    background: #ABD53C url(/images/marketpricesheader.png) top left no-repeat;
}

#marketPrices table
{
    width: 240px;
    margin: 0.5em 0 0 28px;
    font-size: 1.1em;
    line-height: 1.7em;
}

#marketPrices td
{
    padding: 0.15em;
    border-bottom: 1px solid #A9A9A9;
}

#marketPrices h3
{
    margin: 1em 0 0 28px;
    color: #486700;
    font-size: 1.1em;
}

.currentGraph td
{
    background: transparent url(/images/currentrow.png) 0px 0px repeat;
}

#meatIcons
{
    padding-bottom: 5px;
    margin: 1.5em 0 0 18px;
}

#meatIcons a
{
    display: block;
    float: left;
    height: 39px;
    text-indent: -9999px;
}

#meatIcons a:hover, #meatIcons .selected
{
    background-position: 0px -39px;
}

#cattleIcon
{
    width: 112px;
    background: transparent url(/images/icon-cattle.png) 0px 0px no-repeat;
}

#sheepIcon
{
    width: 99px;
    margin-left: 9px;
    background: transparent url(/images/icon-sheep.png) 0px 0px no-repeat;
}

#pigsIcon
{
    width: 93px;
    margin-left: 10px;
    background: transparent url(/images/icon-pigs.png) 0px 0px no-repeat;
}

#home #column1 table
{
    width: 315px;
    border-collapse: collapse;
    border: none;
    text-align: left;
}

.weightCol
{
    width: 82px;
    font-weight: bold;
    border-left: 1px solid #A9A9A9;
    text-align: right;
}

#homepageGraph
{
    margin-top: 1em;
    padding-bottom: 8px;
    background: transparent url(/images/homegraphbg.png) bottom center no-repeat;
}

#homepageGraph h3
{
    clear: both;
    padding: 8px 0 0 8px;
    font-size: 1.2em;
    text-align: center;
}

/* ----- Nuggets ----- */

.homeNugget
{
    width: 355px;
    margin-bottom: 17px;
    border-top: 1px solid #ddd;
    background: #F5F4EE url(/images/nuggetbg.png) bottom left repeat-x;
}

.headingPlusViewAll
{
    border-bottom: 1px solid #D3D3D3;
}

.homeNugget h2
{
    color: #486700;
    font-size: 1.45em;
    font-weight: normal;
    line-height: 1.8em;
    padding-left: 10px;
    border-bottom: 1px solid #D3D3D3;
}

.headingPlusViewAll h2
{
    border-bottom: none;
}

.homeNugget img
{
    float: left;
    margin: 10px;
    border: 2px solid #fff;
}

.homeNugget h3
{
    color: #282828;
    font-size: 1.2em;
}

.homeNugget .nuggetText
{
    width: 230px;
    color: #1C1C1C;
    margin-top: 10px;
    font-size: 1.1em;
}

.homeNugget p
{
    font-size: 1.0em;
}

.homeNugget .date
{
    color: #486700;
}

.homeNugget .nuggetText a
{
    color: #1C1C1C;
}

.homeNugget .nuggetText a:hover
{
    text-decoration: none;
}

.viewAll
{
    padding-right: 10px;
    color: #486700;
    font-size: 1.0em;
    line-height: 2.5em;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

#column1 .homeNugget
{
    margin: 12px 0 0 8px;
}

/* ---------- CONTACT US --------------------------------------------------- */

#contactUs h2
{
    font-size: 1.5em;
    font-weight: normal;
}

#contactUs h3
{
    margin: 1em 0;
    font-size: 1.2em;
    font-weight: bold;
    color: #4E79BF;
}

#contactForm
{
    padding: 20px 25px;
    background: transparent url(/images/formbg-contact.png) bottom left repeat-x;
}

#contactForm .textInput, #contactUs form textarea
{
    width: 385px;
}

#contactMap
{
    padding: 35px;
    background-image: none;
    background-color: #fff;
}

/* ---------- SEARCH RESULTS ----------------------------------------------- */

#searchForm
{
    padding: 10px 0;
    margin-bottom: 35px;
    background: #FAFAF6 url(/images/formbg-search.png) bottom left repeat-x;
}

#searchForm .textInput
{
    width: 320px;
    margin: 0 15px;
}

#searchForm input
{
    vertical-align: middle;
}

#searchForm a
{
    margin-left: 35px;
}

#searchResults h3
{
    padding-bottom: 0.3em;
    margin-bottom: 1em;
    color: #1F2321;
    font-size: 1.2em;
    font-weight: bold;
    border-bottom: 1px solid #DCDCDC;
}

#searchResults h4
{
    margin-bottom: 0.4em;
    font-size: 1.4em;
}

#searchResults h4 a
{
    color: #486700;
}

#searchResults h4 a:hover
{
    text-decoration: none;
}

/* ---------- SITE MAP ----------------------------------------------------- */

.pageList
{
    margin: 1em 0 2em 0;
    list-style-position: inside;
    list-style-image: url(/images/bullet-right.png);
}

.pageList li a
{
    color: #1F2321;
    line-height: 1.9em;
    font-weight: bold;
}

.pageList ul
{
    margin-left: 40px;
    margin-bottom: 0 !important;
    list-style-image: url(/images/subpagebullet.png);
}

.pageList ul li a
{
    font-size: 0.8em;
}

/* ---------- LOGIN -------------------------------------------------------- */

#userLogin .fancyHeading, #resetPassword .fancyHeading
{
    width: 432px;
}

#loginForm, .loginishForm
{
    width: 382px;
    margin-top: 10px;
    padding: 20px 25px;
    background: transparent url(/images/formbg-login.png) bottom left repeat-x;
}

#loginForm .textInput, .loginishForm .textInput
{
    display: block;
    float: right;
    width: 245px;
}

.contactDetails
{
    display: block;
    float: left;
    width: 290px;
    margin-bottom: 1em;
    font-size: 1.2em;
    line-height: 1.4em;
    color: #363532;
}

.contactDetails span
{
    display: inline-block;
    width: 110px;
    font-weight: bold;
}

/* ---------- STAFF -------------------------------------------------------- */

#staff .imageContainer
{
    float: left;
    width: 94px;
    height: 94px;
    background: transparent url(/images/imagecontainer.png) bottom left no-repeat;
}

#staff .infoContainer
{
    float: left;
    width: 472px;
    margin-left: 12px;
}

#staff .clear
{
    height: 10px;
}

#staff h3
{
    margin-bottom: 0.5em;
    padding-bottom: 0.4em;
    color: #B40028;
    border-bottom: 1px solid #D1D0C7;
}

.imageContainer img
{
    margin: 4px 5px;
}

/* ---------- CONSULTATIONS ------------------------------------------------ */

#consultations h2
{
    color: #A90025;
    font-size: 1.5em;
    border: none;
}

#consultations .fancyLink
{
    margin-bottom: 0.6em;
}

.fancyTable
{
    clear: both;
    margin-bottom: 1em;
    font-size: 1.2em;
    text-align: center;
    border-collapse: collapse;
}

.fancyTable td
{
    padding: 8px;
    color: #2B2B2B;
    border: 1px solid #fff;
}

.fancyTable th
{
    padding: 5px;
    color: #fff;
    font-weight: bold;
    background-color: #A60024;
    background-image: url(/images/tablehead-tile.png);
    background-repeat: repeat-x;
}

.blue th
{
    background-color: #305480 !important;
    background-image: url(/images/tablehead-tile-blue.png) !important;
}

.fancyTable th p
{
    margin: 0;
    color: #fff;
}

.fancyTable p, .fancyTable ul
{
    font-size: 1.0em;
}

.fancyTable p
{
    margin: 0;
}

.tableHead-left
{
    background-repeat: no-repeat;
    background-position: top left;
    background-image: url(/images/tablehead-left.png) !important;
}

.blue .tableHead-left
{
    background-image: url(/images/tablehead-left-blue.png) !important;
}

.tableHead-right
{
    background-repeat: no-repeat;
    background-position: top right;
    background-image: url(/images/tablehead-right.png) !important;
}

.blue .tableHead-right
{
    background-image: url(/images/tablehead-right-blue.png) !important;
}

.subHeading th
{
    background-image: none;
    font-weight: normal;
}

.subHeading td
{
    border: none;
    background: #DCDAD5;
    font-weight: bold;
}

.leftAlign
{
    text-align: left !important;
}

.rightAlign, .rightAlign td
{
    text-align: right;
}

.centreAlign
{
    text-align: center;
}

.odd
{
    background: #DCDAD5;
}

.even
{
    background: #EAE8E4;
}

.commentedOn td, .boldRow td
{
    font-weight: bold;
}

.monthlySlaughterings
{
    width: auto !important;
}

.monthlySlaughterings th
{
}

.monthlySlaughterings td
{
    width: 70px;
}

.monthlySlaughterings .leftAlign
{
    width: 45px;
}

/* ---------- CALCULATOR --------------------------------------------------- */

#steps
{
    width: 583px;
    height: 67px;
    margin-bottom: 20px;
    background: transparent url(/images/stepbg.png) top left;
}

#steps ol
{
    padding-top: 10px;
    list-style-type: none;
}

#steps li
{
    display: block;
    float: left;
}

#steps li a
{
    display: block;
    width: 83px;
    height: 49px;
    color: #363532;
    font-size: 1.0em;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    background: transparent url(/images/step.png) bottom center no-repeat;
}

#steps .enabled a:hover
{
    color: #6a6a6a;
    background: transparent url(/images/currentstep.png) bottom center no-repeat;
}

#steps .selected a
{
    color: #B30027;
    background: transparent url(/images/currentstep.png) bottom center no-repeat;
}

#steps .selected a:hover
{
    color: #E80034;
}

#calculatorForm
{
    margin-bottom: 20px;
}

#calculatorForm h2
{
    color: #fff;
    border: none;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0.5em 10px;
    background: #A60024 url(/images/calcform-top.png) top left no-repeat;
}

#calculatorForm div
{
    padding: 20px 25px;
    background: #E6E4DF;
}

#calculatorForm label
{
    display: block;
    float: left;
    width: 220px;
    color: #363532;
    font-size: 1.1em;
    font-weight: bold;
}

#calculatorForm .textInput
{
    width: 150px !important;
}

#calculatorForm select
{
    width: 156px !important;
}

#pnlStep3 table
{
    border-collapse: collapse;
    width: 530px !important;
}

#pnlStep3 table label
{
    width: auto;
}

#pnlStep3 table .textInput
{
    width: 160px !important;
}

.topLabels td label
{
    text-align: center !important;
}

.nextButton
{
    margin: 5px 0 0 220px;
}

.helpLink
{
    font-size: 1.1em;
    color: #B40027;
}

.helpLink:hover
{
    color: #E80034;
    text-decoration: none;
}

h2 .helpLink
{
    font-size: 1.0em !important;
    color: #E4C5CD;
}

h2 .helpLink:hover
{
    color: #fff;
}

.popup
{
    position: absolute;
    width: 300px;
    background: #fff;
    border: 1px solid #949494;
}

.popupTitle
{
    padding: 8px 12px;
    background: #EDEBE7;
    border-bottom: 1px solid #CECECE;
}

.popupTitle a
{
    display: block;
    float: right;
    width: 51px;
    height: 24px;
    background: transparent url(/images/button-close.png) top left no-repeat;
}

.popupTitle a span
{
    display: none;
}

.popupTitle h3
{
    line-height: 23px;
    float: left;
    color: #B40027;
    font-size: 1.5em;
    font-weight: normal;
}

.popupContent
{
    padding: 12px;
    color: #363532;
    font-size: 1.1em;
}

/* ----- Results ----- */

#pnlResults table
{
    width: 100%; /*text-align: left;*/
}

#pnlResults .fancyHeading
{
    margin-bottom: 0.8em;
}

/* ---------- PUBLICATIONS ------------------------------------------------- */

#publicationsList
{
    width: 576px;
    border-left: 1px solid #E2E2E2;
    border-right: 1px solid #E2E2E2;
    border-bottom: 1px solid #E2E2E2;
    border-top: 1px solid #F2F2F2;
    background: transparent url(/images/gradientbg.png) bottom left repeat-x;
}

#publicationsList div
{
    float: left;
    width: 267px;
    height: 6em;
    padding: 10px;
    border-right: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
}

#publicationsList img
{
    float: left;
    border: 1px solid #C9C9C9;
}

#publicationsList a
{
    float: right;
    width: 170px;
    padding-left: 20px;
    margin: 4px 0 0 10px;
    color: #363532;
    font-weight: bold;
    font-size: 1.2em;
    background: transparent url(/images/bullet-right.png) 0px 2px no-repeat;
}

#publicationsList a:hover
{
    text-decoration: none;
}

#publicationsList .clear
{
    float: none;
    height: auto;
    padding: 0;
    border: none;
    background-image: none;
}

/* ---------- DVDs --------------------------------------------------------- */

.dvdContainer
{
    float: left;
    width: 268px;
    height: 275px;
    margin: 0 10px;
    text-align: center;
    background: transparent url(/images/dvdcontainer.png) top left no-repeat;
}

.dvdContainer img
{
    margin: 12px 0;
}

.dvdContainer h3
{
    margin-bottom: 0.5em;
    font-size: 1.4em;
}

.dvdContainer h3 a
{
    color: #1F2321;
    text-decoration: none;
}

.dvdContainer div
{
    color: #717171;
    line-height: 1.6em;
    font-size: 1.2em;
}

.fileSize
{
    display: block;
    color: #1F2321;
}

/* ---------- PHOTO GALLERY ------------------------------------------------ */

#photoGallery .fancyLink
{
    margin-right: 10px;
    padding-left: 20px;
}

#photoGallery .fancyLink span
{
    padding-right: 30px;
}

.eventPhotos
{
    margin-top: 15px;
    text-align: center;
}

.eventPhotos h2
{
    float: left;
    line-height: 2em;
    font-size: 1.2em;
    border: none;
}

.eventPhotos h2 a
{
    color: #B40028;
    font-weight: bold;
}

.photoDate
{
    display: block;
    float: right;
    color: #363532;
    line-height: 2em;
    font-size: 1.2em;
    font-weight: normal;
}

.eventPhotos .clear
{
    height: 10px;
    border-top: 1px solid #D1D0C7;
}

.eventPhotos img
{
    padding: 3px;
    margin: 5px 12px;
    border: 1px solid #ccc;
}

/* ---------- PHOTO -------------------------------------------------------- */

#photoPage #column1
{
    text-align: center;
}

#photoPage h1
{
    text-align: left;
}

#photoContainer
{
    width: 585px;
    margin-top: 10px;
    padding-bottom: 100px;
    background: transparent url(/images/photocontainer.png) bottom left no-repeat;
}

#photoContainer img
{
    vertical-align: middle;
    margin: 0 5px;
}

.photoCaption
{
    margin: 0.8em 0;
    color: #B40028;
    font-size: 1.2em;
    font-weight: bold;
}

.photoReference
{
    margin-bottom: 0.6em;
    color: #2E2E2D;
    font-size: 1.5em;
    font-weight: bold;
}

/* ---------- NEWS & EVENTS ------------------------------------------------ */

.newsEventsHeader
{
    padding-bottom: 0.2em;
    margin: 1em 0 0.5em 0;
    border-bottom: 1px solid #D1D0C7;
}

.newsEventsHeader h2
{
    float: left;
    color: #B40028;
    font-size: 1.2em;
    font-weight: bold;
}

.newsEventsHeader a
{
    float: right;
    color: #2D2D2D;
    font-size: 1.2em;
}

.newsEventsHeader a:hover
{
    text-decoration: none;
}

#newsAndEvents .container
{
    width: 580px;
    background: transparent url(/images/eventsection-bottom.png) bottom left no-repeat;
}

#newsAndEvents .container .top
{
    height: 4px;
    width: 362px;
    background: transparent url(/images/eventsection-top.png) top left no-repeat;
}

#newsAndEvents .container .divider
{
    margin: 0 2px 0 3px;
    border-top: 1px solid #D3D3D3;
}

#newsAndEvents .container h3
{
    color: #B20028;
    font-size: 1.4em;
    font-weight: bold;
}

#newsAndEvents .container .date
{
    color: #7A7976;
    font-size: 1.2em;
}

#newsAndEvents .container p
{
    margin-top: 0.8em;
    margin-bottom: 0;
}

#newsAndEvents .container .right
{
    width: 402px;
    margin: 18px 18px 18px 0;
}

#newsAndEvents .container img
{
    padding: 3px;
    border: 1px solid #d3d3d3;
}

#newsAndEvents .container .left img
{
    margin: 18px;
}

#photosContainer
{
    padding: 10px 18px;
}

.pager
{
    float: right;
    list-style-type: none;
}

.pager li
{
    display: inline;
    padding: 0.2em;
}

.pager li a
{
    color: #486700;
    text-decoration: none;
}

.pager li a:hover
{
    text-decoration: underline;
}

/* ---------- NEWS STORY --------------------------------------------------- */

#newsStoriesContainer
{
    border: 1px solid #D3D3D3;
    background: #F2F2EC;
}

.newsStoryContainer
{
    border-top: 1px solid #D3D3D3;
}

.newsStoryContainer img
{
    float: left; /*margin: 0 8px 8px 0;*/
    border: 2px solid white;
}

.newsStoryContainer h2
{
    float: left;
    color: #B20028;
    font-size: 1.4em;
}

.newsStoryContainer h2 a
{
    color: #B20028;
    font-weight: bold;
}

.newsStoryContainer .fancyLink
{
    float: right;
    width: 70px;
    text-align: center;
}

.newsStoryContainer
{
    clear: both;
    padding: 10px;
}

.newsStoryHeader
{
    margin-bottom: 2em;
}

.newsStoryHeader .date
{
    color: #7A7976;
    font-size: 0.85em;
    font-weight: normal;
    margin-bottom: 0.3em;
}

.newsStoryContainer p
{
    padding-top: 0.35em;
    margin-bottom: 0px;
    position: relative;
}

.newsStoryContent
{
    margin: 0px;
    float: right;
    width: 455px;
}

/* ---------- EVENTS ------------------------------------------------------- */

#dateSelector
{
    width: 464px;
    height: 36px;
    margin-bottom: 12px;
    padding: 7px 0 0 14px;
    background: transparent url(/images/dateselectorbg.png) top left no-repeat;
}

#dateSelector label
{
    color: #363532;
    font-size: 1.4em;
    font-weight: bold;
}

#dateSelector select
{
    width: 130px !important;
    margin: 0 8px;
}

#goButton
{
    cursor: pointer;
    color: #B20026;
    font-size: 1.4em;
    font-weight: bold;
    margin-left: 20px;
    background: transparent;
}

#calendarHelp
{
    float: right;
    width: 280px;
}

#calendarHelp h2
{
    font-size: 1.2em;
    margin-bottom: 1em;
    color: #1F2321;
}

#events .newsStoryContainer h2
{
    color: #486700;
}

#events .newsStoryContainer .fancyLink
{
    width: auto;
}

/* ----- Calendar ----- */

.calendar
{
    float: left;
    width: 300px;
    font-size: 1.2em;
    color: #171A18;
}

.calendar table
{
    border-collapse: collapse;
    width: 276px;
    background: #D7D7D7;
}

.calendar table table
{
    font-size: 1.2em;
    background: #5F8037;
    color: #fff;
}

.calendar table table td
{
    padding: 5px;
}

.calendar table table td a
{
    font-weight: bold;
}

.calendar table table a
{
    color: #fff !important;
}

.calendar table a
{
    text-decoration: none;
}

.calendar th
{
    padding: 5px;
    color: #262827 !important;
    font-weight: normal;
    background: #E2E2E2;
    border: 1px solid #fff;
}

.eventDay, .nonEventDay, .otherMonth
{
    padding: 5px;
    font-weight: bold;
    border: 1px solid #fff;
}

.otherMonth
{
    color: #9A9B9A;
}

.eventDay, .eventDay a
{
    background: #262827;
    color: #fff;
}

.nonEventDay, .nonEventDay a
{
    background: #D7D7D7;
    color: #262827;
}

/* ---------- AN EVENT / A NEWS STORY -------------------------------------- */

#newsStoryContent
{
    margin-top: 1.5em;
}

#event h2, #newsStory h2
{
    color: #B20028;
    font-size: 1.4em;
    font-weight: bold;
}

#event .date, #newsStory .date
{
    font-size: 1.2em;
    color: #7A7976;
    margin-bottom: 1em;
}

#event img, #newsStory img
{
    float: left;
    margin: 0 15px 15px 0;
}

/* ---------- INTERACTIVE RESOURCES ---------------------------------------- */

#interactiveResources .fancyLink
{
    float: right;
    width: 100px;
    text-align: center;
}

#interactiveResources h2
{
    float: left;
    font-weight: bold;
    font-size: 1.4em;
    color: #B20028;
}

.gameContainer
{
    position: relative;
    height: 500px;
    margin: 20px 0 40px 0;
    border: 1px solid #d0d0d0;
}

.gameHeader
{
    line-height: 30px;
    padding: 1em;
    border-bottom: 1px solid #d0d0d0;
}

.playGame
{
    position: absolute;
    display: block;
    width: 130px;
    height: 36px;
    background: transparent url(/images/play.gif) bottom left no-repeat;
}

.playGame span
{
    display: none;
}

#foodRace
{
    background: transparent url(/images/foodrace.png) 20px 75px no-repeat;
}

#foodRace .playGame
{
    top: 229px;
    left: 417px;
}

#balancedPlate
{
    height: 480px;
    background: transparent url(/images/balancedplate.jpg) 20px 50px no-repeat;
}

#balancedPlate .playGame
{
    top: 367px;
    left: 65px;
}

/* ---------- CONSUMER PUBLICATIONS ---------------------------------------- */

#publicationsContainer
{
    border-top: 1px solid #efefef;
    border-left: 1px solid #E2E2E2;
    border-right: 1px solid #E2E2E2;
    background: transparent url(/images/gradientbg.png) bottom left repeat-x;
}

.publicationTitle
{
    float: left;
    width: 400px;
    padding: 10px;
}

.publicationTitle h2
{
    color: #3061AE;
    font-size: 1.5em;
}

.publicationTitle span
{
    color: #363532;
    font-size: 1.2em;
}

.publication
{
    position: relative;
    border-bottom: 1px solid #E2E2E2;
}

.publication a
{
    display: block;
    float: right;
    width: 95px;
    padding: 1em 10px 1em 50px;
    font-size: 1.2em;
    font-weight: bold;
    color: #363532;
    border-left: 1px solid #E2E2E2;
    background: transparent url(/images/pdficon.png) 10px 50% no-repeat;
}

/* ---------- CALVING INDEX ------------------------------------------------ */

.calvingIndexContainer
{
    width: 391px;
    height: 36px;
    padding: 20px;
    background: transparent url(/images/calvingindexbg.png) top left no-repeat;
}

.calvingIndexContainer h2
{
    font-size: 1.8em;
}

.calvingIndexContainer h2 a
{
    font-weight: bold;
}

.calvingIndexContainer h2 a:hover
{
    text-decoration: underline;
}

.calvingIndexContainer span
{
    color: #363532;
    font-size: 1.2em;
    font-weight: bold;
}

/* ---------- JOB VACANCIES ------------------------------------------------ */

#vacancies h2
{
    padding: 1.5em 0 0.2em 0;
    color: #B40028;
    font-weight: bold;
    font-size: 1.2em;
    border-bottom: 1px solid #D1D0C7;
}

.vacancyDetails .top
{
    height: 4px;
    background: transparent url(/images/jobvacancy-top.png) top left no-repeat;
}

.vacancyDetails
{
    width: 587px;
    margin-top: 6px;
    color: #363532;
    background: transparent url(/images/jobvacancy-bottom.png) bottom left no-repeat;
}

.vacancyDetails .left
{
    width: 368px;
    padding: 12px 0 15px 25px;
}

.vacancyDetails .right
{
    width: 170px;
    padding: 10px 0 20px 0;
    color: #363532;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
}

.vacancyDetails .right .refNo
{
    padding: 0 25px 0.5em 25px;
    border-bottom: 1px solid #d3d3d3;
}

.vacancyDetails .right span
{
    color: #3061AE;
    font-size: 1.6em;
}

.vacancyDetails .right a
{
    display: block;
    height: 32px;
    padding-left: 40px;
    margin: 15px 20px 0 20px;
    color: #363532;
    text-align: left;
    background: transparent url(/images/pdficon.png) top left no-repeat;
}

.vacancyDetails .right a:hover
{
    text-decoration: none;
}

.vacancyDetails h3
{
    color: #3061AE;
    font-size: 1.7em;
    font-weight: bold;
}

.vacancyDetails .date
{
    font-size: 1.2em;
    color: #7A7976;
}

.vacancyDetails p
{
    margin: 0px;
}

/* ---------- MARKET PRICES ------------------------------------------------ */

.marketTable td
{
    vertical-align: top;
}

.marketTable ul
{
    text-align: left;
    list-style-type: none;
    list-style-position: outside !important;
}

.marketTable li
{
    display: block;
    padding: 0.3em 0;
    font-size: 0.8em;
}

/* JK removed 25/11/2009 */
/*
#dailyGbAverageMarkets #column1, #dailyRegionalAverageMarkets #column2, #weeklyGbAverageMarkets #column2, #weeklyRegionalAverageMarkets #column2, #welshMarket #column2 {
      padding-top: 7em;
}
*/

/* JK edited 25/11/2009 */
#dailyGbAverageMarkets #column1 ul li, #dailyRegionalAverageMarkets #column1 ul li, #weeklyGbAverageMarkets #column1 ul li, #weeklyRegionalAverageMarkets #column1 ul li
{
    display: inline;
    padding: 0.2em 0.4em 0.2em 0;
    font-size: 1.0em;
}

#dailyGbAverageMarkets table, #dailyRegionalAverageMarkets table, #weeklyGbAverageMarkets table, #weeklyRegionalAverageMarkets table, #welshMarket table
{
    width: 100%;
}

#deadweightCattle table
{
    width: 250px;
}

.deadWeightCattle
{
    width: 350px !important;
}

.deadWeightCattle td
{
    width: 25%;
}

.deadWeightSheep
{
    width: 100%;
}

.deadWeightSheep td
{
    width: 12.5%;
}

#deadweightCattle h2
{
    margin: 1em 0 0.2em 0;
    font-size: 1.5em;
    font-weight: normal;
    color: #486700;
}

#livestockWeightDefinitions table
{
    width: 300px;
}

/* ----- Additions Nov '09 ----- */

/* JK edited 25/11/2009 */
.marketTable .meatName
{
    width: 130px;
}

/* JK edited 25/11/2009 */
.marketTable .meatType
{
    width: 225px;
}

.marketTable .avgPrice
{
    width: 65px;
}

.marketTable .numbers
{
    width: 50px;
}

/* ----- JK Additions 25/11/2009 ----- */
.marketTable .meatNameVal
{
    text-align: left;
    padding-left: 1.5em;
}

.marketTable .meatTypeVal
{
    text-align: left;
    padding-left: 1.5em;
}

.marketTable .avgPriceVal
{
    text-align: right;
    padding-right: 1.5em;
}

.marketTable .numbersVal
{
    text-align: right;
    padding-right: 1.5em;
}

.marketTable .penceChangeVal
{
    text-align: right;
}

.marketTable tr.oddball td
{
    vertical-align: bottom;
}

/* ----- RJ Addition 29/04/2010 ----- */

#WelshLivestockNumbers h2
{
    margin: 0.5em 0;
    padding-top: 0.5em;
    color: #333;
    font-size: 1.4em;
    font-weight: normal;
}

/* ----- Carcase Classification ----- */

#carcaseClassification
{
    overflow: hidden;
}

#increasingFatness, #improvingConformation
{
    font-size: 1.2em;
}

#increasingFatness
{
    width: 140px;
    height: 30px;
    margin: 10px 0 10px 255px;
    line-height: 30px;
    background: transparent url(/images/carcase-arrows.png) 100% 5px no-repeat;
}

#improvingConformation
{
    float: left;
    width: 75px;
    height: 50px;
    padding-top: 35px;
    text-align: center;
    background: transparent url(/images/carcase-arrows.png) 26px -45px no-repeat;
}

.blue#increasingFatness
{
    background: transparent url(/images/carcase-arrows-blue.png) 100% 5px no-repeat  !important;
}

.blue#improvingConformation
{
    background: transparent url(/images/carcase-arrows-blue.png) 26px -45px no-repeat  !important;
}

#carcaseClassification-beef #improvingConformation
{
    margin-top: 100px;
}

#carcaseClassification-lamb #improvingConformation
{
    margin-top: 55px;
}

#classifications_table
{
    clear: none;
    float: right;
    width: 496px;
}

#classifications_table td, #classifications_table th
{
    width: 62px; /* was 50px */
}

#tooltip
{
    border: 1px solid #aaa;
    color: #444;
    font-size: 1.2em;
    min-width: 170px;
    box-shadow: 2px 2px 5px #666;
    -moz-box-shadow: 2px 2px 5px #666;
    -webkit-box-shadow: 2px 2px 5px #666;
}

#tooltip h2
{
    font-size: 1.0em !important;
}

.odd .highlighted
{
    background: #BEDB7F;
}

.even .highlighted
{
    background: #CAE987;
}

#classifications_table .odd th, #classifications_table .even th
{
    border: 1px solid #fff;
    color: #2b2b2b;
}

#classifications_table .odd th
{
    background: #DCDAD5 !important;
}

#classifications_table .even th
{
    background: #EAE8E4 !important;
}

/* ----- Graphs ----- */

.viewGraph
{
    display: block;
    float: right;
    width: 84px;
    height: 0;
    padding-top: 56px;
    margin-top: -12px;
    margin-bottom: 10px;
    overflow: hidden;
    background: transparent url(/images/viewgraph.png) 0px 0px no-repeat;
}

table .viewGraph
{
    float: none;
    width: 54px;
    margin: 10px 0 0 0;
    padding-top: 35px;
    background: transparent url(/images/viewgraph-small.png) 0px 0px no-repeat;
}

.narrow
{
    margin-right: 229px;
    margin-top: -26px;
}

.tableInfo
{
    float: left;
}

#chart-title
{
    margin: 1em 0 0.2em 0;
    font-size: 1.5em;
    font-weight: normal;
    color: #486700;
    text-align: center;
}

#key
{
    margin: 30px 0px 0px 48px;
}

#key dt
{
    display: inline;
}

#key dd
{
    display: inline;
    margin-right: 10px;
    color: 444444;
    font-size: 1.1em;
}

/* ---------- VIDEOS ------------------------------------------------------- */

#adsContainer
{
    margin: 0 auto;
}

#adsContainer a
{
    display: block;
    width: 242px;
    height: 185px;
    color: #1F2321;
    text-decoration: none;
}

#adsContainer a:hover
{
    color: #505A55;
}

#adsContainer div
{
    position: relative;
    float: left;
    width: 242px; /* 268px without padding */
    height: 185px; /* 240px without padding */
    margin: 0 10px;
    padding: 10px 13px 45px 13px;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    background: transparent url(/images/tvadbg.png) top left no-repeat;
}

#adsContainer div img
{
    margin-bottom: 12px;
}

.videoOverlay-ie6
{
    display: none;
}

.videoOverlay
{
    position: absolute;
    top: 55px;
    left: 99px;
}

/* ---------- ADMINZONE LOGIN ---------------------------------------------- */

#btnLogin
{
    padding: 2px;
    margin-left: 267px;
}

/* ---------- ADMIN ZONE --------------------------------------------------- */

#adminMenu
{
    z-index: 9999;
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 1.2em;
    width: 245px;
    background: transparent url(/images/admin-menubg.png) top left repeat;
}

#adminMenu h2
{
    cursor: pointer;
    display: block;
    height: 31px;
    margin: 0;
    padding: 0 0 0 10px;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    line-height: 31px;
    color: #fff;
    border: none;
    background: #131614 url(/images/admin-menutop.png) top left repeat-x;
}

#adminMenu li a
{
    display: block;
    padding: 0.6em 20px 0.6em 10px;
    color: #e0e0e0;
    text-decoration: none;
}

#adminMenu li a:hover
{
    color: #fff;
}

#adminMenu hr
{
    display: block;
    color: #ccc;
    height: 1px;
    background: #ccc;
    margin: 0 10px;
}

.redDot
{
    z-index: 9998;
}