body {
  margin: 8px;
  padding: 0;
  font-family: Arial;
  color: #333333; }

.LinkButton {
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
  width: 737px;
  height: 93px;
  margin-bottom: 12px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 19pt;
  top: 15px; }

.footerImageMap {
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
  width: 777px;
  margin-bottom: 12px;
  font-size: 19pt;
  top: 15px;
  border: 0; }

.LinkButton a {
  color: #fff;
  text-decoration: none;
  position: relative;
  top: 28px; }

.LinkButton a:hover {
  color: #c3bebe; }

.menuImage {
  margin-right: auto;
  margin-left: auto;
  width: 777px;
  position: relative;
  top: 5px; }

#header {
  color: #c3bebe;
  font-size: 64pt;
  font-weight: bolder;
  position: relative;
  top: 25px;
  left: 253px; }

.sprite {
  width: 79px;
  height: 60px;
  float: right;
  position: relative;
  top: -10px; }

#greyBar {
  height: 25px;
  background-color: #c3bebe; }

#dairy {
  background-color: #0081a4; }

#dairyLink {
  width: 20px; }

#dairySprite {
  background: url(../static/images/stock_icons.png) 0 0; }

#drystockSprite {
  background: url(../static/images/stock_icons.png) -5px -77px; }

#drystock {
  background-color: #62a945; }

#croppingSprite {
  background: url(../static/images/stock_icons.png) -5px -156px; }

#cropping {
  background-color: #d87b28; }

#blurb {
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
  width: 777px;
  margin-bottom: 12px;
  top: 15px; }

#MobileOnlySponsorLinks {
  display: none;
  width: 777px;
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 5px;
  padding-right: 5px;
  background-color: #c3bebe; }

.sponsorLinkDivHeader {
  padding-top: 13px;
  padding-bottom: 13px; }

.sponsorLinkDiv {
  padding-top: 13px; }

#MobileOnlySponsorLinks a {
  text-decoration: none;
  color: #000; }

#MobileOnlySponsorLinks a:hover {
  color: #fff; }

#MobileOnlySponsorTitle {
  border-bottom: 1px dotted #000; }

/*tablet landscape and smaller */
@media only screen and (max-width: 1024px) {
  /* for device identification only      
#greyBar 
{
    background-color:Aqua;
}
*/
  #header {
    left: 0px;
    padding-left: 100px; } }

/*tablet portrait  and smaller */
@media only screen and (max-width: 768px) {
  /*for device identification only 
  #greyBar 
{
    background-color: black;
}
*/
  .LinkButton {
    margin-left: auto;
    margin-right: auto;
    width: 650px;
    font-size: 16pt; }
  .footerImageMap {
    width: 650px; }
  .menuImage {
    width: 690px; }
  #header {
    padding-left: 35px;
    left: 0px; }
  #blurb {
    width: 650px; } }

/* S3 landscape */
@media only screen and (max-width: 698px) {
  /*for device identification only 
#greyBar 
{
    background-color: blue;
}
*/
  .menuImage {
    width: 630px; }
  .footerImageMap {
    display: none; }
  #MobileOnlySponsorLinks {
    display: block;
    width: 620px; }
  .LinkButtonText {
    width: 400px; }
  .LinkButton {
    margin-left: 5px;
    margin-right: 5px;
    width: 620px;
    height: 120px;
    font-size: 13pt;
    padding-left: 5px;
    padding-right: 5px; }
  #blurb {
    width: 620px; } }

/* optimised for samsung s3 portrait and smaller  */
@media only screen and (max-width: 605px) {
  /*for device identification only  
 #greyBar
{
    background-color: yellow;
}
   */
  .sprite {
    top: -30px; }
  #MobileOnlySponsorLinks {
    width: 340px; }
  .LinkButtonText {
    width: 240px; }
  .LinkButton {
    margin-left: 5px;
    margin-right: 5px;
    width: 340px;
    height: 120px;
    font-size: 11pt;
    padding-left: 5px;
    padding-right: 5px; }
  .menuImage {
    width: 350px; }
  #header {
    left: 0px;
    padding-left: 0px; }
  #blurb {
    margin-left: 5px;
    margin-right: 5px;
    width: 340px;
    font-size: 12pt; }
  .footerImageMap {
    display: none; } }

/*phone landscape  and smaller */
@media only screen and (max-width: 480px) and (max-device-width: 480px) and (orientation: landscape) {
  /*for device identification only 
     #greyBar
{
    background-color: red;
}
 */
  .sprite {
    top: -30px; }
  #MobileOnlySponsorLinks {
    display: block;
    width: 460px; }
  .LinkButtonText {
    width: 400px; }
  .LinkButton {
    margin-left: 5px;
    margin-right: 5px;
    width: 460px;
    height: 120px;
    font-size: 14pt;
    padding-left: 5px;
    padding-right: 5px; }
  .menuImage {
    width: 460px; }
  #header {
    left: 0px;
    padding-left: 0px; }
  #blurb {
    width: 460px; }
  .footerImageMap {
    display: none; } }

@media only screen and (max-width: 360px) {
  .LinkButton {
    margin-left: 0px !important;
    margin-right: 0px !important; } }

/*phone portrait  and smaller */
@media only screen and (max-width: 320px) and (max-device-width: 480px) {
  /*for device identification only 
 #greyBar
{
    background-color: green;
}
 */
  .sprite {
    top: -40px; }
  .LinkButton {
    width: 300px; }
  .LinkButtonText {
    width: 230px;
    font-size: 14pt; }
  #MobileOnlySponsorLinks {
    width: 300px; }
  .menuImage {
    width: 300px; }
  #blurb {
    width: 300px; } }