body {
  margin: 3px 0 0 0;
  padding: 0;
  background-color: #EFE4D0; 
  color: white;
  font: small Arial, Helvetica, Verdana, sans-serif;
  text-align: center;
  min-width: 740px;
  }
#wrapper {
  background-color: #FFF;
  color: black;
  padding: 0;
  text-align: left;
  width: 740px;
  margin-left:auto;
  margin-right:auto;  
  }
a {
  color: #9E3421; 
  text-decoration: none;
  }
a:hover {
  text-decoration: underline;
  }

/* HEADER */
#header {
  background-color: #CB7858;
  height: 70px;
  border-bottom: 2px solid white;
  }
#header img {
  border: 0;
  }
#header img.logo {
  padding: 10px 10px 10px 12px;
  }
#header img.tagline {
  padding: 0 25px 0 29px;
  }
/* END HEADER */

/* TOP NAVIGATION */  
#nav-wrapper {
  background-color: #FFF;
  margin: 0px 0px 1px 0px;
  height: 50px;
  font-variant: small-caps;
  font-size:16px;
  text-align: left;
  }
#nav-wrapper table {
  width:740px;
  height:50px;
  border-collapse:collapse; 
  }
#nav-wrapper td {
  text-align:right;
  padding:0px;
  margin:0px;
  }  
#nav-wrapper a:link, #nav-wrapper a:visited {
  color: #FFF;
  text-decoration: none;
  text-align: right;
  margin:0px;
  }
  
   /* RUBY */  
  #nav-wrapper td.ruby {
  background-color: #9E3421;
  background-image:none;
  width: 120px;
  border-right: 2px solid white;
  }
  #nav-wrapper a.ruby {
  padding: 15px 15px 12px 0px; 
  width: 120px;
  }   
  #nav-wrapper a.ruby:hover {
  background-color: #9E3421;
  }
 /* GREEN */
  #nav-wrapper td.green {
  background-color: #418517;
  background-image:url(images/nav/nav-green.gif);
  background-repeat:no-repeat;
  width: 160px;
  border-right: 2px solid white;
  }
  #nav-wrapper a.green {
  padding: 15px 10px 17px 18px;
  width: 160px;
  }  
 /* ORANGE */ 
  #nav-wrapper td.orange {
  background-color: #D86D0B;
  background-image:url(images/nav/nav-orange.gif);
  background-repeat:no-repeat;
  width: 110px;
  border-right: 2px solid white;
  } 
  #nav-wrapper a.orange {
  padding: 15px 8px 17px 34px;
  width: 110px;
  height:50px;
  } 
 /* YELLOW */
  #nav-wrapper td.yellow {
  background-color: #DBAC0B;
  background-image:url(images/nav/nav-yellow.gif);
  background-repeat:no-repeat;
  width: 128px;
  border-right: 2px solid white;
  }
  #nav-wrapper a.yellow {
  padding: 15px 8px 17px 35px;
  width: 128px;
  } 
 /* BLUE */  
  #nav-wrapper td.blue {
  background-color: #466E8F;
  background-image:url(images/nav/nav-blue.gif);
  background-repeat:no-repeat;
  width: 100px;
  border-right: 2px solid white;
  }
  #nav-wrapper a.blue {
  padding: 15px 8px 17px 35px;
  width: 100px;
  }   
 /* RED */
  #nav-wrapper td.red {
  background-color: #BC080D;
  background-image:none;
  width: 112px;
  }
  #nav-wrapper a.red {
  padding: 15px 8px 12px 30px;
  width: 112px;
  }   
  #nav-wrapper a.red:hover {
  background-color: #BC080D;
  } 
/* END TOP NAVIGATION */  
 
/* BAR COLOURS */ 
#bar {
  margin-bottom: 1px;
  height: 25px;
  border-bottom: 1px solid #FFF;
  }
#bar .ruby {
  background-color: #9E3421;
  background-image:url(images/design/bar_ruby.gif);
  background-repeat:no-repeat;
  height: 25px;
  } 
#bar .green {
  background-color: #418517;
  background-image:url(images/design/bar_green.gif);
  background-repeat:no-repeat;
  height: 25px;
  } 
#bar .orange {
  background-color: #D86D0B;
  background-image:url(images/design/bar_orange.gif);
  background-repeat:no-repeat;
  height: 25px;
  } 
#bar .yellow {
  background-color: #E9C003;
  background-image:url(images/design/bar_yellow.gif);
  background-repeat:no-repeat;
  height: 25px;
  } 
#bar .blue {
  background-color: #466E8F;
  background-image:url(images/design/bar_blue.gif);
  background-repeat:no-repeat;
  height: 25px;
  } 
#bar .red {
  background-color: #BC080D;
  background-image:url(images/design/bar_red.gif);
  background-repeat:no-repeat;
  height: 25px;
  } 
/* END BAR COLOURS */  

/* COLUMN LAYOUTS */
#main {
  width: 100%;
  margin-top: 0;
  padding: 0;
  }
#main .twocolbgd {
  background-image:url(images/design/rightcol_bgd.gif);
  background-position: top right;
  background-repeat: repeat-y;
  }
#main2 {
  background-image: url(images/design/leftcol_bgd.gif);
  background-position: bottom left;
  background-repeat: repeat-y;
  }

/* CONTENT COLUMNS */

/* FOR LEFT AND RIGHT COLUMNS WITH CONTENT IN MIDDLE - HOME PAGE */
#content-twocol { 
  margin: 0 220px 0 246px;
  padding: 0 10px 0 10px; 
  border: 1px solid #FFF; 
  background-color: white;
  color: black;
  }
/* FOR SINGLE COLUMN WITH WIDE CONTENT */
#content-nocol {
  margin: 0;
  padding: 0 10px 0 10px; 
  border: 1px solid #FFF; 
  background-color: white;
  color: black;
  }
#content-nocol p {
  line-height: 1.4em;
  }
/* FOR LEFT HAND COLUMNS WITH CONTENT AT RIGHT */
#content-leftcol {
  margin: 0 0 0 246px;
  padding: 0 10px 0 10px; 
  border: 1px solid #FFF; 
  background-color: white;
  color: black;
  }
#content-leftcol p {
  line-height: 1.4em;
  }

/* TITLES */
h1 {  
  line-height: 1.2em;
  font-size: 1.4em;
  font-weight:bold;
  }
h1.ruby {
  color:#9E3421; 
  }
h1.green {
  color:#418517; 
  }  
h1.orange {
  color:#D86D0B; 
  }
h1.yellow {
  color:#E1B500; 
  }
h1.blue {
  color:#466E8F; 
  }
h1.red {
  color:#BC080D; 
  }  
/* END TITLES */  
  
  
/* TABLE FOR STORES LISTINGS */
table.stores {
  clear: right;
  width: 90%; 
  text-align: center;
  line-height: 1.6em;
  border-collapse: collapse;   
  }
table.stores caption {
  margin: 0;
  padding: 0.2em;
  color: #D86D0B;
  line-height: 2em;
  text-align: center;
  font-weight: bold;
  }
table.stores thead tr {
  color: white;
  background: #D86D0B;
  text-align: left;
  }
table.stores thead tr th {
  padding: 0.2em 0.2em 0.2em 0.6em;
  }
table.stores tbody td {
  padding: 0.3em 0.2em 0.3em 0.6em;
  border-bottom: 1px solid #D86D0B;
  text-align:left;
  }
table.stores tbody td.category {
  color: white;
  background: #D86D0B;
  text-align: left;
  border-bottom: none;
  font-weight:bold;
  } 
/* END TABLE FOR STORES LISTINGS */

/* HOLIDAY HOURS TABLE */
table.holiday {
  clear: right;
  width: 420px; 
  text-align: left;
  line-height: 1.2em;
  border-collapse: collapse;   
  border: 1px solid #418517;
  }
table.holiday caption {
  margin: 0;
  padding: 0.2em;
  background: #418517;
  color: #FFF;
  line-height: 1.2em;
  text-align: center;
  font-weight: bold;
  }
table.holiday tbody td {
  padding: 0.3em 0.1em 0.3em 0.5em;
  }
 table.holiday tbody td.leftholiday {
 width: 280px;
 } 
 table.holiday tbody tr.even {
   background: #EFE4D0;
   }
/* END HOLIDAY HOURS TABLE */

/* IMAGES FOR STORE LISTINGS AND OTHER CONTENT PHOTOS*/
img.storephotos {
   float:right;
   border: solid 6px #D86D0B;  
   margin: 5px;
}
img.storenoborder {
   float:right;
   border: 0;  
   margin: 5px;
}
img.yellowright {
   float:right;
   border: solid 6px #E9C003;  
   margin: 5px;
}
img.greenright {
   float:right;
   border: solid 6px #418517;  
   margin: 5px;
}
/* IMAGES FOR STORE LISTINGS AND OTHER CONTENT PHOTOS */

/* CONTACT FORM */
table.contact {
  width: 380px;
  text-align:left;
  vertical-align:top;
  padding:0;
  margin:0;
  border-collapse: collapse; 
 }
table.contact caption {
  text-align: left;
  padding: 0 0 .5em 0;
  line-height: 1.4;
  }
table.contact tr th {
  font-size:1em;
  font-weight:normal;
  padding: 0 3px 0 0;
  }
table.contact tbody td {
  padding: 0.3em 0 0.2em 0;
  text-align:left;
  }
table.contact tbody td.right {
  text-align:right;
  }
#contactform .textboxsuperwide {
  width: 280px;
  border: 1px solid #CB7858;
  }
#contactform .textboxwide {
  width: 200px;
  border: 1px solid #CB7858;
  }  
#contactform .textboxmedium {
  width: 100px;
  border: 1px solid #CB7858;
  }
#contactform .textboxshort {
  width: 40px;
  border: 1px solid #CB7858;
  }
#contactform .btn {
  border: 1px solid #000;
  background-color: #CB7858;
  color: white;
  font-size: 100%;
  }
.required {
  color:#BC080D;
  font-weight:bold;
  font-size:1.2em;
  }
/* END CONTACT FORM */

/* RIGHT SIDE BAR FOR HOME PAGE */
#rightsidebar {
  float: right;
  width: 220px;
  background-color: #FBECCD;
  color: black;
  margin: 0;	
  padding: 0;
  }
#rightsidebar .joinus {
  padding: 12px;
  }
#rightsidebar a {
  color: #9E3421; 
  text-decoration: none;
  }
#rightsidebar a:hover {
  color: #9E3421; 
  text-decoration: underline;
  }
#rightsidebar p, #rightsidebar li {
  font-size: 90%;
  line-height: 1.6em;
  }
#rightsidebar .title {
  font-weight: bold;
/*  padding-top: 20px; */
  padding-top: 15px;
  }
/* END RIGHT SIDE BAR FOR HOME PAGE */

/* LEFT SIDE BAR FOR HOME PAGE IMAGE */
#leftsidebar {
  float: left;
  width: 246px;
  background-color: #CB7858;
  color: black;
  margin: 0;
  padding: 0;
  }
#leftsidebar img {
  padding: 0;
  margin: 0;
  }
#leftsidebar .skylight {
  height: 331px;
  }
/* END LEFT SIDE BAR FOR HOME PAGE IMAGE */


/* LEFTSIDE ACCENT PHOTOS */
#leftsidebar img.ruby {
  border: 6px solid #9E3421;
  margin: 10px 10px 5px 10px;
} 
#leftsidebar img.green {
  border: 6px solid #418517;
  margin: 10px 10px 5px 10px;
} 
#leftsidebar img.orange {
  border: 6px solid #D86D0B;
  margin: 10px 10px 5px 10px;
} 
#leftsidebar img.yellow {
  border: 6px solid #E9C003;
  margin: 10px 10px 5px 10px;
} 
#leftsidebar img.blue {
  border: 6px solid #466E8F;
  margin: 10px 10px 5px 10px;
} 
#leftsidebar img.red {
  border: 6px solid #BC080D;
  margin: 10px 10px 5px 10px;
} 
/* END LEFTSIDE ACCENT PHOTOS */

/* FOOTER */
/* NOTE IE 6 FOOTER STYLES IN SEPARATE FILE */
#clearone {
 clear: both;
  height: 1px;
  background: white;
  }
#footer {
  background-color: #CB7858;
  border-top: 1px solid #FFF;
  padding: 2px;
  clear: both;
  }
#footer .creit {
  padding: 0;
  }
#footer img {
  border: 1px solid #000;
  vertical-align:middle;
  margin-bottom: 1px;
  }  
#footer a {	
  text-decoration: none;
  }
#footer .malllhours { 
  color: white;
  padding: 0 5px 0 20px;
}
/* END FOOTER */

/* BOTTOM REVERSE NAVIGATION */
#bottomnav {
  text-align:center;
  font-size: .9em;
  padding: 3px 0 3px 0;
 /* background-color:#EFE4D0;  */
  }
#bottomnav img {
  vertical-align:middle;
  }
#bottomnav a {
  color: #9E3421;
  text-decoration:none;
  padding: 0 2px 0 2px;
  }
#bottomnav a:hover {
  text-decoration:underline;
  }
/* END BOTTOM REVERSE NAVIGATION */

/* CREDIT */
#credit {
  text-align:center;
  font-size: .8em;
  padding: 10px 0 5px 0;
  background-color:#EFE4D0; 
  }
#credit a {
  color: #D49076;
  text-decoration:none;
  padding: 0 2px 0 2px;
  }
#credit a:hover {
  color: #9E3421;
  }