@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		6;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
}
#LayoutDiv1 {
	clear: none;
	float: left;
	margin-left: 3.4482%;
	width: 100%;
	display: block;
}
#Navmenu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#HContent1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#HContent2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#TopLogo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#TopMenu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	background-color: #666;
}
#RightContent {
	clear: none;
	float: left;
	margin-left: 4.1666%;
	width: 100%;
	display: block;
}
#allback {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image:url(../images/trans-back.png);
}
#Anislider {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#TextRight {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#TopMenuM {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #666;
}
#FToplogo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#FToplogoW {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image:url(../images/Top2.jpg);
	
}
#FTopMenu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #109943;
}
#FBotMenu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #109943;
}
#FBotMenuM {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	background-color: #109943;
}
#FTopLeft {
	clear: both;
	float: left;
	margin-left: 0;
	width: 37.5%;
	display: none;
}
#FTopRight {
	clear: none;
	float: left;
	margin-left: 4.1666%;
	width: 58.3333%;
	display: none;
}
#FAniSlider {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Quote {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #251C37;
}
#EX-Icon1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 37.5%;
	display: block;
}
#EX-Icon2 {
	clear: none;
	float: left;
	margin-left: 25%;
	width: 37.5%;
	display: block;
}
#EX-Icon3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 37.5%;
	display: block;
}
#EX-Icon4 {
	clear: none;
	float: left;
	margin-left: 25%;
	width: 37.5%;
	display: block;
}
#Layby {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Icons {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#HContentL {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#HCont2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#HCont3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#HCont3M {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Botom1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Bottom2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Bottom3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#TopTitle {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Extras {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#PageContact {
	clear: none;
	float: left;
	margin-left: 4.1666%;
	width: 100%;
	display: none;
}
#Gall1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Gall2 {
	clear: none;
	float: left;
	margin-left: 4.1666%;
	width: 100%;
	display: block;
}
#Gall3 {
	clear: none;
	float: left;
	margin-left: 4.1666%;
	width: 100%;
	display: block;
}
#Gall4 {
	clear: none;
	float: left;
	margin-left: 4.1666%;
	width: 100%;
	display: block;
}
#ContMap {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ContEnq {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ContDetails {
	clear: none;
	float: left;
	margin-left: 4.1666%;
	width: 100%;
	display: block;
}
#Top3 {
	clear: none;
	float: left;
	margin-left: 4.1666%;
	width: 100%;
	display: none;
}
#HText {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#spacetop {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#MTopAmb {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#MTopLogos {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#AmbProd1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 37.5%;
	display: block;
}
#AmbProd2 {
	clear: none;
	float: left;
	margin-left: 25%;
	width: 37.5%;
	display: block;
}
#AmbProd3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 37.5%;
	display: block;
}
#AmbProd4 {
	clear: none;
	float: left;
	margin-left: 25%;
	width: 37.5%;
	display: block;
}
#AmbProd5 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 37.5%;
	display: block;
}
#AmbProd6 {
	clear: none;
	float: left;
	margin-left: 25%;
	width: 37.5%;
	display: block;
}
#TextMain {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ContentB1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ContentB2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Prods1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Prods2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Prods3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Prods4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Cont1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Cont2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#SpaceBottom {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#DivCont2M {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#ContactTop {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#ProdIcons {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#IconProd1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.2758%;
	display: block;
}
#IconProd2 {
	clear: both;
	float: left;
	margin-left: 17.2413%;
	width: 65.5172%;
	display: block;
}
#IconProd3 {
	clear: both;
	float: left;
	margin-left: 17.2413%;
	width: 65.5172%;
	display: block;
}
#IconProd4 {
	clear: both;
	float: left;
	margin-left: 17.2413%;
	width: 65.5172%;
	display: block;
}
#IconProd5 {
	clear: none;
	float: left;
	margin-left: 3.4482%;
	width: 100%;
	display: block;
}
#IconProd6 {
	clear: none;
	float: left;
	margin-left: 3.4482%;
	width: 100%;
	display: block;
}
#ContactTopM {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#HomeText1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#FullAniSlider {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Text1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Space2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#BMiCalc {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ContactUs {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#BottomApp {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#NewsSignup {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#BarCont1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#BarEnquire1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Enq1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Enq2 {
	clear: none;
	float: left;
	margin-left: 3.4482%;
	width: 100%;
	display: block;
}
#Enquire3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Enquirepic {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ITSysBottom {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Disclaimer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#TopMeny {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #109943;
	
}
#PamYako1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#PamYako2 {
	clear: none;
	float: left;
	margin-left: 3.4482%;
	width: 100%;
	display: block;
}
#Prod1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Prod2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Prod3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Prod4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ProdImage {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ProdOrder {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ProdInfo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Contact1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Contact2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#HLBrand1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#HLBrand2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#HLBrand3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#HLBrand4 {
	clear: none;
	float: left;
	margin-left: 3.4482%;
	width: 48.2758%;
	display: block;
}
#HLBrand5 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#HLBrand6 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#SocialTop {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#TopLogo1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#TopLogo2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Menu1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#NProd1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.2758%;
	display: block;
}
#NProd2 {
	clear: none;
	float: left;
	margin-left: 3.4482%;
	width: 48.2758%;
	display: block;
}
#NProd3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.2758%;
	display: block;
}
#NProd4 {
	clear: none;
	float: left;
	margin-left: 3.4482%;
	width: 48.2758%;
	display: block;
}
#TopSearch {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#KKMenu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#TopLogo3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#line {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ServK1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ServK2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Mouldings1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Mouldings2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Services1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Services2 {
	clear: none;
	float: left;
	margin-left: 4.1666%;
	width: 100%;
	display: block;
}


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 97.5%;
	padding-left: 1.25%;
	padding-right: 1.25%;
}
#LayoutDiv1 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 100%;
	display: block;
}
#Navmenu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#HContent1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#HContent2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#TopLogo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#TopMenu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	background-color: #666;
}
#RightContent {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 100%;
	display: block;
}
#allback {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image:url(../images/trans-back.png);

}
#Anislider {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#TextRight {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#TopMenuM {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #666;
}
#FToplogo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#FToplogoW {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image:url(../images/Top2.jpg);
	
}
#FTopMenu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: 007EC3;
}
#FBotMenu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: blobk;
	background-color: #109943;
}
#FBotMenuM {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	background-color: #109943;
}
#FTopLeft {
	clear: both;
	float: left;
	margin-left: 0;
	width: 23.0769%;
	display: block;
}
#FTopRight {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
}
#FAniSlider {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Quote {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #251C37;
}
#EX-Icon1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.7179%;
	display: block;
}
#EX-Icon2 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
}
#EX-Icon3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.7179%;
	display: block;
}
#EX-Icon4 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
}
#Layby {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Icons {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#HContentL {
	clear: both;
	float: left;
	margin-left: 0;
	width: 35.8974%;
	display: block;
}
#HCont2 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 61.5384%;
	display: block;
}
#HCont3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#HCont3M {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Botom1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.7179%;
	display: block;
}
#Bottom2 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
}
#Bottom3 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 23.0769%;
	display: block;
}
#TopTitle {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Extras {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#PageContact {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 100%;
	display: none;
}
#Gall1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Gall2 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 100%;
	display: block;
}
#Gall3 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 100%;
	display: block;
}
#Gall4 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 100%;
	display: block;
}
#ContMap {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ContEnq {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ContDetails {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 100%;
	display: block;
}
#Top3 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 23.0769%;
	display: block;
}
#HText {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 100%;
	display: block;
}
#spacetop {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#MTopAmb {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#MTopLogos {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#AmbProd1 {
	clear: both;
	float: left;
	margin-left: 12.8205%;
	width: 23.0769%;
	display: block;
}
#AmbProd2 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 23.0769%;
	display: block;
}
#AmbProd3 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 23.0769%;
	display: block;
}
#AmbProd4 {
	clear: both;
	float: left;
	margin-left: 12.8205%;
	width: 23.0769%;
	display: block;
}
#AmbProd5 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 23.0769%;
	display: block;
}
#AmbProd6 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 23.0769%;
	display: block;
}
#TextMain {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ContentB1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ContentB2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Prods1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.7179%;
	display: block;
}
#Prods2 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
}
#Prods3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.7179%;
	display: block;
}
#Prods4 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
}
#Cont1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Cont2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#SpaceBottom {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#DivCont2M {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ContactTop {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ProdIcons {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#IconProd1 {
	clear: both;
	float: left;
	margin-left: 12.8205%;
	width: 23.0769%;
	display: block;
}
#IconProd2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#IconProd3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.7179%;
	display: block;
}
#IconProd4 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
}
#IconProd5 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 100%;
	display: block;
}
#IconProd6 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 100%;
	display: block;
}
#ContactTopM {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#HomeText1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#FullAniSlider {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Text1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Space2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#BMiCalc {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ContactUs {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#BottomApp {
	clear: both;
	float: left;
	margin-left: 0;
	width: 35.8974%;
	display: block;
}
#NewsSignup {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 35.8974%;
	display: block;
}
#BarCont1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#BarEnquire1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Enq1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Enq2 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 100%;
	display: block;
}
#Enquire3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Enquirepic {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ITSysBottom {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Disclaimer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#TopMeny {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #109943;
	
}
#PamYako1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#PamYako2 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 100%;
	display: block;
}
#Prod1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.7179%;
	display: block;
}
#Prod2 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
}
#Prod3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.7179%;
	display: block;
}
#Prod4 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
}
#ProdImage {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ProdOrder {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ProdInfo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Contact1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Contact2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#HLBrand1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.7179%;
	display: block;
}
#HLBrand2 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
}
#HLBrand3 {
	clear: both;
	float: left;
	margin-left: 25.641%;
	width: 48.7179%;
	display: block;
}
#HLBrand4 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
}
#HLBrand5 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.7179%;
	display: block;
}
#HLBrand6 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
}
#SocialTop {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#TopLogo1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#TopLogo2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.7179%;
	display: block;
}
#Menu1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#NProd1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.7179%;
	display: block;
}
#NProd2 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
}
#NProd3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.7179%;
	display: block;
}
#NProd4 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
}
#TopSearch {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 35.8974%;
	display: block;
}
#KKMenu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 61.5384%;
	display: block;
}
#TopLogo3 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
}
#line {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ServK1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ServK2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Mouldings1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.7179%;
	display: block;
}
#Mouldings2 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
}
#Services1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Services2 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 100%;
	display: block;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 98.3333%;
	max-width: 1232px;
	padding-left: 0.8333%;
	padding-right: 0.8333%;
	margin: auto;
}
#LayoutDiv1 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 100%;
	display: block;
}
#Navmenu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#HContent1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 49.1525%;
	display: block;
}
#HContent2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#TopLogo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 23.7288%;
	display: block;
}
#TopMenu {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 74.5762%;
	display: block;
	background-color: #666;
}
#RightContent {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 49.1525%;
	display: block;
}
#allback {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image:url(../images/trans-back.png);

}
#Anislider {
	clear: both;
	float: left;
	margin-left: 0;
	width: 49.1525%;
	display: block;
}
#TextRight {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 49.1525%;
	display: block;
}
#TopMenuM {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	background-color: #666;
}
#FToplogo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#FToplogoW {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image:url(../images/Top2.jpg);
}
#FTopMenu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: 007EC3;
}
#FBotMenu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #109943;
}
#FBotMenuM {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	background-color: #109943;
}
#FTopLeft {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#FTopRight {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 32.2033%;
	display: block;
}
#FAniSlider {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 49.1525%;
	display: block;
}
#Footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Quote {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #251C37;
}
#EX-Icon1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 23.7288%;
	display: block;
}
#EX-Icon2 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 23.7288%;
	display: block;
}
#EX-Icon3 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 23.7288%;
	display: block;
}
#EX-Icon4 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 23.7288%;
	display: block;
}
#Layby {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Icons {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#HContentL {
	clear: both;
	float: left;
	margin-left: 0;
	width: 23.7288%;
	display: block;
}
#HCont2 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 40.6779%;
	display: block;
}
#HCont3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#HCont3M {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#Botom1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 32.2033%;
	display: block;
}
#Bottom2 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 32.2033%;
	display: block;
}
#Bottom3 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 23.7288%;
	display: block;
}
#TopTitle {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Extras {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#PageContact {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 32.2033%;
	display: block;
}
#Gall1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 23.7288%;
	display: block;
}
#Gall2 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 23.7288%;
	display: block;
}
#Gall3 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 23.7288%;
	display: block;
}
#Gall4 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 23.7288%;
	display: block;
}
#ContMap {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ContEnq {
	clear: both;
	float: left;
	margin-left: 0;
	width: 49.1525%;
	display: block;
}
#ContDetails {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 49.1525%;
	display: block;
}
#Top3 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 32.2033%;
	display: block;
}
#HText {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 40.6779%;
	display: block;
}
#spacetop {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#MTopAmb {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#MTopLogos {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#AmbProd1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 15.2542%;
	display: block;
}
#AmbProd2 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 15.2542%;
	display: block;
}
#AmbProd3 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 15.2542%;
	display: block;
}
#AmbProd4 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 15.2542%;
	display: block;
}
#AmbProd5 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 15.2542%;
	display: block;
}
#AmbProd6 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 15.2542%;
	display: block;
}
#TextMain {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ContentB1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 49.1525%;
	display: block;
}
#ContentB2 {
	clear: none;
	float: left;
	margin-left: 10.1694%;
	width: 40.6779%;
	display: block;
}
#Prods1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 23.7288%;
	display: block;
}
#Prods2 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 23.7288%;
	display: block;
}
#Prods3 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 23.7288%;
	display: block;
}
#Prods4 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 23.7288%;
	display: block;
}
#Cont1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 40.6779%;
	display: block;
}
#Cont2 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 40.6779%;
	display: block;
}
#SpaceBottom {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#DivCont2M {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#ContactTop {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ProdIcons {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#IconProd1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 15.2542%;
	display: block;
}
#IconProd2 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 15.2542%;
	display: block;
}
#IconProd3 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 15.2542%;
	display: block;
}
#IconProd4 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 15.2542%;
	display: block;
}
#IconProd5 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 15.2542%;
	display: block;
}
#IconProd6 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 15.2542%;
	display: block;
}
#ContactTopM {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#HomeText1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#FullAniSlider {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Text1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 49.1525%;
	display: block;
}
#Space2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 49.1525%;
	display: block;
}
#BMiCalc {
	clear: both;
	float: left;
	margin-left: 0;
	width: 32.2033%;
	display: block;
}
#ContactUs {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 66.1016%;
	display: block;
}
#BottomApp {
	clear: both;
	float: left;
	margin-left: 0;
	width: 32.2033%;
	display: block;
}
#NewsSignup {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 32.2033%;
	display: block;
}
#BarCont1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 49.1525%;
	display: block;
}
#BarEnquire1 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 100%;
	display: block;
}
#Enq1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 49.1525%;
	display: block;
}
#Enq2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 49.1525%;
	display: block;
}
#Enquire3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 49.1525%;
	display: block;
}
#Enquirepic {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 49.1525%;
	display: block;
}
#ITSysBottom {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Disclaimer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#TopMeny {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #109943;
}
#PamYako1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 32.2033%;
	display: block;
}
#PamYako2 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 66.1016%;
	display: block;
}
#Prod1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 23.7288%;
	display: block;
}
#Prod2 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 23.7288%;
	display: block;
}
#Prod3 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 23.7288%;
	display: block;
}
#Prod4 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 23.7288%;
	display: block;
}
#ProdImage {
	clear: both;
	float: left;
	margin-left: 0;
	width: 40.6779%;
	display: block;
}
#ProdOrder {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 57.6271%;
	display: block;
}
#ProdInfo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Contact1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 49.1525%;
	display: block;
}
#Contact2 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 49.1525%;
	display: block;
}
#HLBrand1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 32.2033%;
	display: block;
}
#HLBrand2 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 32.2033%;
	display: block;
}
#HLBrand3 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 32.2033%;
	display: block;
}
#HLBrand4 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 23.7288%;
	display: block;
}
#HLBrand5 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 32.2033%;
	display: block;
}
#HLBrand6 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 32.2033%;
	display: block;
}
#SocialTop {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#TopLogo1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 66.1016%;
	display: block;
}
#TopLogo2 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 23.7288%;
	display: block;
}
#Menu1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 32.2033%;
	display: block;
}
#NProd1 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 15.2542%;
	display: block;
}
#NProd2 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 15.2542%;
	display: block;
}
#NProd3 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 15.2542%;
	display: block;
}
#NProd4 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 15.2542%;
	display: block;
}
#TopSearch {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 32.2033%;
	display: block;
}
#KKMenu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#TopLogo3 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 32.2033%;
	display: block;
}
#line {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ServK1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ServK2 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 49.1525%;
	display: block;
}
#Mouldings1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 49.1525%;
	display: block;
}
#Mouldings2 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 49.1525%;
	display: block;
}
#Services1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 49.1525%;
	display: block;
}
#Services2 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 49.1525%;
	display: block;
}

}