/*
	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/*custom fonts from Squirrel Font*/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 2, 2012 */


@font-face {
    font-family: 'LatoBoldItalic';
    src: url('lato-bolita-webfont.eot');
    src: url('lato-bolita-webfont.eot?#iefix') format('embedded-opentype'),
         url('lato-bolita-webfont.woff') format('woff'),
         url('lato-bolita-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LatoHairlineRegular';
    src: url('lato-hai-webfont.eot');
    src: url('lato-hai-webfont.eot?#iefix') format('embedded-opentype'),
         url('lato-hai-webfont.woff') format('woff'),
         url('lato-hai-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LatoHairlineItalic';
    src: url('lato-haiita-webfont.eot');
    src: url('lato-haiita-webfont.eot?#iefix') format('embedded-opentype'),
         url('lato-haiita-webfont.woff') format('woff'),
         url('lato-haiita-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LatoBlackRegular';
    src: url('lato-bla-webfont.eot');
    src: url('lato-bla-webfont.eot?#iefix') format('embedded-opentype'),
         url('lato-bla-webfont.woff') format('woff'),
         url('lato-bla-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LatoBlackItalic';
    src: url('lato-blaita-webfont.eot');
    src: url('lato-blaita-webfont.eot?#iefix') format('embedded-opentype'),
         url('lato-blaita-webfont.woff') format('woff'),
         url('lato-blaita-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LatoBold';
    src: url('lato-bol-webfont.eot');
    src: url('lato-bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('lato-bol-webfont.woff') format('woff'),
         url('lato-bol-webfont.ttf') format('truetype');
    font-weight: normal;
  	 font-style: normal;

}

@font-face {
    font-family: 'LatoLightRegular';
    src: url('lato-lig-webfont.eot');
    src: url('lato-lig-webfont.eot?#iefix') format('embedded-opentype'),
         url('lato-lig-webfont.woff') format('woff'),
         url('lato-lig-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoRegular';
    src: url('lato-reg-webfont.eot');
    src: url('lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('lato-reg-webfont.woff') format('woff'),
         url('lato-reg-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoItalic';
    src: url('lato-regita-webfont.eot');
    src: url('lato-regita-webfont.eot?#iefix') format('embedded-opentype'),
         url('lato-regita-webfont.woff') format('woff'),
         url('lato-regita-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


/* `Basic HTML
----------------------------------------------------------------------------------------------------*/


body {
	 font: 13px/1.7 "LatoRegular", Arial, Helvetica, sans-serif;
}


#content a:link {
	color:#00aeef;
	text-decoration:none;
}
#content a:visited {
	color:#00aeef;
	text-decoration:none;
}
#content a:active {
	color:#0368c2;
	text-decoration:none;
}

#content a:hover {
 color:#0368c2;
 text-decoration:none;
}


hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {

}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 13px;
}

h5 {
	font-size: 12px;
}

h6 {
	font-size: 10px;
}


h1 {
	font-size: 40px;
	font-family: 'LatoRegular', Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-top: 28px;
	letter-spacing:-1px;
	color: #9fcc3b;
	font-weight: normal;
	margin-bottom:8px;
	line-height: 42px;
}

.homepage{
	text-align: center;
}

.blog {
	padding-top: 28px;
}

#header h1.feature {
	font-family: 'LatoBold', Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 40px;
	line-height: 42px;
	color: #fff;
}


#content h2 {
	padding: 14px 0px 10px 0px;
	font-family: 'LatoRegular', Arial, Helvetica, sans-serif,;
	font-weight: normal;
	color: #9fcc3b;
	line-height: 24px;
}

#content h2.product-all {
	font-family: 'LatoRegular', Arial, Helvetica, sans-serif;
	background-color: #e4e4e4;
	text-transform: none;
	font-weight: normal;
	font-size: 20px; 
	margin-bottom: 0px;
	letter-spacing: 0px;
	padding : 0px 0 0 14px;
	color:  #8495a8;
	line-height: 36px;
	margin-bottom: 18px;
	margin-top: 18px;
	margin-left: 3px;
	margin-right: 3px;
	border-bottom: 1px solid #c8d1db;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}


#content h3 {
	padding: 0 0;
	font-family: 'LatoRegular', Arial, Helvetica, sans-serif;
	color:  #9fcc3b;
	border-bottom: 0px solid #9fcc3b;
	font-weight: normal;
}

.h3-form-heading {
	padding: 0 0;
	font-family: 'LatoRegular', Arial, Helvetica, sans-serif;
	color:  #00aeef !important;
	font-weight: normal;
}

/*Product display heading*/

#content .hd-product {
	font-family: 'LatoBold', Arial, Helvetica, sans-serif;
	font-size: 34px;
	text-align: center;
	margin-bottom: 0px;
	line-height: normal;
	letter-spacing: -1px;
}
#content .hd-product-2line {
	font-family: 'LatoBold', Arial, Helvetica, sans-serif;
	font-size: 28px;
	text-align: center;
	margin-bottom: 0px;
	line-height: normal;
	letter-spacing: -1px;
}

#content .hd-product-all {
	display: block;
	color: #9fcc3b;
	font-size: 22px;
	padding-left: 18px;
	margin-bottom: 18px;
	margin-top: 6px;
	border-bottom: 1px solid #c8d1db;
}

#content h3.downloads {
	font-family: 'LatoRegular', Arial, Helvetica, sans-serif;
	background-color: #e4e4e4;
	text-transform: none;
	font-weight: normal;
	font-size: 20px; 
	margin-bottom: 0px;
	letter-spacing: 0px;
	padding : 0px 0 0 14px;
	color:  #8495a8;
	line-height: 36px;
	margin-bottom: 18px;
	margin-top: 18px;
	margin-left: 3px;
	margin-right: 3px;
	border-bottom: 1px solid #c8d1db;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}


#content .strapline {
	font-size: 26px;
	padding-top: 0px;
	color: #9fcc3b;
	line-height:26px;
}
/*end Product display heading*/

/*side menu colour classes*/
.side-menu-producer { background-color: #9fcc3b;}
.side-menu-industrial { background-color: #00aeef;}
.side-menu-abatttoir { background-color: #a8b5c4;}
.side-menu-producer-item {}
.side-menu-industrial-item {}
.side-menu-abattoir-item {}

/* Interaction states overides for side menu only inside div#accordion only
----------------------------------*/
#accordion .ui-state-default, #accordion .ui-widget-content #accordion .ui-state-default, #accordion .ui-widget-header #accordion .ui-state-default {background: #dedede; font-weight: normal; color: #000 !important; }
#accordion .ui-state-default a, #accordion .ui-state-default a:link, #accordion .ui-state-default a:visited { color: #ffffff !important; text-decoration: none; }

#accordion .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #85d2ee url(images/ui-bg_highlight-soft_25_00aeef_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff !important; }

#accordion .ui-state-active, #accordion .ui-widget-content #accordion  .ui-state-active, #accordion .ui-widget-header #accordion .ui-state-active { font-weight: normal; color: #ffffff !important; }
#accordion .ui-state-active a, #accordion  .ui-state-active a:link, #accordion .ui-state-active a:visited {background-color: #000; font-weight: normal; color: #ffffff !important; text-decoration: none; }
#accordion .ui-widget :active { outline: none; }
/*a:hover added by megan to hover state on content section*/
#accordion .ui-widget-content a:hover { color: #0368c2 !important; }
/*a:active added by megan to hover state on content section*/
#accordion .ui-widget-content a:active p { color: #f2f2f2 !important; }
	
#footer .footerhd{
	font-family: 'LatoRegular', Arial, Helvetica, sans-serif;
	color:  #ffffff;
	font-size: 14px; 
	margin-bottom: 0px;
	border-bottom: 0px;
	margin-top: 28px;
}

h4 {
	
	font-family: 'LatoRegular', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px; 
	text-transform: uppercase;
	margin-bottom: 0px;
	padding : 0px 0 0 0;
	color:  #9fcc3b;
	line-height: 22px;

}

#tabs h4{
	margin-top: 8px
}


.h4-homeblog {
	display: block;
	background-color: #85d2ee;
	color: white;
	line-height: 32px;
	font-size: 13px;
	padding-left: 18px;
	margin-top: 6px;
	
}

.h4-testimonials {
	display: block;
	background-color: #85d2ee;
	color: white;
	line-height: 32px;
	font-size: 13px;
	padding-left: 18px;
	margin-top: 0px;
	
}

.h4-tabs {
	display: block;
	background-color: #85d2ee;
	color: white;
	line-height: 32px;
	font-size: 13px;
	padding-left: 18px;
	margin: 8px 0 10px 0;
}

.h4-video {
	display: block;
	background-color: #85d2ee;
	color: white;
	line-height: 32px;
	font-size: 13px;
	padding-left: 18px;
	margin-top: 0px;
	
}

.h4-sideprev-producer {
	display: block;
	background-color: #0a0405;
	color: white;
	line-height: 32px;
	font-size: 13px;
	padding-left: 18px;
	margin-top: 36px;
	
}

h5 {
	
	font-family: 'LatoBold', Arial, Helvetica, sans-serif;
	background-color: #e4e4e4;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 12px; 
	margin-bottom: 0px;
	letter-spacing: 0px;
	padding : 0px 0 0 14px;
	color:  #8495a8;
	line-height: 32px;
	margin-bottom: 18px;
	margin-top: 6px;
	margin-left: 3px;
	margin-right: 3px;
	border-bottom: 1px solid #c8d1db;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

h6 {
	
	font-family: 'LatoBold', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 10px; 
	font-weight: normal;
	margin-bottom: 0px;
	letter-spacing: 2px;
	padding : 0px 0 0 0;
	color:  #9fcc3b;
	line-height: 22px;
}


/*Paragraph styling*/
.aleis-blue{
	color: #00aeef; 
	}
	
.bluetooth {
	color: #0368c2 !important;
	text-transform:uppercase;
	font-size: 11px;
	}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}

ul {
	list-style: disc;
}

li {
	margin-left: 30px;
}

p,
dl,
hr,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 20px;
}


/*Added for Kiuyco menus*/
#menu li {
	margin-left: 0px;
}