* {
  margin: 0; 
  padding: 0; 
  border: 0;
}

body {
  font-family: arial, sans-serif;
  text-align: center; 
  background-color: #fff;
  color: #000;
  min-width: 900px;
}

/* wrapper holds left faux column tab */
/* nn6/7 will put content out of scrollable reach if auto is used unless the min-width is on body */
#wrapper { 
  text-align: left;
  width: 80%;
  margin: 0 auto; 
  font-size: 18px;
}

#wrapper h1 {
  font-size: 28px;
  color: #a7a7a7;
  margin: 20px;  
  }

#wrapper h3 {
  font-size: 18px;
  color: #a7a7a7;
  }

#header, #footer {
  clear: both; 
  width: 100%;
}

#header {
  padding-top: 10px;
  height: 147px;
}

#innerheader {
  height: 100px;
  background-repeat: no-repeat;
}


#contentfloatholder {/* right faux column tab */
  background: url(sidebar.gif) repeat-y 100% 0;
  float: left;
  width: 100%;
}


#contentfloatholder:after {
 /* this is for NN6 to clear floats */
    content: "."; 
    display: block; 
		height: 0px;
    clear: both; 
    visibility: hidden;
}

#center {
  margin: 0 185px 0 185px;
}

#centerwrap {
  float:left;
  width: 100%; 
	margin: 0 -95% 0 0;
}

#left {
  float:left;
  width: 180px;
  margin: 0 0 0 -5%;
}

#right {
  float:right;
  width: 180px;
	margin: 0;
}

/************* IE Mac CSS Only  works for Win too **************/
* html div#centerwrap {margin: 0 -100% 0 0;}
* html div#left {margin: 0;}

div h3, div p {
  margin: 1em 0;
  padding: 0 20px; 
}

/*************************************************************/
/*************************************************************/

body {
  margin: .5em;
}

#header {
  background-image: url("../images/capers_logo_and_stripe2.gif");
  background-repeat: no-repeat;
  /*border-bottom: 1px solid #000000;
  border-top: 1px solid #000000;*/
}

#innerheader {
  margin-top: 26px;
  margin-left: 360px;
}

#footer {
  border: 1px solid #000000;
  background-color: #e0e0e0;
}

#centerwrap {
  margin-top: -30px;
}

#jdreamsbox {
}

.jdreamstext {
  font-size: 50%;
}

.jdreamstext a {
  color: #000000;
}

#anytime  {
  background-color: #fffc0c;
  border: 1px solid #e02c09;
  text-align: center;
  margin-top: 1em;
  padding-bottom: .25em;
}

#anytime p{
  margin: 0px;  
}

.bigred {
  color: #e02c09;
  font-size: 120%;
}

.smallblack {
  color: #000000;
  font-size: 80%;
}

.servicelisthead {
  margin: 0.5em;
  text-align: center;
  font-style: italic;
}

.servicelist {
  margin: 0px;
  font-size: 80%;
  text-align: center;
}

.servicelist a {
  text-decoration: none;
}

.branch {
  border: 3px solid #a7a7a7;
  background-color: #a7a7a7;
  margin: 0em 3em .5em 3em;
  max-width: 500px;
  min-width: 300px;
}

.branchheader {
  border: 1px solid #000000;
  background-color: #e02c09;
  color: #a7a7a7;
}

.branchdetail {
  margin: .5em 0em .5em 0em;
}

.branchlocation {
  margin: .25em;
}

.branchlead , .branchdata, .branchlink{
  font-size: 85%;
  margin: 0em;
}

.branchlead {
  color: #ffffff;
  font-weight: bold;
}

.branchlink {
  margin-top: .5em;
}

.branchlink a {
  text-decoration: none;
  color: blue;
}

.branchmaplink {
  float: right;
  padding: 0px;
  margin-right: 5px;
  text-align: center;
  font-size: 50%;
}

.branchmaplink img {
  margin: 0px;
  padding: 0px;
}

.branchmaplink p {
  padding: 3px;
  margin: 0px;
}

.branchdetail a {
  font-size: 75%;
}

.outletlist {
  padding: 0;
  margin: 0 0 0 2em;
}

.contactpage {
  font-size: 75%;
}

#ironingpic {
  float: right;
}

form {
  border: 1px solid #ffffff;
  background-image: url("../images/formbackground_2765c1.png");
  width:90%;
  color: #ffff00;
  line-height: 1.5em;
  margin-left: 20px;
  }

label {
  font-weight: bold;
  display:block;
  }
  
#comments {
  width: 100%;
}

.warning {
  color:#f00;
  font-weight:bold;
  }