/*
  CSS for Advantage Restoration website 
  created May 12, 2005
  last modified August 5, 2005
  
  internal styles:
    manufacturers.html- centering in td for table of logos
	staff.html - padding for cells and table
*/

/*size of whole page*/
#content
{
  width: 900px;
}
*html #content
{
  width: 950px;
}

/*whole left side of page, has buttons and bottom dotted line*/
#buttons
{
  width: 180px;
  float: left;
  padding: 43px 0px 0px 3px; /*top, right, bottom, left*/
}

/*where all the main content goes*/
#main
{
  width: 700px;
  float: left;
}

/*table columns on page ie index- next three*/
#middle
{
  width: 700px;
}
/*hack for ie browsers to fix width/padding issues*/
* html #middle  /* this is recognized by IE only */
{
  width: 765px;  /* total width, only for IE5.x/Win */
  w\idth: 765px; /* content width for other IE */
}

#middleLeft
{
  width: 319px;
  float: left;
  padding: 0px 15px 0px 15px;
}
/*hack for ie*/
* html #middleLeft
{
  width: 349px;/*width plus padding*/
}

#middleRight
{
  width: 309px;
  float: left;
  padding: 0px 0px 0px 15px;
}
/*hack for ie*/
* html #middleRight
{
  width: 349px;
}

 /*for the index page*/
#middleLeftBorder
{
  width: 319px;
  float: left;
  padding: 0px 15px 0px 15px;
  text-align: right;
}
/*hack for ie*/
* html #middleLeftBorder
{
  width: 349px;/*width plus padding*/
}
	
#middleRightBorder
{
  width: 309px;
  float: left;
  border-left: 1px solid;
  padding: 0px 25px 0px 15px;
  text-align: center;
}
/*hack for ie*/
* html #middleRightBorder
{
  width: 349px;
}

/*in main div tag under left and right divisions*/
#middleBottom
{
  width: 700px;
  float: left;
  padding: 0px, 0px, 0px, 0px;
}

/*area for bottom navigation and copyright*/
#bottom
{
  width: 700px; 
  float: left;
  padding: 5px 0px 0px 0px;
}

/*table for addy at bottom - next three*/
#address
{
  width: 655px;
  float: left; /*added to keep address part below copyright info*/
  padding: 10px 0px 0px 45px;
}
* html #address
{
  width: 700px;
}

#addressLeft
{
  float: left;
  width: 185px;
  padding: 0px 0px 20px 15px;
  text-align: center;
}
*html #addressLeft
{
  width: 200px;
}

#addressRight
{
  float: left;
  width: 200px;
  padding: 0px 0px 10px 0px;
  text-align: center;
}
*html #addressRight
{
  width: 200px;
}

/*specials divs*/
/*div for contact.php - middleContact, middleLeftContact and middleRightContact*/
#middleLeftContact
{
  width: 110px;
  float: left;
  padding: 0px 5px 0px 0px;
  margin: -10px 0px 15px 0px;/*control spacing b/t q's, must be same in middleRightContact*/
  text-align: right;
  line-height: 16.5pt; 
}
/*hack for ie*/
* html #middleLeftContact
{
  width: 115px;/*width plus padding*/
}

#middleRightContact
{
  width: 585px;
  margin: -10px 0px 15px 0px;/*control spacing b/t q's, must be same in middleLeftContact*/
  float: left;
  text-align: left;
}
/*hack for ie*/
* html #middleRightContact
{
  width: 585px;
}

/*end of #'s*/

body
{
  background-image: url(images/back.gif); /*blue stripe*/
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

p
{
  font-size: 10pt;
}

table
{
  font-size: 10pt;
}
* html table  /* this is recognized by IE only */
{
  width: 744px;  /* total width, only for IE5.x/Win */
  w\idth: 700px; /* content width for other IE */
}

tr
{
}

td
{
  padding: 0px 3px 2px 5px;
}

/*for table column headers*/
.header
{
  background-color: #000000; /*black*/
  color: #FFFFFF; /*white*/
  font-weight: bold;
}

/*for table rows that are grey color - every other row*/
.greyRow
{
  background-color: #CCCCCC;
}

ul
{
}

/*for list within a list or small text*/
ul.small
{
  font-size: 10pt;
}

/*for image tags*/
img
{
  border: 0;
}

/*for navigation buttons*/
img.navButton
{
  padding: 3px; /*puts extra space around button*/
}
* html img.navButton
{
  margin: .1em;
}

/*logo under advantage graphic - index page*/
.logo
{
  font-size: 10pt;
  color: rgb(225, 57, 62);
  font-family: Times New Roman, Times, serif;
  font-weight: bold;
  text-align: center;
  padding: 10px 0px 0px 0px;
}

/*for title of the page or sections*/
.title
{
  font-size: 12pt;
  font-weight: bold;
}

/*for name of product on product pages*/
.productTitle
{
  text-align: center;
  font-size: 10pt;
  font-weight: bold;
}

/*for big blocks of text*/
.blockText
{
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 10pt;
}

/*for disclaimers - such pages as rental, schools, products*/
.disclaimerCenter
{
  font-size: 8pt;
  text-align: center;
}
.disclaimer
{  
  font-size: 8pt;
  text-align: left;
}

/*for navigation links that aren't buttons*/
.navigation
{
  font-size: 7pt;
  text-align: center;
  line-height: 16pt;
}

/*for text at bottom of page - includes email, copyright*/
.footer
{
  font-size: 7pt;
  text-align: center;
}

/*addresses at bottom of page*/
.address
{
  font-size: 7pt;
  text-align: center;
}

/*the next 3 are for customer quotes - cube truck page*/
.customerName
{
  font-size: 12pt;
  font-weight: bold;
}

.customerCompany
{
  font-size: 10pt;
  font-weight: bold;
}

.customerQuote
{
  font-style: italic;
  margin: -10px 0px 0px 15px;
}

/*next 2 are for staff - staff page*/
.staffName
{
}

.staffTitle
{
  font-size: 11pt;
  font-style: italic;
}

/*next 3 are for trucks - for sale page*/
.truckName
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13pt;
  font-weight: bold;
}

.truckPrice
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13pt;
}
/*for the table in the for sale page*/  
.forsale
{
  vertical-align: top;
  padding: 0px 10px 0px 0px;
}

/*makes anything bold*/
.bold
{
  font-weight: bold;
}

/*makes anything left aligned*/
.leftAligned
{
  text-align: left;
}

.center
{
  text-align: center;
}

.vertAlign
{
  vertical-align: top;
}

.bottomAlign
{
  vertical-align: bottom;
}

/*for error msg on contact page*/
.error
{
  color: #FF0000; /*red*/
}