/* CSS Document */
#wrapper, #wrapper2, .wrapper, .page_wrap {
	overflow: hidden;
	width: 100%;
}
p {
	text-align: left;
}

.res {
	display: block;
}
.nores {
	display: none!Important;
	background-color: #FF0000;
}

#header {
	
	
}
#header {
	position: static;
	width: 100%;
	float: none;
	height: 65px;
	border-bottom: solid 3px #168E82;

}

.logo_back {
	background: url(../Images/layout/logo_back.png) no-repeat center bottom;
	background: none;
}
#header .logo_back  {
	
}

#logo {
	display: block;
	width: 40px;
	height: 40px;
	float: left;
	padding-top: 5px;
	margin-left: 5px;
	background: none;
}
#logo img {
	height: 40px;
}

#logo_txt {
	font-size: 20px;
	padding-top: 5px;
	line-height: 40px;
	float: none;
	margin-left: 50px;
}
#top_menu {
	display: none;
}
#head_contact {
	margin-left: 5px;
	padding-top: 0;	
	margin-right: 5px;
	
}
#head_tagline {
	margin: 0;
	padding: 0;
	color: #CCC;
	text-align: left;
	font-family: 'Courgette', cursive;
	float: left;
	line-height: 20px;
	font-size: 18px;
	color: #168E82;
	font-style: italic;
	
}

#head_tel {
	margin: 0;
	padding: 0;
	font-size: 16px;
	text-align: left;
	clear: none;
	line-height: 20px;
	float: none;
	text-align: right;
}

#page_feature {
	height: 50px;
	background: url(../media/006.jpg) no-repeat center center;
	border-bottom: solid 3px #168E82;
	background-size: cover;
}
#menu_bar_button {
	position: absolute;
	display: block;
	line-height: 40px;
	cursor: pointer;
	background: RGBA(0,0,0,0.5) url(../images/menu_btn.png) center center no-repeat;
	height: 50px;
	float: none;
	top: 68px;
	right: 0;
	left: 0;
	z-index: 150;
	padding: 0 0px;
	color: #FFFFFF;
}
#res_menu {
	position: static;
	top: 67px;
	background-color: #000000;
	width: 0;
	height: 100%;
	z-index: 500;
	overflow: hidden;
	width: 100%;
	transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	max-height: 0px;
}

#res_menu.closed {
	max-height: 0px;
}
#res_menu.opened {
	max-height: 800px;
}
#main_menu_bar {
	text-align: center;
	padding: 0px;
	margin: 0px;
	position: static;
}

/*#menu_bar_button:after {
	content: "Menu"
}*/
ul#main_menu {
	overflow: hidden;
	display: block;
	transition: all 0.5s ease;
	margin: 0;
	padding: 0;
	height: auto;
	position: static;
	line-height: 40px;
	
}
ul#main_menu.closed {
	max-height: 0px;
}
ul#main_menu.opened {
	max-height: 1000px;
}
ul#main_menu li {
	display: block;
	width: 100%;
	float: none;
	padding: 0;
	
}
ul#main_menu li  a {
	display: block;
	margin: 0 0px;
	padding: 0 5px;
	color: #FFFFFF;
	border-bottom: solid 1px #999;
	text-align: left;
}
#prod_menu_bar {
	width: 100%;
	overflow: hidden;
	max-height: 1000px;
}
#prod_menu_bar.closed {
	max-height: 1000px;
}
prod_menu_bar.opened {
	max-height: 1000px;
}
ul#prod_menu {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style-type: none;
	z-index: 500;
	background-color: #666;
	min-height: 400px;
	max-height: 400px;
	width: 800px;
	max-width: 980px;
	margin: 0 auto;
	clear: both;
	width: 100%;
}
ul#prod_menu.opened {
	/*max-height: 350px;*/
}
ul#prod_menu.closed {
	/*max-height: 250px;*/
}
ul#prod_menu li {
	display: block;
	float: left;
	text-align: center;
	padding: 0px 0;
	width: 50%;
	

	
}

ul#prod_menu li a {
	text-decoration: none;
	color: #000000;
	border-left: none;
	border-bottom: solid 1px #999999;
	display: block;
	width: auto;
	height: 120px;
	color: #FFFFFF;
	text-align: center;
	line-height: 20px;
	padding: 5px;
	background-color: #666;
	transition: background-color 0.5s ease;
	-moz-transition: background-color 0.5s ease;
	-o-transition: background-color 0.5s ease;
}

ul#prod_menu li a:hover, ul#prod_menu li.active a {
	background-color: #168E82;
}
ul#prod_menu li:first-child a {
	border: none;
	border-bottom: solid 1px #999999;
}
ul#prod_menu li:nth-child(even) a {
	border-left: solid 1px #999999;
}
ul#prod_menu li a span.image {
	display: block;
	width: auto;
	height: 75px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 5px;
	box-shadow: 0 0px 5px RGBA(0,0,0,0.75);
	background-color: #FFFFFF
}
ul#prod_menu li a span.title {
	display: inline;
}
#page {
	padding: 0px;
	
	
	width: auto;
	margin: 0 auto;
}
#page img {
	max-width: 100%;
}
h1 {
	line-height: normal;
}
#map_cta_label {
	display: none;
	position: static;
	background-color: #168E82;
	color: #FFFFFF;
	width: 100%;
	height: 40px;
	padding: 5px 10px;
	line-height: 20px;
	margin-left: -5px;
	margin-top: 130px;
	box-shadow: 0px 2px  10px 0px rgba(0,0,0,0.5);
	
}
#footer {
	border-top: solid 3px #168E82;
	padding: 0;
}
#footer_logo {
	float: right;
	text-align: center;
	margin: 0;
	padding: 0;
	display: block;
	margin-top: -10px;
}
#footer_logo_txt {
	margin-left: 0px;
	line-height: 20px;
	font-size: 16px;
	padding-top: 5px;
	text-align: left;
}
#footer_address {
	margin-left: 0px;
}

ul.footer_menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-bottom: 20px;
}
ul.footer_menu li {
	display: block;
	border-left: none;
	border-top: solid 1px #666;
	
}

ul.footer_menu li a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px;
	line-height: 30px;
	white-space: nowrap;
	
}
ul.footer_menu li:first-child {
 	border-top: none;
	
}
ul.footer_menu li:first-child a {
	padding-left: 5px;
}

.social_box {
	background-color: #333333;
	height: auto;
	border-radius: 10px;
	margin-bottom: 10px;
	padding: 10px;
}
.social_box .fb {
	float: none;
}
.social_box .yell {
	text-align: center;
	margin-top: 0px;
}

.col_1_2 , .col_1_4, .col_3_4, .col_1_3 , .col_2_3 , .col_1_5 ,.col_2_5 , .col_3_5 ,.col_4_5 {
	width: 100%;
	float: none;
}
.col_contents {
	padding: 5px;
}
#body {	
	margin: 0;
	padding: 10px;
}
.form_col, .form_col_1_3, .form_col_2_3  {
	width: 100%!important;
	float: none!important;
}

form .row .col {
	clear: both;
	float: none;
	width: calc(100%)!important;
	padding: 5px 0;
}
form .row .col:first-child {
	padding-top: 0;
}
form .row .col:last-child {
	padding-bottom: 0;
}
form.registerform fieldset>div {
	padding: 0;
}
.form_col {
	width: 100%!important;
	float: none;
}



ul#manufacts_links {
	margin: 0 0px;
	padding: 0;
	height: auto;
	text-align: center;
	overflow: hidden;
	width: 100%;
}
ul#manufacts_links li{
	display: inline-block;
	float: none;
	width: 75px;
	text-align: center;
	line-height: 52px;
	margin: 10px;
	
}
ul#manufacts_links li a{
	display: block;
	text-decoration: none;
	padding: 0 0px;
}
ul#manufacts_links li a:hover{
}
ul#manufacts_links li a img{
	max-width: 75px;
}
ul#manufacts_links li a span {
	color: #666666;
	font-size: 10px;
	display: block;
	line-height: 10px;
}
.page_split {
	background-color: #E5E5E5;
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	margin: 10px 0px;
	padding: 5px 5px;
	clear: both;
	min-height: 20px;
}
.feature_list {
}
.feature_list .item{
	width: 100%;
	float: none;
	margin: 0px;
	text-align: center;
}


ul.downloads li{
	width: 100%;
	float: none;
}
.service_list ul{
	column-count: 1;
	column-rule: none;
	column-gap: 0px;
	list-style-type:  none;
	margin: 0;
	padding:  0;
	
	
}
.contact_details {
	width: 100%;
	margin-bottom: 10px;
	float: none;
}
.contact_map iframe {
	width: 100%;
}
.contact_form {
	margin: 0;
}

.enquiryform {
	background-color: #E5E5E5;
	padding: 5px;
}

.enquiryform form {
	padding: 5px 0;
}