@charset "UTF-8";
/* GJ-R Webdevelopment Custom CSS Document for Groasis Webshop*/

/* Base
--------------------------------------------------------------*/
html {height:auto;}

body {background: #acc8dd;
background: -moz-linear-gradient(top, #acc8dd 0%, #e3f1f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#acc8dd), color-stop(100%,#e3f1f4));
background: -webkit-linear-gradient(top, #acc8dd 0%,#e3f1f4 100%);
background: -o-linear-gradient(top, #acc8dd 0%,#e3f1f4 100%);
background: -ms-linear-gradient(top, #acc8dd 0%,#e3f1f4 100%);
background: linear-gradient(to bottom, #acc8dd 0%,#e3f1f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acc8dd', endColorstr='#e3f1f4',GradientType=0 );}

.wrapper {background:url(../images/groasis-cloudbg.png) center top no-repeat;}

 button.button span:hover {border-color:#390;}

/* Header
--------------------------------------------------------------*/

#search_mini_form {margin-top:25px;}
.header .logo {margin-bottom:15px;}

/* Header
--------------------------------------------------------------*/

/* Topmenu */

.header .links li {line-height:20px;}
.header .links li a:hover {text-decoration:underline;}

/* Search module */

.header .row-2 {border-radius:3px;}
.block-cart-header {background-color:transparent;}
.block-cart-header h3 {color:white;}
.header-button.currency-list > a:hover, .header-button.lang-list > a:hover, .header-button.active > a {color:white;}

/* Site Switch Module */
.header .header-buttons .header-button {border-radius:3px;}
.header .header-buttons .header-button:hover {color:white;}

/* Middle
--------------------------------------------------------------*/

.breadcrumbs {background-color:transparent; border-radius:0px; border-bottom:1px solid #CCC; padding:0 5px 5px 5px; font-size:11px; margin:0 0 20px 0;}
.breadcrumbs li a {color:#3a3a3a;}
.breadcrumbs li a:hover {text-decoration:underline; color:#3a3a3a;}

/* Product detail page */
.product-view .product-shop .availability span {margin-left:34px;}
.product-shop .short-description {color:#3a3a3a;}
.product-shop .short-description .std table tr td:first-child {font-weight:bold;}

.MagicToolboxContainer {margin-top:-3px;}

/* Footer
--------------------------------------------------------------*/

.footer-container {background:url(../images/groasis-soilbackground.jpg) #130701 repeat-x top center; border-top:1px solid #2b1306;}
.footer-container .footer-container2 {background:black; margin:0 auto; padding-top:3px;}

.footer address {color:#CCC; margin:5px 0;}

.footer ul li {background: url(../images/arrow.png) 1px 4px no-repeat;}

/* Modules 
--------------------------------------------------------------*/

.indentmenu{position:absolute;bottom:0;right:0; margin-top:8px; margin-left:8px; z-index:999; width:100%; background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #eeeced 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeced));
background: -webkit-linear-gradient(top, #ffffff 0%,#eeeced 100%);
background: -o-linear-gradient(top, #ffffff 0%,#eeeced 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#eeeced 100%);
background: linear-gradient(to bottom, #ffffff 0%,#eeeced 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeced',GradientType=0 );}
.banner-content-style1{position:absolute; top:0; left:0;}
.indentmenu ul{margin: 2px;padding:0;float:left;background: transparent;}
.indentmenu ul li{float:left;list-style:none;}
.indentmenu ul li a{float: left;margin: 2px;color: #000;padding: 0px 6px;text-decoration: none;border: 1px solid #ccc; border-radius:10px; background:#fff;}
.indentmenu ul li a:hover{background:#ddd;}
.indentmenu ul li a.selected{color: white !important;padding-top: 0px; /*shift text down 1px*/padding-bottom: 0px;border: 1px solid #F85601;background:#F85601;}
.indentmenu ul li a.selected:hover{color: white !important;padding-top: 0px; /*shift text down 1px*/padding-bottom: 0px;border: 1px solid #F85601;background:#F85601;}
.tabcontent{width:100%;float:left;position:relative;display:none;}
.tabcontent a{width:100%;float:left;z-index:9; text-decoration:none;}
@media print {.tabcontent {display:block !important;}}
.banner_content {padding:0px 10px 10px 10px;position:absolute;bottom:0;left:0;text-align:left;z-index:99; background:#000; opacity: 0.7; filter: alpha(opacity = 70);}
.banner_content p{color:#fff;}


.header-button:hover > a, .top-login:hover ul li a {background-color:#488c1c; border-radius:3px;}


/* ===================== PRODUCT PAGE ======================= */

h5.benefitstitle {font-family:"Open Sans", sans-serif; text-transform:uppercase; font-size:16px; line-height:20px; padding-top:20px;}
ul#benefitslist {margin:0 10px 0 10px;}
#benefitslist li {background:url(../images/groasis-check-icon.png) no-repeat left; padding: 5px 0px 5px 35px; }

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


/* ================== CHECKOUT PAGE ========================= */

.form-list ul.buckaroo3extended_input #radiogroup-container {padding:10px;}
.form-list ul.buckaroo3extended_input #radiogroup-container label {width:100%;}

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

/* =============== INCHOO FEATURED PRODUCTS ================= */

ul.featuredrow {padding:0; list-style-type:none; padding-bottom:10px; width:75%; float:left;}
ul.featuredrow li:first-child {margin:0;}
ul.featuredrow li.item .grid-desc, ul.lqrow li.item .lq-desc {min-height:100px; padding-top:13px;}
ul.lqrow li.item img {max-width:100%;}
.auto-size {max-width:100%;}

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

/* Distributors landing page */
.page-distributors {height: 100%;}
.page-distributors #container {
	display: table;
	height: 100%;
	margin: 0 auto;
	z-index: 1;
}

.page-distributors #inner {
	display: table-cell;
	vertical-align: middle;
}

.page-distributors #content {
	background: #FFFFFF;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	margin: 20px;
}

.page-distributors .img-responsive {max-width: 100%; height: auto;}

.page-distributors .btn-continueshop {display: block; margin: 0 auto; margin-bottom: 20px;}
.page-distributors .btn-continueshop > span {height: auto; font-size: 20px; padding: 10px 30px; font-weight: normal;}

.page-distributors .row {margin:0;}
.page-distributors .distlist-top {border-bottom:1px solid #999;}
.page-distributors .distlist-top .logo {text-align: left;}
.page-distributors .distlist-top,
.page-distributors .distlist-bottom {padding: 20px;}
.page-distributors .dist-column {text-align: left;} 
.page-distributors .h3 {font-size: 18px; display: block; margin: 10px 0 10px;}
.page-distributors ul {list-style-type: none; padding-left: 0;}
.page-distributors ul li {padding: 3px 0;}
.page-distributors ul li a {text-decoration: underline;}
.page-distributors ul li img {margin-right:10px; margin-top:1px;}

.page-distributors .clouds {background:url(../images/groasis-cloudbg.png) center top no-repeat; position:fixed; top:0; left:0; height: 340px; width: 100%; z-index: -1;}

.page-distributors .dist-desc {
	    float: none;
	    max-width: 1200px;
	    clear: both;
}

@media (max-width:480px) {
	.page-distributors .distlist-bottom {background: white;}
	.page-distributors .span6 {text-align: center;}
	.page-distributors button.button {float: none; margin:10px; 0;}
	.page-distributors .logo {
		margin-bottom: 10px;
	}
	.page-distributors .dist-column {margin-bottom:30px;}
	.page-distributors .btn-continueshop > span > span {font-size: 12px;}
}

@media (max-width: 798px) {
	.page-distributors .btn-continueshop {
	    display: block;
	    margin: 0 auto;
	    margin-bottom: 20px;
	    width: 85%;
	    float: left;
	}
	.page-distributors .btn-continueshop > span {
		width: 100%;
	}
}

@media (max-width: 480) {
	.page-distributors .btn-continueshop {
		width: 80%:
	}
}



/* Gradients
--------------------------------------------------------------*/

/* Green gradient without border */
.products-grid button.button.btn-cart span, .btn-contactus > span,
.products-list button.button.btn-cart span {background: #488c1c;
background: -moz-linear-gradient(top, #488c1c 0%, #366a15 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#488c1c), color-stop(100%,#366a15));
background: -webkit-linear-gradient(top, #488c1c 0%,#366a15 100%);
background: -o-linear-gradient(top, #488c1c 0%,#366a15 100%);
background: -ms-linear-gradient(top, #488c1c 0%,#366a15 100%);
background: linear-gradient(to bottom, #488c1c 0%,#366a15 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#488c1c', endColorstr='#366a15',GradientType=0 );}

/* Green gradient with border */
button.button > span, .block-wishlist .actions a, .page-sitemap .links a, .header .row-2 {background: #488c1c;
background: -moz-linear-gradient(top, #488c1c 0%, #366a15 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#488c1c), color-stop(100%,#366a15));
background: -webkit-linear-gradient(top, #488c1c 0%,#366a15 100%);
background: -o-linear-gradient(top, #488c1c 0%,#366a15 100%);
background: -ms-linear-gradient(top, #488c1c 0%,#366a15 100%);
background: linear-gradient(to bottom, #488c1c 0%,#366a15 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#488c1c', endColorstr='#366a15',GradientType=0 ); border:1px solid #3d7917;}

/* Green gradient */
.header .form-search button.button > span, .btn-contactus:hover > span, .header .header-buttons .header-button, .products-grid button.button.btn-cart span:hover,
.products-list button.button.btn-cart span:hover, button.button:hover > span, .block-wishlist .actions a:hover, .page-sitemap .links a:hover {background: #7bc54c;
background: -moz-linear-gradient(top, #7bc54c 0%, #498d1d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7bc54c), color-stop(100%,#498d1d));
background: -webkit-linear-gradient(top, #7bc54c 0%,#498d1d 100%);
background: -o-linear-gradient(top, #7bc54c 0%,#498d1d 100%);
background: -ms-linear-gradient(top, #7bc54c 0%,#498d1d 100%);
background: linear-gradient(to bottom, #7bc54c 0%,#498d1d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bc54c', endColorstr='#498d1d',GradientType=0 );}

/* Green gradient hover */

.header .form-search button.button:hover span {background: #91ed5c;
background: -moz-linear-gradient(top, #91ed5c 0%, #55b526 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#91ed5c), color-stop(100%,#55b526));
background: -webkit-linear-gradient(top, #91ed5c 0%,#55b526 100%);
background: -o-linear-gradient(top, #91ed5c 0%,#55b526 100%);
background: -ms-linear-gradient(top, #91ed5c 0%,#55b526 100%);
background: linear-gradient(to bottom, #91ed5c 0%,#55b526 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91ed5c', endColorstr='#55b526',GradientType=0 );}

@media only screen and (min-width: 980px) and (max-width: 1199px) {

ul.lqrow li.item .lq-desc {min-height: 88px;}
	
}

@media only screen and (max-width: 979px) and (min-width: 768px) { ul.lqrow li.item .lq-desc {min-height: 48px;} }

@media only screen and (max-width: 767px) {

/* =============== INCHOO FEATURED PRODUCTS ================= */
ul.featuredrow li:first-child {margin:0 0 20px 0;}
ul.featuredrow .product-img img {display: block; max-width: 242px; height: auto;}
ul.featuredrow .grid-desc {padding-top: 13px;}
/* ========================================================== */

#search_mini_form {margin:0;}

.row-2 {width:100%;}

.footer address {padding-left:10px;}

}
/* =============== HOME PAGE JANUARI 2015 ================= */
#home-products.span12 {
	margin-left: 0;
}
#home-products .widget,
#home-products .product-grid {
	float: left;
}
#home-products .widget {
	width: 100%;
	margin-top: 30px;	
}
#home-products .product-grid {
	width: 25%;
}
#home-products.span12 ul.banner-block {
	margin: 0;
	padding: 0;
	width: 100%;
}
#home-products.span12 ul.banner-block li {
	display: block;
/*	width: calc(25% - 25px);
	float: left; */
	min-height: 240px;
	margin-top: 0;
	margin-bottom: 20px;
	box-sizing: border-box;
/*	margin-left: 30px */
}
#home-products.span12 ul.banner-block li:first-child {
	margin-left: 0;
}
#home-products .banner-block li .banner-block-cont {
	width: 100%;
}
#home-products .banner-block li .banner-block-title {
	font-size: 30px;
	line-height: 30px;
}
#home-products .banner-block li {
	position: relative; 
	margin-top: 10px; 
	display:block; 
	height:134px; 
	background:url(../images/media/teaserbanner-waterboxx.png) no-repeat right bottom #488c1c; 
	border-radius:3px; 
	border: 0px solid #396d17;
	display:block;
}
#home-products .banner-block li:hover {
	background:url(../images/media/teaserbanner-waterboxx.png) no-repeat right bottom #5ca62c;
}
/* Responsive slider to full page width */
@media only screen and (min-width: 980px) and (max-width: 1199px) {
	/* Slider */
	.main-container .slide-container {width:940px !important; height:318px !important;}
	.slide-container .slide-show {width:940px !important; height:318px !important;}
	.banner-content-style1 .tabcontent img {width:940px !important; height:318px !important;}
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
	/* Slider */
	.main-container .slide-container {width:724px !important; height:260px !important;}
	.slide-container .slide-show {width:724px !important; height:260px !important;}
	.banner-content-style1 .tabcontent img {width:724px !important; height:260px !important;}
}
iframe
{
    width:100%;
}