@charset "utf-8";
/* CSS Document */

html, body {
  height: 100%;
}

.page-wrap {
  min-height: 100%;
  margin-bottom: -210px;
	background: #a8ce87; /* Old browsers */
	background: -moz-linear-gradient(left,  #82be7e 0%, #f1ef98 33%, #f1ef98 66%, #82be7e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#82be7e), color-stop(33%,#f1ef98), color-stop(66%,#f1ef98), color-stop(100%,#82be7e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #82be7e 0%,#f1ef98 33%,#f1ef98 66%,#82be7e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #82be7e 0%,#f1ef98 33%,#f1ef98 66%,#82be7e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #82be7e 0%,#f1ef98 33%,#f1ef98 66%,#82be7e 100%); /* IE10+ */
	background: linear-gradient(to right,  #82be7e 0%,#f1ef98 33%,#f1ef98 66%,#82be7e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82be7e', endColorstr='#82be7e',GradientType=1 ); /* IE6-9 */
	color: #1c341f;
}

.page-wrap:after {
  content: "";
  display: block;
}

.site-footer, .page-wrap:after {
  height: 210px; 
}

.site-footer {
  background: orange;
}

.fixToTop {
	position: fixed !important;
	top: 50px !important;
}

.greenSection {
	background: #a8ce87; /* Old browsers */
	background: -moz-linear-gradient(left,  #82be7e 0%, #f1ef98 33%, #f1ef98 66%, #82be7e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#82be7e), color-stop(33%,#f1ef98), color-stop(66%,#f1ef98), color-stop(100%,#82be7e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #82be7e 0%,#f1ef98 33%,#f1ef98 66%,#82be7e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #82be7e 0%,#f1ef98 33%,#f1ef98 66%,#82be7e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #82be7e 0%,#f1ef98 33%,#f1ef98 66%,#82be7e 100%); /* IE10+ */
	background: linear-gradient(to right,  #82be7e 0%,#f1ef98 33%,#f1ef98 66%,#82be7e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82be7e', endColorstr='#82be7e',GradientType=1 ); /* IE6-9 */
	color: #1c341f;
	padding-bottom: 10px;
}

.greenSection + .greenSection {
	padding-bottom:100px;
}

.timberSection {
	background: url("../images/timber-texture.jpg") repeat-y fixed 50% 0 rgba(0, 0, 0, 0);
	color: #fff;
	-moz-box-shadow: 0 0 20px rgba(0,0,0,0.7) inset;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.7) inset;
	box-shadow: 0 0 20px rgba(0,0,0,0.7) inset;
}

a.logo {
	display:block;
	width: 100%;
	height: auto;
	text-align: center;
	padding: 15px 0;
}

a.logo img {
	max-width: 100%;
	height: auto;
}

h1,
h2,
h3 {
	font-family: 'Rokkitt', 'serif';
}

.fb-like-box {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    padding: 10px;
}

.menuTop {
	text-align: right;
}

.menuTop > li {
	display: inline-block;
	margin: 0 8px;
}

.menuTop > li a {
	width: 100px;
	background: url(../images/top-btn.png) no-repeat 0 0;
	width: 96px;
	height: 30px;
	text-align: center;
	line-height: 25px;
	padding:0;
	margin: 0;
	color: #fff;
	font-family: 'Rokkitt', 'serif';
	overflow: hidden;
	font-size: 16px;
}

.menuTop > li a.login {
	background: url(../images/top-btn-login.png) no-repeat 0 0;
	text-indent: 10px;
}

.menuTop > li a.facebook {
	background: url(../images/top-btn-facebook.png) no-repeat 0 0;
	text-indent: -1234px;
}

.menuTop > li a:hover {
	background-color: transparent;
}

.mainIcons {
	padding: 30px 0;
}

.mainIcons .col-sm-4 {
	margin-right: -4px;
}

.mainIcons .container .row > div {
	float: none;
	display: inline-block;
	vertical-align:bottom;
}

.mainIcons a {
	text-align:center;
	display:block;
	clear:both;
	font-family: 'Rokkitt', 'serif';
	font-size: 32px;
	color: #36ae45;
}

.mainIcons a img {
	max-width: 100%;
	height: auto;
}

.footerSection {
	padding: 30px 0;
	min-height: 210px;
}

.footerSection a {
	color: #fff;
	text-decoration: underline;
}

.footerRight {
	text-align: right;
}

.latestNewsSection .row > div {
	display:inline-block;
	float: none;
	vertical-align:middle;
	padding-top: 15px;
}

.sellingPoints {
	padding-right: 60px;
	text-align: left;
}

ul.fruitList {
	padding: 0;
}

ul.fruitList li {
	list-style: none;
	background: url(../images/fruit-bulletpoints.png) no-repeat 0 0;
	padding: 5px 0 0 38px;
	min-height: 28px;
	margin: 0 0 5px 10px;
}

ul.fruitList li:nth-child(8n+1) {  
  background-position: 0 0;
}

ul.fruitList li:nth-child(8n+2) {  
  background-position: 0 -150px;
}

ul.fruitList li:nth-child(8n+3) {  
  background-position: 0 -300px;
}

ul.fruitList li:nth-child(8n+4) {  
  background-position: 0 -450px;
}

ul.fruitList li:nth-child(8n+6) {  
  background-position: 0 0;
}

ul.fruitList li:nth-child(8n+5) {  
  background-position: 0 -150px;
}

ul.fruitList li:nth-child(8n+8) {  
  background-position: 0 -300px;
}

ul.fruitList li:nth-child(8n+7) {  
  background-position: 0 -450px;
}


.rightArrow {
	background: url(../images/right-arrow.png) no-repeat 0 0;
	width: 46px;
	height: 132px;
	position:absolute;
	right: 15px;
	top: 50%;
	margin-top: -61px;
}

.chronoform {
	display: none;
}

.btn-lg, .btn-group-lg > .btn {
	height: 46px;
}

.latestNewsSection .ccms_form_element.cfdiv_submit {
	text-align: right !important;
}

.latestNewsSection .ccms_form_element.cfdiv_submit input[type=submit],
#chronoform_enquiry .buttonPadding {
	padding: 0 15px !important;
}

.hikashop_product_list {
	padding: 0;
	display:block;
}

.hikashop_product_list > li.hikashop_product_list_item {
    display: block;
    float: none;
    line-height: 44px;
	margin: 0;
	border-bottom: 1px solid #eee;
    text-align: left;
    width: 100%;
}

li.hikashop_product_list_item form {
	line-height: normal;
	float: right;
}

.hikashop_checkout_login_right_part {
	display: none;
}

a.hikashop_product_quantity_field_change,
a.hikashop_product_quantity_field_change:hover {
    color: #FFFFFF;
    display: block;
    height: 30px;
    margin: 0 5px 2px;
    padding: 5px 0 0 0;
    text-align: center;
    width: 28px;
}

.hikashop_product_quantity_field_change_minus span {
	margin-left: -1px;
}

.input-sm.form-control.hikashop_product_quantity_field {
    height: 37px;
    text-align: center;
    text-indent: 0;
    width: 30px !important;
}

#hikashop_checkout_login_left_part input, #hikashop_checkout_login_right_part input, #hikashop_checkout_login_left_part select, #hikashop_checkout_login_right_part select {
}

.btn.button.hikashop_cart_input_button {
    background-color: #5CB85C;
    border-color: #4CAE4C !important;
    color: #FFFFFF !important;
}

.hikashop_product_list_item .btn.button.hikashop_cart_input_button,
.hikashop_product_list_item .btn.button.hikashop_cart_input_button:hover {
    background-color: #5CB85C;
    border-color: #4CAE4C !important;
    color: #FFFFFF !important;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    margin: 0 0 0 2px;
    padding: 5px 9px;
}

.hikashop_product_list_item .btn.button.hikashop_cart_input_button:hover {
	background: none;
	background-color: #3d913d;
}

.alert.alert- {
    background-color: #FCF8E3;
    border-color: #FAEBCC;
    color: #8A6D3B;
}

.navbar-header a.logo {
	width: 130px;
	margin-left: 30px;
}

input#filterBox {
	display: inline-block !important;
}

#clearFilter {
	cursor: pointer;
    display: inline-block !important;
    left: -32px;
	top: 2px;
    position: relative;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
}

.hikashop_checkout_login {
	width: auto;
}

#hikashop_checkout_next_button {
	margin-bottom: 30px;
}

.hikashop_cart > form {
	padding-bottom: 15px;
}

.table-striped > thead > tr > th {
	background-color: #2a762a;
	color: #fff;
}

.table-striped > tbody > tr:nth-child(2n+2) > td,
.table-striped > tbody > tr:nth-child(2n+2) > th {
	background-color: #fff;
}

.cartCounter {
    background: none repeat scroll 0 0 #3AB549;
    border: 2px solid #FFFFFF;
    border-radius: 12px;
    bottom: -13px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 26px;
    left: -13px;
    line-height: 22px;
    position: absolute;
    text-align: center;
    text-indent: 0;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
    width: 26px;
}
.unit_name{font-size:12px; display:inline-block; margin:10px 3px 0; width: 30px;}
.cart_comment_header{padding:3px 10px; background:#2A762A; color:#fff; font-weight:bold;}
.cart_comment_box{ width:100%; resize:none; min-height:100px; border:none; padding:5px;}
.quantity_div{float:left;}
.quantity_div .unit_name{margin-top:0px;}

.navbar-fixed-top .navbar-header{width:100%;}
.navbar-fixed-top .navbar-header .logout-inline{float:right; text-align:right; margin-top:10px;}
.navbar-fixed-top .navbar-header .logout-inline .hi-message{font-size:12px; color:#a2a2a2;}
.navbar-fixed-top .navbar-header .logout-inline .logout-link .btn{padding-right:0px; font-size:12px; color:#3D913D;}

#hikashop_checkout_status {
	text-align: right;
}

a.hikashop_cart_button:hover, a.hikashop_compare_button:hover, .hikashop_cart_input_button:hover {
	background: none repeat scroll 0 0 #3D913D;
}

#rightCol {
	text-align:center;
}

.moduletableLogin {
    background-color: #F8F8D3;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    display: inline-block;
	max-width: 340px;
    padding: 10px 20px 30px;
	text-align: left;
	margin: 15px 0 20px;
}


.topRightSection .moduletableLogin {
    margin-top: 30px;
    min-width: 225px;
    padding-right: 70px;
}

.googleMap {
position: relative;
padding-bottom: 50%;
height: 0;
overflow: hidden;
}
.googleMap iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

.col-sm-6 .moduletableLogin {
	display:block;
	margin: 15px auto 20px;
}

#login-form input[type="text"], #login-form input[type="password"] {
    border: 1px solid #BCBC81;
    border-radius: 3px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    line-height: 30px;
    margin-bottom: 12px;
    padding: 10px;
	width: 100%;
}

.add-on label {
	width:110px;
}

a.productList {
	background: url(../images/product-list-icon.png) no-repeat 0 0;
	display: inline-block;
	width: 312px;
	padding-top: 163px;
	text-align: center;
    color: #36AE45;
    font-family: 'Rokkitt','serif';
    font-size: 32px;
	margin-bottom: 20px;
}

.alert {
	padding: 8px 35px 8px 14px;
	margin-bottom: 18px;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.alert,
.alert h4 {
	color: #c09853;
}
.alert h4 {
	margin: 0;
}
.alert .close {
	position: relative;
	top: -2px;
	right: -21px;
	line-height: 18px;
}
.alert-success {
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #468847;
}
.alert-success h4 {
	color: #468847;
}
.alert-danger,
.alert-error {
	background-color: #f2dede;
	border-color: #eed3d7;
	color: #b94a48;
}
.alert-danger h4,
.alert-error h4 {
	color: #b94a48;
}
.alert-info {
	background-color: #d9edf7;
	border-color: #bce8f1;
	color: #3a87ad;
}
.alert-info h4 {
	color: #3a87ad;
}
.alert-block {
	padding-top: 14px;
	padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
	margin-bottom: 0;
}
.alert-block p + p {
	margin-top: 5px;
}

.form-horizontal .control-label {
	text-align: left;
}

#member-profile label,
#member-profile input[type="text"],
#member-profile input[type="email"],
#member-profile .optional {
	display: none;
}

#member-profile #jform_password1-lbl,
#member-profile #jform_password2-lbl {
	display: block;
}

.login-greeting {
    float: left;
    margin: 5px 10px 0 0;
}

.topRightSection .moduletableCart {
	display: none;
}

.moduletableLogin {
	position: relative;
}

.moduletableLogin .navbar-toggle {
	display: block;
	border-color: #ccc;
	background-color: #fff;
	position:absolute;
	top: 3px;
	right: -4px;
}

.moduletableLogin .navbar-toggle:hover {
	background-color: #eee;
}

.userdata .control-group.checkbox,
#form-login-submit.control-group {
	margin-bottom: 10px;
}

.userdata ul.fruitList li {
	display: none;
}

.userdata ul.fruitList li + li {
	display: block;
}

.item-pageLogin {
	display: none;
}

.hikashop_product_quantity_field {
    border: 1px solid #BBBBBB;
    border-collapse: collapse;
    border-radius: 4px;
    height: 30px !important;
    line-height: 30px;
    text-align: center;
    width: 36px;
}
.product_unit{margin-left:5px;vertical-align: sub;}

ul.sigFreeClassic li.sigFreeThumb {
    background: none repeat scroll 0 0 #fff !important;
    border: 5px solid #fff;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.07);
    float: left;
    list-style: outside none none !important;
    margin: 0 10px 10px 0;
    padding: 0;
	border-radius: 5px;
}

@media (max-width: 767px) {
	.menuTop {
		text-align:center;
		margin-left: -30px;
		margin-right: -30px;
	}
	.menuTop > li {
		margin: 0 4px;
	}

	.mainIcons .container .row > div {
		float: none;
		display: block;
		vertical-align: auto;
	}
	
	.latestNewsSection .row > div {
		display: block;
		margin: 0 auto;
		max-width: 370px;
		padding: 0 15px;
		vertical-align: middle;
	}

	.footerLeft,
	.footerRight {
		text-align: center;
	}
	
	.hikashop_product_list > li.hikashop_product_list_item {
		font-size: 12px;
		width: 100%;
		margin-bottom: 5px;
	}
	#hikashop_cart_product_quantity_title {
		width: 25%
	}
	.navbar-collapse {
		 max-height: none;
	}
}

@media (max-width: 480px) {
	#hikashop_cart_product_quantity_title {
		width: 37%
	}
}

@media (min-width: 768px) {
	.moduletableLogin,
	.latestNewsImg {
		margin-top: -44%;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.moduletableCart {
		width: 220px;
		position:fixed;
		top: 128px;
		overflow-x: hidden;
		overflow-y: auto;
	}
	#hikashop_cart_product_quantity_title {
		width: 25%
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.moduletableCart {
		width: 293px;
		position:fixed;
		top: 128px;
		overflow-x: hidden;
		overflow-y: auto;
	}
	#hikashop_cart_product_quantity_title {
		width: 20%
	}
}
@media (min-width: 1200px) {
	.moduletableCart {
		width: 360px;
		position:fixed;
		top: 128px;
		overflow-x: hidden;
		overflow-y: auto;
	}
	#hikashop_cart_product_quantity_title {
		width: 15%
	}
}