@charset "UTF-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Lato|Oxygen);
@import url(http://fonts.googleapis.com/css?family=Lato);

body {margin:0px; padding: 0px; color:#000; font-size:10px; font-family: 'Oxygen', sans-serif;}


/*--About Us Page Text*/

#about-text h1 {
	font-size: 250%;
}

#about-text h2 {
	font-size: 170%;
}

#about-text p {
	font-size: 150%;
}

#about-text ul li {
	font-size: 140%;
	line-height: 24px;
}

#MobileAZLogoBox  { display:none;
border: 0px solid red; float: left;  margin-top: 30px; background-color:none; width:100%; overflow:hidden; padding:5px; text-align:center;
}

#MobileTitle { display:none;
font-size:30px;
color:#090;
border:0px solid red;
text-align:center;
line-height:65px
}

#MobileNavIcon { 
	width:60px; 
	height:60px; 
	position:relative; 
	margin-left:10px;  
	z-index:30; 
	display:none;
	float:left;
	margin-top:5px;
}

#MobileNavIcon img { width: 100%; }

#MobileNav {
	width:100%; 
	position:relative; 
	
	background-image: url(theme/green_hover_background.png); 
	z-index:30; 
	display:none; 
	overflow:visible;
	border:0px solid red;
}

#MobileNav a {
	color: #ffffff; 
	font-size:230%; 
	font-weight: lighter;
	padding:0px 10px 10px 60px; 
	text-decoration:none;
	line-height:67px; 
	display:none; 
	width:100%; 
}

#mobile_about_button {
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
}

#MobileSearchIcon {
	width:60px; 
	height:60px; 
	position:relative; 
	float:right;
	
	z-index:30; 
	display:none;
	margin-top:5px;
}

#MobileSearchIcon img { width: 100%; }
	
#MobileSearch {
	width:100%; 
	position:relative; 
	
	
		background-image: none; 
	z-index:30; 
	display:block; 
	text-align:center;
	padding-bottom: 0px;
	padding-top: 0px;
	 -webkit-appearance: none;
}

#MobileSearch input { 
	width:90%; 
	font-size:180%; 
	line-height: 40px;
	margin:20px 0px 0px 0px;
    border-radius: 12px;
	height: 60px;
	border: 0px solid red;
	padding-left: 20px;
	 -webkit-appearance: none;
}

#mobile_search_button {
	border-radius: 12px;
	background-color: #4aae4b;
	color: #ffffff; 
	font-family: 'Oxygen', sans-serif;
	font-size: 500%;
	font-weight: lighter;
     border: 1px solid #ffffff;
	 height: 60px;
	  -webkit-appearance: none;
}

.expandablesearch {display:none;}

#outter { 
	width:100%; 
	height:100%; 
	border:0px solid red; 
	overflow:hidden; 
	position:absolute;
}

#leftHalf, #rightHalf {width:50%; height:100%; display:inline-block; border:0px solid red; position:relative; float:left;}

#rightHalf {position:absolute; height:auto; overflow:hidden; background-color:none; overflow:visible; margin-left:50%;}

#leftHalf {background-color:gray;}


#Img1 { width:calc(60% - 10px); height:calc(33% - 10px); background-color:#4aae4b; float:left; border-right:10px solid white; border-bottom:10px solid white;
background-image:url(theme/10880155_small.jpg); background-size:cover; background-position:top center;
 }

#Img2 { width:40%; height: calc(45% - 10px); background-color:#4aae4b; float:right; border-bottom:10px solid white;
background-image:url(theme/26719364_small.jpg); background-size:cover; background-position:center center;
}

#Img3 { width:calc(60% - 10px); height:calc(33% - 10px); background-color:#4aae4b; float:left; border-right:10px solid white; border-bottom:10px solid white;
background-image:url(theme/23897606_small.jpg); background-size:cover; background-position:top center;
}

#Img4 { width:40%; height: calc(21% - 10px); background-color: #4aae4b; float:right; border-bottom:10px solid white;
background-image:url(theme/9301552_small.jpg); background-size:cover; background-position:center center;
}

#Img5 { width: calc(50% - 5px); height:34%; background-color:#4aae4b; float:left; border-right:10px solid white;
background-image:url(theme/13780243_small.jpg); background-size:cover; background-position:center center;
}

#Img6 { width:calc(50% - 5px); height:34%; background-color:#4aae4b; float:left;
background-image:url(theme/16029808_small.jpg); background-size:cover; background-position:top center;
}




#LeftFooter { width: calc(25% - 10px); position:absolute; bottom:10px; right: 10px; background-color:none; border:0px solid yellow; color:white; text-align:right; z-index:10;}


	
	#emaillink {
		display:block; 
		position:absolute; 
		background-color: #4aae4b; 
		color:white; 
		font-size:245%; 
		padding:5px 30px; 
		top:17px; 
		left:50px;
		font-weight: lighter;
		border-radius: 8px;
	}
	
	#emaillink:hover {
		background-color: #000000;
		cursor: pointer;
	
	}
	
	#phone {
		display:block; 
		font-size:300%; 
		width:calc(100% - 70px); 
		text-align:center; 
		margin:20px 0px 0px 50px; 
		border:0px solid red;
		font-family: 'Lato', sans-serif; font-weight: lighter;
	}
	
	#fax {
		display:block; 
		position:absolute; 
		font-size:300%; 
		top:20px; 
		right:30px;
		font-family: 'Lato', sans-serif; font-weight: lighter;
	}
	
	 .ph {
		 font-size: 80%;
		 color: #4aae4b;
	 }
	 
	 .tellink {text-decoration:none; color:inherit; -webkit-appearance: none; -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */}
	 
	 .number_bullets {
		 font-size: 70%;
	 }
	
#NavLinkHolder { 
	width: calc(100% - 70px); 
	border:0px solid  #4aae4b; 
	margin-left:50px; 
	z-index:50; 
	position:relative; 
}

.MenuLink { 
	display:block; 
	margin:10px 0px 0px 0px; 
	width:33%; 
	position:relative; 
	overflow:hidden; 
	border:0px solid brown; 
	float:left; 
}

.MenuLink:hover { overflow:visible; }

.MenuLink a { 
	color: #4aae4b; 
	font-size:400%; 
	margin:0px; 
	padding:0px; 
	border:0px solid  #4aae4b;
	cursor: pointer;
	text-decoration:none;
	line-height:100%;
	position:relative;
}

.MenuLink a:hover {color: #000000;}

.PL { 
	display:block; 
	position:absolute; 
	top:100%; 
	width:230%; 
		background-image: url(theme/green_hover_background.png); 
	border-radius: 8px;
	font-size:60%;
	font-weight: lighter;
	
}

.PL a { 
	background-color:none; 
	width: calc(50% - 65px);
	color:white; 
	display:block; 
	text-align:left; 
	float:left; 
	font-weight: lighter; 
	margin:3px; 
	padding:9px 20px; 
	text-decoration:none; 
	height:auto;
}

.PL a:hover { 
	background-color: #ffffff; 
	color: #000000;
}

#products_link img {
    height: 25px;
	display:inline-block;
	vertical-align:top;

}

#dropdown_sub {
	border: 1px solid red;
}

#dropdown_sub img {
	height: 20px;
}

#products_link a:hover {
	color: #4aae4b; 
}

#products_link .CatHolder { border:0px solid red; position:relative; float:left; overflow:hidden; width: calc(50% - 25px); margin:3px; padding:0px; display:inline-block; overflow:hidden; }
#products_link .CatHolder a { width: calc(100% - 34px); margin: 0px;  padding: 9px 17px;}
#products_link .CatHolder a:hover {color:green;}
#products_link .CatHolder:hover { overflow:visible; background-color:#084814; color:green;}
#products_link .SubCatLinks {position:absolute; border:0px solid yellow; background-color:#084814; position:absolute; top:0px; left:100%; width:90%; z-index:60;}
#products_link .SubCatLinks a { position:relative; border:0px solid black; background-color: none; width: calc(100% - 44px); border-left:4px solid #084814; color:white; margin:0px; padding: 9px 20px;}
#products_link .SubCatLinks a:hover { border-left:4px solid #4aae4b; background-color:none;}

#products_link .rightcolumnversion {left:-90%; text-align:right;}
#products_link .rightcolumnversion a {text-align:right; border-left:0px; border-right:4px solid #084814;}
#products_link .rightcolumnversion a:hover {text-align:right; border-right:4px solid #4aae4b;}



 #productlinksmobilepage  { 
	
	border:0px solid red;
}

 #productlinksmobilepage .CatHolder { 
	
	border-top:1px solid orange;
	overflow:hidden;
	position:relative;
	float:none;
	width: 100%;
	text-align:left;
	margin:0px;
	background-color: #999;
}

 #productlinksmobilepage .SubCatLinks {
	 border:0px solid blue;
	 overflow:hidden;
	 position:relative;
	 top: auto;
    left: auto;
    width: auto;
    z-index: auto;
	text-align:left;
	padding-left:20%;
	background-color:none;
	margin:0px;

	 }

 #productlinksmobilepage  a { 
 display:block;
	border:2px solid green;
	float:none;
	overflow:hidden;
	text-align:left;
	padding:20px;
	margin:4px;
	font-size:400%;
	text-decoration:none;
	background-color:#090;
	color:white;

}

 #productlinksmobilepage  a:hover { 

	background-color:black;
	color:white;

}

/*#Navigation-and-Searchbar {
	background-color: #ffffff;
	position: fixed;
	z-index: 5000;
}*/


#SearchBox { 
	display:inline-block; 
	margin: 5px 20px; 
	border: 0px solid red; 
	position:relative; 
	float:right;
	width: calc(100% - 70px);
	z-index: 20;
}

#searchtext { 
  	border: 1px solid #4aae4b;
	width: calc(100% - 120px);
	height: 31px;
	line-height: 31px;
	padding-left: 20px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}

::-webkit-input-placeholder {
   
   color: #7cc197;
   font-family: 'Oxygen', sans-serif;
	font-size: 120%;
}

:-moz-placeholder { /* Firefox 18- */
   
   color: #7cc197;
   font-family: 'Oxygen', sans-serif;
	font-size: 120%;  
}

::-moz-placeholder {  /* Firefox 19+ */
  
   color: #7cc197;
   font-family: 'Oxygen', sans-serif;
	font-size: 120%; 
}

:-ms-input-placeholder {  
   
   color: #7cc197;  
   font-family: 'Oxygen', sans-serif;
	font-size: 120%;
}

#searchbutton { 
	color: #ffffff;
	background-color: #4aae4b; 
	width: 80px;
	height: 35px;
	vertical-align:top;
    font-family: 'Oxygen', sans-serif;
	font-size: 190%;
	font-weight: lighter;
     -webkit-appearance: none;
     border:thin #09F;
	 
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}


.number-of-results {
	text-align: center;
	font-weight: bold;
	font-size: 120%;
}



.Right-Content {
	background-color: none; 
	border: 0px solid red; 
	overflow:hidden; 
	width: calc(100% - 40px); 
	padding: 5px 20px 120px 20px; 
	min-height:400px;
}

#RightFooter{ 
	border: 0px solid black; 
	font-size:120%; 
	bottom: 00px; 
	right: 00px; 
	width:50%;
	position: fixed;
	background-color:white;
	padding:10px 0px 10px 0px;

}

#WBECertifiedImageHolder { height:30px; background-color:none; border:0px solid red; float:left; }

#WBECertifiedImageHolder img {height:100%; margin:0px 15px;}


#CenterLogo { 
	position:relative; 
	height:75%; 
	width:40%; 
	background-color:none; 
	z-index:10; 
	margin: 80px auto 0px auto; 
	background-image:url(theme/drip.png); 
	background-repeat:no-repeat; 
	background-position:top center; 
	background-size:contain; 
	border:0px solid gray; 
}

#A2ZLogo {
	position:absolute; 
	font-size:800%; 
	margin-top:40%; 
	color:white; 
	text-align:center; 
	border:0px solid red; 
	width:100%;
}

#A2ZLogo img {
	width: 60%;
}

#IntroParagraph {
	top:50%; 
	left: 100%; 
	border:0px solid red; 
	position:absolute; 
	font-size:150%; 
	width: 65%;
}

#homepageparagraph {
	margin-top: 15px;
	line-height: 20px;
}

#homepageparagraph p {
	line-height: 24px;
}

#IntroParagraph2 { display:none; }

#IntroParagraph h1 { margin:0px; padding:0px; font-size:200%; -webkit-margin-before: 0em; -webkit-margin-after: 0em; color: #4aae4b; }

#IntroParagraph2 h1 { margin:0px; padding:0px; font-size:200%; -webkit-margin-before: 0em; -webkit-margin-after: 0em; color: #4aae4b; }

#TestimonialHolder { border:0px solid black; position:absolute; font-size:150%; z-index:11; top:85%; left:90%; width:60%; font-family: 'Lato', sans-serif; color: #888888; font-weight: lighter; }

#TestimonialHolder2 { display:none; }

#mobile_copyright_info {
	color: #ffffff;
	background-color: #4aae4b;
	display: none;
	min-height: 185px;
	font-size: 300%;
	padding: 30px;
}

#mobile_copyright_info p {
	margin-top: 20px;
}

			/* Secondary menu css */
			
			/*ADAM TESTING THE SECONDARY MENU IN ORDER TO PLACE THE DROP GRAPHIC
			
			.CatHolder { 
				border: 1px solid red; 
				position: relative; 
				float: left; 
				overflow: hidden; 
				width: calc(50% - 10px); 
				margin: 3px; 
				padding: 0px; 
				display: inline-block; 
				overflow: hidden;
				}
			
			.CatHolder a { width: calc(100% - 34px); margin: 0px;  padding: 9px 17px;}
			
			.CatHolder a:hover { color:green; }
			.CatHolder:hover { overflow:visible; background-color:#084814; color:green;}
			
			.SubCatLinks { position:absolute; border:0px solid yellow; background-color:#084814; position:absolute; top:0px; left:100%; width:90%; z-index:60;}
			
			.SubCatLinks a { position:relative; border:0px solid black; background-color: none; width: calc(100% - 44px); border-left:4px solid #084814; color:white; margin:0px; padding: 9px 20px;}
			.SubCatLinks a:hover { border-left:4px solid #4aae4b; background-color:none;}
			.rightcolumnversion a {text-align:right; border-left:0px; border-right:4px solid #084814;}
			.rightcolumnversion a:hover {text-align:right; border-right:4px solid #4aae4b;}*/
			
		



/*PRODUCT DISPLAYS*/

   #ProductDisplay { 
   		width:100%; 
		height: calc(80% - 30px); 
		margin-top:20%; 
		border: 15px solid green; 
		background-color: none;
		/*background-image: url(theme/white_background.png);*/
		background-color: #ffffff; 
		border-left:0px; 
		border-right:0px; 
		position:absolute; 
		display:none;
		z-index:11;
		}
		
		
	#ProductDisplayMobile { 
   		width:100%; 
		height: calc(80% - 30px); 
		margin-top:20%; 
		border: 15px solid green; 
		background-color: none;
		/*background-image: url(theme/white_background.png);*/
		background-color: #ffffff; 
		border-left:0px; 
		border-right:0px; 
		position:absolute; 
		display:none;
		z-index:11;
		}
   #ProductImage { 
		width:40%; 
		height:90%; 
		background-color:none; 
		position:absolute; 
		background-position:top center; 
		background-size:contain; 
		background-repeat:no-repeat;
		margin-top: 30px;
		margin-left: 30px;
		}
   #ProductDescriptionWrapper { 
   		width:calc(50% - 20px); 
		height:calc(94% - 20px); 
		top:6%; 
		background-color:none; 
		position:absolute; 
		left:50%; 
		padding:10px;
		}
   #ProductTitle { 
   		width:100%; 
		background-color: none; 
		font-size: 30px; 
		color:green;
		}
   #ProductItem { 
   		width:100%; 
		background-color:none; 
		font-size:24px; 
		font-weight:bold; 
		color:green;
		margin-bottom: 14px;
		}
   #ProductDescription { 
   		width:100%; 
		background-color:none; 
		color:green; 
		font-size:18px;
		}
   #CloseThisWindow { 
   		position:absolute; 
		top:1%; 
		right:5%; 
		height:10%; 
		width:5%;
		background-image: url(theme/close-x.png);
		background-repeat: no-repeat;
		z-index:100;
		background-size:contain;
		}
	
.OneParticularProduct { 
	width: calc(33% - 12px); 
	height:300px; 
	float:left; 
	background-color:; 
	overflow:hidden; 
	position:relative; 
	margin:3px; 
	border: 3px solid #ffffff;
	border-radius: 7px;
	padding-top: 20px;
	}
	
.OneParticularProduct:hover { 
	border: 3px solid #4aae4b;
	}
	.OneParticularProductLink { background-color:none; height:100%; position:absolute; width:100%; z-index:10; display:none;}
	
.OneParticularProductPhoto { 
	width:100%; 
	height:80%; 
	background-color:none; 
	position:relative; 
	background-position:center center; 
	background-size:contain;
	background-repeat: no-repeat;
	}

.OneParticularProductTitle { 
	width:100%;  
	color:#4aae4b;
	font-size: 14px;
	text-align: center;
	padding-top: 6px;
	}
.AfterEveryThird { 
	width:100%; 
	border-top:0px solid red; 
	float:left; 
	position:relative; 
	}
.AfterEverySecond { 
	width:100%; 
	border-top:0px solid purple; 
	float:left; 
	position:relative; 
	display:none;
	}
	
.OneParticularProductDescription {
	display: none;
	}
.ShowOnMobile { display: none;}	
	
	
	.CategoryH1 {color:#4aae4b;}


@media only screen and (max-width: 1660px), only screen and (max-device-width: 1660px) {
/* screens up to 1660px wide*/

#emaillink { 
	font-size:225%; 
}

#phone { 
	font-size:255%; 
}

#fax { 
	font-size:255%; 
}

.MenuLink a { 
	font-size:275%; 
}

#IntroParagraph { 
	top:40%; 
	left: 100%; 
	width: 70%;
}

#TestimonialHolder { 
	top:85%; 
	left:90%; 
	width:60% 
}
}

@media only screen and (max-width: 1500px), only screen and (max-device-width: 1500px) {
/* screens up to 1500px wide*/

#emaillink { 
	font-size:225%; 
}

#phone { 
	font-size:225%; 
}

#fax { 
	font-size:225%;
 }

.MenuLink a { 
	font-size:250%; 
}

}


@media only screen and (max-width: 1300px), only screen and (max-device-width: 1300px) {
/* screens up to 1300px wide*/

#emaillink { 
	font-size:170%;
}
#phone { 
	font-size:180%; 
}
#fax { 
	font-size:180%; 
}

#IntroParagraph { 
	top: 30%; 
	left: 100%; 
	width: 70%;
}


.MenuLink a { 
	font-size:250%; 
}

}

@media only screen and (max-width: 1200px), only screen and (max-device-width: 1200px) {
/* screens up to 1200px wide*/

#emaillink {
	font-size:170%;
}
#phone {
	font-size:180%;
}

#fax {
	font-size:180%;
}

.MenuLink {
	border:0px solid #4aae4b; 
	width:32%;
}

.MenuLink a {
	font-size:200%; 
	border:0px solid blue; 
}

#products_link img {
	height: 20px;	
}

#IntroParagraph {top:30%; left: 100%;}

#TestimonialHolder {top:85%; left:70%; width:70%}

.AfterEveryThird {
	display: none; 
	}

.AfterEverySecond { 
	
	display: block;
	}
	
.OneParticularProduct { 
	width: calc(50% - 12px); 
	}
	
}

@media only screen and (max-width: 1080px), only screen and (max-device-width: 1080px) {
/* screens up to 1080px wide*/

#emaillink {
	font-size:140%;
}

#phone {
	font-size:150%;
}

#fax {
	font-size:150%;
}
.MenuLink {}
.MenuLink a { 
	font-size:170%; 
}

#products_link img {
	height: 15px;
	
}

}

@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) {

/*#emaillink {
	position:fixed; 
	top:60px; 
	left:calc(50% + 20px); 
	font-size:150%; 
	margin:0px 0px; 
	text-align:left; 
	z-index: 42;
}*/

#emaillink {
	position:fixed; 
	top: 3px; 
	width:33%; 
	font-size:150%; 
	margin:0px; 
	text-align:center; 
	z-index: 42; 
	left: calc(33% - 30px);
}

#phone {
	position:fixed; 
	top: 0px; 
	left:0px; 
	font-size:250%; 
	margin:0px; 
	padding:6px; 
	width:100%; 
	background-color:white; 
	z-index: 41; 
	text-align:left;
}

#fax {
	position:fixed; 
	top: 0px; 
	right:0px; 
	font-size:250%; 
	margin:0px;  
	padding:6px; 
	z-index: 42;
}

#CenterLogo { 
	margin:200px auto 0px auto; 
	width:40%;
}

#NavLinkHolder { 
	margin:100px 0px 0px 20px; 
	width: calc(100% - 20px);
}

.MenuLink a {
	font-size:150%;
}

#SearchBox {
	display:block; 
	margin:0px; 
	border:0px solid #4aae4b; 
	position:fixed; 
	top:60px; 
	right:10px;
	width: calc(50% - 70px);
}

#IntroParagraph {
	top:0%; 
	left:80%; 
	border:0px solid black; 
	position:absolute; 
	font-size:110%; 
	width: 90%;
}
#IntroParagraph h1 {
	margin:0px; 
	padding:0px; 
	font-size:235%; 
	-webkit-margin-before: 0em; 
	-webkit-margin-after: 0em; 
	color: #4aae4b;
}

#IntroParagraph div {
	padding:30px 0px 0px 30%; 
	line-height:200%; 
	font-size:150%;
}

#homepageparagraph {
	margin-top: 0px;
}

#homepageparagraph p {
	font-size: 90%;
}

#TestimonialHolder {
	border:0px solid black; 
	position:absolute; 
	font-size:150%; 
	z-index:11; 
	top:65%; 
	left:calc(50% + 10px); 
	width:120%;
}

#RightFooter {
	
	width:calc(50% - 20px);
	padding:10px;
}

.RightFooter-text {
	display: none;
}


	
}

@media only screen and (max-device-width: 768px) {
/*  devices only up to ipad*/


}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { /* STYLES GO HERE for ipad landscape mode only*/

#CenterLogo { height:300px; margin-top:150px; }

#TestimonialHolder { top:110%; left:calc(50% + 10px); }

#IntroParagraph div { padding:10px 0px 0px 10%; }

#products_link img {
	height: 10px;
	
}

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { /* STYLES GO HERE for ipad portrait mode only*/

#CenterLogo { height:500px; margin-top:300px;}

#TestimonialHolder {top:110%; left:calc(50% + 10px);}

#IntroParagraph div {padding:10px 0px 0px 30%;}
/*  comment out below to show all 6 images in portrait mode*/
#Img1 { display:none; }

#Img2 { width:100%; height: calc(50% - 16px); top:0px; left:0%; border-bottom:16px solid white; border-right:0px; border-left:0px; float:none; position:absolute;}

#Img3 { display:none;}

#Img4 { width:100%; height: calc(20% - 8px);  float:none; border-bottom:16px solid white; border-top:0px solid white; border-right: 0px solid white; position:absolute; top:calc(50% + 2px); left:0px; }

#Img5 { display:none;}
#Img6 {width:100%; height: calc(30% - 8px);  float:none; border-bottom:0px; border-top:0px solid white; border-right: 0px solid white; position:absolute; bottom:0px; left:0px;}

}

@media only screen and (max-width: 667px), only screen and (max-device-width: 667px) {
/* screens and devices up to iphone 6s*/

#MobileTitle { display:block;}

#mobile_copyright_info {
	display: block;
}

#emaillink {
	padding: 3px 7px;
	left: calc(33% - 5px);
}

#outter { height:auto; }

#MobileNavIcon { display:block; }

#MobileNav { display:block; }

#MobileSearchIcon { display:block; }

#MobileSearch { display:block; }

#leftHalf { width:100%; height:201px; border-top: 30px solid white;}

#rightHalf { width:100%; background-color:white; height:auto; }

#Img1 { width:calc(40% - 4px); height:calc(50% - 2px); top:0px; left:0px; border-right:4px solid white; border-bottom:4px solid white; float:none; position:absolute; }

#Img2 { width:calc(30% - 2px); height: calc(70% - 2px); top:0px; left:40%; border-bottom:4px solid white; border-right:4px solid white; border-left:0px; float:none; position:absolute;}

#Img3 { width:calc(40% - 4px); height:calc(50% - 2px);  border-right:4px solid white; border-bottom:0px solid white; float:none; position:absolute; top: calc(50% + 2px); left:0px; background-color:black;}

#Img4 { width:calc(30% - 2px); height: calc(30% - 2px);  float:none; border-bottom:0px solid white; border-top:0px solid white; border-right: 4px solid white; position:absolute; top:calc(70% + 2px); left:40%; background-color:tan;}

#Img5 { width: calc(30% - 2px); height:100%;  float:none; border-right:0px solid white; position:absolute; top:0px; right:0px;}
#Img6 {display:none;}

#LeftFooter { display:none; }

#CenterLogo { 
	height:300px; 
	width:60%; 
	margin: 100px auto 0px 20%; 
	position:absolute; 
	z-index:20; 
	overflow:hidden;
	background-image:url(theme/drip_mobile.png); 
}

#A2ZLogo {
	position:absolute; 
	font-size:800%; 
	margin-top:120px; 
	color:white; 
	text-align:center; 
	border: 0px solid gray; 
	width:100%;
}

#IntroParagraph { display:none; }

#IntroParagraph2 { 
	display:block; 
	padding: 170px 10px 10px 10px; 
	text-align:center; 
}

#IntroParagraph h1 { color: #4aae4b; }

#TestimonialHolder { display:none; }

#TestimonialHolder2 {
	display: block; 
	padding:10px;  
	font-family: 'Lato', sans-serif;
	font-size: 80%; 
	color: #888888; 
	font-weight: lighter;
	top: 60px;
	text-align: center;
}

#TestimonialHolder2 p {
	
}

#emaillink {
	position:fixed; 
	top: 3px; 
	width:33%; 
	font-size:150%; 
	margin:0px; 
	text-align:center; 
	z-index: 42; 
	
}

#phone {
	position:fixed; 
	top: 0px; 
	left:0px; 
	font-size:150%; 
	margin:0px; 
	padding:6px; 
	width:100%; 
	background-color:white; 
	z-index: 41;
}

#fax {
	position:fixed; 
	top: 0px; 
	right:0px; 
	font-size:150%; 
	margin:0px;  
	padding:6px; z-index: 42;
}



#NavLinkHolder { display:none; }

#SearchBox{
	display: none; 
	margin: 5px 5%; 
	border: 1px solid black; 
	position: relative; 
	float: right;
}

#RightFooter{
	position:relative; 
	font-size:150%; 
	bottom:auto; 
	left:auto; 
	width: 70%; 
	padding: 10px 15%; 
	font-size: 300%;
}

#WBECertifiedImageHolder {
	height:50px; 
	background-color:none; 
	border: 0px solid red; 
	float:none;
	text-align: center;
}

#WBECertifiedImageHolder img {
	height:100%; 
	margin:0px 15px;
	display: inline-block;
}


.Right-Content {
	padding: 5px 20px 10px 20px; 
	min-height: 400px;
}




	.AfterEveryThird {
		display: none; 
		}
	
	.AfterEverySecond { 
		
		display: block;
		}
		
	.OneParticularProduct { 
		width: calc(50% - 12px); 
		}
		
		#leftHalf {
	display:none;
	}

#LeftFooter  {
	display:none;
	}
	
#mobile_copyright_info  {
	display:none;
	}
	
#rightHalf	{ 
position: relative;
margin-left: 0%;
margin-top:0px;
	 }
	
#MobileNavIcon {}	
#MobileSearchIcon {}

#MobileAZLogoBox  { display:block;}
#ProductDisplay {position:fixed;}

.OneParticularProductLink {display:block;}

.ShowOnMobile { display: block;}	
	
}



@media only screen and (max-width: 375px) {
	
	#emaillink {display:none;}
	
	
	
	}
/*
@media only screen and (max-device-width: 667px) {
  devices only up to iphone 6s
	
#MobileNavIcon { 
	width:150px; 
	height:150px; 
	top:700px; 
	left:20px;
	display:block;
}

#MobileNav a {
	font-size:300%; 
	line-height:181px;
}

#MobileSearchIcon { 
	width:150px; 
	height:150px; 
	top:700px; 
	right:20px;
	display:block;
}

#MobileSearch input {
	font-size:500%; 
	margin:120px 0px 120px 0px; 
	border:1px solid white;
}

#leftHalf {height:601px; border-top: 60px solid white;}	

#CenterLogo { 
	height:600px; 
	margin: 330px auto 0px 20%;
}

#IntroParagraph2 { 
	padding:260px 10px 10px 10px; 
	font-size: 400%; 
	}

#TestimonialHolder2 { 
	padding:10px; 
	font-size: 400%;
	}

#RightFooter{ font-size:300%; padding:10px 15%; }	

#WBECertifiedImageHolder { height:90px; }

#emaillink { font-size:350%; }

#phone { font-size:350%; }

#fax { font-size:350%; }
	
}*/

</style>

