/** ------------------------------------------------------ **/
/** -------------------2 column layout -------------------- **/
body {
	background-color: #ffffff;
	color: #383030;
	font-family: 'Roboto', sans-serif, Arial, Verdana, Helvetica;
	font-size: 0.8em;
	margin: 0px;
	text-align: left;
}

#skip-navigation{
	height:0px;	
	overflow: hidden; 
}

	
#wrapper-header{
	background-color: #252525;
	margin: 0 auto;
    max-width: 1920px;
	width: 100%;
	height: 93px;
}
* html #wrapper-header {  /* This is the Tan hack */
	height: 95px; 
	hei\ght: 93px; 
	}
#wrapper-navigation{
	width: 100%;
	height: 49px;
	margin-top: 17px;
}
* html #wrapper-navigation {  /* This is the Tan hack */
	height: 50px; 
	hei\ght: 49px; 
	}
#wrapper-content, #wrapper-content-full, #wrapper-content2{
	background-color: #ffffff;
	clear:both;
	width: 100%;
}
#wrapper-content {
	margin-top:30px;
	margin-bottom:30px;
}
#content, #content-full, #content2{
	background-color: #ffffff;
	text-align: left;
}
#wrapper-footer{
	background-color: #252525;
	margin: 0 auto;
    max-width: 1920px;
	width: 100%;
}		

.wrapper-inner{
	margin: 0 auto;
	position:relative;
	text-align: left;
	max-width: 1400px;
	width:100%;
}


.wrapper-inner-full{
	margin: 0 auto;
	position:relative;
	text-align: left;
/*	max-width: 1920px;*/
	width:100%;
}
* html .wrapper-inner-full {  /* This is the Tan hack */
	width: 1920px; 
	w\idth: 1920px; 
}

#preview, #preview-admin{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:2001;
}	
#preview p, #preview-admin p{
	background-color:#0000FF;
	color:#FFFFFF;
	margin:0px;
	padding:8px;
	font-size:14px;
	font-weight:bold;
}
#preview-admin p{
	background-color:#333333;
}


#header{
	padding-top: 10px;
	position: relative;
}

/*homepage layout */
#centerc-home {
	padding-bottom: 30px;
	padding-top: 0px;
	max-width:1790px;
	width:100%;
}


/*1 column layout */
#centerc-1col {
	max-width:1790px;
	width:100%;
}
/*1 column full layout */
#centerc-full-1col {
	max-width: 1920px;
    width: 100%;
}

/*1 column-content layout */
#centerc-1col-content {
	max-width:1920px;
	width:100%;
}

/*2 column layout */
#centerc-2col{
	display: inline;
	float:left;
	margin-left:249px;
	overflow:hidden;
	padding-bottom: 30px;
	padding-top: 20px;
	position:relative;
	width:727px;
}
* html #centerc-2col {  /* This is the Tan hack */
	width: 727px; 
	w\idth: 727px; 
}
	
#leftc{
	float:left;
	margin-left:-976px;
	padding-bottom: 30px;
	padding-left:0px;
	padding-right:20px;
	padding-top: 20px;
	width: 229px;
}
* html #leftc {  /* This is the Tan hack */
	width: 249px; 
	w\idth: 229px; 
}
	
#foot{
	padding-top:60px;
	padding-bottom:60px;
	width:100%;
}	

/** ------------------------------------------------------ **/
/** ------------------- header --------------------------- **/

#header-left{
	float: left;
	margin-right:50px;
}
#header-right{
	color:#FFFFFF;
	float: right;
	margin-top:20px;

}
#header-right a, #header-right a:visited {
	color: #ffffff;
	font-size:1.7em;
	text-decoration: none;
}
#header-right a:hover, #header-right a:active {	
	color: #01bac1;	
}
#head-tel {
	margin-right:20px;
}

#header_graphic{
	position:relative;
	z-index:500;
}

#navigation{
	float:left;
	position:relative;
}

/** ------------------------------------------------------ **/
/** -------------------navigation ------------------------ **/

#navigation ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#navigation ul li {
	display: inline;
	padding: 0px;
	margin: 0px; 
}
#navigation ul li a, #navigation ul li a:visited {
	background-color: transparent;
	color: #ffffff;
	font-family: 'Electrolize', sans-serif, Arial, Verdana, Helvetica;
	display: block;
	float: left;
	font-size: 15px;
    margin-right: 4px;
    padding: 15px;
	text-decoration: none;
}
#navigation ul li a:hover, #navigation ul li a:active {	
	background-color: #01bac1 !important;
}

#nav-icon {
	display: none;
}

.subnavigation {
	margin: 0px;
	padding: 0px;
	text-align: left;
	z-index: 9999;
}
.subnavigation ul {
	background-color:#006666;
	margin: 0px;
	padding: 1px;
	width: 255px;
}
* html .subnavigation ul {  /* This is the Tan hack */
	width: 257px; 
	w\idth: 255px; 
}
.subnavigation ul li {
	float: none !important;
	margin: 0px;
	padding: 0px;
}

.dropdown{
	float:left;
	margin-left:5px;
	width:550px;
}


/** ------------------------------------------------------ **/
/** ------------------------ menu ------------------------ **/

#leftc ul {
	list-style: none;
	margin: 0px;
	padding: 0px;	
	padding-right: 10px;
}
#leftc ul li {
	margin: 0; 
	padding: 0; 
}

#leftc ul li a, #leftc ul li a:visited {
	border-bottom: 1px solid #666666;
	color:#697176;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height:12px;
	margin:0px;
	padding-bottom: 15px;
	padding-left: 22px;
	padding-right: 0px;
	padding-top: 15px;
	text-decoration: none;
	/*width avoids extra whitespace in ie5-6*/
	width: 197px;
}
* html #leftc ul li a, * html #leftc ul li a:visited {  /* This is the Tan hack */
	height:32px;
	he\ight:12px;
	width: 219px; 
	w\idth: 197px; 
}
#leftc ul li a:hover {
	color:#ee5e2f;
}

#leftc ul li ul li a, #leftc ul li ul li a:visited{
	padding-left: 44px;
	width: 175px;
}
* html #leftc ul li ul li a, * html #leftc ul li ul li a:visited{
	width: 219px; 
	w\idth: 175px; 
}

#leftc ul li ul li ul li a, #leftc ul li ul li ul li a:visited{
	padding-left: 66px;
	width: 153px;
}
* html #leftc ul li ul li a, * html #leftc ul li ul li a:visited{
	width: 197px; 
	w\idth: 153px; 
}
	
.menu_header {
	border-bottom: 2px solid #697176;
	display: block;
	font-size: 1.4em;
	padding-bottom: 5px; 
	padding-left: 0px;	
	padding-right: 0px;	
	padding-top: 0px;
	margin: 0px;
	text-decoration: none;	
	/*width avoids extra whitespace in ie5-6*/
	width: 218px;
}

.menu-double{
	padding-bottom: 25px !important;
	padding-top: 10px !important;
}	


/** ------------------------------------------------------ **/
/** ------------------------ menu subsection ------------- **/

#submenu ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#submenu ul li{
	margin: 0; 
	padding: 0; 
}

#submenu ul li a, #submenu ul li a:visited{
	border-bottom: 1px solid #666666;
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	padding-bottom: 5px;
	padding-left: 34px;
	padding-right: 0px;
	padding-top: 5px;
	text-decoration: none;	
	/*width avoids extra whitespace in ie5-6*/
	width: 194px;
}
* html #submenu ul li a,  #submenu ul li a:visited {  /* This is the Tan hack */
	width: 228px; 
	w\idth: 194px; 
}

/** ------------------------------------------------------ **/
/** ------------------- footer --------------------------- **/
#footerleft{
    float: left;
}
#footerright{
    float: right;
}

#footerleft p {
	font-size:3.4em;
	padding-top: 12px;
    margin-bottom: 0;
}
#footerright img {
	display: block;
	float:right;
	margin: 0 auto;    
}

#foot-contact, #foot-links {
	float:left;
}
#foot-contact {
	margin-right:150px;
}
#foot-privacy-links {
	clear:both;
	float:right;
	margin-top:32px;
}
#foot-contact a, #foot-links a, #foot-privacy-links a {
	color:#ffffff;
	font-size: 1.2em;
    line-height: 2em;
	text-decoration:none;
}
#foot-contact a, #foot-links a {
	display:block;
}
#foot-privacy-links a {
	display:inline-block;
}
#foot-privacy-links #foot-privacy {
margin-right:25px;
}
	
/** ------------------------------------------------------ **/
/** ------------------- HTML elements -------------------- **/

caption {
	font-weight: normal;
	text-align: left;	
}
th {
	font-weight: bold;
	text-align: left;	
}

/** ------------------------------------------------------ **/
/** ------------------- form ------------------------- **/

#contactform fieldset {
	float:left;
	width:49%;
}
#contactform #contactdetails {
	margin-right:2%;
}

form {
  margin: 0px;
  padding: 0px;
  }
fieldset {
  border: 0px;
  margin:0px;
  padding: 0px;
  padding-top: 10px;
  width: auto;
  }
legend {
  font-weight: bold;
  padding-bottom: 10px;
}
input {
  float: left;
  margin-right: 10px
  }
select {
  float: left;
  margin-right: 10px
  }
textarea{
  margin-bottom:5px;
}	 
input.buttons {
  float: none;
}
form fieldset div {
  padding-bottom: 0px;
  clear: both;
  overflow:auto;
  }
form fieldset p {
  padding-bottom: 10px;
  margin: 0px;
  clear: both;
  }
label {
  color:#000000;
  display:block;
  font-size:1.5em;
  float: left;
  width: 200px;
  margin-right: 10px;
  padding-bottom: 10px;
  }
.nofloat{
	float:none;
	margin-right:0px;
}	
/* hide anti spam box */
.sec-form-field {
	display: none;
}

.error {
    color: #FF0000;
}

.contactInput{
	border:1px solid #4c4c4c;
	color:#4c4c4c;
	font-family: 'Electrolize', sans-serif, Arial, Verdana, Helvetica;
	margin:0px;
	margin-bottom:11px;
	padding:0px;
	padding-bottom:9px;
	padding-top:9px;
	padding-left:11px;
	padding-right:11px;
}
.contactInputLarge{
	width:326px;
}
* html .contactInputLarge{
	width:350px;
	w\idth:326px;
}

.contactInputSmall{
	width: 163px;
}
* html .contactInputSmall{
	width:177px;
	w\idth:163px;
}

.submitButton{
	margin-left:210px;
}

input.InputButtonGreen {
    background-color: #01bac1;
    border: 1px solid #e0e3da;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: bold;
    height: 33px;
    margin-right: 5px;
    padding-bottom: 3px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 3px;
    text-decoration: none;
    overflow: visible;
}

.InputButtonBlue{
	background-color:#005a7e;
	border:0px;
	color:#FFFFFF;
	cursor:pointer;
	font-weight:bold;
	margin-top:6px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
}

input:readonly {
	background-color: #ffffff;
	border: 1px solid #bcbcbc;
	color: #bcbcbc;
	cursor: not-allowed;
}
/** ------------------------------------------------------ **/
/** ------------------- div table replacements ----------- **/

/*create a row*/
div.TableReplaceRow {
	clear: both;
	padding-top:0px;
  }
/*label cell*/
div.TableReplaceRow div.TableReplaceLeft {
	float: left;
	text-align: left;
	width: 200px;
	margin: 0px;
  }
/*data cell*/
div.TableReplaceRow div.TableReplaceRight {
	float: right;
	margin: 0px;
	margin-left: 27px;
	width: 500px;
  } 

div.TableReplaceRow div.TableReplaceLeftB {
	float: left;
	text-align: left;
	width: 400px;
	margin: 0px;
  }
/*data cell*/
div.TableReplaceRow div.TableReplaceRightB {
	float: right;
	margin: 0px;
	margin-left: 27px;
	width: 300px;
  } 


div.TableReplaceRowClear {
	clear: both;
  }
  
.clearboth {
	clear:both;
}


/** ------------------------------------------------------ **/
/** ------------------- bespoke -------------------------- **/

#homecontentContainer {
	background-color:#01bac1;
	margin: auto;
    max-width: 1920px;
}
#homecontent{
	margin:0 auto;
	max-width:1320px;
	padding: 50px 20px 40px 20px;
	width:100%;
	box-sizing: border-box;
}
#homecontent h1, #homecontent h2, #homecontent h3, #homecontent h4, #homecontent p, #homecontent a, #homecontent a:visited, #homecontent ul li, #homecontent ul li ul li {
	color:#000000;
}
#homecontent p {
	font-size: clamp(1.2rem, 1.1rem + 0.3333vw, 1.5rem);
}


#home-box{
	margin-left:18px;
}	


.col-4-container {
	border-top: 2px solid #01bac1;
	border-bottom: 2px solid #01bac1;
	margin:auto;
	max-width:1920px;
	width:100%;
}
.col-4 {
	border-right: 2px solid #01bac1;
	box-sizing: border-box;
	float:left;
	width:25%;
}
.col-4 img {
	display:block;
	height:auto;
	width:100%;
}
#product-form, #category-form {
	box-sizing: border-box;
	margin-top: 30px;	
}

#category-form {
	background-color: #252525;
	padding: 30px;
}

#category-form h2, #product-form h2 {
	color: #01bac1;
}
#category-form p {
	color:#fff;
}
#category-form  label, #product-form  label {
	display:block;
	float:none;
	font-size: 1.2em;
	margin-right:0px;
	width:100%;
}
#category-form  label {
	color: #fff;
}
#category-form a, #category-form a:visited, #category-form a:hover, #product-form a, #product-form a:visited, #product-form a:hover  {
	color: #01bac1;
}

#category-form fieldset {
	float:left;
	width:49%;
}
#category-form #contactdetails {
	margin-right:2%;
}
#product-form fieldset div div {
	border: 1px solid #4c4c4c;
	margin-bottom: 11px;
}
#category-form fieldset div div {
	margin-bottom: 11px;
}
#category-form .contactInputLarge, #product-form .contactInputLarge {
	border:0px;
	max-width: 96%;
    width: 96%;
	padding-left: 2%;
	padding-right: 2%;
	margin: 0px;
}
#category-form .contactInputLarge {
    border:none;
	padding: 2%;
}
#category-form .submitButton, #product-form .submitButton {
	margin-left:0;
}

.subcatbox {
	float: left;
	width: 49%;
	margin-right: 2%;
	box-sizing: border-box;
	padding: 30px;
	margin-bottom: 25px;
	background-color: #01bac1;
}
.subcatbox:nth-of-type(even){
	margin-right: 0;
}
.subcatbox h2, .subcatbox p {
	color: #000;
}
.subcatboxlink {
	height: 30px;
	padding-top: 10px;
}
.subcatboxlink a, .subcatboxlink a:visited {
	background-color: #000;
	color: #FFF;
	padding: 10px;
	margin-top: 10px;
	text-decoration: none;
	width: 90px;
	height: 40px;
}
.subcatboxlink a:hover {
	color: #01bac1;
}
.subcatbox img {
	float: right;
	padding-left: 10px;
}

iframe {
	margin-left: auto;
	margin-right: auto;
	border: none;
	display: block;
}

#productbox-text, #productbox-image {
	float:left;
	max-width:690px;
	width:49%;
}

#productbox-text-full {
	width:100%;
}

#productbox-image  {
	margin-right:2%;
}

#productbox-image img {
	height:auto;
	max-width:690px;
	width:100%;
}

.product-image {
	padding-right: 10px;
	padding-bottom: 10px;
}


/***** START: SLIDER RELATED *****/

#home-slider-wrapper {
	clear: both;
	height: 642px;
	position: relative;
	text-align: center;
	width: 100%;
}
#sliderhome{
	position:relative;
	list-style-type:none;
	margin: 0px;
	overflow: hidden;
	padding: 0px;
	height: 642px;
	text-align: center;
	width:100%;
}
#sliderhome li{
	padding: 0px;	
	margin: 0px;
	width:100%;
	text-align: center;
	height:642px;
	/* uncomment below if bxslider is set to fade */
	/* bxslider applies absolute positioning when using fade causing slider to shift to the right in IE7 */
	/*left:0px;*/ 
}

#sliderhome .textarea-container {
	position:absolute;
	top:15%;
	width:100%;
}
#sliderhome .textarea {
	width:740px;
}
#sliderhome .textarea h2 {
	font-size: clamp(1.8rem, 1.4667rem + 1.1111vw, 2.8rem);
}
#sliderhome .textarea h3 {
	color:#ffffff;
	font-size: clamp(1.4rem, 1.1333rem + 0.8889vw, 1.6rem);
}
#sliderhome .textarea p {
	color:#ffffff;
	font-family: 'Electrolize', sans-serif, Arial, Verdana, Helvetica;
	font-size: clamp(1rem, 0.9333rem + 0.2222vw, 1.2rem);
    line-height: 1.8em;
	text-align:left;
}

/*#sliderhome #slider-eternoivica {
	position:absolute;
	bottom:0;
	width:100%;
}*/
#sliderhome #slider-eternoivica p {
	color: #ffffff;
	font-family: 'Electrolize', sans-serif, Arial, Verdana, Helvetica;
    text-align: left;
    font-size: clamp(1.8rem, 1.2rem + 2vw, 3rem);
}


#home-slider-wrapper .bx-wrapper {
	height: 642px !important;
	width: auto !important;
}
#home-slider-wrapper .bx-window {
	width: auto !important;
}

#home-slider-wrapper .bx-controls {
	height: 65px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	top: -255px;
	width: 1920px;
}

#home-slider-wrapper .bx-prev {
	position:absolute;
	left:0px;
	top:0px;
	width: 65px;
	height: 65px;
	z-index:80;
}

#home-slider-wrapper .bx-next {
	position:absolute;
	right:0px;
	top:0px;
	height: 65px;
	z-index:80;
	width: 65px;
}
* html #home-slider-wrapper .bx-next{  /* This is the Tan hack */
	width: 911px; 
	w\idth: 65px; 
}


#home-slider-wrapper .bx-controls-direction{
	height: 0px !important;
	position:relative;
}

#home-slider-wrapper #pager{
	color:#FFFFFF;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: -20px;
	width: 80px;
	padding:0px;
	z-index:90;
}


.sliderwrap{
	height:auto;
	max-width:727px;
	position:relative;
}

.sliderwrap ul{
	max-height:328px;
	margin:0px;
	overflow:hidden;
	padding:0px;
	list-style:none;
}

#slider1{	
	margin: 0px;
	padding: 0px;
	width:100%;
}	
#slider1 li{
	width:100%;
	/* uncomment below if bxslider is set to fade */
	/* bxslider applies absolute positioning when using fade causing slider to shift to the right in IE7 */
	/*left:0px;*/
}
	
#slider1 li img{
	display:block;
}

#slider1 li div.textarea{
	background-image:url(../images/textbg.png);
	background-repeat:repeat;
	font-family: 'Electrolize', sans-serif, Arial, Verdana, Helvetica;	
	width: 100%;
	height: 68px;
	padding-top: 10px;
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:300;
}
#slider1 li div.transparent-link {
	width: 100%;
	height: 100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:302;
}

#slider1 li p {
	text-align: center;
	color:#FFF;
	margin: 0px;
	font-size: 1.5em;
	font-weight: bold;
}

.sliderwrap .bx-prev {
	position: absolute;
	top: 43%;
	left: 4px;
	width: 36px;
	height: 35px;
	text-indent: -999999px;
	background: url(../images/arrowleft.jpg);
	z-index:100;
}

.sliderwrap .bx-next {
	position: absolute;
	top: 43%;
	right: 4px;
	width: 36px;
	height: 35px;
	text-indent: -999999px;
	background: url(../images/arrowright.jpg);
	z-index:100;
}

#pager{
	color:#FFFFFF;
	display:block;
	left:5px;
	padding:0px 3px 0px 7px;
	position:absolute;
	bottom:10px;
	right:10px;
	width:100%;
	z-index:100;
}
#pager a{
	background-color:#FFFFFF;
	color:#ffffff;
	display:inline;
	float:left;
	font-size:6px;
	margin-right:4px;
	width:9px;
	height:9px;
}
.active{
	background-color:#52c2f0 !important;
	color:#52c2f0 !important;
}

.slider-button, .slider-button:visited {
	background-color:#01bac1;
	color:#000;
	float:left;
	font-size: 1.2em;
    padding: 15px 30px;
	text-decoration:none;
}

/***** END: SLIDER RELATED *****/


.menu-sub{
	color:#03729d;
	font-size:10px;
}

#selectboxes select{
	width:120px;
}

#divMap {
	padding-top: 30px;
	padding-bottom: 30px;
}

#divMapCanvas{
	width:645px;
	height:460px; 
	border:none; 
	overflow:hidden; 
	margin:0px;
}

#cookiefirst-policy-page table th, #cookiefirst-policy-page table td {
	color:#000;
}