/*
 * jQuery Nivo Slider v3.2
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Description: The default skin for the Nivo Slider.
Version: 1.3
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
Supports Thumbs: true
*/

.theme-default .nivoSlider {
	position:relative;
	background:#fff url(website/css/default/loading.gif) no-repeat 50% 50%;
    margin-bottom:10px;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	text-align: center;
	padding: 20px 0;
}
.theme-default .nivo-controlNav a {
	display:inline-block;
	width:22px;
	height:22px;
	background:url(website/css/default/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 2px;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(website/css/default/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
	opacity: 0;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}/* 
    Document   : default.css
    Created on : May 11, 2013, 1:10:32 AM
    Author     : Ales Seifert <seifert at stimulus dot com dot au>
    Description:
        Default stylesheet template.
*/
root { 
    display: block;
}
a {color: #1C903E;}
a:hover {color:#1C903E}
strong {font-weight: bold;}
body, h4 {color: #5C5C5C;}
h1,h2,h3 {color:#5C5C5C}
input, textarea, select {border: 1px solid black; border-radius: 3px;}
.line { background: url(website/img/topLine.jpg); height: 20px; margin-top: 2px;}
.float-left {float: left;}
.float-right {float: right;}
.grid-4 {width: 48%;}
#main ol {
    list-style: decimal outside none;
    margin-left: 15px;
}
#main ul {
    list-style: disc outside none;
    margin-left: 15px;
}#enquiry label, #enquiry input, #enquiry textarea {display: block; width: 350px; margin: 10px 0;}
#enquiry input {height: 30px;}
#enquiry textarea {height: 120px;}
#header {height: 150px;}
.logo {background: url("website/img/logo.png") no-repeat scroll 0 0 transparent; height: 106px; width: 212px;}
#nav {top: 120px;font: 18px Arial,Helvetica,sans-serif}
#nav ul ul {border-color: #1C903E #ECEDF3 #ECEDF3}
#nav select {height: 26px; font-size: 18px;}

.intro {background: #F5F5F5;}
.intro p {margin: 0; font-size: 18px;color: #A5A5A5}
.intro p.mar {margin: 0 210px;}
.intro h1.mar {margin: 0 210px;font: bold 18px/22px Arial,Helvetica,sans-serif;}
.intro h1.full {margin: 0;}
.gallery-holder {height: 400px; overflow: visible;}
.promo-intro {padding: 0 80px 16px;}
.promo-intro h2 {color:#5C5C5C}
.promo-intro.bline {padding: 0 0 16px;}
.promo-intro.bline h2 {border-bottom: 1px solid #ECEDF3; padding: 2px 0;}
.promo .col {background: transparent; text-align: left; padding: 16px 16px 0;}
.promo h3 {color:#5C5C5C;}
.promo .col > a >img {border: 1px solid #ECEDF3; border-radius: 3px 3px 3px 3px; padding: 7px;}
.ui-state-error {border-radius: 4px;background: url("website/css/images/ui-bg_diagonals-thick_18_b81900_40x40.png") repeat scroll 50% 50% #FE8C8C;border: 1px solid #CD0A0A;color: black;}
.btn-add {
    cursor: pointer;
    font:bold 14px/40px Arial, Helvetica, sans-serif;
    display:inline-block;
    vertical-align:top;
    text-transform:uppercase;
    color:#fff;
    text-shadow:1px 1px 0 rgba(0, 0, 0, .1);
    background: rgb(51,107,214);
    background: -moz-linear-gradient(top,  #26AC52 0%, #1C903E 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#26AC52), color-stop(100%,#1C903E));
    background: -webkit-linear-gradient(top,  #26AC52 0%,#1C903E 100%);
    background: -o-linear-gradient(top,  #26AC52 0%,#1C903E 100%);
    background: -ms-linear-gradient(top,  #26AC52 0%,#1C903E 100%);
    background: linear-gradient(top,  #26AC52 0%,#1C903E 100%);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding:0 18px;
    min-height: 40px;
}

.btn-add:hover {
    color:#fff;
    background: rgb(52,186,201);
    /*background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZTIxOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGQ4MTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
    background: -moz-linear-gradient(top,  #1C903E 0%, #26AC52 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1C903E), color-stop(100%,#26AC52));
    background: -webkit-linear-gradient(top,  #1C903E 0%,#26AC52 100%);
    background: -o-linear-gradient(top,  #1C903E 0%,#26AC52 100%);
    background: -ms-linear-gradient(top,  #1C903E 0%,#26AC52 100%);
    background: linear-gradient(top,  #1C903E 0%,#26AC52 100%);
}

.grid-4.float-right.contactus {width: 356px;}
.footer-holder { padding: 0 10px;}
.breadcrumbs {margin-bottom: 10px;}
.breadcrumbs a {color:#A5A5A5; text-decoration: underline;}

.product .main_picture, .related_products .rp img {border: 1px solid #ECEDF3; border-radius: 3px 3px 3px 3px; padding: 6px;}
.related_products {margin: 50px 0;}
.related_products .rp {display: inline-block;width: 347px;}
.related_products .rp:first-of-type {margin-right: 20px;}
.product_params> table {margin: 20px 0;width: 100%;border: 2px solid black;  border-spacing: 0; border-collapse: collapse; font-size: 14px; text-align: left; vertical-align: middle;}
.product_params> table tr:empty {display: none;}
.product_params> table td { padding: 3px;border: 2px solid black;}
.product_params> table tr:first-of-type td {color: white; background-color: #252525; text-align: center;}
table.products {width: 100%;}
table.products input, table.products pimcore_editable pimcore_tag_input {width: 300px;}
table.products img {border: 1px solid #ECEDF3; border-radius: 3px 3px 3px 3px; padding: 6px; margin-right: 12px;margin-bottom: 12px;}
table.products td {vertical-align: top; padding: 20px 0;}
table.products tr:not(:last-of-type) {border-top: 1px solid lightgray;}
#footer .dev a{color:#454545;}
.getintouch input{width: 100%; height: 20px;margin-bottom: 10px; padding: 4px;border-radius: 3px 3px 3px 3px;border: 1px solid #ECEDF3;}
.getintouch textarea {width: 100%; height: 80px;margin-bottom: 10px;padding: 4px;border-radius: 3px 3px 3px 3px;border: 1px solid #ECEDF3;}
.getintouch button {border: none;font: bold 14px/30px Arial;}
.getintouch img, #enquiry img {margin: 10px auto; display: block; border-radius: 3px;}
.tabset2 ul {padding: 18px 10px 2px 0;}
.tabset2 li {
    margin-bottom: 0;
}
.tabset2 li:not(:first-of-type) {
    margin-top: 18px;
}

.sitemap {
    float: left;
    margin-right: 30px;
    width: 210px;
}
nav.tabsetnav.col-14 ul {border-right: 1px solid #ECEDF3;min-height: 200px;}
nav.tabsetnav.col-14 ul ul {min-height: 0px;}
/* Nivo slider*/
.nivo-controlNav {
    position:absolute;
    display:block;
    left:50%;
    bottom:0px;
    margin-left:-40px; /* Tweak this to center bullets */
    height:22px;
    overflow:visible;
}
.nivo-controlNav a {
    display:block;
    width:17px;
    height:17px;
    background:url(website/css/bullets2.png) no-repeat;
    text-indent:-9999px;
    border:0;
    margin-right:3px;
    float:left;
    margin-top:42px;
}
.nivo-controlNav a.active {
    background-position:0 -22px;
}
#slider .nivo-caption {
    width: 50%;
    left: 470px;
    height: 375px;
    background: transparent;
    color: black;
    opacity: 1;
    filter: alpha(opacity = 100);
}
#nav select{display: none;}
.nivo-caption ul, .promo ul {
    list-style: disc outside none;
    margin-left: 20px;
}
.nivo-caption a.btn-add {display: inline-block !important;}
.nivo-caption li p {padding: 0;}
section.intro.gallery {padding-top: 0; margin-bottom: 35px;}
/*Search*/
div.WebsiteSearch.search {float: right; margin: 10px 30px 0 0; width: 220px; height:28px; padding: 5px 0 5px 5px;}
div.WebsiteSearch.search #WebsiteSearch_input {width: 200px; border: none; height: 25px;}
div.WebsiteSearch.search .button-search {margin: 7px 0 0 -13px;float:none;}
ul.WebsiteSearch.search.result {margin-left: 200px; margin-bottom: 50px;}
ul.WebsiteSearch.search.result li {list-style: square; margin-bottom: 5px;}
header .search {border: 1px solid #555555;}
.search .button-search { float:right;width:17px;height:14px;background:url(website/img/search.png) no-repeat;cursor:pointer; border: none; position: absolute; margin: 10px 0 0 -35px;}
@media screen and (min-width: 480px) and (max-width: 990px){
    body {min-width: 460px;}
    .w1 {width: auto;}
    .promo {width: auto;}
    .promo .col {width: auto;}
    #main {width: auto; min-width: 420px;}
    .main_picture {max-width: 410px; height: auto;}
}
@media screen and (max-width: 990px){
    .tabsetnav.col-14 {display: none;}
    .product_params {display: none;}
}
@media screen and (max-width: 960px){
    .intro.gallery {display: none;}
    .promo-intro {padding: 0;}
    .contactus .float-right {float: none;}
    .promo-box .btn-add {float: none;}
    .flickr {float: none;}
}
@media screen and (max-width: 900px){
    #main {max-width: 870px;padding: 0 10px;}
    table {max-width: 870px;}
}
@media screen and (max-width: 800px){
    #main {max-width: 770px;padding: 0 10px;}
    table {max-width: 770px;}
}
@media screen and (max-width: 780px){
    .main_picture {width: auto; height: auto;}
    #nav {top: 140px; right: auto; margin: 0 5px; width: 100%}
    #nav ul{display: none;}
    #nav select {display: block; margin: 10px auto; width: 90%}
    #header {margin-bottom: 55px;}
}
@media screen and (max-width: 768px){
    #main {max-width: 738px;padding: 0 10px;}
    table {max-width: 738px;}
}
@media screen and (max-width: 640px){
    #nav ul ul li {background: none repeat scroll 0 0 white;}
    table.products td {display: inline;}
    .intro h1.mar {margin: 0;}
    #main {max-width: 620px;padding: 0 5px;}
    table {max-width: 620px;}
    div.WebsiteSearch.search {float: right; margin: 210px 30px 0 0;}
}
@media screen and (max-width: 480px){
    body {min-width: 300px;}
    table {max-width: 460px;}
    .w1 {width: auto;}
    .promo {width: auto;}
    .promo .col {width: auto;}
    #main {max-width: 460px; width: auto; min-width: 280px; padding: 0 5px;}
    .tabsetnav.col-14 {display: none;}
    .main_picture, img {max-width: 250px; height: auto;}
    #enquiry label, #enquiry input, #enquiry textarea {
        width: 280px;
    }
}
@media screen and (max-width: 360px){
    #main {max-width: 340px;padding: 0 5px;}
    table {max-width: 340px;}
}
@media screen and (max-width: 320px){
    #main {max-width: 300px;}
    table {max-width: 300px;}
    div.WebsiteSearch.search {
        margin-top: 80px;
    }
    .related_products .rp {
        width: 315px;
    }
}


/*Editmode*/
body.editmode {padding-top: 110px;}
.editmode dt { min-width: 100px;}
.editmode #pimcore_editable_product_params td > div{min-height: 20px;}
.editmode .related_products .rp {display: inline-block;width: 347px; float:left;}
.editmode .btn-add input{min-width: 250px;}
html.ext-strict {overflow: auto;}
html.ext-strict td {vertical-align: top;}
.editmode .promo-intro.bline table {border: 1px solid black; border-collapse: collapse;}
.editmode .promo-intro.bline table td {border: 1px solid black; border-collapse: collapse;}
div[name="contentblock"] .pimcore_editable.pimcore_tag_image {display: inline-block;}
div[name="contentblock"] .pimcore_editable.pimcore_tag_wysiwyg {float: right;}
div[name="contentblock"] {width: 960px; margin: 0 auto;}
.pimcore_tag_wysiwyg ul, .pimcore_tag_wysiwyg ol {list-style: disc; list-style-position: inside;}