/*Print Styles for Hygeine Direct January 07 */


body {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  color: #000000;
  background:#FAFCFD;
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 100%;
}

#everything {
text-align: left;
background: transparent url(../images/back.jpg) left repeat-y;
border-bottom: 1px solid silver;
border-left: 1px solid silver;
border-right: 1px solid silver;
margin: 0px;
max-width: 100%
min-width: 100%;
width: auto;
}



	/* standard links */
		
	a:link, a   {
	color: #AB5152;
	text-decoration: none;
	background-color: transparent;
	border-bottom: 0px dotted #BD706F;
	}

	a:visited   {
	color: #BD706F;
	text-decoration: none;
	background-color: transparent;
	}

	a:hover   {
	color: #c00;
	text-decoration: none;
	background-color: #CCD9E8;
	}

	a:active   {
	color: #c00;
	text-decoration: none;
	background-color: transparent;
	}
	
	/* for browsers that can't handle inheritance */

	

div#logo {
text-align: center;
background: #B22222;
width: 233px;
float: left;
height: 80px;
margin: 0;
padding: 0;
}

div#logo h1 {

display: none;
}

#logo img {
border: 1px solid silver;
margin: 14px auto;
}

#byline {
font-size: 1.1em;
color: white;
text-align: right;
padding: 16px 12px 0px 4px;
}

#common_banner {
text-align: left;
background: #0F4DBC url(../images/bluback.jpg) left repeat-y;
margin-left: 233px;
height: 100%;
padding: 0;
}

#banner {
height: 80px;
position:relative;
margin: 0;
padding: 0;
}

#productsandinfo {
text-align: left;
background: transparent;
width: 132px;
padding: 8px 0;
margin-left: 0;
float: left;
display: none;
}

#productsandinfo h2 {
color: #B22222;
font-size: .9em;
font-weight: bold;
margin: 2px 7px;
padding: 0 0 3px 0;
border-bottom: 1px solid #DA9494;
}

#productsandinfo p {
color: black;
font-size: .8em;
line-height: 1.4em;
font-weight: normal;
margin: 4px 7px;
}

#productsandinfo img {
padding: 2px;
margin: 8px 8px 0 8px;
border: 1px solid #DDA9AC;
}

#productsandinfo p.caption {
font-size: .6em;
line-height: 1.5em;
text-align: center;
}
/* categories of products */
/* left navigation as list*/

.products {
	width: auto;
	margin: 0;
	font-size: .8em;
	line-height: 1.1em;
padding-bottom: 12px;
float: none;
border-bottom: 1px solid white;
}

#productsandinfo .products ul {
margin: 0px;
padding: 0px;
list-style-type:none;
}

.products li {
margin: 0;
}

.products a {
text-align: left;
display: block;
padding: 3px 40px 4px 8px;
margin: 0px;

}

.products a:link, .products a:visited {
text-decoration:none;
color: #00338D;
border-bottom: 0px solid silver;
}

.products a:hover {
text-decoration:none;
color: #AA272F;
background: #EDD2D3;
}

/* end categories of products */
/* quotebox */


#quotebox { 
	background: transparent;
	margin: 16px 8px 10px 8px;
	font-size: .8em;
	width: auto;
padding-bottom: 20px;
	}
	
#quotebox p { 
	font-size: .9em;
    text-align: left;
    padding: 2px 0 0 0;
    margin: 0;
	}
	
	#quotebox .input { 
	width: 14em;
	padding: 2px;
	margin: 4px 0 3px 0;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	border: 1px solid #E0B1B4;
	}
	
	#quotebox .input:focus { 
	background: #F6F9FC;
	border: 1px solid gray;
	}
	
	#quotebox .submit { 
	margin: 5px 3px 5px 0;
	padding: 4px;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #2A6EBB;
	background: #E8F0F6;
	border: 1px solid #DBA4A8;
	}
	
	#quotebox .submit:hover { 
	color: black;
	background: white;
	cursor:pointer;
	border: 1px solid #DBA4A8;
	}

	#quotebox fieldset {
	border: 1px solid #C3666B;
	margin: 0px;
	padding: 2px 6px 12px 6px;
	}



/* search box */

#productsearch { 
	background: transparent;
	margin: 5px 8px 10px 8px;
	font-size: .8em;
	width: auto;
display: none;
	}
	
#productsearch p { 
	font-size: .9em;
    text-align: left;
    padding: 2px 0 0 0;
    margin: 0;
	}
	
	#productsearch .input { 
	width: 14em;
	padding: 2px;
	margin: 4px 0 3px 0;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	border: 1px solid #E0B1B4;
	}
	
	#productsearch .input:focus { 
	background: #F6F9FC;
	border: 1px solid gray;
	}
	
	#productsearch .submit { 
	margin: 5px 0;
	padding: 4px;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #2A6EBB;
	background: #E8F0F6;
	border: 1px solid #DBA4A8;
	}
	
	#productsearch .submit:hover { 
	color: black;
	background: white;
	cursor:pointer;
	border: 1px solid #DBA4A8;
	}
	
	fieldset {
	border: 1px solid #C3666B;
	margin: 0px;
	padding: 2px 6px;
	}
	
	legend {
  padding: 0.2em 0.5em;
  color: #AA272F;
  font-size: .8em;
  }

#freephone {
color: #B22222;
height: 28px;
text-align: left;
font-size: 1em;
line-height: 1.3em;
padding: 3px 0px 0 6px;
margin: 0;
}

#content {
text-align: left;
background: transparent;
margin-left: auto;
margin-right: auto;
padding: 15px 4px;
}

#content h1 {
color: #10479C;
font-size: 1.2em;
line-height: 1.3em;
margin: 2px 12px 3px 12px;
}

#content h1 strong {
color: #B22222;
}

body #content h1 a, body #content h1 a:link {
border: none;
color: #10479C;
padding: 0px 24px 0px 0px;
background-color: transparent;
background-image: url(../images/navtriangle.gif);
background-position: 99.9% 60%;
background-repeat: no-repeat;
}

#content h1 a:active, #content h1 a:hover {
border: none;
color: #10479C;
background-color: #FBF5F6;
background-image: url(../images/navtriangle.gif);
background-position: 100% 60%;
background-repeat: no-repeat;
}

#content h2 {
color: #10479C;
font-size: 1.1em;
line-height: 1.2em;
margin: 2px 12px 3px 12px;
}

#content h2 a, #content h2 a:link {
border: none;
color: #6C9BD0;
padding: 0px 24px 0px 0px;
background: transparent url(../images/navtriangle_s.gif) right 60% no-repeat;
}

#content h2 a:active, #content h2 a:hover {
border: none;
color: #4060AF;
background: #EFF4FA url(../images/navtriangle_s.gif) right 60% no-repeat;
}


#content h3 {
color: #10479C;
font-size: 1.0em;
line-height: 1.2em;
margin: 2px 12px 3px 12px;
}

h3 a, h3 a:link {
border: none;
color: #6C9BD0;
}

#content p {
font-size: .9em;
line-height: 1.3em;
margin: 2px 12px 2px 12px;
padding: 1px 0 8px 0;
}

#content pre {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .9em;
line-height: 1.3em;
margin: 2px 12px 2px 12px;
padding: 1px 0 8px 0;
}

#content img {
margin: 4px 0;
padding: 3px;
border: 1px solid silver;
}

#content ul {
 
font-size: .85em;
line-height: 1.4em;
margin: 0px 12px 16px 12px;
padding: 0 28px;
list-style-image: url(../images/redbullet.gif);
}

.pagepic {
float: right;
margin: 4px;
}

#footer {
	color: black;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	background: #E3E9F0;
	text-align:left; 
	padding: 8px;
	margin: 0px;

	border-top: 1px solid #B22222;
	clear: both;
}



/*tabs stuff*/
/* the navigation */

#navigation   {
	position: absolute;
	bottom: 0;
	margin: 0 0 0 12px;
	padding: 0;
	background: transparent;
	font-size:.7em;
    line-height:normal;
    /* width: 100%  - not liked by safari */
width: 600px;
	min-width: 500px;
display: none;
	}
	  
 #navigation ul {
	 position: absolute;
	bottom: 0;
	margin:0;
	  padding: 0px 0px 0px 0px;
	  list-style:none;
      }
	  
    #navigation li {
	  display:inline;
      margin: 0;
      padding:0 0px;
      }
	  
    #navigation a {
	 width: 7em;
	display: block;
	float: left;
	padding: 4px 0;
	margin: 1px 2px 0 0;
	text-align: center;
	  color: white;
      background: #90A8ED;
      margin:0 5px;
      padding:3px;
      text-decoration:none;
     border: 0;
      }
	  
	  #navigation a:hover {
	  background: #C4D0F5;
	  color: black;
	  border: 0;
	  }
	    
	  
    #navigation a span {
      float:left;
      display:block;
      background: transparent;
      padding:2px 15px 2px 6px;
      color:black;
	  border-top: 1px solid silver;
	  border-left: 1px solid silver;
	  border-right: 1px solid silver;
	 /* border-bottom: 1px solid silver;*/
      }
	  
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #navigation a span {float:none;}
    /* End IE5-Mac hack */
    #navigation a:hover span {
      color:black;
	  background:white;
      }
    #navigation a:hover {
      background-position:0% -42px;
      }
    #navigation a:hover span {
      background-position:100% -42px;
      }
	  
	/* light up where we are */

body.home #navigation li#home a, body.ourproducts #navigation li#ourproducts a, body.payment #navigation li#payment a {
background: white;
color: black;
font-weight: bold;
}

body.about #navigation li#about a, body.contact #navigation li#contact a, body.deliveries #navigation li#deliveries a {
background: white;
color: black;
font-weight: bold;
}
	  


blockquote {
padding: 4px 6px 40px 4px;
margin:  8px 18px 8px 18px;
border: 1px solid #B9CFE9;
color: #00549F;
font-size: 1.3em;
background: #D6E1F4;
background-image:url(../images/signature.gif);
background-repeat:no-repeat;
background-position: 99% 96%;
clear: right;
}

blockquote p {

font-family: Georgia, "Times New Roman", Times, serif;
font-style:italic;
}

/*map stuff*/

#map {
font-size: .8em;
width: 92%;
height: 410px;
border:1px solid black;
margin: 12px 16px 8px 16px;
}

#smallmap {
font-size: .7em;
color: #AA272F;
width: 100%;
height: 300px;
border:1px solid gray;
margin: 0px;
padding: 0;
}

#smallmapbox {
width: 32%;
border: 1px solid #B9CFE9;
margin: 4px 18px 8px 12px;
float: right;
padding: 4px 6px 6px 4px;
}

#smallmapbox p.caption {
font-size: .7em;
margin: 0;
padding: 6px 0 0 0;
}

#homebox {
border: 0px solid #B9CFE9;
margin: 4px;
float: right;
padding: 4px 16px 6px 4px;
}


.entryalt2   {
        color: black;
	background: #FCFDFC;
	margin: 4px 16px;
	padding: 12px;
	border: 1px solid #C1D5EB;
	}
	
#content .entryalt2  p {
	padding: 0;
padding-bottom: 8px;
	margin: 0;
	vertical-align: top;
	}
	
	.entryalt1  {
	color: black;
	background: #F5F7F7;
	margin: 4px 16px;
	padding: 12px;
	border: 1px solid #E7ECE7;
	}
	
#content .entryalt1  p {
	padding-bottom: 8px;
	margin: 0;
	vertical-align: top;
	}

	.entryalt0  {
	color: black;
	background: #F5F7F7;
	margin: 4px 16px;
	padding: 12px;
	border: 1px solid #E7ECE7;
	}
	
#content .entryalt0  p {
	font-size: .9em;
padding-bottom: 8px;
	margin: 0;
	vertical-align: top;
	}

#content .entryalt0  h2, #content .entryalt1  h2, #content .entryalt2  h2, #content .entryalt0  h3, #content .entryalt1  h3, #content .entryalt2  h3 {
	padding: 0px;
	margin: 0;
	}
	
#content table.productcats {
	margin: 0 0px;
	}
	
#content table.productcats td {
	border: 1px solid #F1DBDF;
	padding: 6px;
	margin: 6px;
	background: white;
	}

div.thumb {
padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;	
	margin-right: 8px;
float: left;
	}

.thumb img   {
	background: white;
padding: 2px;
	margin-left: 0px;
	margin-right: 8px;
	margin-top: 4px;
	margin-bottom: 4px;
	display: block;
	border: 1px solid gray;
	}


div.cat_thumb {
padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;	
	margin-right: 8px;
margin-left: 8px;
       float: right;
	}
	
#content .entryalt0 div.cat_thumb {
       clear: right;
	}

.cat_thumb img   {
	background: white;
padding: 2px;
	margin-left: 0px;
	margin-right: 8px;
	margin-top: 4px;
	margin-bottom: 4px;
	display: block;
	border: 1px solid gray;
	}

div.largeimage {
padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;	
	margin-right: 8px;
	}

.largeimage img   {
	background: white;
padding: 2px;
	margin-left: 0px;
	margin-right: 8px;
	margin-top: 4px;
	margin-bottom: 4px;
	display: block;
	border: 1px solid gray;
	}

#content .postdetails {

font-size: .7em;
line-height: 1.2em;
color: gray;
font-weight: normal;
margin: 3px;
}

#content .details {
font-size: .7em;
line-height: 1.2em;
color: gray;
font-weight: normal;
margin: 0 3px;
padding: 0 10px 10px 10px;
}

#content fieldset {
	border: 1px solid #F4E3E4;
	margin: 8px 17px;
	padding: 4px 0px 4px 0;
	}
	
	fieldset#comments {
	border: 0px solid silver;
	padding: 0 0 8px 0;
	margin: 0;
	}
	
	#content fieldset#comments {
	border: 0px solid silver;
	padding-bottom: 8px;
	}

div#content fieldset p {
font-size: .8em;
}
	
div#content .input {
	width: 60%;
	margin: 0px 10px 3px 0px;
    padding: 3px;
	font-size: .9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	background: white;
	border: 1px solid #99B9DE;
	}

div#content .select {
	width: auto;
	margin: 0px 6px 3px 0px;
    padding: 3px;
	font-size: .7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	background: white;
	border: 1px solid #99B9DE;
	}

	div#content .textarea {
	width: 99%;
	margin: 0px 8px 3px 0px;
    padding: 0px;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	background: white;
	border: 1px solid #99B9DE;
	}
	
	
	#content .input:focus, div#content .textarea:focus, div#content .quote .textarea:focus { 
	background: #F4F8FC;
	border: 1px solid gray;
	}
	
	#content .submit  { 
	font-size: 1em;
    line-height: 1.9em;
	padding: 4px 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	background: #F4F8FC;
	border: 1px solid gray;
	}

#content .submit:focus, #content .change:focus, #content .quote .submit:focus {
border: 1px solid black;
}

div#content form.quote {
float: right;
width: 270px;
font-size: .8em;
line-height: 1.2em;
display: none;
}


	div#content .quote .textarea {
        width: 40px;
	margin: 0px 8px 2px 0px;
    padding: 0px;
	font-size: .8em;
    line-height: .9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	background: white;
	border: 1px solid #99B9DE;
	}
	
	
#content .quote .submit { 
font-size: 9px;
    line-height: 1em;
	margin: 1px 8px 4px 0px;
  padding: 1px 0 2px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
color: white;	
background: #4A84C5;
	border: 0px solid gray;
width: 150px;
	}

#content .quote .change { 
font-size: 9px;
    line-height: 1em;
	margin: 1px 8px 4px 0px;
    padding: 1px 0 2px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
color: white;	
background: #AA272F;
	border: 0px solid gray;
width: 150px;
	}

#content .quote .change:hover, #content .quote .submit:hover { 
	color: black;
	background: white;
	cursor:pointer;
	border: 1px solid #DBA4A8;
	}