/*
	Theme Name: Biofarme Theme
	Theme URI: http://biofarm.co.nz
	Description: Biofarm theme copied from static stie.
	Version: 1.0
	Author: biofarm
	Author URI: http://biofarm.co.nz
*/

* { margin:0; padding:0;}
html, body { height:100%;}
body { background:url(./images/tail-top.gif) left top repeat-x #eaf7fa; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1em; color:#939292;}

input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin-bottom:16px;}

p .green {
	color:#77c805;;
}

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}
object { vertical-align:top; outline:none;}

#newsletter-form { padding:6px 0 0 0;}
#newsletter-form fieldset { border:none;}
#newsletter-form input.text { width:125px; background:#fff; border:none; padding:3px 4px 3px 5px;}
#newsletter-form input.submit { background:url(./images/submit-bg.gif) left top repeat-x; width:30px; height:22px; border:none; color:#fff; font-weight:bold;}

#contacts-form label { display:block; height:42px;} 
#contacts-form label input { width:254px; padding:2px 0 2px 3px; color:#111; background:none; border:1px solid #dcdcdc;}
#contacts-form textarea {width:275px; height:100px; padding:2px 0 2px 3px; margin-bottom:15px; color:#111; background:none; border:1px solid #dcdcdc; overflow:auto;}
#contacts-form .col-1 { width:309px !important; margin-right:0 !important;}
#contacts-form .col-2 { width:281px !important;}

/*==================list====================*/
ul { list-style:none;}

/*.list1 li { background:url(./images/bull-1.gif) no-repeat 2px 4px; padding:0 10px 11px 24px; margin-bottom:18px; line-height:1.3em; border-bottom:1px solid #eaeaea;}*/
.list1 li { padding:0 0 5px 5px; line-height:1.3em; border-bottom:1px solid #eaeaea;}
.list1 li em { font-size:.85em; color:#505152;}
.list1 li.last { border-bottom:none; margin-bottom:0; padding-bottom:16px;}

.list2 li { background:url(./images/arrow1.gif) no-repeat left 6px; padding:0 0 16px 16px; color:#5fb803;}

.list3 li { border-bottom:1px solid #eaeaea; padding-bottom:14px; margin-bottom:14px;}
.list3 li.last { border:none;}

.list4 { padding-bottom:4px;}
.list4 li {background:url(./images/arrow1.gif) no-repeat left 6px; padding:0 0 4px 16px;}
.list4 li a { color:#5fb803;}

/*==================other====================*/
.img-indent { margin:0 25px 0 0; float:left;}
.img-box { width:100%; overflow:hidden; padding-bottom:20px;}
.img-box2 { width:50%; overflow:hidden; padding-bottom:20px; float:left;}
.img-box3 { width:50%; overflow:hidden; padding-bottom:20px; float:right;}
.img-box4 { width:100%; overflow:hidden; padding-bottom:20px; float:left}
.img-box.alt { padding-bottom:0;}
.img-box img { float:left; margin:0 25px 0 0;}

.extra-wrap { overflow:hidden; }

.p1 { margin-bottom:8px;}
.p2 { margin-bottom:16px;}
.p3 { margin-bottom:24px;}

.right-bg { position:absolute; right:0; top:0; width:50%; height:453px; background:url(./images/right-bg.jpg) no-repeat 495px top;}

/*==================txt, links, lines, titles====================*/
a {color:#77c805; outline:none;}
a:hover{text-decoration:none;}

h1 { font-size:1.92em; line-height:1.1em; font-weight:normal; color:#74c406; margin-bottom:11px;}
h1 strong { text-transform:uppercase; color:#304549; font-size:1.6em; display:block; line-height:1em;}
h2 { font-size:1.7em; line-height:1.2em; color:#283b3f; font-weight:normal; margin-bottom:24px;}
h3 { background:url(./images/title-bg1.gif) left top repeat-x; font-size:1.7em; line-height:1.2em; color:#fff; font-weight:normal; margin-bottom:24px; padding:4px 0 5px 9px;}
h3.alter {background:url(./images/title-bg2.gif) left top repeat-x;}
h4 { font-size:1.1em; text-transform:uppercase; margin-bottom:16px;}
h5 { font-size:1.15em; font-weight:normal; color:#77c805; line-height:1.07em; margin-bottom:12px;}
h5.alt1 { color:#939292;}
h6 { font-size:1em; margin-bottom:16px;}
div.extra-box li { font-size: 1.2em; text-transform: uppercase; color: #283b3f; margin-bottom: 16px; }

.txt1 { color:#77c805;}

.link1 { display:block; float:right; background:url(./images/link1-bg.gif) left top repeat-x; color:#fff; text-decoration:none; font-size:.91em;}
.link1 em { display:block; background:url(./images/link1-left.gif) no-repeat left top;}
.link1 b { display:block; background:url(./images/link1-right.gif) no-repeat right top; padding:4px 9px 5px 9px; font-style:normal;}
.link1:hover { color:#000;}

.line-hor { background:#eaeaea; height:1px; overflow:hidden; font-size:0; line-height:0; margin:17px 0 20px 0;}

/*==================boxes====================*/
.box { border:1px solid #efefef; margin-top: 11px; }
.box .inner { padding:17px 28px 28px 20px;}
.box .inner .inner { padding:0 40px 0 0;}

.box1 {border:6px solid #f4f4f4; background:url(./images/box1-bg.gif) left top repeat-x #6abe05; color:#fff;}
.box1 .inner { padding:15px 25px 26px 25px;}
.box1 h2 { color:#fff; margin-bottom:6px;}

.boxdistribute { border:1px solid #efefef;}
.boxdistribute .inner { padding:17px 28px 20px 20px;}

.extra-box {  border:6px solid #f4f4f4; font-size:.91em;}
.extra-box .inner { padding:21px 11px 20px 11px; background:url(./images/extra-box-bg.jpg) left top no-repeat #6cc005;}
.extra-box ul li { background: url(./images/line-hor.png) left bottom repeat-x; padding: 0 0 11px 9px; margin-top: 20px; font-size: 1.2em; text-transform: uppercase; color: #283b3f; margin-bottom: 20px; height: 226px; }
.extra-box ul li a { background:url(./images/marker.gif) no-repeat left 4px; padding:0 0 0 16px; color:#fff; text-decoration:none;}
.extra-box ul li a:hover { color:#000;}
.extra-box ul li.last { padding-bottom:7px; background:none; margin-bottom:0;}

#slideshow-box {border:6px solid #f4f4f4; position:relative; height:320px;}
#slideshow-video {border:6px solid #f4f4f4; position:relative; height:380px;}
#slideshow-box img { position:absolute; top:0; left:0; z-index:8; opacity:0.0;}
#slideshow-box img.active {z-index:10; opacity:1.0;}
#slideshow-box img.last-active { z-index:9;}

.dept-list { float:left;}
.dept-list dt {font-size:1.15em; color:#77c805; line-height:1.07em; margin-bottom:12px;}
.dept-list dd { clear:both; text-align:right;}
.dept-list dd span { float:left; padding-right:25px;}
.dept-list dd p { text-align:left;}


/*header*/
#header > div.menu-main_top-container {background-color: #ffffff;}

#header .row-1 { height:203px; background:url(./images/header-bg1.gif) left bottom repeat-x;}
#header .row-1 .logo { float:left; padding:67px 0 0 0;}
/*#header .row-2 { height:54px; background:#fff; padding:0 0 0 54px;}*/
#header .row-2 { height:54px; background: url(./images/nav-bg1.gif) left top repeat-x; margin: 0px 54px 0px 54px;}
#header .row-3 { height:332px; background:#fff; padding:0 54px 0 54px;}

.top-links { float:right; padding:121px 54px 0 0; width:50%; background:url(./images/right-top-corner.gif) no-repeat right bottom; padding-bottom:18px;}
.top-links li { display:inline;}
.top-links li a { float:right; color:#fff; font-weight:bold; font-size:.85em; background:url(./images/tab.gif) no-repeat left 5px; width:45px; text-align:center; margin-left:2px; text-decoration:none; padding:8px 0 3px 0;}
.top-links li a:hover { background:url(./images/tab.gif) no-repeat left top; padding:5px 0 6px 0;}
.top-links li a { background:url(./images/tab.gif) no-repeat left top; padding:5px 0 6px 0;}

/*#header .nav { width:100%; overflow:hidden;}*/
#header .nav li { display:inline;}
/*#header .nav li a { float:left; display:block; width:110px; height:42px; line-height:42px; background:url(./images/nav-bg1.gif) left top repeat-x; color:#fff; text-decoration:none; text-align:center;}*/
#header .nav li a { float:left; display:block; width: 12.5%; height:42px; line-height:42px; color:#fff; text-decoration:none; text-align:center;}
#header .nav li a:hover { background:url(./images/nav-bg2.gif) left top repeat-x;}
#header .nav li.current-menu-item a { background:url(./images/nav-bg2.gif) left top repeat-x;}

/*header2*/
#header2 .row-1 { height:203px; background:url(./images/header-bg1.gif) left bottom repeat-x;}
#header2 .row-1 .logo { float:left; padding:67px 0 0 0;}
#header2 .row-2 { height:54px; background:#fff; padding:0 0 0 54px;}
#header2 .row-3 { height:393px; background:#fff; padding:0 54px 0 54px;}

.top-links { float:right; padding:121px 54px 0 0; width:50%; background:url(./images/right-top-corner.gif) no-repeat right bottom; padding-bottom:18px;}
.top-links li { display:inline;}
.top-links li a { float:right; color:#fff; font-weight:bold; font-size:.85em; background:url(./images/tab.gif) no-repeat left 5px; width:45px; text-align:center; margin-left:2px; text-decoration:none; padding:8px 0 3px 0;}
.top-links li a:hover { background:url(./images/tab.gif) no-repeat left top; padding:5px 0 6px 0;}
.top-links li a.current { background:url(./images/tab.gif) no-repeat left top; padding:5px 0 6px 0;}

#header2 .nav { width:100%; overflow:hidden;}
#header2 .nav li { display:inline;}
#header2 .nav li a { float:left; display:block; width:126px; height:42px; line-height:42px; background:url(./images/nav-bg1.gif) left top repeat-x; color:#fff; text-decoration:none; text-align:center;}
#header2 .nav li a:hover { background:url(./images/nav-bg2.gif) left top repeat-x;}
#header2 .nav li a.current { background:url(./images/nav-bg2.gif) left top repeat-x;}

/*content*/
#main > div.content-wrapper { background:#fff; padding:12px 56px 0 54px; min-height: 500px;}
#content .inner1{ width:50%; overflow:hidden; padding-bottom:20px; float:left;}
#content .inner2{ width:50%; overflow:hidden; padding-bottom:20px; float:right;}
#content .indent { padding:26px 0 0 0;}
#content .aside .indent { padding:0 30px 0 6px;}
#content .section { padding-bottom:37px;}
#content .content .section { padding-bottom:11px;}

/*footer*/
#footer { background:url(./images/right-bot-corner.gif) no-repeat right bottom #fff; text-align:right; padding-top: 30px;}
#footer .indent { background:url(./images/left-bot-corner.gif) no-repeat left bottom; min-height:60px; height:auto !important; padding:0 57px 0;}
#footer p { margin:0; padding:6px 0 0 0;}
#footer p a { text-decoration:none;}
#footer a:hover { text-decoration:underline;}

.fb_iframe_widget { float: left; }
#copyright { display: inline-block; }

/*clearfix*/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */

/*==========================================*/

div.slideshow_content img {
margin: 0px !important;
}
div.slideshow_content {
	border: 6px solid #f4f4f4;
}

/*chimp form*/
div.mc_custom_border_hdr {
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 15px;
}

#mc_signup_form > div input {
	margin-bottom: 15px;
}

#mc-indicates-required {
	font-size: 10px;
}

#mc_signup_submit {
	margin-top: 14px !important;
}

#mc_signup_form > div label {
	font-size: 14px;
}






.distributor-card {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 49%;
	display: inline-block;
	padding: 0 20px;
	height: 160px;
	margin-bottom: 15px;
}

.distributor-card ul li span {
	float: right;
}