/*	
COMMON SITE STYLES
Defines base styles commonizes web site elements for consistency and simplification
2008 Michael B. Mitchell
*/

body{
  background-color: #ffffff;
}

p{
  font-family: Tahoma, Arial, Helvetica, Sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  color: #000000;
}

h1,h2,h3,h4,h5,h6{
  font-family: Arial, Helvetica, Sans-serif;
  color: #000000;
}

h2{
  font-size: 14px;
}

a{
  text-decoration: none;
  color: #0000ff;
}

a:hover{
  text-decoration: underline;
}

a:visited{
  color: #0000ff;
}

table.outer{
  border: 0px groove #0000ff;
  width: 800px;
}

/* ================================= */
/* BANNER ADS                        */
/* ================================= */
div.banners{
  border: 0px solid #0000ff;
  height: 46px;
  vertical-align: top;
  text-align: center;
  padding: 1px;
  margin: 1px;
}

div.banners img{
  border: 0px solid #000000;
}

/* ================================= */
/* HEADERS                           */
/* ================================= */
div.header{
  border: 0px solid #0000ff;
  padding: 1px;
  margin: 1px;
}

div.header img{
  border: 0px solid #000000;
}

table.headernav{
  border: 0px solid #0000ff;
  width: 100%;
}

td.buttons{
}

td.logo{
  margin: 0px;
  padding: 0px;
}

td.logo img{
  text-align: left;
}

div.hnav{
  border: 0px solid #0000ff;
  margin: 0px;
  padding: 0px;
  text-align: center;
  vertical-align: top;
}


/* ================================= */
/* FOOTERS                           */
/* ================================= */
div.footer{
  border: 0px solid #0000ff;
  vertical-align: middle;
  text-align: center;
  padding: 1px;
  margin: 1px;
}

div.footer p{
  font-size: 11px;
  vertical-align: middle;
  padding: 1px;
  margin: 1px;
}

div.footer a:hover{
  text-decoration: underline;
}

table.footersplash{
  border: 0px solid #0000ff;
}

table.footersplash td{
  vertical-align: middle;
  text-align: center;
}

div.copyright{
  border: 0px solid #0000ff;
  vertical-align: middle;
  text-align: center;
  padding: 1px;
  margin: 1px;
}

div.copyright p{
  font-size: 10px;
  color: #000000;
  padding: 1px;
  margin: 1px;
}

p.url{
  font-family: Tahoma, Arial, Helvetica, Sans-serif;
  font-size: 10px;
  font-weight: 600;
  margin: 0px;
  padding: 0px;
}

/* ================================= */
/* PAGE BODY CONTENTS                */
/* ================================= */
div.pagecontent{
  border: 0px solid #0000ff;
  padding: 1px;
  margin: 1px;
}

/* ================================= */
/* WASH DESCRIPTIONS                 */
/* ================================= */
div.washes{
  border: 0px solid #0000ff;
  padding: 7px;
  margin: 0px;
  background-color: #ffffff;
}

table.outercontent{
  width: 85%;
}

div.washes img{
  border: 0px solid #0000ff;
  padding: 0px;
  margin: 0px;
}

div.washes p{
  text-align: left;
  margin-left: 20px;
}

div.washes ul{
  text-align: left;
  margin-left: 20px;
}

/* ================================= */
/* LISTS                             */
/* ================================= */
ul{
  list-style-image: url('../graphics/droplet_plainontransparent.png');
  list-style-type: disc;
  list-style-position: outside;
  font-family: Tahoma, Arial, Helvetica, Sans-serif;
  font-size: 12px;
  color: #000000;
  margin-left: 15px;
  padding-left: 15px;
}

ol{
  list-style-type: decimal;
  font-family: Tahoma, Arial, Helvetica, Sans-serif;
  font-size: 12px;
  color: #000000;
}

/* ================================= */
/* NOTICES FORMATTING                */
/* ================================= */
div.notices{
  border: 0px solid #0000ff;
  padding: 3px;
  margin: 1px;
}

div.notices h2{
  margin-bottom: 0px;
}

div.notices p{
  margin-top: 0px;
  margin-bottom: 15px;
}

div.notices li{
  margin-bottom: 10px;
}

/* ================================= */
/* MENU FORMATTING                   */
/* ================================= */
table.menu_table{
  border: 0px solid #0000ff;
  padding: 0px;
  width: 100%;
}

div.menu_title{
  border: 0px solid #0000ff;
  margin: 0px;
  margin-bottom: 20px;
  padding: 0px;
  text-align: center;
  vertical-align: top;
}

div.menucontents{
  border: 0px solid #0000ff;
  margin: 0px;
  padding: 10px;
  background-color: #4682B4;
}

td.ul{
  width: 70px;
  vertical-align: top;
  text-align: left;
  margin: 0px;
  padding: 0px;
}

td.mid{
  vertical-align: top;
  text-align: center;
  margin: 0px;
  padding: 0px;
}

td.ur{
  width: 70px;
  vertical-align: top;
  text-align: right;
  margin: 0px;
  padding: 0px;
}

td.ll{
  width: 70px;
  vertical-align: bottom;
  text-align: left;
  margin: 0px;
  padding: 0px;
}

td.lr{
  width: 70px;
  vertical-align: bottom;
  text-align: right;
  margin: 0px;
  padding: 0px;
}

td.left{
  width: 25px;
  vertical-align: top;
  text-align: left;
  padding-left: 2px;
}

td.right{
  width: 25px;
  vertical-align: top;
  text-align: center;
  padding-right: 2px;
}

td.spine{
  width: 20px;
  background-color: #ffffff;
  background-image: url('../graphics/background_spinering.png');
  background-repeat: repeat-y;
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
}

td.spine div{
  width: 20px;
  white-space: nowrap;
}

td.content{
  vertical-align: top;
}

/* ================================= */
/* SIDE ORDER DESCRIPTIONS           */
/* ================================= */

table.sintro{
  border: 0px solid #0000ff;
  padding: 0px;
}

p.sintro{
  border: 0px solid #0000ff;
  font-family: Tahoma, Arial, Helvetica, Arial, Sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #4682B4;
  text-align: left;
  width: 500px;
  margin: 0px;
  padding: 2px;
}

table.sideholder{
  border: 0px solid #0000ff;
  padding: 5px;
  width: 60% /* Keeps outer side orders table narrow enuff to look right */
}

table.sideholder td{
  vertical-align: top;
}

table.side{
}

td.sdesc{
  padding: 5px;
}

td.simg{
  vertical-align: top;
  text-align: center;
}

/* Individual side div */
div.side{
  border: 1px solid #4682B4;
  padding: 0px;
  margin: 6px;
  vertical-align: top;
}

div.side p{
  margin: 0px;
  margin-left: 10px;
}

p.bi{
  font-family: Tahoma, Arial, Helvetica, Sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #000000;
}

p.ss{
  font-family: Bradley Hand ITC, Tahoma, Arial, Helvetica, Sans-serif;
  font-size: 17px;
  font-weight: 500;
}

p.ff{
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #006400;
}

p.ncs{
  font-family: Times New Roman, Tahoma, Arial, Helvetica, Sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #00008B;
}

p.vr{
  font-family: Bradley Hand ITC, Tahoma, Arial, Helvetica, Sans-serif;
  font-size: 17px;
  font-weight: 500;
  color: #A52A2A;
}

p.vi{
  font-family: Tahoma, Arial, Helvetica, Sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #000000;
}

img.tree{
  border: 0px solid #0000ff;
}

/* ================================= */
/* PAYMENT OPTIONS                   */
/* ================================= */
table.payment{
  margin-top: 5px;
  margin-bottom: 5px;
}

table.payment td.pimgs{
  width: 190px;
  vertical-align: top;
  text-align: center;
  padding: 0px;
}

table.payment td.ptxt{
  vertical-align: top;
  text-align: left;
  padding: 0px;
  padding-left: 5px;
}

td.ptxt p{
  margin: 0px;
  margin-bottom: 10px;
  padding: 0px;
}


/* ======================================== */
/* DYNAMIC TOOL TIPS                        */
/* ======================================== */
.glt-elm{
  position: absolute;
  left: 0;
  top: 0;
  width: 225px; /* Match this width with top/bottom graphic widths */
  color: #fff;
  font-family: Tahoma, Arial, Helvetica, Sans-serif;
  opacity: 0.9;
  visibility: hidden;
}

.glt-elm p{
  background: #00008B; /* Entire "sectional" background color (match to top/bottom border images) */
  margin: 0;
  padding: 0.5em;
}

.glt-elm img{
  display: block;
}

/* and this CSS for IE, if you want to use transparency: */

.glt-elm{
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}

/* Outer ToolTip table */
table.tt-outer{
  border: 0px groove #0000ff;
}

/* Inner ToolTip table */
table.tt-inner{
  border: 0px solid #0000ff;
}

td.tt-drop{
  background-image: url('../graphics/tooltip_droplet.png');
  background-repeat: no-repeat;
  width: 44px;
}

p.tt{
  border: 0px solid #0000ff;
  font-family: Tahoma, Arial, Helvetica, Sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #4682B4;
  margin: 0px;
  padding: 0px;
}


/* ======================================== */
/* LOCATION                                 */
/* ======================================== */
div.locationmap{
  border: 0px solid #0000ff;
  margin: 5px;
  padding: 5px;
}

div.locationmap img{
  border: 0px groove #0000ff;
  padding: 0px;
  margin: 0px;
}

div.locationimage{
  border: 0px solid #0000ff;
  margin: 5px;
  padding: 5px;
}

div.locationimage img{
  border: 0px groove #0000ff;
  padding: 0px;
  margin: 0px;
}

table.hoo{
  border: 1px solid #4682B4;
  width: 300px;
}

table.hoo td{
  border: 1px solid #4682B4;
  padding: 2px;
  padding-left: 7px;
  padding-right: 7px;
  text-align: center;
  vertical-align: middle;
}

table.hoo td.title{
  background-color: #4682B4;
  text-align: left;
}

table.hoo p{
  font-size: 12px;
  margin: 0px;
  padding: 0px;
}

table.hoo td.title p{
  font-size: 16px;
  font-weight: 900;
  color: #ffffff;
  margin: 0px;
  padding: 0px;
}

table.wwa{
    border: 1px solid #4682B4;
}

table.wwa td{
  border: 1px solid #4682B4;
  padding: 2px;
  padding-left: 7px;
  padding-right: 7px;
  text-align: center;
  vertical-align: middle;
}

table.wwa td.title{
  background-color: #4682B4;
  text-align: left;
}

table.wwa p{
  font-size: 12px;
  margin: 0px;
  padding: 0px;
}

table.wwa td.title p{
  font-size: 16px;
  font-weight: 900;
  color: #ffffff;
  margin: 0px;
  padding: 0px;
}

/* ======================================== */
/* ABOUT TOUCHLESS                          */
/* ======================================== */
div.touchless{
  border: 1px solid #4682B4;
  padding: 20px;
}

div.touchless p{
  margin: 0px;
  margin-bottom: 10px;
  padding: 0px;
}

div.touchless h4{
  color: #4682B4;
  margin: 0px;
  margin-top: 15px;
  padding: 0px;
}

/* ======================================== */
/* INTRO                                    */
/* ======================================== */
div.intro{
  border: 0px solid #4682B4;
  padding: 5px;
}

div.intro h1{
  font-family: Bradley Hand ITC, Tahoma, Arial, Helvetica, Sans-serif;
  font-size: 22px;
  font-weight: 900;
  color: #4682B4;
}

div.intro p{
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #4682B4;
}