@font-face {
  font-family: 'MyWebFont';
  src:
       url('fonts/edo.woff') format('woff'),
       url('fonts/edo.ttf') format('truetype');
}


@font-face {
  font-family: 'LatoWeb';
  src:
       url('fonts/Lato-Black.ttf') format('truetype');
}


@font-face {
  font-family: 'JosefinWeb';
  src:
       url('fonts/JosefinSans-Light.ttf') format('truetype');
}



@font-face {
  font-family: 'calibril';
  src:
       url('fonts/CALIBRIL.woff2') format('woff2'), 
       url('fonts/Calibri-Light.woff') format('woff'),
  
       url('fonts/CALIBRIL.ttf') format('truetype');
}



#top2{
display: block;
float: left; 
margin-bottom: 0%;
padding-bottom: 5px;
padding-top: 5px;
width: 100%;
margin-left: 0%;
margin-right: 0%;
margin-top: 0%;
background: white;
  z-index: 1;
  border-bottom: 1px solid 	#E0E0E0;

 
 
}




#containerp{
	width: 100%;
background: white;
overflow: hidden;
float: left;
}

.producttext{
font-family: 'Josefin Sans', sans-serif;
font-weight: 200;
font-size: 270%;
display: inline-block;
margin-top: 1%; 
margin-bottom: 1%;
padding-top: 15px;
padding-bottom: 15px;
width: 100%;
background: rgba(0,0,0,0.2);
text-align: center;
line-height: 15px;
color: white;
}

.producttext h3{
font-weight: 300;	
font-size: 130%;
	
}


.producttext5{
font-family: 'Josefin Sans', sans-serif;
font-weight: 200;
font-size: 270%;
display: inline-block;
margin-top: 1%; 
margin-bottom: 1%;
padding-top: 15px;
padding-bottom: 15px;
width: 100%;
background: rgba(0,0,0,0.2);
text-align: center;
line-height: 15px;
color: white;
}

.producttext5 h3{
font-weight: 300;	
font-size: 130%;
	
}

#productback2{
width: 100%;
margin-top: 0%;
float:left;
background-image: url(productback2.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
padding-top: 60px;
padding-bottom: 60px;
text-align: center;
}

#productback{
width: 100%;
margin-top: 0%;
float:left;
background-image: url(productback2.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
padding-top: 60px;
padding-bottom: 60px;
text-align: center;
}

.productborder{
width: 100%;
background: transparent;
height: 0px;
float: left;
}

#headp{
background: #EEEEEE;
padding:0%;
width: 80%;
margin-left: 10%;
margin-right: 10%;
float: left;
text-align: center;
font-family: arial;
font-size: 80%;
colour: rgba(0,0,0, 0.5);
}


#headp2{
background:transparent;
padding:0%;
width: 60%;
margin-left: 20%;
margin-right: 20%;
float: left;
text-align: center;
font-family: arial;
font-size: 80%;
colour: rgba(0,0,0, 0.5);
}

.homeimagehold{
float: left;
width: 100%;	
background: white;	
text-align: center;	
margin-bottom: 2%;
}

.homeimage{
display: inline-block;
vertical-align: top;	
width: 100%;
	
	
	
}


.product_individual_header{
	background: url(productimages/prodsing-trowel-on.jpg) no-repeat center center scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
width: 100%;
padding-top: 15%;
padding-bottom: 15%;
float: left; 
position: relative;
text-align: right; 	
}


.product_individual_header h1{
text-align: left;
width: 40%;
font-size: 340%;
color: rgb(20,20,20);
font-family: JosefinWeb;
margin-top: 0;
margin-bottom: 0;
text-transform: uppercase;
display: inline-block;
margin-right: 20%;
}




.homeimage img{
width: 100%;
margin: 0;
padding: 0;	
height:auto;	
	
	
}


.homeimagehold2{
float: left;
width: 100%;	
background: white;	
text-align: center;	
margin-bottom: 2%;

}

.homeimage2{
position: relative;
display: inline-block;
vertical-align: top;
padding-bottom: 33%;
overflow: hidden;
width: 100%;

	
	
	
}



.homeimage2 img{
width: 100%;
margin: 0;
padding: 0;	
top: -70%;
position: absolute;	
left: 0;	
height: auto;	
}




.titlelead{
float: left;
width: 76%;
padding: 2%;
padding-top: 4%;
padding-bottom: 4%;
margin-left: 10%;
margin-right: 10%;
border: 1px dashed teal;
font-family: calibril;
color: darkslategray;
font-size: 210%;
margin-bottom: 2%;
text-align: center;
font-weight: 200;
background: white;
}

.titlelead2{
float: left;
width: 78%;
padding: 1%;
margin-left: 10%;
margin-right: 10%;
border: 1px dashed teal;
font-family: calibril;
color: teal;
font-size: 200%;
margin-bottom: 2%;
text-align: center;
background: white;
}

.wrapperproducthold{
width: 100%;
float: left;
text-align: center;
	
}

.productsidebar{
	
width: 23%;	
background: #555555;
background-image: url(textures/graytex.png);
  background-repeat: repeat; 
margin-bottom: 3%;	
display: inline-block;
vertical-align: top; 
text-align: left;
padding: 2%;	
}


.productsidebar h2 {
font-weight: 500;
font-family: arial, sans-serif;
font-size: 115%;
text-transform: uppercase;
color: white;	
width: 100%;
float: left;	
background: firebrick;
padding: 8px;
box-sizing: border-box;
}



.productsidebar h3 {
font-weight: 200;
font-family: calibril;
font-size: 108%;
border-bottom: 1px solid gainsboro;
color: white;	
width: 95%;
margin-left: 2%;
float: left;
cursor: pointer; 
margin-top: 5px;
box-sizing: border-box;	
padding: 8px;
padding-left: 0;
}


.productsidebar h3:hover {
border-bottom: 0;
background: firebrick; 
padding-left: 8px; 
	
}

.productsidebar a{
color: white;
	
	
}

.productsidebar a:link, .productsidebar a:visited, .productsidebar a:hover, .productsidebar a:active{
	
color: white;
	
	
}



.newproductcontainerhold2{
width: 90%; 
display: inline-block;
vertical-align: top;
text-align: center;
margin-bottom: 3%;	
	
	
}

.newproductcontainerhold{
width: 65%; 
display: inline-block;
vertical-align: top;
text-align: center;
margin-bottom: 3%;	
	
	
}

.newproductcontainer{
width: 95%;
display: inline-block;
vertical-align: top; 
	
	
	
}



.productscolumna{
display: inline-block;
vertical-align: top;
width: 43%;	
margin-left: 2%;
margin-right: 2%;	
	
	
}


.producteachb{
width: 98%;
margin-left: 1%;
margin-right: 1%;	
display: inline-block;	
vertical-align: top;	
margin-bottom: 3%;	
margin-top: 3%;

}


.producteachb img{
width: 100%;	
margin: 0;
padding: 0; 	
margin-bottom: 0%;
float: left;	
	
}


.producteachc{
width: 30%;
margin-left: 1%;
margin-right: 1%;	
display: inline-block;	
vertical-align: top;	
margin-bottom: 2%;	
margin-top: 2%;
position: relative; 
overflow: hidden;
}


.producteachc img{
width: 100%;	
margin: 0;
padding: 0; 	
margin-bottom: 0%;
float: left;
height: auto; 	
	
}




.producteach{
width: 45%;
margin-left: 1%;
margin-right: 1%;	
display: inline-block;	
vertical-align: top;	
margin-bottom: 2%;	
margin-top: 2%;

}


.producteach img{
width: 100%;	
margin: 0;
padding: 0; 	
margin-bottom: 0%;
float: left;	
	
}



.producteachopen, .producteachopen2, .producteachopen3, .producteachopen4, .producteachopen5, .producteachopen6{
width: 100%;
display: inline-block;
vertical-align: top;
padding-left: 0%;
padding-right: 0%;
padding-top: 8px;
padding-bottom: 8px;
text-align: center;
font-family: calibril;
font-size: 100%;
font-weight: 200;
text-transform: uppercase;	
background: #00222e;
background: rgb(55,55,55);
color: white;
cursor: pointer;	
margin-top: 0%;
height: auto;
border-bottom: 4px solid gray;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}


#productopenbefore, #productopenbefore2, #productopenbefore3, #productopenbefore4, #productopenbefore5, #productopenbefore6{	

display: block;	
}


#productopenafter, #productopenafter2, #productopenafter3, #productopenafter4, #productopenafter5, #productopenafter6{	

display: none;	
}


#mobileproductopen, #mobileproductopen2, #mobileproductopen3, #mobileproductopen4, #mobileproductopen5, #mobileproductopen6{
display: none;	
	
}


.producteachopen p, .producteachopen2 p, .producteachopen3 p, .producteachopen4 p, .producteachopen5 p, .producteachopen6 p{
width: 98%;
float: left; 
padding-left: 1%; 
padding-right: 1%;
margin-top: 0; 
margin-bottom: 0;
	
}


.producteachopen:hover, .producteachopen2:hover, .producteachopen3:hover, .producteachopen4:hover, .producteachopen5:hover, .producteachopen6:hover, .producteachopen:active, .producteachopen2:active, .producteachopen3:active, .producteachopen4:active, .producteachopen5:active, .producteachopen6:active {
background: darkred;
border-bottom: 4px solid #420101;
}


.producteachopen:active, .producteachopen2:active, .producteachopen3:active, .producteachopen4:active, .producteachopen5:active, .producteachopen6:active{
	
border-bottom: 2px solid #420101;		
padding-top: 9px;
}


.producteachmenu, .producteachmenu2, .producteachmenu3, .producteachmenu4, .producteachmenu5, .producteachmenu6{
width: 100%; 
float: left;
background: rgb(21,21,21);	
box-shadow: 0px 1px 2px 1px gainsboro;
font-family: calibril; 
font-weight: 200;
color: white;	
padding-top: 1%;
padding-bottom: 1%;	
height: 140px;
}


.producteachmenu p, .producteachmenu2 p, .producteachmenu3 p, .producteachmenu4 p, .producteachmenu5 p, .producteachmenu6 p{
font-size: 100%;
padding-left: 2.5%;
padding-right: 2.5%;
float: left;
width: 95%;	
text-align: left;	
}


.producteachmenu a, .producteachmenu2 a, .producteachmenu3 a, .producteachmenu4 a, .producteachmenu5 a, .producteachmenu6 a{
color: white;
width: 95%;
float: left;
padding-left: 2.5%;
padding-right: 2.5%;
padding-top: 4px; 
padding-bottom: 4px; 
border-bottom: 1px solid silver;
font-size: 90%;	
text-align: left;	
	
}


.producteachmenu a:last-child, .producteachmenu2 a:last-child, .producteachmenu3 a:last-child, .producteachmenu4 a:last-child, .producteachmenu5 a:last-child, .producteachmenu6 a:last-child {
border: 0px solid gainsboro;	
	
	
}

.producteachmenu a:hover, .producteachmenu2 a:hover, .producteachmenu3 a:hover, .producteachmenu4 a:hover, .producteachmenu5 a:hover, .producteachmenu6 a:hover{
	
background: darkred;	
color: white !important;	
}



.producteachmenu a:link, .producteachmenu a:visited, .producteachmenu2 a:link, .producteachmenu2 a:visited, .producteachmenu3 a:link, .producteachmenu3 a:visited, .producteachmenu4 a:link, .producteachmenu4 a:visited, .producteachmenu5 a:link, .producteachmenu5 a:visited, .producteachmenu6 a:link, .producteachmenu6 a:visited {
color: white;	
	
	
}

.productcontainer{
width: 82%;
float: left;
margin-top: 0%;
margin-bottom: 2%;
margin-left: 9.5%;
}

.producttitle{
width: 180px;
padding: 6px;
background: tomato;
font-family: calibril;
font-size: 110%;
color: white;
float: left;
}


.producttitle2{
width: 180px;
padding: 6px;
background: darkcyan;
font-family: calibril;
font-size: 110%;
color: white;
float: left;
}

.producttitle3{
width: 180px;
padding: 6px;
background: darkseagreen;
font-family: calibril;
font-size: 110%;
color: white;
float: left;
}

.productholder{
width: 100%;
padding: 0%;
float: left;
margin-top: 0%;
margin-left: 0%;
margin-right: 0%;
background: transparent;
}

.producthold{
width: 30%;
padding: 0%;
float: left;
margin-left: 1%;
margin-right: 2%;
margin-top: 3%;
}

.productimage{
margin-top: 0%;
padding: 0%;
width: 100%;
float: left;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0%;
background: white;
}



.producttext2{
margin-top: 0%;
width: 90%;
padding: 5%;
margin-left: -1px;
font-family: calibril;
font-size: 100%;
float: left;
text-align: left;
margin-bottom: 2%;
overflow-y: auto;
border: 1px solid gainsboro;
background: white;
height: 200px;

}

.producttext2::-webkit-scrollbar     { background-color: white; width: 8px;}
::-webkit-scrollbar-button       { background-color: white; border-radius: 10px;}
::-webkit-scrollbar-track        { background-color: white; border-radius: 15px;}
::-webkit-scrollbar-track-piece  {background-color: gainsboro; border-radius: 5px;}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: silver;
	height: 5px;

}
	
::-webkit-scrollbar-corner       { background-color:white; }

.productlinks{
color: teal;
font-size: 90%;
font-weight: bold;
border: 1px solid teal;
padding: 5px;
margin-top: 2%;
text-align: center;
width: 75%;
float: left;
margin-left: 10.5%;
}

.productlinks:link{text-decoration: none;}
.productlinks:visited{text-decoration: none;}
.productlinks:hover{text-decoration: none; color: darkslategray; border: 1px dashed darkslategray;}
.productlinks:active{text-decoration: none; color: darkslategray; border: 1px dashed darkslategray;}

/*Start of New Navigation*/

#socialmedia{
width: 100%;
background: dimgray;
 background-image: url(textures/graytex.png);
  background-repeat: repeat; 
   background-image: url(textures/redtex.png);
  background-repeat: repeat; 
  background: #0c1d2c;
height: 25px;	
float: left;	
	
}

#sureproductsnav{
width: 170px;
margin-right: 10%;
color: white;
font-family: 'lato', sans-serif;
font-size: 9pt;
font-weight: 500;
margin-top: 5px;	
float: right;	
}



#sureproductsnav a:link, #sureproductsnav a:active, #sureproductsnav a:visited{
color: white;	
	
}

#sureproductsnav a:hover{
color: darkred;	
	
}

.surefloat{
float: left;
margin-right: 1%;
	
}

.surefloat2{
float: right;
margin-right: 1%;
margin-top: -5px;
	
}


/*Navigation Transferred to Product StyleSheet*/


.bannerlinksized{

width: 690px;
float: right;
margin-right: 0;
}

.cursorhome{
cursor: pointer;
}


.searcharea{
background: #F4F4F4;
width: 100%;
float: left;
}

textarea:focus, input:focus{
    outline: 0;
	outline-style: none;
	color: darkslategray;
}

.testingsearch{
border: 0px solid silver;
border-bottom: 1px solid silver;
padding: 8px;
width: 30%;
background: transparent;
margin-bottom: 3%;
margin-top: 3%;
display: inline-block;
}

input.testingsearch{
color: gainsboro !important;
font-weight: 200;
}

.testingsearchbutton{
border: 1px solid #881919;
text-align: center; 
border-radius: 2px;
padding: 8px;
font-size: 12px;
color: white;
font-family: calibril;
font-weight: 200;
width: 75px;
background: #881919;
display: inline-block;
margin-left: 1%;
margin-bottom: 3%;
margin-top: 3%;
text-transform: uppercase;
}


::-webkit-input-placeholder { /* For WebKit browsers */
    color:    silver;
                font-family:calibri;
                font-weight:200;
				text-transform: uppercase;
				font-size: 115%;
}
:-moz-placeholder { /* For Mozilla Firefox 4 to 18 */
   color:    silver;
                font-family:calibri;
                font-weight:200;
				text-transform: uppercase;
				font-size: 115%;
}
::-moz-placeholder { /* For Mozilla Firefox 19+ */
  color:    silver;
                font-family:calibri;
                font-weight:200;
				text-transform: uppercase;
				font-size: 115%;
}
:-ms-input-placeholder { /* For Internet Explorer 10+ */
    color:    silver;
                font-family:calibri;
                font-weight:200;
				text-transform: uppercase;
				font-size: 115%;
}

.testingsearchbutton:hover{
border: 1px solid firebrick;
background: firebrick;
}

.imageclasstest{
width: 100%;
height: auto;

}


.logosize{
width: 65px;
height: auto;
float: left;
}

.titlesize {
width: auto;
height: auto;
float: left;
margin-top: 16px;
margin-left: -2px;
font-family: 'Lato', sans-serif;
font-weight: 900;
color: white !important;
font-size: 12pt;
}

#banner a{
text-transform: uppercase;
font-weight: 200;
font-family: calibril;
font-size: 19px;
color: dimgray;
letter-spacing: -1px;
}


.searchsize {
width: 18px;
height: auto;
float: left;
margin-top: 4px;

}

.menusize{
width: 18px;
height: auto;
float: left;
margin-right: 0px;
margin-top: 4px;
}


#open4{
display: none;

}


.mobilemenu{
top: 0;
height: calc(100% - 45px);
right: 0;
background: rgba(13, 13, 13, 0.9);
padding-top: 30px;
padding-bottom: 15px;
padding-left: 8px;
padding-right: 8px;
font-family: calibril, sans-serif;
font-weight: 300;
position: fixed;
width: 170px;
z-index: 9999999999;
overflow-y: scroll;
display: none;
}

.menu-close-mobile{
width: auto;
font-family: calibril, sans-serif;
font-size: 20px;
top: 8px;
right: 15px;	
color: white;
position: absolute;
}


.mobilemenu a{
font-size: 70%;
text-transform: uppercase;
float: left;
width: 100%;
padding-top: 12px;
padding-bottom: 12px; 
color: gainsboro;



}

.mobilemenu a:hover{
color: white;
text-decoration: underline !important;

}


.bannerhold{
width: 85%;
margin-left: 6%;
margin-right: 0%;
float: left;
}


#banner{
display: block;
top: 0%;
left: 5%;
position: absolute;
padding-left: 6px;
padding-right: 6px;
padding-top: 12px;
padding-bottom: 12px;
  background: rgb(27,27,27);
  background-image: url(textures/graytex.png);
  background-repeat: repeat; 
   background-image: url(textures/redtex.png);
  background-repeat: repeat; 
  background: #0c1d2c;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  z-index: 9999;
  width: 145px;
}



#banner img{
width: 100%;
display: inline-block;
vertical-align: top;
height: auto;	
	
	
	
	
}

.bannerfontchange{
color: #b81919;	
font-family: 'Edo', sans-serif;	
font-size: 120%;
line-height: 10px;
font-weight: 400 !important;
margin-left: 30%;
}


#top1{
background: #EEECE6;
float: left;
width: 100%;
top: 0%;
position: relative;
height: 40px;
}


#top{
display: block;
position: relative;
float: left; 
width: 100%;
height: 65px;
padding-top: 10px;
margin-left: 0%;
margin-top: 0%;
top: 0%;
background: rgb(21,21,21);
  z-index: 50;
  
  
}






.title5{
font-family: calibril;
font-size: 110%;
font-weight: 300;
line-height: 100%;
color: #6E6E6E;
color: silver;
float: right;
margin-right: 4%;
margin-top: 1%;
}

.title5:link{text-decoration: none; color: white;}
.title5:visited{text-decoration: none; color: white;}
.title5:hover{text-decoration: none; color: red;}
.title5:active{text-decoration: none; color: red;}

#open2{
font-family: calibril;
font-size: 90%;
line-height: 100%;
margin-top: 1%;
color: white;
float: right;
margin-right: 4%;
font-weight: 300;


}

#open3{
font-family: calibril;
font-size: 100%;
line-height: 100%;
color: white;
float: right;
margin-right: 4%;
font-weight: 300;
cursor: pointer;


}

#closeb{
background: rgba(13, 13, 13, 0.8);
width: 400px;
position: absolute;
top: 100%;
z-index: 999;
display: none;
padding-top: 24px;
padding-bottom: 24px;
text-align: center;
right: 0%;
}


#open{
display: block;
font-family: calibril, sans-serif;
font-size: 100%;
line-height: 100%;
margin-top: 1%;
color: white;
float: right;
margin-right: 4%;
font-weight: 300;
cursor: pointer;
position: relative;
}


#open:hover{color: red;}


.pointdown{ 
  width: 0; 
  height: 0; 
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid white;
  display: inline-block;
  vertical-align: middle;
  position: relative; 
  margin-left: 3px;
}



#close{
background: rgba(13, 13, 13, 0.8);
width: 400px;
position: absolute;
top: 26px;
z-index: 999;
display: none;
left: -68px;
padding-top: 15px;
padding-bottom: 15px;
}

#opena{
display: block;
font-family: calibril, sans-serif;
font-size: 100%;
line-height: 100%;
margin-top: 1%;
color: white;
float: right;
margin-right: 4%;
font-weight: 300;
cursor: pointer;
position: relative;
}


#opena:hover{color: red;}




#closea{
background: rgba(13, 13, 13, 0.8);
width: 400px;
position: absolute;
top: 26px;
z-index: 999;
display: none;
left: -64px;
padding-top: 15px;
padding-bottom: 15px;


}

.closecolumns{
display: block;
margin-top: 2%;
width: 15%;
padding: 1%;
margin-left: 2%;
float: left;
font-family: calibril, sans-serif;
font-weight: 200;
font-size: 110%;
}


.closecolumns3{
display: block;
margin-top: 2%;
width: 30%;
padding: 1%;
margin-left: 10%;
float: left;
font-family: calibril;
font-weight: 200;
font-size: 110%;
}


.closecolumns2{
display: block;
text-align: left;
font-family: calibril;
font-weight: 200;
font-size: 110%;
margin-top: 2%;
width: 52%;
padding: 1%;
margin-left: 2%;
float: left;
border-top: 0px solid grey;
    border-right: 2px solid gainsboro;
    border-bottom: 0px solid grey;
    border-left: 0px solid #C6C6C6;
}


.closecolumnslink{
font-weight: 200;
font-size: 87%;
text-transform: uppercase;

}

.closecolumnslink:link{text-decoration: none; color: gainsboro;}
.closecolumnslink:visited{text-decoration: none; color: gainsboro;}
.closecolumnslink:hover{text-decoration: none; color: #44ab94;} 
.closecolumnslink:active{text-decoration: none; color: #44ab94;}

.bordermenu{
border-top: 0px solid grey;
    border-right: 0px solid white;
    border-bottom: 0px solid grey;
    border-left: 0px solid #C6C6C6;
	
	}
	
	
.closecolumns4{
text-align: left;
font-family: calibril;
font-weight: 200;
font-size: 100%;
margin-top: 2%;
width: 45%;
padding: 1%;
margin-left: 2%;
display: inline-block;
vertical-align: top;
}


.closecolumns4 a{
text-transform: uppercase;
color: gainsboro;
padding-top: 10px; 
padding-bottom: 10px;
font-size: 85%; 
float: left; 
width: 100%;
font-weight: 200;
}

.closecolumns4 a:hover{
text-decoration: underline !important;
color: white;

}









/*End of New Navigation*/

.productbase{
width: 100%;
 background-image: url(textures/graytex.png);
  background-repeat: repeat; 
   background-image: url(textures/redtex.png);
  background-repeat: repeat; 
  background: dimgray;
  background: rgb(21,21,21);
float: left;

}




.productbasecontent{
width: 100%;
margin-top: 2%;
margin-bottom: 3%;
font-family: calibril;
color: white;
font-size: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
float: left;
font-weight: 300;
}

.productbasecontent h3 {
color: white;
font-family: 'Courgette', cursive;
font-size: 130%;
font-weight: 400;

}


.productbasecontent p{
font-family: calibril;
font-weight: 200; 
color: white;


}

.productcolhold{
width: 100%;
display: inline-block; 
text-align: center;

}

.productbasecol{

display: inline-block;
width: 30%;
vertical-align: top;
margin-right: 1%;
line-height: 26px;
margin-top: 2%;
margin-bottom: 4%;
text-align: left;
}


.productcolborder{
border-top: 2px solid rgb(21,21,21);
width: 80%;
display: inline-block;
vertical-align: top;
margin-left: 10%; 
margin-right: 10%;
margin-top: 10px;
margin-bottom: 10px;
}

.productbasecol2{
display: inline-block;
width: 16%;
vertical-align: top;
margin-right: 1%;
margin-top: 2%;
margin-bottom: 2%;

}


.productbasecol2 a{
color: white;
font-weight: 200; 
line-height: 28px;
width: 100%;
float: left;
text-align: left;
}

.productbasecol2 a:hover {
text-decoration: underline !important;
opacity: 1 !important;
font-weight: 700;
}


.productbaseimage{
text-align: center;
width: 90px;
display: inline-block;
vertical-align: top;
margin-top: 8px; 
margin-bottom: 12px;
}


.productbaseimage img{
width: 100%; 
height: auto;
padding: 0; 
margin: 0;	
transform: translateZ(0); /*used to optimize icons on chrome*/		
}

.social_footer_dp{

	
}

.social_footer_dp_hold{
width: 100%;
float: left;	
}

.social_footer_dp_hold img{
width: 25px; height: auto; margin-left: 5px; margin-right: 5px;	
transform: translateZ(0); /*used to optimize icons on chrome*/		
}


.productcontact{
display: inline-block;
vertical-align: top;
padding: 1%;
width: 40%;
border: 2px dotted dimgray;
border-radius: 3px;
font-family: calibril;
font-size: 100%;
color: dimgray;
background: transparent;
margin-bottom: -2%;
}

.productcontact:link{text-decoration: none;}
.productcontact:visited{text-decoration: none;}
.productcontact:hover{text-decoration: none; background: #b1c993; border: 2px dashed #b1c993; color: white;}
.productcontact:active{text-decoration: none; background: #b1c993; border: 2px dashed #b1c993; color: white;}

.productemail{
color: white;
font-size: 100%;
font-family: calibril;
}

.productemail:link{text-decoration: none;}
.productemail:visited{text-decoration: none;}
.productemail:hover{text-decoration: none; color: gainsboro;}
.productemail:active{text-decoration: none; color: gainsboro;}


.productcopy{
width: 97%;
text-align: center;
float: left;
padding: 1.5%;
font-size: 75%;
font-family: calibril;
color: black;
}



.basic{
width: 100%;
margin-left: 0%;
float: left;
background: rgb(21,21,21);
background-image: url(textures/redtex.png);
  background-repeat: repeat; 
  background: #0c1d2c;
box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.1);
display: block;
text-align: center;
color:white;
font-size: 15px;
font-family:calibri;
padding-top: 15px; 
padding-bottom: 15px;
}


#main-contact-back{
background: url(images/contact-background.jpg) no-repeat center center scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  	
}


#main-colour-back{
background: url(images/colour-background.jpg) no-repeat center center scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  	
}


#main-colourchart-back{
background: url(images/colours-background.jpg) no-repeat center center scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  	
}



.colour_chart_display-hold{
width: 100%;
background: #f3f3f3;
float: left; 
padding-top: 6%;
padding-bottom: 6%; 
font-family: calibri;
font-weight: 300;
color: rgb(45,45,45);		
text-align: center;	
position: relative;
}


.movement-button-left, .movement-button-right{
position: absolute;
top: 37%;
width: auto;
font-family: JosefinWeb, sans-serif;
font-size: 45px;	
font-weight: 300;
color: rgb(60,60,60);
opacity: 0.8;
cursor: pointer;
}

.movement-button-left:hover, .movement-button-right:hover{
opacity: 1;	
}



.movement-button-left {
left: 8%;	
}


.movement-button-right {
right: 8%;	
}


.center-align-all-buttons{
width: 100%;
text-align: center; 
margin-top: 1%;
margin-bottom: 2%; 	
}

.colour_chart_display{
width: 70%;
display: inline-block;
vertical-align: top;
padding-bottom: 43%;
position: relative;	
overflow-y: hidden;	
overflow-x: hidden;	
-moz-box-shadow:    1px 1px 3px 1px silver;
  -webkit-box-shadow: 1px 1px 3px 1px silver;
  box-shadow:         1px 1px 3px 1px silver;
}


.colour_chart_display img{
width: 100%;
height: 100%;
left: 0;
top: 0; 
position: absolute; 
object-fit: cover; /*May not work on every browser but will likely work on most later versions*/
cursor: pointer;
 image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}



.visual-buttons-section{
width: 100%;
text-align: center; 
margin-top: 5%;
margin-bottom: 3%; 	
position: relative;
float: left;
}

.visual-button-a, .visual-button-b{
width: 13%;	
display: inline-block;	
vertical-align: top;
margin-left: 2%;
margin-right: 2%;	
vertical-align: top;
border: 2px solid silver;	
cursor: pointer;
opacity: 0.7;
z-index: 2;
}

.visual-button-a:hover, .visual-button-b:hover{
opacity: 1;	
}


.visual-button-a img, .visual-button-b img{
width: 100%;
height: auto;	
 image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}

.bringforward{
z-index: 3;	
}



/*True Footer */

.main-true-footer{
width: 100%;
background: rgb(21,21,21);
float: left; 
padding-top: 5%;
padding-bottom: 5%;
font-family: calibri;
font-weight: 300;
color: white;			
}

.main-footer-logo-column{
width: 16%;	
display: inline-block;	
vertical-align: top;
position: relative;	
margin-left: 6%;
margin-right: 2%;	
text-align: left;
}

.main-footer-logo-column-image.  .main-footer-logo-column-social-image{
width: 100%;
display: inline-block; 
vertical-align: top; 
	
}
.main-footer-logo-column-image img {
width: 180px;
height: auto;
	display: inline-block;
vertical-align: top;
transform: translateZ(0); /*used to optimize icons on chrome*/	
}


.main-footer-logo-column-social-image img{
width: 25px;
height: auto;	
display: inline-block;
vertical-align: top;
margin-right: 4px;
transform: translateZ(0); /*used to optimize icons on chrome*/	
margin-top: 15px;
}




.main-footer-small-columns{
width: 12%;
display: inline-block;	
vertical-align: top;
margin-left: 2%;
margin-right: 2%;		
text-align: left;
}

.main-footer-small-columns h2{
color: gainsboro;
margin-top: 0; 	
font-size: 16px; 
font-weight: 400;	
font-family: arial;
}
.main-footer-small-columns a{
color: white;
width: 100%;
display: inline-block;
vertical-align: top; 	
font-size: 15px;	
padding-bottom: 10px;
font-weight: 500;
}


.main-footer-small-columns a:hover{
text-decoration: underline;	
}


.main-footer-large-column{
width: 25%;	
display: inline-block;	
vertical-align: top;
margin-left: 4%;
margin-right: 2%;	
font-size: 16px; 
text-align: left;
line-height: 140%;
}


.main-footer-large-column h2{
font-size: 17px; 
color: gainsboro;
margin-top: 0;	
font-weight: 400;
}



.main-footer-large-column p{	
font-size: 16px;
}


.main-footer-large-column a {
color: white;	
}



.main-footer-large-column a:hover{
text-decoration: underline;	
}


.contact-us-footer-large{
width: auto;
padding: 8px;
border-radius: 3px;
font-weight: 400;
font-family: arial, sans-serif;	
background: firebrick;
display: inline-block; 
vertical-align: top;	
text-transform: uppercase;
font-weight: 500;
color: white;
font-size: 15px;
letter-spacing: 1px;	
	
}

.main-copyright-section{
border-top: 1px solid rgb(40,40,40);
width: 100%;
display: inline-block;
vertical-align: top; 
text-align: center;
color: gainsboro;
font-weight: 300; 
font-family: calibri, sans-serif;
padding-top: 14px; 
padding-bottom: 14px;	
background: rgb(21,21,21);
font-size: 13px;
}



/*Media Queries */

@media(max-width: 1250px){
	
.product_individual_header h1{
	
font-size: 300%;
width: 56%;	
margin-right: 4%;
}
	
}

@media(max-width: 1050px){
	
.main-footer-large-column{
width: 28%;	
margin-right: 0;
margin-left: 3%;
}

.main-footer-logo-column{
width: 19%;	
margin-left: 3%;

}	
	
}

@media (max-width: 950px) {
	
.product_individual_header h1{
	
font-size: 250%;
	
}	



.colour_chart_display{
width: 80%;
padding-bottom: 47%;

}

.visual-button-a, .visual-button-b{
width: 25%;	
}


	
}


@media (max-width: 950px) and (min-width: 560px) {

.productcontainer{
width: 98%;
float: left;
margin-top: 0%;
margin-bottom: 2%;
margin-left: 3%;
}

.productholder{
width: 47%;
float: left;
margin-top: 0%;
margin-left: 0%;
margin-right: 2%;
padding: 0%;
height: auto;
}

.producthold{
width: 100%;
float: left;
padding: 0%;
margin-top: 2%;
margin-left: 0%;
height: auto;
}


.productimage{
margin-top: 0%;
padding: 0%;
width: 100%;
border: 1px solid lightgray;
float: left;
margin-left: 0%;
margin-bottom: 0%;
}

.producttext2{
margin-top: 0%;
width: 95%;
padding: 2.5%;
margin-left: 0%;
font-family: calibril;
font-size: 110%;
float: left;
text-align: left;
margin-bottom: 2%;
}

.productlinks{
color: teal;
font-size: 90%;
font-weight: bold;
border: 1px solid teal;
padding: 1.5%;
margin-top: 1%;
text-align: center;
width: 60%;
float: left;
margin-left: 18.5%;
margin-right: 18.5%;
}




}

@media(max-width: 850px){


.main-footer-logo-column {
text-align: center;
padding-bottom: 25px; 
margin-bottom: 35px;
width: 95%;
margin-left: auto;
margin-right: auto;
border-bottom: 1px solid rgb(40,40,40);	
}

.main-footer-large-column{
width: 35%;	
margin-left: 3%;
}

.main-footer-small-columns{
width: 23%;	
margin-left: 5%;
margin-right: 0;
}

	
}

@media (max-width: 800px){
	
.productbasecol2{
width: 20%; 

}

.productbasecol{
width: 50%;

}	
	
}

@media (max-width: 559px) and (min-width: 300px){


.productholder{
width: 90%;
float: left;
margin-left: 5%;
margin-top: 0%;
height: auto;
}

.producthold{
width: 100%;
padding: 0%;
float: left;
margin-top: 0%;
margin-left: 0%;
margin-right: 0%;
border-bottom: 0px dotted darkgray;
height: auto;
}

.productimage{
margin-top: 0%;
padding: 0%;
width: 100%;
border: 0px solid lightgray;
float: left;
margin-right: 0%;
margin-left: 0%;
margin-bottom: 0%;
}

.producttext2{
margin-top: 0%;
width: 95%;
padding: 2.5%;
font-family: calibril;
font-size: 100%;
float: left;
text-align: left;
margin-bottom: 3%;
}

.productlinks{
color: teal;
font-size: 90%;
font-weight: bold;
border: 1px solid teal;
padding: 1%;
margin-top: 1%;
text-align: center;
width: 80%;
float: left;
margin-left: 9%;
margin-right: 9%;
}


}

@media (max-width: 800px) and (min-width: 500px) {

#headp2{
background: transparent;
padding:0%;
width: 80%;
margin-left: 10%;
margin-right: 10%;
float: left;
text-align: center;
font-family: arial;
font-size: 80%;
colour: rgba(0,0,0, 0.5);
}

}

@media (max-width: 499px) and (min-width: 300px) {

#headp2{
background: transparent;
padding:0%;
width: 90%;
margin-left: 5%;
margin-right: 5%;
float: left;
text-align: center;
font-family: arial;
font-size: 80%;
colour: rgba(0,0,0, 0.5);
}

}







@media (max-width: 299px){


.productholder{
width: 100%;
float: left;
margin-left: 0%;
margin-top: 0%;
height: auto;
}

.producthold{
width: 100%;
padding: 0%;
float: left;
margin-top: 0%;
margin-left: 0%;
margin-right: 0%;
border-bottom: 0px dotted darkgray;
height: auto;
}

.productimage{
margin-top: 0%;
padding: 0%;
width: 100%;
border: 0px solid lightgray;
float: left;
margin-right: 0%;
margin-left: 0%;
margin-bottom: 0%;
}

.producttext2{
margin-top: 0%;
width: 95%;
padding: 2.5%;
font-family: calibril;
font-size: 100%;
float: left;
text-align: left;
margin-bottom: 3%;
}

.productlinks{
color: teal;
font-size: 90%;
font-weight: bold;
border: 1px solid teal;
padding: 1%;
margin-top: 1%;
text-align: center;
width: 80%;
float: left;
margin-left: 9%;
margin-right: 9%;
}




#headp2{
background: transparent;
padding:0%;
width: 94%;
margin-left: 3%;
margin-right: 3%;
float: left;
text-align: center;
font-family: arial;
font-size: 80%;
colour: rgba(0,0,0, 0.5);
}

}

@media (max-width: 640px) {


.productcontact{
width: 85%;

}

}



@media (max-width: 640px){

.productcolhold{
margin-top: 10px;
margin-bottom: 30px;

}

.productcolborder{
width: 95%;
margin-left: 2.5%;
margin-right: 2.5%;
}




.product_individual_header h1{
	
font-size: 210%;
	
}


.colour_chart_display{
width: 90%;
padding-bottom: 54%;

}

.main-footer-small-columns h2{
font-size: 15px !important;	
}

.main-footer-small-columns a{
font-size: 14px !important;	
}

.main-footer-large-column, .main-footer-large-column p{	
font-size: 14px !important;	
}



}


@media (max-width: 540px) {



.productbasecol2{
width: 86%; 
margin-left: 0;

}


.productbasecol2 a{
padding-bottom: 6px;
padding-top: 6px;
border-bottom: 1px solid dimgray;	
	
}

.productbasecol{
width: 90%;
text-align: center;

}


.product_individual_header h1{
	
font-size: 160%;
	
}




.main-footer-small-columns {
width: 90%;	
margin-left: 5%;
margin-right: 5%;
margin-bottom: 18px;
margin-top: 5px;
}

.main-footer-small-columns a{
border-bottom: 1px solid rgb(70,70,70);	
padding-top: 8px;
}


.main-footer-large-column {
width: 100%;
text-align: center;		
margin-left: auto;
margin-right: auto;
margin-top: 15px;
margin-bottom: 20px;
line-height: 160%;
}




}







@media (max-width: 950px) and (min-width: 450px) {

.producttext{
font-size: 180%;
}

.producttext5{
font-size: 180%;
}

}


@media (max-width: 950px) and (min-width: 400px) {
.titlelead{
float: left;
width: 84%;
padding: 3%;
margin-left: 5%;
margin-left: 5%;
font-size: 170%;

}

}


@media (max-width: 399px) {
.titlelead{
float: left;
width: 90%;
padding: 2%;
margin-left: 2.5%;
margin-right: 3%;
font-size: 130%;
}


.product_individual_header h1{
	
font-size: 125%;
	
}



}

@media (max-width: 449px){

.producttext{
font-size: 150%;
line-height: 30px;
}

.producttext5{
font-size: 150%;
line-height: 30px;
}

}



@media (max-width: 989px) and (min-width: 940px) and (orientation: Landscape) { 

.info4{
margin-top: 0.5%;
width: 30%;
float: left;
margin-left: 3%;
display: block;
}




}	



@media(max-width: 410px) {


	
}


	
@media (max-width: 600px) and (min-width: 300px) {
#headp{
padding:0%;
margin-left: 6%;
margin-right: 6%;
float: left;
font-family: arial;
font-size: 80%;
}

}

@media (max-width: 299px) {
#headp{
padding:0%;
margin-left: 4%;
margin-right: 4%;
float: left;
font-family: arial;
font-size: 80%;
}

}
	
/*Mobile Navigation*/
	
	


@media (max-width: 1215px) {

.bannerhold{
width: 95%;
margin-left: 4%;
}

.bannerlinksized{
margin-right: 1%;

}

#sureproductsnav{
margin-right: 2%;
}



}

@media (max-width: 680px) {

.bannerlinksized{

width: 50px;

}


.bannerhold{
margin-left: 0;
}


#menuhide{
display: none;
}

#closeb{
width: 100%;
}

#open4{
display: block;


}



}


@media (max-width: 890px){


.closecolumns{
display: block;
margin-top: 2%;
width: 100%;
padding: 0%;
margin-left: 0%;
float: left;
font-size: 100%;
text-align: center;
}




.closecolumns2{
display: block;
text-align: center;
font-size: 100%;
margin-top: 2%;
width: 100%;
padding: 0%;
margin-left: 0%;
float: left;
border-top: 0px solid grey;
    border-right: 0px solid white;
    border-bottom: 0px solid grey;
    border-left: 0px solid #C6C6C6;
}

.bordermenu{
border-top: 0px solid grey;
    border-right: 0px solid white;
    border-bottom: 1px solid gainsboro;
    border-left: 0px solid #C6C6C6;
	
	}
}


@media (max-width: 400px) and (min-width: 260px) {

.testingsearch{
width: 50%;

}
}

@media (max-width: 259px){

.testingsearch{
width: 110px;

}
}

	
@media (max-width: 300px) {

.bannerhold{
width: 100%;
margin-left: 0%;
margin-right: 0%;
float: left;
}



}


/*New Product Container*/

@media (max-width: 680px) {
.producteach{
	
width: 46%;
	
}


.productscolumna{
display: inline-block;
vertical-align: top;
width: 47%;	
margin-left: 1%;
margin-right: 0%;	
	
	
}





}


@media (max-width: 850px){
.producteachmenu, .producteachmenu2, .producteachmenu3, .producteachmenu4, .producteachmenu5, .producteachmenu6{
font-size: 83%;	
display: none;	
height: auto;	
	
}

	
#productopenbefore, #productopenbefore2, #productopenbefore3, #productopenbefore4, #productopenbefore5, #productopenbefore6{	

display: none;	
}



#mobileproductopen, #mobileproductopen2, #mobileproductopen3, #mobileproductopen4, #mobileproductopen5, #mobileproductopen6{
display: block;	
	
}	
	
	
	
}




@media (max-width: 475px){
.producteachopen, .producteachopen2, .producteachopen3, .producteachopen4, .producteachopen5, .producteachopen6{
font-size: 78%;	
	
	
	
}	


.producteachmenu, .producteachmenu2, .producteachmenu3, .producteachmenu4, .producteachmenu5, .producteachmenu6{
font-size: 75%;	
	
	
	
}	
	
	
}


@media (max-width: 400px) {
.producteach{
	
width: 75%;
	
}




.productscolumna{
display: inline-block;
vertical-align: top;
width: 75%;	
margin-left: 1%;
margin-right: 1%;	
	
	
}


}


@media (max-width: 1000px){
	
	
.productsidebar{
	
width: 50%;	
margin-left: auto;
margin-right: auto;

}	
	
	
}


@media (max-width: 750px){
	
	
.productsidebar{
	
width: 70%;	
margin-left: 0%;
margin-right: 0%;

}


.productsidebar h1 {

font-size: 110%;
	
}



.productsidebar h2 {

font-size: 95%;
	
}
	
	

.producteachc{
width: 45%;

}	
	

.producteachmenu a, .producteachmenu2 a, .producteachmenu3 a, .producteachmenu4 a, .producteachmenu5 a, .producteachmenu6 a{

padding-top: 7px; 
padding-bottom: 7px; 
	
	
}
	
	
}

@media (max-width: 800px){
	
	
.homeimage2{

padding-bottom: 36%;


	
	
	
}


	
}	
	



@media (max-width: 499px){
	
	
.homeimage2{

padding-bottom: 42%;


	
	
	
}



.homeimage2 img{
top: -50%;	
	
}	
	
	
.productsidebar{
	
width: 85%;	
margin-left: 0%;
margin-right: 0%;

}


.newproductcontainerhold{
width: 95%;	

	
}


.newproductcontainer{
width: 100%;	

}


	
#banner{
width: 125px;

}	
	
	
	
}



@media (max-width: 400px){
	
.producteachc{
width: 80%;

}
	
.producteachmenu a, .producteachmenu2 a, .producteachmenu3 a, .producteachmenu4 a, .producteachmenu5 a, .producteachmenu6 a{

padding-top: 9px; 
padding-bottom: 9px; 
	
	
}	
	
}



/*End of New Product Container*/