﻿<style type="text/css">

p {
margin: 0;
padding: 0px;
}

body {
margin: 0;
padding: 0px;
background-color: #d3c7b4;
}


/* LABELS AND FORMS */

label {font-weight: bold }

input#name {
width: 20em; 
border: 1px solid #a1a1a1;
font: 10pt Arial, 'Trebuchet MS', Sans-Serif;
color: #361113;
}

textarea { 
width: 20em; 
height: 12em;
border: 1px solid #a1a1a1;
font: 10pt Arial, 'Trebuchet MS', Sans-Serif;
color: #361113;
}


input.button { 
width: 6em;
font: bold 12pt Arial, Sans-serif;
color: #fff;	
background: #fe0000; 
padding: 2px 3px; 
border: 1px solid #361113;
}

input#other {width 18em }


/* LABELS AND FORMS */


.leftbg {
width: 18px;
background-image: url('/images/leftbg.jpg');
background-repeat: repeat-y;
}

.rightbg {
width:18px;
background-image: url('/images/rightbg.jpg');
background-repeat: repeat-y;
}


#maingraphic {
padding: 30px 30px 30px 33px;
background-image: url('/images/maingraphic.jpg');
background-repeat: no-repeat;
height: 178px;
width: 850px;
}

#maingraphic .logo {
background-image: url('/images/logo.gif');
width: 265px;
height: 60px;
}

#maingraphic a {
cursor: hand;
}


.head {
background-image: url('/images/head_bg.jpg');
height: 57px;
width: 850px;
}

.head #tag {
position: absolute;
margin: 0px;
background-image: url('/images/head_tag.jpg');
background-repeat: no-repeat;
height: 57px;
width: 330px;
}

.footer {
margin: 0;
background-color: #332b2a;
padding: 12px 12px 12px 12px;
font-family: Arial, Tahoma, sans-serif;
font-size: 8pt;
color: #d3c7b4;
}


.footer2 {
margin: 0;
background-color: #332b2a;
padding: 12px 12px 12px 12px;
font-family: Arial, Tahoma, sans-serif;
font-size: 7pt;
color: #868686;
}

.footer #asc {
color: #868686;
text-decoration: none;
}


.footer2 #promo {
font-size: 7pt;
color: #868686;
text-decoration: none;
}

.footer a {
font-family: Arial, Tahoma, sans-serif;
font-size: 8pt;
color: #d3c7b4;
text-decoration: underline;
}

.infobar {
background-image: url('/images/infobar_bg.jpg');
height: 79px;
padding: 19px 10px 10px 20px;
}

.infobar #cell {
font-family: Arial, Tahoma, sans-serif;
font-size: 12pt;
color: #fff;
padding: 7px 18px 0px 18px;
width: 33%;
}

.infobar a {
color: #fff;
}



.main {
background-color: #fff;
}

.main #content {
padding: 30px 15px 15px 30px;
font-family: Arial, Tahoma, sans-serif;
font-size: 10pt;
color: #361113;
line-height: 18px;
}

.main h1 {
font-family: Arial, Tahoma, sans-serif;
font-size: 18pt;
font-weight: bold;
color: #fe0000;
letter-spacing: -1px;
}

.main a {
color: #fe0000;
text-decoration: underline;
}


#navbar {
width: 200px;
padding-top: 20px;
}

#navbar ul {
margin: 0px;
padding: 0px;
}

#navbar li {
list-style: none;
border-bottom: 1px solid #d8d8d8;
}

#navbar li a {
width: 200px;
display: block;
font-family: Arial, Tahoma, sans-serif;
font-size: 14pt;
font-weight: bold;
padding: 10px 0px 10px 10px;
background-color: #fff;
color: #4d3735;
text-decoration: none;
}

#navbar li a:hover {
background-color: #fe0000;
color: #fff;
}


#details {
padding: 30px 15px 15px 30px;
font-family: Arial, Tahoma, sans-serif;
font-size: 10pt;
color: #361113;
line-height: 18px;
}

#details img {
border: 5px solid #4d3735;
}

#details .content {
font-family: Arial, Tahoma, sans-serif;
font-size: 10pt;
color: #361113;
line-height: 18px;
}

#details b {
font-size: 12pt;
font-weight: bold;
}

#details li {
list-style-image: url('/images/icon_directions.gif');
font-size: 10pt;
font-weight: bold;
}

#details li a {
color: #361113;
}



th strong {
	color: #fff;
}

th {
	background-image: url('/images/row_headbg.jpg');
	background-repeat: repeat-x;
	background-color: #fff;
	width: 260px;
	height: 48px;
	padding-left: 11px;
	padding-right: 11px;
	font-size: 12pt;
	color: #fe0000;
	text-align: left;
	border-right: 1px solid #e1e1e1;
	letter-spacing: -1px;
}

td.first,th.first {
	border-left: 0px;


}
tr.row-a {
	background-image: url('/images/row_cellbg.jpg');
	background-repeat: repeat-x;
	background-color: #fff;
	width: 130px;
	height: 105px;
	font-family: Arial, Tahoma, sans-serif;
    font-size: 10pt;
    color: #575347;
}


tr.row-a li {
list-style-image: url('/images/bullet_map.gif');
}

tr.row-a a {
font-weight: bold;
text-decoration: underline;
color: #fe0000;
}



tr.row-b {
	background-image: url('/images/row_cellbg.jpg');
	background-repeat: repeat-x;
	background-color: #fff;
	border-left: 1px solid #e1e1e1;
	font-family: Arial, Tahoma, sans-serif;
    font-size: 10pt;
    color: #575347;

}


.imgborder {border: 1px solid #beb7b7 }


td.row-a {
padding: 10px;
background-image: url('/images/sizes_litebg.gif');
background-repeat: repeat-x;
background-color: #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #e1e1e1;
} 

.img { border: 1px solid #beb7b7 }

td.row-b {
padding: 5px;
background-image: url('/images/sizes_greybg.jpg');
background-repeat: repeat-x;
background-color: #575347;
width: 300px;
border-left: 1px solid #9e9a8a;
border-right: 1px solid #bf7980;
border-bottom: 1px solid #e1e1e1;
}

td.row-b #content { font-family: Arial, Tahoma, sans-serif; font-size: 10pt; color: #fff }

td.row-c {
background-color: #fe0000;
width: 150px;
border-bottom: 1px solid #e1e1e1;
border-left: 1px solid #5d0009;
}

td.row-c #content { font-family: Arial, Tahoma, sans-serif; font-size: 14pt; color: #fff; font-weight: bold; letter-spacing: -1px }


#locations {
padding: 0px 15px 0px 30px;
font-family: Arial, Tahoma, sans-serif;
font-size: 10pt;
color: #361113;
line-height: 18px;
}

#locations b {
font-size: 12pt;
font-weight: bold;
}


/* IMAGE MAP */


/* set the size of the definition list <dl> and add the background image */
#imap {
display:block; 
width:500px; 
height:288px; 
background:url(/images/map.jpg) no-repeat; 
position:relative;
}


/* set up the definition list <dt><a> to hold the background image for the hover state */
#imap a#title {
display:block; 
width:400px; 
height:0; 
padding-top:0px; 
overflow:hidden; 
position:absolute; 
left:0; 
top:0; 
background:transparent; 
cursor:hand;
}
  
/* the hack for IE pre IE6 */
* html #imap a#title {
  height:240px;
  he\ight:0;
  }

/* the <dt><a> hover style to move the background image to position 0 0 */
#imap a#title:hover {
  background-position: 0 0; 
  z-index:10;
  }

/* place the <dd>s in the correct absolute position */
#imap dd {
position:absolute; 
padding:0; 
margin:0;
}
  
#imap #downtown {
left: 85px; 
top: 68px; 
z-index:20;
}
  
#imap #brookside {
left: 119px; 
top: 190px; 
z-index:20;
}

#imap #homeoffice {
  left: 163px; 
  top: 212px; 
  z-index:20;
  }
#imap #sheridan {
  left: 262px; 
  top: 206px; 
  z-index: 20;
  }
  
  #imap #beeline {
  left: 40px; 
  top: 165px; 
  z-index: 20;
  }

  
/* style the <dd><a> links physical size and the background image for the hover */
#imap a#downtown, #imap a#brookside, #imap a#homeoffice, #imap a#sheridan {
  display:block; 
  width:40px; 
  height:40px; 
  background:transparent url() -100px -100px no-repeat; 
  text-decoration:none; 
  z-index:20;
  }
  
  
  /* style the span text so that it is not initially displayed */
#imap a span, #imap a:visited span {
  display:none;
  }
  
  
/* move the link background image to position 0 0 when hovered */
#imap a#downtown:hover, #imap a#brookside:hover, #imap a#homeoffice:hover, #imap a#sheridan:hover {
  background-position:0 0;
  }

  
  /* define the common styling for the span text */
#imap a:hover span {
  position:absolute;  
  width: 175px; 
  display:block; 
  font: 8pt Arial, Tahoma, sans-serif;
  background: #f2f0d8; 
  color: #9b2621; 
  border:1px solid #361113;
  padding:5px;
  }
  
/* the hack for IE pre IE6 */
* html #imap a:hover span {
  width:175px; w\idth:175px;
  }


/* move the span text to a common position at the bottom of the image map */
#imap a#downtown:hover span {
  left: 19px; 
  top: 26px;
  }
  
#imap a#brookside:hover span {
  left: 15px; 
  top: -65px;
  }
  
#imap a#homeoffice:hover span {
  left: 25px; 
  top: 44px;
  }
  
#imap a#sheridan:hover span {
  left: 15px; 
  top:  -90px;
  }


/* add the style for the link span text - first line */
#imap a span:first-line {
  font-weight:bold; 
  font-style:italic;
  }

  
/* IMAGE MAP */


</style>


/* ----- Customer Cart TABLES ---------- */
#awscustomertables table{margin: 1em; border-collapse: collapse;}
#awscustomertables td{ padding: .3em; border: 1px #F2F2F2 solid; }
#awscustomertables th{ padding: .3em; border: 1px #F2F2F2 solid; background: #F2F2F2; }
