body
{
  background-color:	#06599e;
  color:            black;
  font-size:        12px;
  font-family:      "MS Trebuchet", "Helvetica", sans-serif;
  text-align:		center;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
}

td
{
  background-color:	#06599e;
  margin: 4px;
}

a
{
  text-decoration:	none;
  font-family:		Arial;
  font-size:		12px;
  font-weight:		bold;
  color:		    #0000cc;
}

a:hover { color: #cc00cc; }

div#right  a       { color:	#ffffff; }
div#right  a:hover { color:	#ffffdd; }

img { border: none; }

h1 { text-align : center; margin: 4px; font-size : 18px;}
h2 { text-align : center; margin: 4px; font-size : 16px;}

/* GBS thinks CSS classes named after colors are stupid... */
h1.white {color : #ffffff;font-size : 18px;}
h2.white {color : #ffffff;font-size : 16px; }

div.banner
{
  color: black;
  background-color : #ffffff;
  text-align : center;
  border-style: solid ;
  border-width: 1px;
  border-color: #404392;
  margin: 4px;
}

div.products
{
  font-weight:		normal;
  background-color : #ffffff;
  color : #000000;
}

div.products a
{
  font-weight:		normal;
  background-color : #ffffff;
  color : #000000;
}

/* The bumper class is for a blank div the same size as the #top banner */
div.bumper { height: 125px; width: 100%; clear: both; }

div.address
{
  padding: 4px;
  text-align: left;
}

table.phone { width: 19ex; background-color: #ffffff; }
table.phone td {  background-color: #ffffff; }

td.phnum
{
  float: right; text-align: left;
}

td.phlab
{
  width: 4ex;
  text-align: right;
  float: left;
  padding-left: 1ex;
  font-weight: bold;
}


div.copyright
{
  text-align: center;
  font-weight: bold;
  margin-bottom: 5px;
}

/*
   div#jax_addr { float: left; }
div#br_addr { float: right; }
*/

div#iicrc { position: absolute; top: 15px; left: 15px; }
div#isct  { position: absolute; top: 6px; right: 8px; }


/* --- 3 column styles ------------------------------------------------- */
#top
{
  margin-top: 0px;
  min-width:	400px;
  width:		100%;
  height:		125px;
}

#left
{	
  background-color:#407a25;	
  position:		absolute;
  top:			125px;
  left:			0;
  margin-left:	4px;
  width:		200px;
  height:		2650px;
  text-align: center;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
}

#middle
{
  background-color:#407a25;
  position:		relative;
  top:			0;
  height:		2650px;
  margin-left:	210px;
  margin-right:	210px;
  background-color : #ffffff;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
}

#right
{
  background-color:#407a25;
  position:     absolute;
  top:			125px;
  right:		0;
  margin-right:	4px;
  width:		200px;
  height:		2650px;
  text-align: center;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
  /*border-color: #404392;*/
}


#bottom
{
  width: 95%;
  clear: both;
}

/* HR styles need for IE/Win. */
hr.holder { width:600px; visibility: hidden; } /* Equal to 'top' */
hr.left, hr.right { width: 120px; visibility: hidden; }
hr.middle { width: 360px; visibility: hidden; }


div.button
{
  background-color:	#06599e;
  color: white;
  border-style: solid;
  border-width: 1px;
  padding: 2px;
  margin: 2px 12px;
  text-align: center;
  border-color: #ffffff;
}

div.button:hover { border-color: #000000; }

div.button a
{
  background-color:	#06599e;
  color: white;
}

div#emergency
{
  background-color:	#ee0000;
  color: white;
  border-style: solid;
  border-width: 1px;
  border-color: #ffffff ;
}

div#emergency a
{
  background-color:	#ee0000;
  color: white;
}

p
{
  text-align: left;
  margin-left:  5px;
  margin-right: 5px;
}

div#middle p { margin-top: 0;}
div#middle h3 { font-size: 100%;}

p:first-letter { font-size: 150%; font-weight: bold; }

h1.emergency_h1 { background-color: #ee0000; color: #ffffff; }
ul.emergency_list li { font-size: 125%; font-weight: bold; }
ol.critical_facts { text-align: left; }
ul.benefit_list   { text-align: left; }
ol.ten_reason_links { text-align: left; }
ol.ten_reasons { text-align: left; }

h2.fabricover, h2 span.fabricover { color: red; }

div.stand_clean
{ 
  float: left;
  margin: 0 5px 5px 5px;
}

div.stand_clean img 
{
  border-style: solid;
  border-width: 2px;
  border-color: black;
}

div.more_details
{
  border-style: solid none; 
  border-width: 1px;
  margin: 10px;
  font-weight: bold;
  font-size: 125%;
  padding: 5px 0;
}

div.motto
{
  font-size: 200%; 
  font-weight: bold;
  margin-bottom: 1ex;
}

div.big_phone
{
  font-size: 200%; 
  font-weight: bold;
  margin-bottom: 1ex;
}

div.dust_mite
{
  float: right;
  margin: 10px;
  width: 112px; 
}

div.dust_mite img
{
  border-style: solid;
  border-width: 2px;
  border-color: black;
}

img.border
{
  border-style: solid;
  border-width: 2px;
  border-color: black;
}