/*=== Reset default browser styles ===*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; }
:focus { outline: 0; }
body { background: #fff; color: #000; line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; }
/*=== END Reset ===*/

/*=== SITE LAYOUT ===*/ 
body { background:url(/butter/images/back.jpg) repeat-x top ; color:#00235d; font:76%/1.3 Arial,Helvetica,sans-serif; text-align:center;  } 
#pagebg { background:url(/butter/images/header-bg1.gif) no-repeat center top; }
#pagewidth { text-align:left; width:898px; margin-left:auto; margin-right:auto; background: none;  } 
#wrapper {  padding:0; background:none }
#maincol {   position:relative; width:898px; background:none }
#maincol img {border:3px solid #fca903; }
 #maincol ul{ margin-left:20px;}
 #maincol li{ list-style:none;}
#footer { background: url(/butter/images/footerback.jpg); clear:both; height:265px;position:relative; text-align:center } 

/* Header */
#header { height:159px; position:relative; width:100%; background:url(/butter/images/butter.jpg) no-repeat 100% 60px; }  
#logo { background:url(/butter/images/logo-bg.gif) no-repeat 0 0; height:154px; padding:0 5px 8px 10px; position:absolute; top:0; left:0; width:129px; }
#menu{float:right; width: 520px; margin-top: 97px; margin-right:220px; font-size:16px; font-family: "Comic Sans MS"; color:#1d295a;}
#menu a:active{ color:#7DB142; text-decoration:none;}
#menu a:hover{ color:#8cc640; text-decoration:underline;}
#menu a:visited{ color:#1d295a; text-decoration:none;}
#menu a:link{ color:#1d295a; text-decoration:none;}


/* Text styles  */
a  {color:#7DB142}
a:active{ color:#7DB142; text-decoration:underline;}
a:hover{ color:#8cc640; text-decoration:none;}
a:visited{ color:#7DB142; text-decoration:underline;}
a:link{ color:#7DB142; text-decoration:underline;}

h2{ font-size:24px; font-family: Arial, Helvetica, sans-serif; margin-bottom:15px; line-height:28px; color:#fca903}
h3{ font-size:16px; font-family: Arial, Helvetica, sans-serif; margin:15px 0; line-height:22px;}
h4{ font-size:16px; font-family: Arial, Helvetica, sans-serif; margin:15px 0; line-height:18px; color:#fca903}
h5{ font-size:14px; font-family: Arial, Helvetica, sans-serif; margin:15px 0; }

.button { text-align:center; }
.button a:link, .button a:visited { background:url(/butter/images/button.jpg) no-repeat; color:#fff; display:inline-block; font-size:1.2em; font-weight:bold; margin-top:15px; padding:2px 10px; text-align:center; text-decoration:none; }

#maincol p {margin-bottom:10px; font-size:13px;}

#Cows { width: 898px; background:url(/butter/images/cows.jpg) no-repeat; height:265px; margin-left:auto; margin-right:auto; font-size:10px; text-align:right}

#leftcol{float:left; width:224px;}
#left2{width:100%;}
#right{float:left; width:668px; background:#FFFFFF; border: 3px solid #fca903 }
#right ul { margin:15px 0 15px 20px; }
#right ul li { list-style:disc; }

#subMenu{font-size:13px; padding:5px 5px 10px; margin-bottom:10px; background:#eee; border:3px solid #cde7f8;text-align:right}
#subMenu a{padding:10px 10px;}
.box {border:3px solid #cde7f8; padding: 10px; width:80%; margin:20px;}

/*=== FORM STYLES ===*/
input, select, textarea { background:#fff; border:1px solid #a4c7eb; color:#00235d; font-size:1em; font-family:Arial,Helvetica,sans-serif; }

/*== ENQUIRY FORM === */
.enqForm { margin:30px 0 0 0; text-align:left; font-size:12px; padding-left:40px }
.enqForm legend{ font-size:15px; }
.enqForm ul{ margin:0 !important; 
	padding:0 !important; 
	list-style:none !important; }
.enqForm li{ padding:3px 0; list-style:none }
.enqForm .high{ padding:8px 0 14px 0; }
.enqForm label{ float:left; width:190px; font-size:12px; }
.enqForm input{ padding:3px; }
.formMessage{ font-size:13px; font-weight:bold; }
.formError{ font-size:13px; color:#990000; font-weight:bold; }

#RCAP label{ margin:0; width:10px;}

#maincol{
 float: right; 
 display:inline; 
 position: relative; 
 width:; 
 }
 
 /*=== LEFT NAVIGATION ===*/
#leftcol ul { font-size:1.2em; margin:6px 25px 29px 10px; }
#leftcol li { border-bottom:2px solid #fca903; padding:5px 0 5px 6px; }
#leftcol li a:link, #leftcol li a:visited  { color:#00235d; text-decoration:none; }
/* #leftcol li a:visited  { color:#717987; } */
#leftcol li a:hover, #leftcol li a:focus, #leftcol li a:active { color:#5ea501; }
#leftcol li.active { background:url(/images/subnav-bg.gif) repeat-x bottom; margin:2px 0; padding-top:3px; }
#leftcol li.active ul { font-size:0.9em; margin:0; padding:6px 0 3px 0; }
#leftcol li.active li { background:url(/images/arrow-nav.gif) no-repeat 0 7px; border-bottom:none; padding:0 0 0 9px; margin:3px 0 5px 0; }
#leftcol li.active li a:link, #leftcol li.active li a:visited  { color:#335b9e; text-decoration:none; }
#leftcol li.active ul li ul { padding:2px 0 1px 0; }
#leftcol li.active ul li ul li { background:url(/images/dot.gif) no-repeat 0 7px; font-size:0.9em; margin:1px 0 2px 0; padding:0 0 0 7px; }

/*=== LEFT COMPETITION BOX ===*/
#leftcomp { background:#fed762; border:3px solid #fca903 ; margin:5px 25px 0 10px; padding:15px; }
#leftcomp h3 { font-size:1.4em; font-weight:bold; margin:0 0 5px 0; }
#leftcomp p { line-height:1.2em; margin-bottom:0; }
#leftcomp  img {border:none; margin-top:15px;}

/*=== Right COMPETITION BOX ===*/
#leftcompR { background:#fed762; border:3px solid #fca903 ; margin-right:5px; margin-top:15px; padding:15px; }
#leftcompR h3 { font-size:1.4em; font-weight:bold; margin:0 0 5px 0; }
#leftcompR p { line-height:1.2em; margin-bottom:0; }
#leftcompR strong { background:url(/images/arrow-green.gif) no-repeat 0 3px; display:block; padding-left:10px; margin-top:8px; }
#leftcompR  img {border:none; margin-top:15px;}


.games {width:200px; float:left; margin-right:20px; height:315px; margin-bottom:10px; padding:10px; font-size:10px; padding-top:0;} 
.games h4{margin-top:0; padding-top:2px; font-size:18px}

ul#brands { margin-left:0; }
ul#brands li { list-style:none; float:left; padding:20px 0; text-align:center; width:200px; }
ul#brands li img { border:0; }
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */