/* DEFAULTS
----------------------------------------------------------*/
html, body, div, span, p, h1, h2, h3, h4, h5, ol, ul, li, a, form, label, legend, fieldset, input, select, textarea, img {margin:0px; padding:0px;}


body   
{
    background: #002596 url('Images/BG_repeater.gif') repeat-x top center;
    font-size: .80em;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

a:link, a:visited
{
    color: #fff;
    border: 0px;
}

a:hover
{
    color: #dea130;
    border: 0px;
}

img {border: 0px;}

p
{
    margin-bottom: 10px;
    line-height: 1.4em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2
{
    font-size: 1.5em;
    color: #002596;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.8em;
    padding-bottom: 0px;
    margin-bottom: 10px;
    font-weight: bold;
}

h2
{
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 10px;
    padding-top: 10px;
}

h3 {font-size: 1.0em; margin-bottom: 10px;}


/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

#Page
{
    width: 960px;
    margin: 0px auto;
}

#Footer
{
    color: #ffffff;
    padding: 20px 0px 20px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}




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

#HomePage
{
	background: url('Images/BG_home.gif') no-repeat top center;
}

#HomePage P
{
	color: #002596;
}

#Header img
{
	float: left;
	margin-right: 25px;
}

.jquery
{
  overflow: hidden;
  margin-bottom:10px;
}

#video1, #video2, #video3
{
    float: left;
}

#subVideo1
{
   float: right;
   margin-bottom: 30px
}

#subVideo2
{
  float: right;
}

#subVideo1 a, #subVideo2 a
{
  width:168px; 
  height:102px;
  display: block;
}

#HomePage #MainContent
{
  width: 650px;
  margin-left: 180px;
  min-height: 480px;
  margin-top: 40px; 
}


/* VIDEO SWAP
----------------------------------------------------*/
.video1, .video2, .video3 {width:168px; height:102px;}
.video1 { background-image: url("Images/subVideo_lady.jpg"); }
.video2 { background-image: url("Images/subVideo_butter.jpg"); }
.video3 { background-image: url("Images/subVideo_lorry.jpg"); }



/* SUB PAGES   
----------------------------------------------------------*/

#SubPage
{
	width: 448px;
	margin: 0px auto;
	background-color: #fff;
}

#SubPage #MainContent
{
	padding: 10px 20px 10px 20px;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

.asterisks 
{
	padding-left:4px;
	font-size:1.3em;
	font-weight:bold;
	color:#00529C;
	position:relative !important;
	display:inline !important;
	float:none;
	margin-left:6px;
}

input, textarea {width: 240px;}
select {width: 240px; margin-bottom:10px;}
label {float:left; width:90px; padding-right:5px; text-align:right; font-size:1.1em; font-weight:bold;}

.form_column {position:relative; margin-top:20px;}
.form_column h2 {margin-bottom:10px;}
.form_column h3 {margin-bottom:10px;}
.form_column span {position:absolute; display:none;}
.form_column label.long
{
	display:inline;
	width:260px;
	text-align:left;
	margin-bottom:10px;
	margin-top:10px;
	clear:left;
}
.form_column ul
{
	list-style-type:none;
	
}
.form_column ul li
{
	width:400px;
}
.form_column ul li label
{
	width:170px;
	text-align:left;
}


.error, .error a
{
  color: Red;
}

label.error
{	
	text-align: right;
	width: 300px;
	font-weight: normal;
	margin:0px 70px 10px 0px;
	float:right;
}

#contactForm
{
  margin-top: 20px;
}

ol
{
  list-style-type: none;
}

ol li {margin-bottom: 10px;}

.submitBtn {float:right; width:89px; height:50px;}
.resetBtn {float: left;  width:85px; height:41px;}


/* Products  
----------------------------------------------------------*/

.butter {margin-bottom: 30px; font-size: 0.8em;}

.butterImages
{
  text-align: center;
  margin-bottom: 10px;
  width: 400px;
}
.butterImages .thumbnail
{
  float: left;
  width: 80px;
  margin-left: 10px; 
  margin-right: 10px;
}

.butterList
{
    float:left; 
    width: 220px;
}
.butterList li {padding-bottom: 5px; float: left;}

.butterTable
{
      width: 400px;
}

.nutritionTable {margin-bottom: 20px;}
.butterTable th {font-size: 0.9em; background-color: #fce98e;}
.butterTable tr.alt {background-color: #fceeab;}
.butterTable td, .butterTable th {padding: 6px;}
.butterTable td {font-size: 0.8em; line-height: 0.8em;}

/* MISC  
----------------------------------------------------------*/

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}
* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}