/*<style type="text/css"> 
<!--*/ 


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

html, body {

	line-height: 80%;
    height: 100%; /* Ensure html and body take up full height */
    margin: 0;    /* Reset margin */
    padding: 0;   /* Reset padding */
    display: flex;
    flex-direction: column;

}


body {
    display: flex;
    flex-direction: column;
}

footer {

    flex-shrink: 0; /* Prevent the footer from shrinking */
}



ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}





H1 {font-size: 0.9rem; font-family:arial; color:#000000; margin-bottom:0px; padding-bottom:0px;display:inline;}
H2 {font-size: 0.9rem; font-family:arial; color:#000000; margin-bottom:0px; padding-bottom:0px;}
H3 {font-size: 1rem; font-family:arial; color:#000000; margin-bottom:0px; padding-bottom:0px;}
H4 {font-size: 0.75rem; font-family:arial; color:#000000; margin-bottom:0px; padding-bottom:0px; font-weight:normal;}
H5 {font-size: 0.75rem; font-family:arial; color:#000000; margin-bottom:0px; padding-bottom:0px;}
H6 {font-size: 0.9rem; font-family:arial; color:#000000; margin-bottom:0px; padding-bottom:0px; font-weight:normal;}


footer, body a { text-decoration: none; }



.grid-container1{
    display:grid;
    grid-template-columns: repeat(auto-fit, 150px);
    gap: 5px;
    justify-content: left; 
    }

.mainproddiv{
padding:1em;
margin-top:10px;
margin-bottom:10px;
height:250px;
width: 100px;
border:1px solid black;
border-radius:5px;
background-color: white;
text-align: center;
}





.search {        
        margin-top:10px;
		margin-bottom:20px;
		background-color:white;  
        width:300px; 
        height: 35px; 
        font-size:0.8em;
        font-weight:bold;
        font-family:arial;
        left:0%;
}




form{
font-size:8pt;
font-family:"Arial";
margin-top: 0px; 
margin-bottom: 0px;
}

:link {color:rgb(0,0,153);text-decoration:none}/* for unvisited links */
:visited {color:rgb(153,0,153);text-decoration:none}/* for visited links */




/*a:hover{background-color:#FFFFFF;}*/





hr {margin-top: 0px; margin-bottom: 0px}


* {
	margin: 0;
}



.nojs
{
/*position: absolute;*/
z-index:1;
background-color:aqua;
padding:10px;
top:40px;
width:90%;
margin-left:auto;
margin-right:auto;
font-size: 100%; 
font-family: Arial; color:black;
font-weight:bold;
}

.textbox1
{
background-color:white;
padding:5px;
/*position: relative;*/
top:200px;
width:90%;
margin-top:20px;
margin-left:auto;
margin-right:auto;
font-size: 1rem;
line-height: 1.2; 
font-family: Arial; color:#444477;

}


.aboutustext
{
background-color:white;
padding:5px;
/*position: relative;*/
top:200px;
width:90%;
margin-left:auto;
margin-right:auto;
font-size: 100%; 
font-family: Arial; color:#444477;

}

.pageerrortext
{
background-color:white;
padding:5px;
/*position: relative;
top:200px;*/
width:90%;
margin-left:auto;
margin-right:auto;
font-size: 100%; 
font-family: Arial; color:#444477;

}

.pageerrorform
{
background-color:white;
padding:5px;
/*position: relative;
top:210px;*/
width:90%;
margin-left:auto;
margin-right:auto;
font-size: 100%; 
font-family: Arial; color:#444477;

}






.nojslinks
{
 /*clear:left*/
 width:100%;
 font-size: 0.9rem; 
 font-family: Arial; 
 color:black;
 font-weight:normal;
 background-color:#eeeeee;
 z-index: 1000; /* Ensure it's on top of other elements */

}

footer{width: 100%; 
	         display:grid;  
			 grid-template-columns: 1fr 1fr 1fr;  
			 grid-gap: 1em;
			 padding: 1em; /* NEW */ 
			 font-family: Arial;  
			 font-size:0.8em; 
			 font-weight:bold; 
			 line-height: 1.5em; 
			 background-color:#EEEEEE;}



.termstext
{
background-color:white;
padding:5px;
/*position: relative;/*
/*top:200px;*/
width:90%;
margin-left:auto;
margin-right:auto;
font-size: 100%; 
font-family: Arial; color:#444477;

}

.howtotext
{
background-color:white;
padding:5px;
/*position: relative;*/
/*top:200px;*/
width:90%;
margin-left:auto;
margin-right:auto;
font-size: 100%; 
font-family: Arial; color:#444477;

}

.emailtextbox1
{
background-color:white;
padding:5px;
/*position: relative;*/
/*top:200px;*/
width:90%;
margin-left:auto;
margin-right:auto;
font-size: 100%; 
font-family: Arial; color:#444477;

}

.emailtextbox2
{
background-color:white;
padding:5px;

/*position: relative;
top:220px;*/
width:90%;
margin-left:auto;
margin-right:auto;
font-size: 100%; 
font-family: Arial; color:#444477;

}

.contacttextbox1
{
background-color:white;
padding:5px;
/*position: relative;*/
/*top:200px;*/
width:90%;
margin-left:auto;
margin-right:auto;
font-size: 100%; 
font-family: Arial; color:#444477;

}

.contactform
{
background-color:white;
padding:5px;
/*position: relative;*/
/*top:200px;*/
width:90%;
margin-left:auto;
margin-right:auto;
font-size: 100%; 
font-family: Arial; color:#444477;

}



.discounttable{
background-color:white;
padding:5px;
/*position: relative;*/
/*top:200px;*/
width:90%;
margin-left:auto;
margin-right:auto;
font-size: 1rem;
line-height: 1.2; 
font-family: Arial; color:#444477;

}




.emailfailedtextbox
{
background-color:white;
padding:5px;

/*position: relative;*/
/*top:200px;*/
width:90%;
margin-left:auto;
margin-right:auto;
font-size: 100%;  
font-family: Arial; color:#444477;

}
 
.emailsenttextbox
{
background-color:white;
padding:5px;
/*position: relative;*/
/*top:200px;*/
width:90%;
margin-left:auto;
margin-right:auto;
font-size: 100%; 
font-family: Arial; color:#444477;

}


.thankyoutextbox{
 background-color:white;
 padding:5px;
 /*position: relative;*/
 /*top:200px;*/
 width:90%;
 margin-left:auto;
 margin-right:auto;
 font-size: 100%; 
 font-family: Arial; color:#444477;
 
}

.unpaidtextbox{
 background-color:white;
 padding:5px;
 /*position: relative;*/
 /*top:200px;*/
 width:90%;
 margin-left:auto;
 margin-right:auto;
 font-family: Arial; color:#444477;
 font-size: 100%; 

}


.carriagenotestext
{
background-color:white;
padding:5px;
/*position: relative;*/
/*top:200px;*/
width:90%;
margin-left:auto;
margin-right:auto;
font-size: 100%; 
font-family: Arial; color:#444477;

}

.advertstextbox1
{
 background-color:white;
 padding:5px;
 /*position: relative;*/
 /*top:200px;*/
 width:90%;
 margin-left:auto;
 margin-right:auto;
 font-family: Arial; color:#444477;
 font-size: 100%; 
}


.faqtextbox1
{
 background-color:white;
 padding:5px;
 /*position: relative;*/
 /*top:200px;*/
 width:90%;
 margin-left:auto;
 margin-right:auto;
 font-family: Arial; color:#444477;
 font-size: 100%; 

}.privacytextbox{ background-color:white; padding:5px; /*position: relative;*/ /*top:200px;*/ width:90%; margin-left:auto; margin-right:auto; font-family: Arial; color:#444477; font-size: 100%;  line-height: 120%;}

#faqtable
{text-align:left;
width:90%;
font-size: 80%; 
font-family: Arial; color:#444477;
font-weight:bold;
}


.maptext
{
background-color:white;
padding:5px;

/*position: relative;*/
/*top:200px;*/
width:90%;
margin-left:auto;
margin-right:auto;
font-size: 100%; 
font-family: Arial; color:#444477;

}


.map
{
padding:0px;
/*top:210px;
position: relative;*/
margin-left:auto;
margin-right:auto;
width:90%;

}

.map img
{
width:100%;
/*position: relative;*/
/*max-width:200%;*/
max-width: 500px;

}

.delmaptext
{
background-color:white;
padding:5px;

/*position: relative;*/
/*top:200px;*/
width:90%;
margin-left:auto;
margin-right:auto;
font-size: 100%; 
font-family: Arial; color:#444477;

}

.delmap
{
padding:0px;

/*position: relative;
top:210px;
*/
margin-left:auto;
margin-right:auto;
width:75%;


}


.delmap img
{
/*position: relative;*/
width:75%;
max-width:100%;
}





.topbar {
        text-align:center;
        width:100%;
        background-color:#000080; 
        left: 0px;}
		
.clicktocall {
        /*position:absolute; 
        top:90px;*/
        font-size:0.8em;
        font-family:arial;
		text-align:center;		
		width:100%;
        background-color:#FFFFFF; 
        left: 20px;}
		
			

.haddress {

		float:clear;
		font-size:0.78em;			
        font-family:arial;
		text-align:left;		
        background-color:#FFFFFF; 
		margin-top:7px;
		min-width: 320px;
		white-space: nowrap;		
        }

.largebanner { 
      
		  
          display: block;
	      margin: 0 auto;
          max-width: 70%;
          width: 100%;
          height: auto;		  
		  
		  
		  
}



	

.largebanner img{
    max-width:100%;
	height:100%
}	
	
				
		

.bottombar {
		text-align:center;
		width:100%;
        background-color:#000080; 
        height:17px;
        left: 0px;}



.wrapper {
	/*position: relative;*/
	width:100%;
	margin: 0 auto;
 	height: 100%;
}




th
{
border-width:0px;
border-style:solid;
text-align:left;
font-weight:normal;
}



* html .box { 
	position: absolute;
}


.titlebar 
	{
        margin-top:10px;
		text-align:left;
		font-size: 100%; 
		font-family: Arial; color:#444477;
		font-weight:bold;	
        height:14px;
        width:100%;
        background-color:white;   
        white-space:nowrap;	
		overflow:hidden;
        z-index:-2;		
}

.pagebar
	{
		margin-top: 10px;
		font-size: 80%; 
		font-family: Arial; color:#444477;
		font-weight:bold;		
		text-align:left;
        height:17px;
        width:100%;
		z-index:-2;
}



main {    	               
	list-style-type: none;         
	width:100%;         
	font-size:11px;        
	font-family:arial;  
	color: black;
	flex-grow: 1; /* This makes the main content take up available space */
   }	


.productarea
{
width:100%;
z-index: -1;
}


@media screen and (min-width: 481px) 
{

.clicktocall {
visibility: hidden;
}
}

@media screen and (min-width: 600px) /*was 481px */
{
.main{ width: 100%;}
.clicktocall {visibility: hidden;}
}


@media screen and (max-width: 600px) 
{
	.main{ width: 100%;}
	#fixed1 {visibility: hidden;}   /*was 480px*/
	footer {
	grid-template-columns: 1fr; 
	grid-template-rows: auto auto auto; }
}